go list student after edit student

Author: tanhongit

public/js/app.js

@@ -2131,6 +2131,7 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
@@ -2150,43 +2151,51 @@ __webpack_require__.r(__webpack_exports__);
   },
   methods: {
     saveStudent: function saveStudent() {
+      var _this = this;
+
       axios.post("save_student", {
         name: this.name,
         email: this.email,
         phone: this.phone
+      }).then(function (response) {
+        _this.getResults(); //show list student after add
+
       });
     },
     // Our method to GET results from a Laravel endpoint
     getResults: function getResults() {
-      var _this = this;
+      var _this2 = this;
 
       var page = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
       axios.get("all_students/?page=" + page).then(function (response) {
         console.log(response.data);
-        _this.students = response.data;
+        _this2.students = response.data;
       });
     },
     // create method edit student
     editStudent: function editStudent(id) {
-      var _this2 = this;
+      var _this3 = this;
 
       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;
+        _this3.id = response.data.id;
+        _this3.edit_name = response.data.name;
+        _this3.edit_email = response.data.email;
+        _this3.edit_phone = response.data.phone;
       });
     },
     updateStudent: function updateStudent() {
+      var _this4 = this;
+
       console.log(this.id);
       axios.put("update_student", {
         id: this.id,
         name: this.edit_name,
         email: this.edit_email,
         phone: this.edit_phone
       }).then(function (response) {
-        return console.log(response);
+        _this4.getResults(); //show list student after update
+
       });
     }
   }
@@ -38798,8 +38807,8 @@ var render = function() {
                   _c(
                     "button",
                     {
-                      staticClass: "btn btn-primary",
-                      attrs: { type: "button" },
+                      staticClass: "btn btn-success",
+                      attrs: { type: "button", "data-dismiss": "modal" },
                       on: {
                         click: function($event) {
                           $event.preventDefault()

resources/js/components/CreateComponent.vue

@@ -161,8 +161,9 @@
               </button>
               <button
                 type="button"
+                data-dismiss="modal"
                 v-on:click.prevent="updateStudent"
-                class="btn btn-primary"
+                class="btn btn-success"
               >
                 Save changes
               </button>
@@ -196,11 +197,15 @@ export default {
   },
   methods: {
     saveStudent() {
-      axios.post("save_student", {
-        name: this.name,
-        email: this.email,
-        phone: this.phone,
-      });
+      axios
+        .post("save_student", {
+          name: this.name,
+          email: this.email,
+          phone: this.phone,
+        })
+        .then((response) => {
+          this.getResults(); //show list student after add
+        });
     },
 
     // Our method to GET results from a Laravel endpoint
@@ -229,7 +234,9 @@ export default {
           email: this.edit_email,
           phone: this.edit_phone,
         })
-        .then((response) => console.log(response));
+        .then((response) => {
+          this.getResults(); //show list student after update
+        });
     },
   },
 };