create update

Author: tanhongit

public/js/app.js

@@ -2131,8 +2131,6 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
@@ -2142,7 +2140,8 @@ __webpack_require__.r(__webpack_exports__);
       phone: "",
       edit_name: "",
       edit_email: "",
-      edit_phone: ""
+      edit_phone: "",
+      id: ''
     };
   },
   mounted: function mounted() {
@@ -2173,10 +2172,14 @@ __webpack_require__.r(__webpack_exports__);
 
       axios.get("edit_student/" + id).then(function (response) {
         console.log(response.data);
+        _this2.id = response.data.id;
         _this2.edit_name = response.data.name;
         _this2.edit_email = response.data.email;
         _this2.edit_phone = response.data.phone;
       });
+    },
+    updateStudent: function updateStudent() {
+      console.log(this.id);
     }
   }
 });
@@ -38687,8 +38690,8 @@ var render = function() {
             _c("div", { staticClass: "modal-content" }, [
               _vm._m(1),
               _vm._v(" "),
-              _c("div", { staticClass: "modal-body" }, [
-                _c("form", [
+              _c("form", [
+                _c("div", { staticClass: "modal-body" }, [
                   _c("div", { staticClass: "form-group" }, [
                     _c("label", { attrs: { for: "exampleInputEmail1" } }, [
                       _vm._v("Name")
@@ -38771,26 +38774,35 @@ var render = function() {
                         }
                       }
                     })
-                  ]),
+                  ])
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "modal-footer" }, [
+                  _c(
+                    "button",
+                    {
+                      staticClass: "btn btn-secondary",
+                      attrs: { type: "button", "data-dismiss": "modal" }
+                    },
+                    [_vm._v("\n              Close\n            ")]
+                  ),
                   _vm._v(" "),
                   _c(
                     "button",
                     {
                       staticClass: "btn btn-primary",
-                      attrs: { type: "submit" },
+                      attrs: { type: "button" },
                       on: {
                         click: function($event) {
                           $event.preventDefault()
-                          return _vm.saveStudent($event)
+                          return _vm.updateStudent($event)
                         }
                       }
                     },
-                    [_vm._v("\n              Submit\n            ")]
+                    [_vm._v("\n              Save changes\n            ")]
                   )
                 ])
-              ]),
-              _vm._v(" "),
-              _vm._m(2)
+              ])
             ])
           ]
         )
@@ -38841,27 +38853,6 @@ var staticRenderFns = [
         [_c("span", { attrs: { "aria-hidden": "true" } }, [_vm._v("×")])]
       )
     ])
-  },
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", { staticClass: "modal-footer" }, [
-      _c(
-        "button",
-        {
-          staticClass: "btn btn-secondary",
-          attrs: { type: "button", "data-dismiss": "modal" }
-        },
-        [_vm._v("\n            Close\n          ")]
-      ),
-      _vm._v(" "),
-      _c(
-        "button",
-        { staticClass: "btn btn-primary", attrs: { type: "button" } },
-        [_vm._v("Save changes")]
-      )
-    ])
   }
 ]
 render._withStripped = true

resources/js/components/CreateComponent.vue

@@ -121,8 +121,8 @@
               <span aria-hidden="true">&times;</span>
             </button>
           </div>
-          <div class="modal-body">
-            <form>
+          <form>
+            <div class="modal-body">
               <div class="form-group">
                 <label for="exampleInputEmail1">Name</label>
                 <input
@@ -150,26 +150,24 @@
                   placeholder="Enter Phone"
                 />
               </div>
-
+            </div>
+            <div class="modal-footer">
               <button
-                type="submit"
-                v-on:click.prevent="saveStudent"
+                type="button"
+                class="btn btn-secondary"
+                data-dismiss="modal"
+              >
+                Close
+              </button>
+              <button
+                type="button"
+                v-on:click.prevent="updateStudent"
                 class="btn btn-primary"
               >
-                Submit
+                Save changes
               </button>
-            </form>
-          </div>
-          <div class="modal-footer">
-            <button
-              type="button"
-              class="btn btn-secondary"
-              data-dismiss="modal"
-            >
-              Close
-            </button>
-            <button type="button" class="btn btn-primary">Save changes</button>
-          </div>
+            </div>
+          </form>
         </div>
       </div>
     </div>
@@ -188,6 +186,8 @@ export default {
       edit_name: "",
       edit_email: "",
       edit_phone: "",
+
+      id: '',
     };
   },
   mounted() {
@@ -214,11 +214,15 @@ export default {
     editStudent(id) {
       axios.get("edit_student/" + id).then((response) => {
         console.log(response.data);
+        this.id = response.data.id;
         this.edit_name = response.data.name;
         this.edit_email = response.data.email;
         this.edit_phone = response.data.phone;
       });
     },
+    updateStudent(){
+      console.log(this.id);
+    },
   },
 };
 </script>