allow use of custom form components, add textarea component, add checkbox input, use more absolute imports

src/views/forms/login.vue

@@ -18,11 +18,13 @@
 
 <script>
 import MyForm from "components/my-form";
+import MyInput from "components/my-input";
 
 export default {
     name: "LoginForm",
     components: {
-        MyForm
+        MyForm,
+        MyInput
     },
     data() {
         return {
@@ -30,18 +32,24 @@ export default {
             password: "",
             elements: {
                 username: {
-                    placeholder: "Benutzername",
+                    element: MyInput,
                     icon: "icon-user",
-                    type: "text",
                     required: true,
-                    requiredMessage: "Der Benutzername wird benötigt!"
+                    requiredMessage: "Der Benutzername wird benötigt!",
+                    props: {
+                        type: "text",
+                        placeholder: "Benutzername"
+                    }
                 },
                 password: {
-                    placeholder: "Passwort",
+                    element: MyInput,
                     icon: "icon-key",
-                    type: "password",
                     required: true,
-                    requiredMessage: "Das Passwort wird benötigt!"
+                    requiredMessage: "Das Passwort wird benötigt!",
+                    props: {
+                        type: "password",
+                        placeholder: "Passwort"
+                    }
                 }
             },
             buttons: [{
@@ -115,7 +123,6 @@ export default {
     }
 
     .logo{
-        .clearfix();
         line-height:0; margin-bottom:15px; text-align:center;
         img {width:100%; max-width:72px;}
     }