Adding personal fields to register form

motorradig/.idea/workspace.xml

@@ -2,23 +2,11 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="eed7de89-f054-487c-bf59-36356758942b" name="Default Changelist" comment="">
-      <change afterPath="$PROJECT_DIR$/public/upload/images/Ordner1/bild1.png" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/public/upload/images/DemoOrdner/bild1.png" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/public/upload/images/Ordner1/thumbnail/bild1.png" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/public/upload/images/DemoOrdner/thumbnail/bild1.png" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/js/Icon.js" beforeDir="false" afterPath="$PROJECT_DIR$/public/js/Icon.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/public/js/app.js" beforeDir="false" afterPath="$PROJECT_DIR$/public/js/app.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/upload/images/Superordner/Rabbit-1.gif" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/resources/js/views/auth/Register.vue" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/views/auth/Register.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/upload/images/Superordner/portrait.jpg" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/upload/images/Superordner/portrait2.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/upload/images/Superordner/thumbnail/Rabbit-1.gif" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/upload/images/Superordner/thumbnail/portrait.jpg" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/upload/images/Superordner/thumbnail/portrait2.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/upload/images/Superordner2/Roblox_Dropper.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/upload/images/Superordner2/thumbnail/Roblox_Dropper.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/upload/images/Superordner3/Shell B.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/upload/images/Superordner3/thumbnail/Shell B.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/resources/js/views/Gallery.vue" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/views/Gallery.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/resources/js/views/UserList.vue" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/views/UserList.vue" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -257,7 +245,7 @@
       <workItem from="1581857706961" duration="672000" />
       <workItem from="1582013508305" duration="204000" />
       <workItem from="1582103369899" duration="6548000" />
-      <workItem from="1584173868448" duration="2604000" />
+      <workItem from="1584173868448" duration="6708000" />
     </task>
     <servers />
   </component>

motorradig/public/js/app.js

@@ -2899,6 +2899,67 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
@@ -32707,6 +32768,34 @@ var render = function() {
               ])
             ]),
             _vm._v(" "),
+            _c("div", { staticClass: "field" }, [
+              _c("label", { staticClass: "label" }, [_vm._v("Vorname")]),
+              _vm._v(" "),
+              _c("div", { staticClass: "control" }, [
+                _c("input", {
+                  directives: [
+                    {
+                      name: "model",
+                      rawName: "v-model",
+                      value: _vm.name,
+                      expression: "name"
+                    }
+                  ],
+                  staticClass: "input",
+                  attrs: { type: "text", placeholder: "Text input" },
+                  domProps: { value: _vm.name },
+                  on: {
+                    input: function($event) {
+                      if ($event.target.composing) {
+                        return
+                      }
+                      _vm.name = $event.target.value
+                    }
+                  }
+                })
+              ])
+            ]),
+            _vm._v(" "),
             _c("div", { staticClass: "field" }, [
               _c("label", { staticClass: "label" }, [_vm._v("Email")]),
               _vm._v(" "),
@@ -32751,10 +32840,22 @@ var render = function() {
               ])
             ]),
             _vm._v(" "),
+            _vm._m(2),
+            _vm._v(" "),
+            _vm._m(3),
+            _vm._v(" "),
+            _vm._m(4),
+            _vm._v(" "),
+            _vm._m(5),
+            _vm._v(" "),
+            _vm._m(6),
+            _vm._v(" "),
+            _vm._m(7),
+            _vm._v(" "),
+            _vm._m(8),
+            _vm._v(" "),
             _c("div", { staticClass: "field" }, [
-              _c("label", { staticClass: "label", attrs: { for: "" } }, [
+              _c("label", { staticClass: "label" }, [_vm._v("Password")]),
-                _vm._v("Password")
-              ]),
               _vm._v(" "),
               _c("div", { staticClass: "control has-icons-left" }, [
                 _c("input", {
@@ -32819,7 +32920,7 @@ var render = function() {
               ])
             ]),
             _vm._v(" "),
-            _vm._m(2)
+            _vm._m(9)
           ])
         ])
       ]
@@ -32843,6 +32944,90 @@ var staticRenderFns = [
       _c("i", { staticClass: "fa fa-warning" })
     ])
   },
+  function() {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "field" }, [
+      _c("label", { staticClass: "label" }, [_vm._v("Strasse")]),
+      _vm._v(" "),
+      _c("div", { staticClass: "control" }, [
+        _c("input", { staticClass: "input", attrs: { type: "text" } })
+      ])
+    ])
+  },
+  function() {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "field" }, [
+      _c("label", { staticClass: "label" }, [_vm._v("PLZ")]),
+      _vm._v(" "),
+      _c("div", { staticClass: "control" }, [
+        _c("input", { staticClass: "input", attrs: { type: "text" } })
+      ])
+    ])
+  },
+  function() {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "field" }, [
+      _c("label", { staticClass: "label" }, [_vm._v("Stadt")]),
+      _vm._v(" "),
+      _c("div", { staticClass: "control" }, [
+        _c("input", { staticClass: "input", attrs: { type: "text" } })
+      ])
+    ])
+  },
+  function() {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "field" }, [
+      _c("label", { staticClass: "label" }, [_vm._v("TelNr")]),
+      _vm._v(" "),
+      _c("div", { staticClass: "control" }, [
+        _c("input", { staticClass: "input", attrs: { type: "text" } })
+      ])
+    ])
+  },
+  function() {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "field" }, [
+      _c("label", { staticClass: "label" }, [_vm._v("IBAN")]),
+      _vm._v(" "),
+      _c("div", { staticClass: "control" }, [
+        _c("input", { staticClass: "input", attrs: { type: "text" } })
+      ])
+    ])
+  },
+  function() {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "field" }, [
+      _c("label", { staticClass: "label" }, [_vm._v("BIC")]),
+      _vm._v(" "),
+      _c("div", { staticClass: "control" }, [
+        _c("input", { staticClass: "input", attrs: { type: "text" } })
+      ])
+    ])
+  },
+  function() {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", { staticClass: "field" }, [
+      _c("label", { staticClass: "label" }, [_vm._v("Motorrad")]),
+      _vm._v(" "),
+      _c("div", { staticClass: "control" }, [
+        _c("input", { staticClass: "input", attrs: { type: "text" } })
+      ])
+    ])
+  },
   function() {
     var _vm = this
     var _h = _vm.$createElement

motorradig/resources/js/views/auth/Register.vue

@@ -12,6 +12,14 @@
                         <input v-model="name" class="input" type="text" placeholder="Text input">
                     </div>
                 </div>
+
+                <div class="field">
+                    <label class="label">Vorname</label>
+                    <div class="control">
+                        <input v-model="name" class="input" type="text" placeholder="Text input">
+                    </div>
+                </div>
+
                 <div class="field">
                     <label class="label">Email</label>
                     <div class="control has-icons-left has-icons-right">
@@ -25,8 +33,61 @@
                     </div>
                     <p class="help is-danger">This email is invalid</p>
                 </div>
+
+
+
+
                 <div class="field">
-                    <label for="" class="label">Password</label>
+                    <label class="label">Strasse</label>
+                    <div class="control">
+                        <input  class="input" type="text">
+                    </div>
+                </div>
+
+                <div class="field">
+                    <label class="label">PLZ</label>
+                    <div class="control">
+                        <input  class="input" type="text">
+                    </div>
+                </div>
+
+                <div class="field">
+                    <label class="label">Stadt</label>
+                    <div class="control">
+                        <input  class="input" type="text">
+                    </div>
+                </div>
+
+                <div class="field">
+                    <label class="label">TelNr</label>
+                    <div class="control">
+                        <input  class="input" type="text">
+                    </div>
+                </div>
+
+                <div class="field">
+                    <label class="label">IBAN</label>
+                    <div class="control">
+                        <input  class="input" type="text">
+                    </div>
+                </div>
+
+                <div class="field">
+                    <label class="label">BIC</label>
+                    <div class="control">
+                        <input  class="input" type="text">
+                    </div>
+                </div>
+
+                <div class="field">
+                    <label class="label">Motorrad</label>
+                    <div class="control">
+                        <input  class="input" type="text">
+                    </div>
+                </div>
+
+                <div class="field">
+                    <label class="label">Password</label>
                     <div class="control has-icons-left">
                         <input v-model="password" type="password" placeholder="*******" class="input" required>
                     </div>