send Api Ok

public/0.js

@@ -210,7 +210,7 @@ __webpack_require__.r(__webpack_exports__);
 
 exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
 // Module
-exports.push([module.i, "\n.WM-Border[data-v-308d838e] {\r\n    border: 1px solid;\n}\n.WM-Border-Black[data-v-308d838e] {\r\n  border-color: #2f353b !important;\n}\n.WM-Border-Gray[data-v-308d838e] {\r\n  border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-308d838e] {\r\n  background-color : #F5F5F5;\n}\n.WM-Relative[data-v-308d838e] {\r\n    position: relative;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-308d838e] {\r\n    top: -25px !important;\n}\r\n", ""]);
+exports.push([module.i, "\n.WM-Border[data-v-308d838e] {\n    border: 1px solid;\n}\n.WM-Border-Black[data-v-308d838e] {\n  border-color: #2f353b !important;\n}\n.WM-Border-Gray[data-v-308d838e] {\n  border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-308d838e] {\n  background-color : #F5F5F5;\n}\n.WM-Relative[data-v-308d838e] {\n    position: relative;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-308d838e] {\n    top: -25px !important;\n}\n", ""]);
 
 
 

public/1.js

@@ -137,7 +137,7 @@ __webpack_require__.r(__webpack_exports__);
 
 exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
 // Module
-exports.push([module.i, "\n.WM-ActionButton[data-v-1305c16e] {\r\n  padding : 8px 22px;\n}\r\n\r\n", ""]);
+exports.push([module.i, "\n.WM-ActionButton[data-v-1305c16e] {\n  padding : 8px 22px;\n}\n\n", ""]);
 
 
 

public/10.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************!*\
+/*!*********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************/
+  \*********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -96,36 +96,62 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      username: '',
+      headers: [{
-      gender: '',
+        sortable: true,
-      cellnumber: '',
+        text: 'Operator',
-      emailaddress: '',
+        value: 'operator'
-      address: '',
+      }, {
-      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4'] // const Info = Object.freeze({
+        sortable: true,
-      //   username:'',
+        text: 'Date',
-      //   cellnumber:'',
+        value: 'date'
-      //   emailaddress:'',
+      }, {
-      //   address:''
+        sortable: true,
-      //   gender:0
+        text: 'Hospital',
-      // })
+        value: 'hospital'
-      // return {
+      }, {
-      //   InfoForm : Object.assign({} ,Info),
+        sortable: true,
-      //   Info
+        text: 'Action',
-      // }
+        value: 'action',
-
+        align: 'right'
+      }],
+      items: [{
+        name: 'Fatemeh Shokouhi',
+        date: '12/05/1397',
+        operator: 'Shahid Beheshti',
+        action: ''
+      }, {
+        name: 'Fatemeh Fayyazi',
+        date: '12/05/1397',
+        operator: 'Emam Reza',
+        action: ''
+      }]
     };
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true&":
-/*!********************************************************************************************************************************************************************************************************************!*\
+/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true& ***!
-  \********************************************************************************************************************************************************************************************************************/
+  \*************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -138,242 +164,289 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
+    "v-container",
+    { attrs: { "grid-list-xs": "" } },
     [
       _c(
-        "v-container",
+        "material-card",
-        { attrs: { "grid-list-xs": "", fluid: "" } },
+        { attrs: { color: "black", title: "Member List" } },
         [
           _c(
-            "material-card",
+            "v-layout",
-            { attrs: { color: "black", title: "My Info" } },
+            {
+              staticClass: "px-5 mb-3",
+              attrs: { "align-center": "", "justify-center": "", wrap: "" }
+            },
             [
               _c(
-                "v-layout",
+                "v-flex",
-                {
+                { attrs: { xs12: "", md3: "", sm3: "" } },
-                  staticClass: "px-5 my-3",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                },
                 [
-                  _c(
+                  _c("v-text-field", {
-                    "v-flex",
+                    staticClass: "pa-2",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    attrs: {
-                    [
+                      color: "black",
-                      _c("v-text-field", {
+                      name: "name",
-                        staticClass: "pa-2",
+                      label: "Name",
-                        attrs: {
+                      id: "id1"
-                          name: "username",
+                    }
-                          label: "User Name",
+                  })
-                          color: "black",
-                          id: "id1"
-                        },
-                        model: {
-                          value: _vm.username,
-                          callback: function($$v) {
-                            _vm.username = $$v
-                          },
-                          expression: "username"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-select", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          items: _vm.items,
-                          label: "Gender",
-                          name: "gender",
-                          "single-line": "",
-                          id: "id3",
-                          color: "black"
-                        },
-                        model: {
-                          value: _vm.gender,
-                          callback: function($$v) {
-                            _vm.gender = $$v
-                          },
-                          expression: "gender"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "cellnumber",
-                          label: "Cell Number",
-                          color: "black",
-                          id: "id2"
-                        },
-                        model: {
-                          value: _vm.cellnumber,
-                          callback: function($$v) {
-                            _vm.cellnumber = $$v
-                          },
-                          expression: "cellnumber"
-                        }
-                      })
-                    ],
-                    1
-                  )
                 ],
                 1
               ),
               _vm._v(" "),
               _c(
-                "v-layout",
+                "v-flex",
-                {
+                { attrs: { xs12: "", md3: "", sm3: "" } },
-                  staticClass: "px-5 mb-3",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                },
                 [
-                  _c(
+                  _c("v-text-field", {
-                    "v-flex",
+                    staticClass: "pa-2",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    attrs: {
-                    [
+                      color: "black",
-                      _c("v-text-field", {
+                      name: "date",
-                        staticClass: "px-2",
+                      label: "Date",
-                        staticStyle: { "padding-top": "75px" },
+                      id: "id2"
-                        attrs: {
+                    }
-                          name: "emailaddress",
+                  })
-                          label: "Email Address",
-                          id: "id4",
-                          color: "black"
-                        },
-                        model: {
-                          value: _vm.emailaddress,
-                          callback: function($$v) {
-                            _vm.emailaddress = $$v
-                          },
-                          expression: "emailaddress"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm8: "", md8: "" } },
-                    [
-                      _c("v-textarea", {
-                        staticClass: "pa-2",
-                        attrs: { color: "black", name: "address" },
-                        scopedSlots: _vm._u([
-                          {
-                            key: "label",
-                            fn: function() {
-                              return [
-                                _c("div", [
-                                  _vm._v(
-                                    "\n                Address\n              "
-                                  )
-                                ])
-                              ]
-                            },
-                            proxy: true
-                          }
-                        ]),
-                        model: {
-                          value: _vm.address,
-                          callback: function($$v) {
-                            _vm.address = $$v
-                          },
-                          expression: "address"
-                        }
-                      })
-                    ],
-                    1
-                  )
                 ],
                 1
               ),
               _vm._v(" "),
               _c(
-                "v-layout",
+                "v-flex",
-                {
+                { attrs: { xs12: "", md3: "", sm3: "" } },
-                  attrs: {
+                [
-                    row: "",
+                  _c("v-text-field", {
-                    wrap: "",
+                    staticClass: "pa-2",
-                    "justify-center": "",
+                    attrs: {
-                    "align-center": ""
+                      color: "black",
-                  }
+                      name: "hospital",
-                },
+                      label: "Hospital",
+                      id: "id3"
+                    }
+                  })
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md3: "", sm3: "" } },
                 [
                   _c(
-                    "v-flex",
+                    "v-btn",
                     {
-                      staticClass: "text-md-center text-xs-center",
+                      staticClass: "WM-CyanBlueGradient-BG",
-                      attrs: { xs12: "", md2: "", sm2: "" }
+                      staticStyle: { padding: "10px 60px" }
                     },
                     [
                       _c(
-                        "v-btn",
+                        "v-icon",
-                        {
+                        { staticClass: "white--text mr-2 caption" },
-                          staticClass: "WM-CyanBlueGradient-BG",
+                        [_vm._v("fas fa-search")]
-                          staticStyle: { padding: "10px 60px" }
+                      ),
-                        },
+                      _vm._v(" "),
-                        [
+                      _c("span", { staticClass: "white--text" }, [
-                          _c(
+                        _vm._v("Filter")
-                            "v-icon",
+                      ])
-                            { staticClass: "white--text mr-2 caption" },
-                            [_vm._v("fas fa-check")]
-                          ),
-                          _vm._v(" "),
-                          _c("span", { staticClass: "white--text" }, [
-                            _vm._v("SAVE")
-                          ])
-                        ],
-                        1
-                      )
                     ],
                     1
-                  ),
+                  )
-                  _vm._v(" "),
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "px-5 my-2",
+              attrs: { "align-center": "", "justify-center": "", wrap: "" }
+            },
+            [
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md12: "", sm12: "" } },
+                [
+                  _c("v-data-table", {
+                    attrs: {
+                      headers: _vm.headers,
+                      items: _vm.items,
+                      "hide-actions": ""
+                    },
+                    scopedSlots: _vm._u([
+                      {
+                        key: "headerCell",
+                        fn: function(ref) {
+                          var header = ref.header
+                          return [
+                            _c("span", {
+                              staticClass:
+                                "subheading font-weight-light text-white text--darken-3",
+                              domProps: { textContent: _vm._s(header.text) }
+                            })
+                          ]
+                        }
+                      },
+                      {
+                        key: "items",
+                        fn: function(ref) {
+                          var item = ref.item
+                          return [
+                            _c(
+                              "td",
+                              { staticClass: "headline font-weight-light" },
+                              [_vm._v(_vm._s(item.name))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.date))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.operator))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "text-xs-right" },
+                              [
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "mr-2 WM-ActionButton",
+                                    attrs: { color: "purple" }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-1 caption"
+                                      },
+                                      [_vm._v("fas fa-envelope")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("SMS")])
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "mr-2 WM-ActionButton",
+                                    attrs: { color: "cyan" }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-1 caption"
+                                      },
+                                      [_vm._v("fas fa-pen")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Edit")])
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "mr-2 WM-ActionButton",
+                                    attrs: { color: "orange darken-1" }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-1 caption"
+                                      },
+                                      [_vm._v("fas fa-user")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Operator")])
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: " WM-ActionButton",
+                                    attrs: { color: "pink" }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-1 caption"
+                                      },
+                                      [_vm._v("fas fa-times")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Remove")])
+                                  ],
+                                  1
+                                )
+                              ],
+                              1
+                            )
+                          ]
+                        }
+                      }
+                    ])
+                  })
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "mt-3",
+              attrs: {
+                row: "",
+                wrap: "",
+                "align-center": "",
+                "justify-center": ""
+              }
+            },
+            [
+              _c(
+                "router-link",
+                { attrs: { to: "/dashboard" } },
+                [
                   _c(
-                    "v-flex",
+                    "v-btn",
                     {
                       staticClass:
-                        "text-md-center text-sm-center text-xs-center",
+                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
-                      attrs: { xs12: "", md2: "", sm2: "" }
                     },
                     [
                       _c(
-                        "router-link",
+                        "v-icon",
-                        { attrs: { to: "/" } },
+                        { staticClass: "black--text mr-2 caption" },
-                        [
+                        [_vm._v("fas fa-chevron-left")]
-                          _c(
+                      ),
-                            "v-btn",
+                      _vm._v(" "),
-                            {
+                      _c("span", { staticClass: "black--text" }, [
-                              staticClass:
+                        _vm._v("Back")
-                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                      ])
-                            },
-                            [
-                              _c("v-icon", { staticClass: "black--text" }, [
-                                _vm._v("keyboard_arrow_left")
-                              ]),
-                              _vm._v(" "),
-                              _c("span", { staticClass: "black--text" }, [
-                                _vm._v("Back")
-                              ])
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      )
                     ],
                     1
                   )
@@ -397,17 +470,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/MyInfo.vue":
+/***/ "./resources/js/vue/views/ManageUsers.vue":
-/*!*******************************************!*\
+/*!************************************************!*\
-  !*** ./resources/js/vue/views/MyInfo.vue ***!
+  !*** ./resources/js/vue/views/ManageUsers.vue ***!
-  \*******************************************/
+  \************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true& */ "./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true&");
+/* harmony import */ var _ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true& */ "./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true&");
-/* harmony import */ var _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js&");
+/* harmony import */ var _ManageUsers_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ManageUsers.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -417,50 +490,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _ManageUsers_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "8d06a07c",
+  "436a95ea",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/MyInfo.vue"
+component.options.__file = "resources/js/vue/views/ManageUsers.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js&":
-/*!********************************************************************!*\
+/*!*************************************************************************!*\
-  !*** ./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js& ***!
-  \********************************************************************/
+  \*************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ManageUsers.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true&":
+/***/ "./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true&":
-/*!**************************************************************************************!*\
+/*!*******************************************************************************************!*\
-  !*** ./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true& ***!
+  !*** ./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true& ***!
-  \**************************************************************************************/
+  \*******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/11.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[11],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************!*\
+/*!****************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************/
+  \****************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -96,192 +96,36 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      color: null,
+      username: '',
-      colors: ['purple', 'info', 'success', 'warning', 'error'],
+      gender: '',
-      top: true,
+      cellnumber: '',
-      bottom: false,
+      emailaddress: '',
-      left: false,
+      address: '',
-      right: false,
+      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4'] // const Info = Object.freeze({
-      snackbar: false
+      //   username:'',
+      //   cellnumber:'',
+      //   emailaddress:'',
+      //   address:''
+      //   gender:0
+      // })
+      // return {
+      //   InfoForm : Object.assign({} ,Info),
+      //   Info
+      // }
+
     };
-  },
-  methods: {
-    snack: function snack() {
-      this.top = false;
-      this.bottom = false;
-      this.left = false;
-      this.right = false;
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      for (var _i = 0, _args = args; _i < _args.length; _i++) {
-        var loc = _args[_i];
-        this[loc] = true;
-      }
-
-      this.color = this.colors[Math.floor(Math.random() * this.colors.length)];
-      this.snackbar = true;
-    }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true&":
-/*!***************************************************************************************************************************************************************************************************************!*\
+/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true& ***!
-  \***************************************************************************************************************************************************************************************************************/
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -294,455 +138,238 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-container",
+    "v-form",
-    { attrs: { fluid: "", "grid-list-xl": "", "fill-height": "" } },
     [
       _c(
-        "v-layout",
+        "v-container",
-        { attrs: { "justify-center": "", "align-center": "" } },
+        { attrs: { "grid-list-xs": "", fluid: "" } },
         [
           _c(
-            "v-flex",
+            "material-card",
-            { attrs: { xs12: "" } },
+            { attrs: { color: "black", title: "My Info" } },
             [
               _c(
-                "material-card",
+                "v-layout",
-                { attrs: { color: "green" } },
+                {
+                  staticClass: "px-5 my-3",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                },
                 [
-                  _c("div", { attrs: { slot: "header" }, slot: "header" }, [
+                  _c(
-                    _c("div", { staticClass: "title font-weight-light mb-2" }, [
+                    "v-flex",
-                      _vm._v("Notifications")
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    ]),
+                    [
-                    _vm._v(" "),
+                      _c("v-text-field", {
-                    _c(
+                        staticClass: "pa-2",
-                      "div",
+                        attrs: {
-                      { staticClass: "category" },
+                          name: "username",
-                      [
+                          label: "User Name",
-                        _vm._v(
+                          color: "black",
-                          "\n            Handcrafted by us with\n            "
+                          id: "id1"
-                        ),
+                        },
-                        _c("v-icon", { attrs: { size: "17" } }, [
+                        model: {
-                          _vm._v("\n              mdi-heart\n            ")
+                          value: _vm.username,
-                        ])
+                          callback: function($$v) {
-                      ],
+                            _vm.username = $$v
-                      1
+                          },
-                    )
+                          expression: "username"
-                  ]),
+                        }
+                      })
+                    ],
+                    1
+                  ),
                   _vm._v(" "),
                   _c(
-                    "v-card-text",
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-select", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          items: _vm.items,
+                          label: "Gender",
+                          name: "gender",
+                          "single-line": "",
+                          id: "id3",
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.gender,
+                          callback: function($$v) {
+                            _vm.gender = $$v
+                          },
+                          expression: "gender"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "cellnumber",
+                          label: "Cell Number",
+                          color: "black",
+                          id: "id2"
+                        },
+                        model: {
+                          value: _vm.cellnumber,
+                          callback: function($$v) {
+                            _vm.cellnumber = $$v
+                          },
+                          expression: "cellnumber"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  staticClass: "px-5 mb-3",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "px-2",
+                        staticStyle: { "padding-top": "75px" },
+                        attrs: {
+                          name: "emailaddress",
+                          label: "Email Address",
+                          id: "id4",
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.emailaddress,
+                          callback: function($$v) {
+                            _vm.emailaddress = $$v
+                          },
+                          expression: "emailaddress"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm8: "", md8: "" } },
+                    [
+                      _c("v-textarea", {
+                        staticClass: "pa-2",
+                        attrs: { color: "black", name: "address" },
+                        scopedSlots: _vm._u([
+                          {
+                            key: "label",
+                            fn: function() {
+                              return [
+                                _c("div", [
+                                  _vm._v(
+                                    "\n                Address\n              "
+                                  )
+                                ])
+                              ]
+                            },
+                            proxy: true
+                          }
+                        ]),
+                        model: {
+                          value: _vm.address,
+                          callback: function($$v) {
+                            _vm.address = $$v
+                          },
+                          expression: "address"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  attrs: {
+                    row: "",
+                    wrap: "",
+                    "justify-center": "",
+                    "align-center": ""
+                  }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    {
+                      staticClass: "text-md-center text-xs-center",
+                      attrs: { xs12: "", md2: "", sm2: "" }
+                    },
                     [
                       _c(
-                        "v-layout",
+                        "v-btn",
-                        { attrs: { row: "", wrap: "" } },
-                        [
-                          _c(
-                            "v-flex",
-                            { attrs: { md6: "", sm12: "" } },
-                            [
-                              _c(
-                                "h2",
-                                { staticClass: "title font-weight-light mb-3" },
-                                [_vm._v("Notifications Style")]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "material-notification",
-                                {
-                                  staticClass: "mb-3",
-                                  attrs: { color: "info" }
-                                },
-                                [
-                                  _vm._v(
-                                    "\n                This is a plain notification\n              "
-                                  )
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "material-notification",
-                                {
-                                  staticClass: "mb-3",
-                                  attrs: { color: "info", dismissible: "" }
-                                },
-                                [
-                                  _vm._v(
-                                    "\n                This is a notification with close button.\n              "
-                                  )
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "material-notification",
-                                {
-                                  staticClass: "mb-3",
-                                  attrs: {
-                                    color: "info",
-                                    dismissible: "",
-                                    icon: "mdi-bell-plus"
-                                  }
-                                },
-                                [
-                                  _vm._v(
-                                    "\n\n                This is a notification with close button and icon.\n              "
-                                  )
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "material-notification",
-                                {
-                                  staticClass: "mb-3",
-                                  attrs: {
-                                    color: "info",
-                                    dismissible: "",
-                                    icon: "mdi-bell-plus"
-                                  }
-                                },
-                                [
-                                  _vm._v(
-                                    "\n\n                This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.\n              "
-                                  )
-                                ]
-                              )
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-flex",
-                            { attrs: { md6: "", sm12: "" } },
-                            [
-                              _c(
-                                "h2",
-                                { staticClass: "title font-weight-light" },
-                                [_vm._v("Notifcation States")]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "material-notification",
-                                {
-                                  staticClass: "mb-3",
-                                  attrs: { color: "info", dismissible: "" }
-                                },
-                                [
-                                  _c("strong", [_vm._v("INFO")]),
-                                  _vm._v(
-                                    ' - This is a regular notification made with `color="info"`\n              '
-                                  )
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "material-notification",
-                                {
-                                  staticClass: "mb-3",
-                                  attrs: { color: "success", dismissible: "" }
-                                },
-                                [
-                                  _c("strong", [_vm._v("SUCCESS")]),
-                                  _vm._v(
-                                    ' - This is a regular notification made with `color="success"`\n              '
-                                  )
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "material-notification",
-                                {
-                                  staticClass: "mb-3",
-                                  attrs: { color: "warning", dismissible: "" }
-                                },
-                                [
-                                  _c("strong", [_vm._v("WARNING")]),
-                                  _vm._v(
-                                    ' - This is a regular notification made with `color="warning"`\n              '
-                                  )
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "material-notification",
-                                {
-                                  staticClass: "mb-3",
-                                  attrs: { color: "error", dismissible: "" }
-                                },
-                                [
-                                  _c("strong", [_vm._v("DANGER")]),
-                                  _vm._v(
-                                    ' - This is a regular notification made with `color="error"`\n              '
-                                  )
-                                ]
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "material-notification",
-                                {
-                                  staticClass: "mb-3",
-                                  attrs: { color: "purple", dismissible: "" }
-                                },
-                                [
-                                  _c("strong", [_vm._v("PRIMARY")]),
-                                  _vm._v(
-                                    ' - This is a regular notification made with `color="purple"`\n              '
-                                  )
-                                ]
-                              )
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c("div", { staticClass: "text-xs-center" }, [
-                        _c(
-                          "h2",
-                          { staticClass: "title font-weight-light mb-2" },
-                          [_vm._v("Notification Places")]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "span",
-                          {
-                            staticClass:
-                              " subheading font-weight-light grey--text"
-                          },
-                          [_vm._v("Click to view notifications")]
-                        )
-                      ]),
-                      _vm._v(" "),
-                      _c(
-                        "v-container",
-                        { attrs: { "grid-list-lg": "" } },
-                        [
-                          _c(
-                            "v-layout",
-                            {
-                              attrs: { "justify-center": "", row: "", wrap: "" }
-                            },
-                            [
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", sm4: "" } },
-                                [
-                                  _c(
-                                    "v-btn",
-                                    {
-                                      attrs: { block: "", color: "success" },
-                                      on: {
-                                        click: function($event) {
-                                          return _vm.snack("top", "left")
-                                        }
-                                      }
-                                    },
-                                    [
-                                      _vm._v(
-                                        "\n                  Top Left\n                "
-                                      )
-                                    ]
-                                  )
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", sm4: "" } },
-                                [
-                                  _c(
-                                    "v-btn",
-                                    {
-                                      attrs: { block: "", color: "success" },
-                                      on: {
-                                        click: function($event) {
-                                          return _vm.snack("top")
-                                        }
-                                      }
-                                    },
-                                    [
-                                      _vm._v(
-                                        "\n                  Top Center\n                "
-                                      )
-                                    ]
-                                  )
-                                ],
-                                1
-                              )
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-layout",
-                            {
-                              attrs: { "justify-center": "", row: "", wrap: "" }
-                            },
-                            [
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", sm4: "" } },
-                                [
-                                  _c(
-                                    "v-btn",
-                                    {
-                                      attrs: { block: "", color: "success" },
-                                      on: {
-                                        click: function($event) {
-                                          return _vm.snack("top", "right")
-                                        }
-                                      }
-                                    },
-                                    [
-                                      _vm._v(
-                                        "\n                  Top Right\n                "
-                                      )
-                                    ]
-                                  )
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", sm4: "" } },
-                                [
-                                  _c(
-                                    "v-btn",
-                                    {
-                                      attrs: { block: "", color: "success" },
-                                      on: {
-                                        click: function($event) {
-                                          return _vm.snack("bottom", "left")
-                                        }
-                                      }
-                                    },
-                                    [
-                                      _vm._v(
-                                        "\n                  Bottom Left\n                "
-                                      )
-                                    ]
-                                  )
-                                ],
-                                1
-                              )
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-layout",
-                            {
-                              attrs: { "justify-center": "", row: "", wrap: "" }
-                            },
-                            [
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", sm4: "" } },
-                                [
-                                  _c(
-                                    "v-btn",
-                                    {
-                                      attrs: { block: "", color: "success" },
-                                      on: {
-                                        click: function($event) {
-                                          return _vm.snack("bottom")
-                                        }
-                                      }
-                                    },
-                                    [
-                                      _vm._v(
-                                        "\n                  Bottom Center\n                "
-                                      )
-                                    ]
-                                  )
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", sm4: "" } },
-                                [
-                                  _c(
-                                    "v-btn",
-                                    {
-                                      attrs: { block: "", color: "success" },
-                                      on: {
-                                        click: function($event) {
-                                          return _vm.snack("bottom", "right")
-                                        }
-                                      }
-                                    },
-                                    [
-                                      _vm._v(
-                                        "\n                  Bottom Right\n                "
-                                      )
-                                    ]
-                                  )
-                                ],
-                                1
-                              )
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "v-snackbar",
                         {
-                          attrs: {
+                          staticClass: "WM-CyanBlueGradient-BG",
-                            color: _vm.color,
+                          staticStyle: { padding: "10px 60px" }
-                            bottom: _vm.bottom,
-                            top: _vm.top,
-                            left: _vm.left,
-                            right: _vm.right,
-                            dark: ""
-                          },
-                          model: {
-                            value: _vm.snackbar,
-                            callback: function($$v) {
-                              _vm.snackbar = $$v
-                            },
-                            expression: "snackbar"
-                          }
                         },
                         [
                           _c(
                             "v-icon",
-                            { staticClass: "mr-3", attrs: { color: "white" } },
+                            { staticClass: "white--text mr-2 caption" },
-                            [
+                            [_vm._v("fas fa-check")]
-                              _vm._v(
-                                "\n              mdi-bell-plus\n            "
-                              )
-                            ]
                           ),
                           _vm._v(" "),
-                          _c("div", [
+                          _c("span", { staticClass: "white--text" }, [
-                            _vm._v("Welcome to "),
+                            _vm._v("SAVE")
-                            _c("b", [_vm._v("Vue Material Dashboard")]),
+                          ])
-                            _vm._v(
+                        ],
-                              " - a beautiful freebie for every web developer."
+                        1
-                            )
+                      )
-                          ]),
+                    ],
-                          _vm._v(" "),
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    {
+                      staticClass:
+                        "text-md-center text-sm-center text-xs-center",
+                      attrs: { xs12: "", md2: "", sm2: "" }
+                    },
+                    [
+                      _c(
+                        "router-link",
+                        { attrs: { to: "/" } },
+                        [
                           _c(
-                            "v-icon",
+                            "v-btn",
                             {
-                              attrs: { size: "16" },
+                              staticClass:
-                              on: {
+                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
-                                click: function($event) {
-                                  _vm.snackbar = false
-                                }
-                              }
                             },
                             [
-                              _vm._v(
+                              _c("v-icon", { staticClass: "black--text" }, [
-                                "\n              mdi-close-circle\n            "
+                                _vm._v("keyboard_arrow_left")
-                              )
+                              ]),
-                            ]
+                              _vm._v(" "),
+                              _c("span", { staticClass: "black--text" }, [
+                                _vm._v("Back")
+                              ])
+                            ],
+                            1
                           )
                         ],
                         1
@@ -770,17 +397,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Notifications.vue":
+/***/ "./resources/js/vue/views/MyInfo.vue":
-/*!**************************************************!*\
+/*!*******************************************!*\
-  !*** ./resources/js/vue/views/Notifications.vue ***!
+  !*** ./resources/js/vue/views/MyInfo.vue ***!
-  \**************************************************/
+  \*******************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Notifications.vue?vue&type=template&id=112eb3d0& */ "./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0&");
+/* harmony import */ var _MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true& */ "./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true&");
-/* harmony import */ var _Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Notifications.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js&");
+/* harmony import */ var _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -790,50 +417,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "8d06a07c",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Notifications.vue"
+component.options.__file = "resources/js/vue/views/MyInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js&":
-/*!***************************************************************************!*\
+/*!********************************************************************!*\
-  !*** ./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************/
+  \********************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Notifications.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0&":
+/***/ "./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true&":
-/*!*********************************************************************************!*\
+/*!**************************************************************************************!*\
-  !*** ./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0& ***!
+  !*** ./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true& ***!
-  \*********************************************************************************/
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Notifications.vue?vue&type=template&id=112eb3d0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/12.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[12],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Register.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************!*\
+/*!***********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Register.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************/
+  \***********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -72,29 +72,216 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  name: "",
   data: function data() {
-    var defaultForm = Object.freeze({
-      cellnumber: '',
-      password: '',
-      name: ''
-    });
     return {
-      form: Object.assign({}, defaultForm),
+      color: null,
-      valid: false,
+      colors: ['purple', 'info', 'success', 'warning', 'error'],
-      show1: false,
+      top: true,
-      defaultForm: defaultForm
+      bottom: false,
+      left: false,
+      right: false,
+      snackbar: false
     };
+  },
+  methods: {
+    snack: function snack() {
+      this.top = false;
+      this.bottom = false;
+      this.left = false;
+      this.right = false;
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      for (var _i = 0, _args = args; _i < _args.length; _i++) {
+        var loc = _args[_i];
+        this[loc] = true;
+      }
+
+      this.color = this.colors[Math.floor(Math.random() * this.colors.length)];
+      this.snackbar = true;
+    }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
+/*!***************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0& ***!
-  \**********************************************************************************************************************************************************************************************************************/
+  \***************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -107,117 +294,395 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
+    "v-container",
-    {
+    { attrs: { fluid: "", "grid-list-xl": "", "fill-height": "" } },
-      model: {
-        value: _vm.valid,
-        callback: function($$v) {
-          _vm.valid = $$v
-        },
-        expression: "valid"
-      }
-    },
     [
       _c(
-        "v-container",
+        "v-layout",
-        { attrs: { "grid-list-xs": "" } },
+        { attrs: { "justify-center": "", "align-center": "" } },
         [
           _c(
-            "v-layout",
+            "v-flex",
-            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
+            { attrs: { xs12: "" } },
             [
               _c(
-                "v-flex",
+                "material-card",
-                {
+                { attrs: { color: "green" } },
-                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
-                  attrs: { xs12: "", md3: "", sm6: "" }
-                },
                 [
+                  _c("div", { attrs: { slot: "header" }, slot: "header" }, [
+                    _c("div", { staticClass: "title font-weight-light mb-2" }, [
+                      _vm._v("Notifications")
+                    ]),
+                    _vm._v(" "),
+                    _c(
+                      "div",
+                      { staticClass: "category" },
+                      [
+                        _vm._v(
+                          "\n            Handcrafted by us with\n            "
+                        ),
+                        _c("v-icon", { attrs: { size: "17" } }, [
+                          _vm._v("\n              mdi-heart\n            ")
+                        ])
+                      ],
+                      1
+                    )
+                  ]),
+                  _vm._v(" "),
                   _c(
-                    "material-card",
+                    "v-card-text",
-                    { attrs: { color: "black", title: "Register Page" } },
                     [
                       _c(
                         "v-layout",
-                        { attrs: { column: "" } },
+                        { attrs: { row: "", wrap: "" } },
                         [
                           _c(
                             "v-flex",
-                            { attrs: { xs12: "", md2: "", sm2: "" } },
+                            { attrs: { md6: "", sm12: "" } },
                             [
-                              _c("v-text-field", {
+                              _c(
-                                staticClass: "pa-2",
+                                "h2",
-                                attrs: {
+                                { staticClass: "title font-weight-light mb-3" },
-                                  name: "name",
+                                [_vm._v("Notifications Style")]
-                                  label: "Name",
+                              ),
-                                  id: "id3",
+                              _vm._v(" "),
-                                  color: "black"
+                              _c(
+                                "material-notification",
+                                {
+                                  staticClass: "mb-3",
+                                  attrs: { color: "info" }
                                 },
-                                model: {
+                                [
-                                  value: _vm.form.name,
+                                  _vm._v(
-                                  callback: function($$v) {
+                                    "\n                This is a plain notification\n              "
-                                    _vm.$set(_vm.form, "name", $$v)
+                                  )
-                                  },
+                                ]
-                                  expression: "form.name"
+                              ),
-                                }
+                              _vm._v(" "),
-                              })
+                              _c(
-                            ],
+                                "material-notification",
-                            1
+                                {
-                          ),
+                                  staticClass: "mb-3",
-                          _vm._v(" "),
+                                  attrs: { color: "info", dismissible: "" }
-                          _c(
-                            "v-flex",
-                            { attrs: { xs12: "", md2: "", sm2: "" } },
-                            [
-                              _c("v-text-field", {
-                                staticClass: "pa-2",
-                                attrs: {
-                                  name: "cellnumber",
-                                  label: "Cell Number",
-                                  id: "id1",
-                                  color: "black"
                                 },
-                                model: {
+                                [
-                                  value: _vm.form.cellnumber,
+                                  _vm._v(
-                                  callback: function($$v) {
+                                    "\n                This is a notification with close button.\n              "
-                                    _vm.$set(_vm.form, "cellnumber", $$v)
+                                  )
-                                  },
+                                ]
-                                  expression: "form.cellnumber"
+                              ),
-                                }
+                              _vm._v(" "),
-                              })
+                              _c(
-                            ],
+                                "material-notification",
-                            1
+                                {
-                          ),
+                                  staticClass: "mb-3",
-                          _vm._v(" "),
+                                  attrs: {
-                          _c(
+                                    color: "info",
-                            "v-flex",
+                                    dismissible: "",
-                            { attrs: { xs12: "", md2: "", sm2: "" } },
+                                    icon: "mdi-bell-plus"
-                            [
-                              _c("v-text-field", {
-                                staticClass: "pa-2",
-                                attrs: {
-                                  name: "password",
-                                  label: "Password",
-                                  type: _vm.show1 ? "text" : "password",
-                                  "append-icon": _vm.show1
-                                    ? "visibility"
-                                    : "visibility_off",
-                                  id: "id2",
-                                  color: "black"
-                                },
-                                on: {
-                                  "click:append": function($event) {
-                                    _vm.show1 = !_vm.show1
                                   }
                                 },
-                                model: {
+                                [
-                                  value: _vm.form.password,
+                                  _vm._v(
-                                  callback: function($$v) {
+                                    "\n\n                This is a notification with close button and icon.\n              "
-                                    _vm.$set(_vm.form, "password", $$v)
+                                  )
-                                  },
+                                ]
-                                  expression: "form.password"
+                              ),
-                                }
+                              _vm._v(" "),
-                              })
+                              _c(
+                                "material-notification",
+                                {
+                                  staticClass: "mb-3",
+                                  attrs: {
+                                    color: "info",
+                                    dismissible: "",
+                                    icon: "mdi-bell-plus"
+                                  }
+                                },
+                                [
+                                  _vm._v(
+                                    "\n\n                This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.\n              "
+                                  )
+                                ]
+                              )
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "v-flex",
+                            { attrs: { md6: "", sm12: "" } },
+                            [
+                              _c(
+                                "h2",
+                                { staticClass: "title font-weight-light" },
+                                [_vm._v("Notifcation States")]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "material-notification",
+                                {
+                                  staticClass: "mb-3",
+                                  attrs: { color: "info", dismissible: "" }
+                                },
+                                [
+                                  _c("strong", [_vm._v("INFO")]),
+                                  _vm._v(
+                                    ' - This is a regular notification made with `color="info"`\n              '
+                                  )
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "material-notification",
+                                {
+                                  staticClass: "mb-3",
+                                  attrs: { color: "success", dismissible: "" }
+                                },
+                                [
+                                  _c("strong", [_vm._v("SUCCESS")]),
+                                  _vm._v(
+                                    ' - This is a regular notification made with `color="success"`\n              '
+                                  )
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "material-notification",
+                                {
+                                  staticClass: "mb-3",
+                                  attrs: { color: "warning", dismissible: "" }
+                                },
+                                [
+                                  _c("strong", [_vm._v("WARNING")]),
+                                  _vm._v(
+                                    ' - This is a regular notification made with `color="warning"`\n              '
+                                  )
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "material-notification",
+                                {
+                                  staticClass: "mb-3",
+                                  attrs: { color: "error", dismissible: "" }
+                                },
+                                [
+                                  _c("strong", [_vm._v("DANGER")]),
+                                  _vm._v(
+                                    ' - This is a regular notification made with `color="error"`\n              '
+                                  )
+                                ]
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "material-notification",
+                                {
+                                  staticClass: "mb-3",
+                                  attrs: { color: "purple", dismissible: "" }
+                                },
+                                [
+                                  _c("strong", [_vm._v("PRIMARY")]),
+                                  _vm._v(
+                                    ' - This is a regular notification made with `color="purple"`\n              '
+                                  )
+                                ]
+                              )
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c("div", { staticClass: "text-xs-center" }, [
+                        _c(
+                          "h2",
+                          { staticClass: "title font-weight-light mb-2" },
+                          [_vm._v("Notification Places")]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "span",
+                          {
+                            staticClass:
+                              " subheading font-weight-light grey--text"
+                          },
+                          [_vm._v("Click to view notifications")]
+                        )
+                      ]),
+                      _vm._v(" "),
+                      _c(
+                        "v-container",
+                        { attrs: { "grid-list-lg": "" } },
+                        [
+                          _c(
+                            "v-layout",
+                            {
+                              attrs: { "justify-center": "", row: "", wrap: "" }
+                            },
+                            [
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", sm4: "" } },
+                                [
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      attrs: { block: "", color: "success" },
+                                      on: {
+                                        click: function($event) {
+                                          return _vm.snack("top", "left")
+                                        }
+                                      }
+                                    },
+                                    [
+                                      _vm._v(
+                                        "\n                  Top Left\n                "
+                                      )
+                                    ]
+                                  )
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", sm4: "" } },
+                                [
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      attrs: { block: "", color: "success" },
+                                      on: {
+                                        click: function($event) {
+                                          return _vm.snack("top")
+                                        }
+                                      }
+                                    },
+                                    [
+                                      _vm._v(
+                                        "\n                  Top Center\n                "
+                                      )
+                                    ]
+                                  )
+                                ],
+                                1
+                              )
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "v-layout",
+                            {
+                              attrs: { "justify-center": "", row: "", wrap: "" }
+                            },
+                            [
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", sm4: "" } },
+                                [
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      attrs: { block: "", color: "success" },
+                                      on: {
+                                        click: function($event) {
+                                          return _vm.snack("top", "right")
+                                        }
+                                      }
+                                    },
+                                    [
+                                      _vm._v(
+                                        "\n                  Top Right\n                "
+                                      )
+                                    ]
+                                  )
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", sm4: "" } },
+                                [
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      attrs: { block: "", color: "success" },
+                                      on: {
+                                        click: function($event) {
+                                          return _vm.snack("bottom", "left")
+                                        }
+                                      }
+                                    },
+                                    [
+                                      _vm._v(
+                                        "\n                  Bottom Left\n                "
+                                      )
+                                    ]
+                                  )
+                                ],
+                                1
+                              )
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "v-layout",
+                            {
+                              attrs: { "justify-center": "", row: "", wrap: "" }
+                            },
+                            [
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", sm4: "" } },
+                                [
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      attrs: { block: "", color: "success" },
+                                      on: {
+                                        click: function($event) {
+                                          return _vm.snack("bottom")
+                                        }
+                                      }
+                                    },
+                                    [
+                                      _vm._v(
+                                        "\n                  Bottom Center\n                "
+                                      )
+                                    ]
+                                  )
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", sm4: "" } },
+                                [
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      attrs: { block: "", color: "success" },
+                                      on: {
+                                        click: function($event) {
+                                          return _vm.snack("bottom", "right")
+                                        }
+                                      }
+                                    },
+                                    [
+                                      _vm._v(
+                                        "\n                  Bottom Right\n                "
+                                      )
+                                    ]
+                                  )
+                                ],
+                                1
+                              )
                             ],
                             1
                           )
@@ -226,81 +691,58 @@ var render = function() {
                       ),
                       _vm._v(" "),
                       _c(
-                        "v-layout",
+                        "v-snackbar",
-                        { attrs: { row: "", wrap: "" } },
+                        {
+                          attrs: {
+                            color: _vm.color,
+                            bottom: _vm.bottom,
+                            top: _vm.top,
+                            left: _vm.left,
+                            right: _vm.right,
+                            dark: ""
+                          },
+                          model: {
+                            value: _vm.snackbar,
+                            callback: function($$v) {
+                              _vm.snackbar = $$v
+                            },
+                            expression: "snackbar"
+                          }
+                        },
                         [
                           _c(
-                            "v-flex",
+                            "v-icon",
-                            {
+                            { staticClass: "mr-3", attrs: { color: "white" } },
-                              staticClass:
-                                "text-md-left text-sm-center text-xs-center",
-                              attrs: { xs12: "", md6: "", sm6: "" }
-                            },
                             [
-                              _c(
+                              _vm._v(
-                                "v-btn",
+                                "\n              mdi-bell-plus\n            "
-                                {
-                                  staticClass: "WM-CyanBlueGradient-BG",
-                                  staticStyle: { padding: "10px 60px" }
-                                },
-                                [
-                                  _c(
-                                    "v-icon",
-                                    { staticClass: "white--text mr-2 caption" },
-                                    [_vm._v("fas fa-plus")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("span", { staticClass: "white--text" }, [
-                                    _vm._v("Register")
-                                  ])
-                                ],
-                                1
                               )
-                            ],
+                            ]
-                            1
                           ),
                           _vm._v(" "),
+                          _c("div", [
+                            _vm._v("Welcome to "),
+                            _c("b", [_vm._v("Vue Material Dashboard")]),
+                            _vm._v(
+                              " - a beautiful freebie for every web developer."
+                            )
+                          ]),
+                          _vm._v(" "),
                           _c(
-                            "v-flex",
+                            "v-icon",
                             {
-                              staticClass:
+                              attrs: { size: "16" },
-                                "text-md-right text-sm-center text-xs-center",
+                              on: {
-                              attrs: { xs12: "", md6: "", sm6: "" }
+                                click: function($event) {
+                                  _vm.snackbar = false
+                                }
+                              }
                             },
                             [
-                              _c(
+                              _vm._v(
-                                "router-link",
+                                "\n              mdi-close-circle\n            "
-                                { attrs: { to: "/login" } },
-                                [
-                                  _c(
-                                    "v-btn",
-                                    {
-                                      staticClass:
-                                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
-                                    },
-                                    [
-                                      _c(
-                                        "v-icon",
-                                        {
-                                          staticClass:
-                                            "black--text mr-2 caption"
-                                        },
-                                        [_vm._v("fas fa-sign-in-alt")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "span",
-                                        { staticClass: "black--text" },
-                                        [_vm._v("Login")]
-                                      )
-                                    ],
-                                    1
-                                  )
-                                ],
-                                1
                               )
-                            ],
+                            ]
-                            1
                           )
                         ],
                         1
@@ -328,17 +770,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Register.vue":
+/***/ "./resources/js/vue/views/Notifications.vue":
-/*!*********************************************!*\
+/*!**************************************************!*\
-  !*** ./resources/js/vue/views/Register.vue ***!
+  !*** ./resources/js/vue/views/Notifications.vue ***!
-  \*********************************************/
+  \**************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Register.vue?vue&type=template&id=395fc56b&scoped=true& */ "./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true&");
+/* harmony import */ var _Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Notifications.vue?vue&type=template&id=112eb3d0& */ "./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0&");
-/* harmony import */ var _Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Register.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Register.vue?vue&type=script&lang=js&");
+/* harmony import */ var _Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Notifications.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -348,50 +790,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "395fc56b",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Register.vue"
+component.options.__file = "resources/js/vue/views/Notifications.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Register.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js&":
-/*!**********************************************************************!*\
+/*!***************************************************************************!*\
-  !*** ./resources/js/vue/views/Register.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************/
+  \***************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Register.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Register.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Notifications.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true&":
+/***/ "./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0&":
-/*!****************************************************************************************!*\
+/*!*********************************************************************************!*\
-  !*** ./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true& ***!
+  !*** ./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0& ***!
-  \****************************************************************************************/
+  \*********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Register.vue?vue&type=template&id=395fc56b&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Notifications.vue?vue&type=template&id=112eb3d0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/13.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[13],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Register.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
+/*!******************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Register.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+  \******************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -72,39 +72,29 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
   name: "",
   data: function data() {
+    var defaultForm = Object.freeze({
+      cellnumber: '',
+      password: '',
+      name: ''
+    });
     return {
-      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4']
+      form: Object.assign({}, defaultForm),
+      valid: false,
+      show1: false,
+      defaultForm: defaultForm
     };
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true&":
-/*!******************************************************************************************************************************************************************************************************************************!*\
+/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true& ***!
-  \******************************************************************************************************************************************************************************************************************************/
+  \**********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -118,211 +108,200 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "v-form",
+    {
+      model: {
+        value: _vm.valid,
+        callback: function($$v) {
+          _vm.valid = $$v
+        },
+        expression: "valid"
+      }
+    },
     [
       _c(
         "v-container",
         { attrs: { "grid-list-xs": "" } },
         [
           _c(
-            "material-card",
+            "v-layout",
-            { attrs: { color: "black", title: "Submit Test Result" } },
+            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
             [
               _c(
-                "v-layout",
+                "v-flex",
                 {
-                  staticClass: "px-5 my-3",
+                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                  attrs: { xs12: "", md3: "", sm6: "" }
                 },
                 [
                   _c(
-                    "v-flex",
+                    "material-card",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    { attrs: { color: "black", title: "Register Page" } },
-                    [
-                      _c("v-select", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          items: _vm.items,
-                          label: "Choose Test Type",
-                          color: "black"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm3: "", md3: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "testcode",
-                          label: "Or Enter Test Code",
-                          id: "id",
-                          color: "black"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    {
-                      staticClass:
-                        "text-xs-center text-sm-center text-md-center",
-                      attrs: { xs12: "", md2: "", sm2: "" }
-                    },
                     [
                       _c(
-                        "v-btn",
+                        "v-layout",
-                        {
+                        { attrs: { column: "" } },
-                          staticClass:
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black",
-                          staticStyle: { padding: "10px 60px" }
-                        },
                         [
                           _c(
-                            "v-icon",
+                            "v-flex",
-                            { staticClass: "black--text mr-2 caption" },
+                            { attrs: { xs12: "", md2: "", sm2: "" } },
-                            [_vm._v("fas fa-chevron-right")]
+                            [
+                              _c("v-text-field", {
+                                staticClass: "pa-2",
+                                attrs: {
+                                  name: "name",
+                                  label: "Name",
+                                  id: "id3",
+                                  color: "black"
+                                },
+                                model: {
+                                  value: _vm.form.name,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "name", $$v)
+                                  },
+                                  expression: "form.name"
+                                }
+                              })
+                            ],
+                            1
                           ),
                           _vm._v(" "),
-                          _c("span", { staticClass: "black--text" }, [
+                          _c(
-                            _vm._v("GO")
+                            "v-flex",
-                          ])
+                            { attrs: { xs12: "", md2: "", sm2: "" } },
+                            [
+                              _c("v-text-field", {
+                                staticClass: "pa-2",
+                                attrs: {
+                                  name: "cellnumber",
+                                  label: "Cell Number",
+                                  id: "id1",
+                                  color: "black"
+                                },
+                                model: {
+                                  value: _vm.form.cellnumber,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "cellnumber", $$v)
+                                  },
+                                  expression: "form.cellnumber"
+                                }
+                              })
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md2: "", sm2: "" } },
+                            [
+                              _c("v-text-field", {
+                                staticClass: "pa-2",
+                                attrs: {
+                                  name: "password",
+                                  label: "Password",
+                                  type: _vm.show1 ? "text" : "password",
+                                  "append-icon": _vm.show1
+                                    ? "visibility"
+                                    : "visibility_off",
+                                  id: "id2",
+                                  color: "black"
+                                },
+                                on: {
+                                  "click:append": function($event) {
+                                    _vm.show1 = !_vm.show1
+                                  }
+                                },
+                                model: {
+                                  value: _vm.form.password,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "password", $$v)
+                                  },
+                                  expression: "form.password"
+                                }
+                              })
+                            ],
+                            1
+                          )
                         ],
                         1
-                      )
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
-                [_c("v-divider")],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "px-5 my-3",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                },
-                [
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "cssd",
-                          label: "ID CSSD",
-                          color: "black",
-                          id: "id"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "autoclave",
-                          label: "ID AutoClave",
-                          color: "black",
-                          id: "id"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-select", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          items: _vm.items,
-                          label: "Resualt",
-                          color: "black"
-                        }
-                      })
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
-                [_c("v-divider")],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "px-5 mt-2",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                },
-                [
-                  _c(
-                    "v-btn",
-                    {
-                      staticClass: "WM-CyanBlueGradient-BG",
-                      staticStyle: { padding: "10px 60px" }
-                    },
-                    [
-                      _c(
-                        "v-icon",
-                        { staticClass: "white--text mr-2 caption" },
-                        [_vm._v("fas fa-check")]
                       ),
                       _vm._v(" "),
-                      _c("span", { staticClass: "white--text" }, [
-                        _vm._v("SAVE")
-                      ])
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "router-link",
-                    { attrs: { to: "/dashboard" } },
-                    [
                       _c(
-                        "v-btn",
+                        "v-layout",
-                        {
+                        { attrs: { row: "", wrap: "" } },
-                          staticClass:
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
-                        },
                         [
                           _c(
-                            "v-icon",
+                            "v-flex",
-                            { staticClass: "black--text mr-2 caption" },
+                            {
-                            [_vm._v("fas fa-chevron-left")]
+                              staticClass:
+                                "text-md-left text-sm-center text-xs-center",
+                              attrs: { xs12: "", md6: "", sm6: "" }
+                            },
+                            [
+                              _c(
+                                "v-btn",
+                                {
+                                  staticClass: "WM-CyanBlueGradient-BG",
+                                  staticStyle: { padding: "10px 60px" }
+                                },
+                                [
+                                  _c(
+                                    "v-icon",
+                                    { staticClass: "white--text mr-2 caption" },
+                                    [_vm._v("fas fa-plus")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("span", { staticClass: "white--text" }, [
+                                    _vm._v("Register")
+                                  ])
+                                ],
+                                1
+                              )
+                            ],
+                            1
                           ),
                           _vm._v(" "),
-                          _c("span", { staticClass: "black--text" }, [
+                          _c(
-                            _vm._v("Back")
+                            "v-flex",
-                          ])
+                            {
+                              staticClass:
+                                "text-md-right text-sm-center text-xs-center",
+                              attrs: { xs12: "", md6: "", sm6: "" }
+                            },
+                            [
+                              _c(
+                                "router-link",
+                                { attrs: { to: "/login" } },
+                                [
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      staticClass:
+                                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                                    },
+                                    [
+                                      _c(
+                                        "v-icon",
+                                        {
+                                          staticClass:
+                                            "black--text mr-2 caption"
+                                        },
+                                        [_vm._v("fas fa-sign-in-alt")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "span",
+                                        { staticClass: "black--text" },
+                                        [_vm._v("Login")]
+                                      )
+                                    ],
+                                    1
+                                  )
+                                ],
+                                1
+                              )
+                            ],
+                            1
+                          )
                         ],
                         1
                       )
@@ -349,17 +328,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SubmitTestResult.vue":
+/***/ "./resources/js/vue/views/Register.vue":
-/*!*****************************************************!*\
+/*!*********************************************!*\
-  !*** ./resources/js/vue/views/SubmitTestResult.vue ***!
+  !*** ./resources/js/vue/views/Register.vue ***!
-  \*****************************************************/
+  \*********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& */ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&");
+/* harmony import */ var _Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Register.vue?vue&type=template&id=395fc56b&scoped=true& */ "./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true&");
-/* harmony import */ var _SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SubmitTestResult.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&");
+/* harmony import */ var _Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Register.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Register.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -369,50 +348,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "6799764f",
+  "395fc56b",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/SubmitTestResult.vue"
+component.options.__file = "resources/js/vue/views/Register.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/Register.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
+/*!**********************************************************************!*\
-  !*** ./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/Register.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+  \**********************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./SubmitTestResult.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Register.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Register.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&":
+/***/ "./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true&":
-/*!************************************************************************************************!*\
+/*!****************************************************************************************!*\
-  !*** ./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& ***!
+  !*** ./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true& ***!
-  \************************************************************************************************/
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Register.vue?vue&type=template&id=395fc56b&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/14.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[14],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
+/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -26,19 +26,85 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
   name: "",
   data: function data() {
-    return {};
+    return {
+      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4']
+    };
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&":
-/*!**********************************************************************************************************************************************************************************************************************************!*\
+/*!******************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& ***!
-  \**********************************************************************************************************************************************************************************************************************************/
+  \******************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -58,22 +124,210 @@ var render = function() {
         { attrs: { "grid-list-xs": "" } },
         [
           _c(
-            "v-layout",
+            "material-card",
-            { attrs: { row: "", wrap: "" } },
+            { attrs: { color: "black", title: "Submit Test Result" } },
             [
               _c(
-                "material-card",
+                "v-layout",
-                { attrs: { color: "black", title: "User Info" } },
+                {
+                  staticClass: "px-5 my-3",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-select", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          items: _vm.items,
+                          label: "Choose Test Type",
+                          color: "black"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm3: "", md3: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "testcode",
+                          label: "Or Enter Test Code",
+                          id: "id",
+                          color: "black"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    {
+                      staticClass:
+                        "text-xs-center text-sm-center text-md-center",
+                      attrs: { xs12: "", md2: "", sm2: "" }
+                    },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass:
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black",
+                          staticStyle: { padding: "10px 60px" }
+                        },
+                        [
+                          _c(
+                            "v-icon",
+                            { staticClass: "black--text mr-2 caption" },
+                            [_vm._v("fas fa-chevron-right")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "black--text" }, [
+                            _vm._v("GO")
+                          ])
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
+                [_c("v-divider")],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  staticClass: "px-5 my-3",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                },
                 [
                   _c(
                     "v-flex",
                     { attrs: { xs12: "", sm4: "", md4: "" } },
                     [
                       _c("v-text-field", {
-                        attrs: { name: "name", label: "label", id: "id" }
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "cssd",
+                          label: "ID CSSD",
+                          color: "black",
+                          id: "id"
+                        }
                       })
                     ],
                     1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "autoclave",
+                          label: "ID AutoClave",
+                          color: "black",
+                          id: "id"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-select", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          items: _vm.items,
+                          label: "Resualt",
+                          color: "black"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
+                [_c("v-divider")],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  staticClass: "px-5 mt-2",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                },
+                [
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass: "WM-CyanBlueGradient-BG",
+                      staticStyle: { padding: "10px 60px" }
+                    },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "white--text mr-2 caption" },
+                        [_vm._v("fas fa-check")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "white--text" }, [
+                        _vm._v("SAVE")
+                      ])
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "router-link",
+                    { attrs: { to: "/dashboard" } },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass:
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                        },
+                        [
+                          _c(
+                            "v-icon",
+                            { staticClass: "black--text mr-2 caption" },
+                            [_vm._v("fas fa-chevron-left")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "black--text" }, [
+                            _vm._v("Back")
+                          ])
+                        ],
+                        1
+                      )
+                    ],
+                    1
                   )
                 ],
                 1
@@ -95,18 +349,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/UserInfo.vue":
+/***/ "./resources/js/vue/views/SubmitTestResult.vue":
-/*!*********************************************************!*\
+/*!*****************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/UserInfo.vue ***!
+  !*** ./resources/js/vue/views/SubmitTestResult.vue ***!
-  \*********************************************************/
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true& */ "./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true&");
+/* harmony import */ var _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& */ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&");
-/* harmony import */ var _UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UserInfo.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js&");
+/* harmony import */ var _SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SubmitTestResult.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -115,50 +369,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "ad4fa66e",
+  "6799764f",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/SuperVisior/UserInfo.vue"
+component.options.__file = "resources/js/vue/views/SubmitTestResult.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
+/*!******************************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./UserInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./SubmitTestResult.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true&":
+/***/ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&":
-/*!****************************************************************************************************!*\
+/*!************************************************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true& ***!
+  !*** ./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& ***!
-  \****************************************************************************************************/
+  \************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/15.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[15],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
+/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -26,127 +26,19 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
+  name: "",
   data: function data() {
-    return {
+    return {};
-      search: '',
-      headers: [{
-        text: 'Dessert (100g serving)',
-        align: 'left',
-        sortable: false,
-        value: 'name'
-      }, {
-        text: 'Calories',
-        value: 'calories'
-      }, {
-        text: 'Fat (g)',
-        value: 'fat'
-      }, {
-        text: 'Carbs (g)',
-        value: 'carbs'
-      }, {
-        text: 'Protein (g)',
-        value: 'protein'
-      }, {
-        text: 'Iron (%)',
-        value: 'iron'
-      }],
-      desserts: [{
-        name: 'Frozen Yogurt',
-        calories: 159,
-        fat: 6.0,
-        carbs: 24,
-        protein: 4.0,
-        iron: '1%'
-      }, {
-        name: 'Ice cream sandwich',
-        calories: 237,
-        fat: 9.0,
-        carbs: 37,
-        protein: 4.3,
-        iron: '1%'
-      }, {
-        name: 'Eclair',
-        calories: 262,
-        fat: 16.0,
-        carbs: 23,
-        protein: 6.0,
-        iron: '7%'
-      }, {
-        name: 'Cupcake',
-        calories: 305,
-        fat: 3.7,
-        carbs: 67,
-        protein: 4.3,
-        iron: '8%'
-      }, {
-        name: 'Gingerbread',
-        calories: 356,
-        fat: 16.0,
-        carbs: 49,
-        protein: 3.9,
-        iron: '16%'
-      }, {
-        name: 'Jelly bean',
-        calories: 375,
-        fat: 0.0,
-        carbs: 94,
-        protein: 0.0,
-        iron: '0%'
-      }, {
-        name: 'Lollipop',
-        calories: 392,
-        fat: 0.2,
-        carbs: 98,
-        protein: 0,
-        iron: '2%'
-      }, {
-        name: 'Honeycomb',
-        calories: 408,
-        fat: 3.2,
-        carbs: 87,
-        protein: 6.5,
-        iron: '45%'
-      }, {
-        name: 'Donut',
-        calories: 452,
-        fat: 25.0,
-        carbs: 51,
-        protein: 4.9,
-        iron: '22%'
-      }, {
-        name: 'KitKat',
-        calories: 518,
-        fat: 26.0,
-        carbs: 65,
-        protein: 7,
-        iron: '6%'
-      }]
-    };
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
+/*!**********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+  \**********************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -159,92 +51,36 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-card",
+    "v-form",
     [
       _c(
-        "v-card-title",
+        "v-container",
+        { attrs: { "grid-list-xs": "" } },
         [
-          _vm._v("\n    Nutrition\n    "),
+          _c(
-          _c("v-spacer"),
+            "v-layout",
-          _vm._v(" "),
+            { attrs: { row: "", wrap: "" } },
-          _c("v-text-field", {
+            [
-            attrs: {
+              _c(
-              "append-icon": "search",
+                "material-card",
-              label: "Search",
+                { attrs: { color: "black", title: "User Info" } },
-              "single-line": "",
+                [
-              "hide-details": ""
+                  _c(
-            },
+                    "v-flex",
-            model: {
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
-              value: _vm.search,
+                    [
-              callback: function($$v) {
+                      _c("v-text-field", {
-                _vm.search = $$v
+                        attrs: { name: "name", label: "label", id: "id" }
-              },
+                      })
-              expression: "search"
+                    ],
-            }
+                    1
-          })
+                  )
-        ],
+                ],
-        1
+                1
-      ),
+              )
-      _vm._v(" "),
+            ],
-      _c(
+            1
-        "v-data-table",
+          )
-        {
-          attrs: {
-            headers: _vm.headers,
-            items: _vm.desserts,
-            search: _vm.search
-          },
-          scopedSlots: _vm._u([
-            {
-              key: "items",
-              fn: function(props) {
-                return [
-                  _c("td", [_vm._v(_vm._s(props.item.name))]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.calories))
-                  ]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.fat))
-                  ]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.carbs))
-                  ]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.protein))
-                  ]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.iron))
-                  ])
-                ]
-              }
-            }
-          ])
-        },
-        [
-          _vm._v(" "),
-          _c("v-alert", {
-            attrs: { value: true, color: "error", icon: "warning" },
-            scopedSlots: _vm._u([
-              {
-                key: "no-results",
-                fn: function() {
-                  return [
-                    _vm._v(
-                      '\n      Your search for "' +
-                        _vm._s(_vm.search) +
-                        '" found no results.\n    '
-                    )
-                  ]
-                },
-                proxy: true
-              }
-            ])
-          })
         ],
         1
       )
@@ -259,17 +95,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/table.vue":
+/***/ "./resources/js/vue/views/SuperVisior/UserInfo.vue":
-/*!******************************************************!*\
+/*!*********************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/table.vue ***!
+  !*** ./resources/js/vue/views/SuperVisior/UserInfo.vue ***!
-  \******************************************************/
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=826d5224& */ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224&");
+/* harmony import */ var _UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true& */ "./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UserInfo.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -279,50 +115,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "ad4fa66e",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/SuperVisior/table.vue"
+component.options.__file = "resources/js/vue/views/SuperVisior/UserInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
+/*!**********************************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./UserInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224&":
+/***/ "./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true&":
-/*!*************************************************************************************!*\
+/*!****************************************************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224& ***!
+  !*** ./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true& ***!
-  \*************************************************************************************/
+  \****************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=826d5224& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/16.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[16],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************!*\
+/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************/
+  \***************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -41,109 +41,101 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
+      search: '',
       headers: [{
+        text: 'Dessert (100g serving)',
+        align: 'left',
         sortable: false,
-        text: 'Name',
         value: 'name'
       }, {
-        sortable: false,
+        text: 'Calories',
-        text: 'Country',
+        value: 'calories'
-        value: 'country'
       }, {
-        sortable: false,
+        text: 'Fat (g)',
-        text: 'City',
+        value: 'fat'
-        value: 'city'
       }, {
-        sortable: false,
+        text: 'Carbs (g)',
-        text: 'Salary',
+        value: 'carbs'
-        value: 'salary',
+      }, {
-        align: 'right'
+        text: 'Protein (g)',
+        value: 'protein'
+      }, {
+        text: 'Iron (%)',
+        value: 'iron'
       }],
-      items: [{
+      desserts: [{
-        name: 'Dakota Rice',
+        name: 'Frozen Yogurt',
-        country: 'Niger',
+        calories: 159,
-        city: 'Oud-Tunrhout',
+        fat: 6.0,
-        salary: '$35,738'
+        carbs: 24,
+        protein: 4.0,
+        iron: '1%'
       }, {
-        name: 'Minerva Hooper',
+        name: 'Ice cream sandwich',
-        country: 'Curaçao',
+        calories: 237,
-        city: 'Sinaai-Waas',
+        fat: 9.0,
-        salary: '$23,738'
+        carbs: 37,
+        protein: 4.3,
+        iron: '1%'
       }, {
-        name: 'Sage Rodriguez',
+        name: 'Eclair',
-        country: 'Netherlands',
+        calories: 262,
-        city: 'Overland Park',
+        fat: 16.0,
-        salary: '$56,142'
+        carbs: 23,
+        protein: 6.0,
+        iron: '7%'
       }, {
-        name: 'Philip Chanley',
+        name: 'Cupcake',
-        country: 'Korea, South',
+        calories: 305,
-        city: 'Gloucester',
+        fat: 3.7,
-        salary: '$38,735'
+        carbs: 67,
+        protein: 4.3,
+        iron: '8%'
       }, {
-        name: 'Doris Greene',
+        name: 'Gingerbread',
-        country: 'Malawi',
+        calories: 356,
-        city: 'Feldkirchen in Kārnten',
+        fat: 16.0,
-        salary: '$63,542'
+        carbs: 49,
+        protein: 3.9,
+        iron: '16%'
       }, {
-        name: 'Mason Porter',
+        name: 'Jelly bean',
-        country: 'Chile',
+        calories: 375,
-        city: 'Gloucester',
+        fat: 0.0,
-        salary: '$78,615'
+        carbs: 94,
+        protein: 0.0,
+        iron: '0%'
+      }, {
+        name: 'Lollipop',
+        calories: 392,
+        fat: 0.2,
+        carbs: 98,
+        protein: 0,
+        iron: '2%'
+      }, {
+        name: 'Honeycomb',
+        calories: 408,
+        fat: 3.2,
+        carbs: 87,
+        protein: 6.5,
+        iron: '45%'
+      }, {
+        name: 'Donut',
+        calories: 452,
+        fat: 25.0,
+        carbs: 51,
+        protein: 4.9,
+        iron: '22%'
+      }, {
+        name: 'KitKat',
+        calories: 518,
+        fat: 26.0,
+        carbs: 65,
+        protein: 7,
+        iron: '6%'
       }]
     };
   }
@@ -151,10 +143,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224&":
-/*!***********************************************************************************************************************************************************************************************************!*\
+/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224& ***!
-  \***********************************************************************************************************************************************************************************************************/
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -167,134 +159,92 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-container",
+    "v-card",
-    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
     [
       _c(
-        "v-layout",
+        "v-card-title",
-        { attrs: { "justify-center": "", wrap: "" } },
         [
-          _c(
+          _vm._v("\n    Nutrition\n    "),
-            "v-flex",
+          _c("v-spacer"),
-            { attrs: { md12: "" } },
-            [
-              _c(
-                "material-card",
-                {
-                  attrs: {
-                    color: "green",
-                    title: "Simple Table",
-                    text: "Here is a subtitle for this table"
-                  }
-                },
-                [
-                  _c("v-data-table", {
-                    attrs: {
-                      headers: _vm.headers,
-                      items: _vm.items,
-                      "hide-actions": ""
-                    },
-                    scopedSlots: _vm._u([
-                      {
-                        key: "headerCell",
-                        fn: function(ref) {
-                          var header = ref.header
-                          return [
-                            _c("span", {
-                              staticClass:
-                                "subheading font-weight-light text-success text--darken-3",
-                              domProps: { textContent: _vm._s(header.text) }
-                            })
-                          ]
-                        }
-                      },
-                      {
-                        key: "items",
-                        fn: function(ref) {
-                          var item = ref.item
-                          return [
-                            _c("td", [_vm._v(_vm._s(item.name))]),
-                            _vm._v(" "),
-                            _c("td", [_vm._v(_vm._s(item.country))]),
-                            _vm._v(" "),
-                            _c("td", [_vm._v(_vm._s(item.city))]),
-                            _vm._v(" "),
-                            _c("td", { staticClass: "text-xs-right" }, [
-                              _vm._v(_vm._s(item.salary))
-                            ])
-                          ]
-                        }
-                      }
-                    ])
-                  })
-                ],
-                1
-              )
-            ],
-            1
-          ),
           _vm._v(" "),
-          _c(
+          _c("v-text-field", {
-            "v-flex",
+            attrs: {
-            { attrs: { md12: "" } },
+              "append-icon": "search",
-            [
+              label: "Search",
-              _c(
+              "single-line": "",
-                "material-card",
+              "hide-details": ""
-                {
+            },
-                  attrs: {
+            model: {
-                    color: "green",
+              value: _vm.search,
-                    flat: "",
+              callback: function($$v) {
-                    "full-width": "",
+                _vm.search = $$v
-                    title: "Table on Plain Background",
+              },
-                    text: "Here is a subtitle for this table"
+              expression: "search"
-                  }
+            }
+          })
+        ],
+        1
+      ),
+      _vm._v(" "),
+      _c(
+        "v-data-table",
+        {
+          attrs: {
+            headers: _vm.headers,
+            items: _vm.desserts,
+            search: _vm.search
+          },
+          scopedSlots: _vm._u([
+            {
+              key: "items",
+              fn: function(props) {
+                return [
+                  _c("td", [_vm._v(_vm._s(props.item.name))]),
+                  _vm._v(" "),
+                  _c("td", { staticClass: "text-xs-right" }, [
+                    _vm._v(_vm._s(props.item.calories))
+                  ]),
+                  _vm._v(" "),
+                  _c("td", { staticClass: "text-xs-right" }, [
+                    _vm._v(_vm._s(props.item.fat))
+                  ]),
+                  _vm._v(" "),
+                  _c("td", { staticClass: "text-xs-right" }, [
+                    _vm._v(_vm._s(props.item.carbs))
+                  ]),
+                  _vm._v(" "),
+                  _c("td", { staticClass: "text-xs-right" }, [
+                    _vm._v(_vm._s(props.item.protein))
+                  ]),
+                  _vm._v(" "),
+                  _c("td", { staticClass: "text-xs-right" }, [
+                    _vm._v(_vm._s(props.item.iron))
+                  ])
+                ]
+              }
+            }
+          ])
+        },
+        [
+          _vm._v(" "),
+          _c("v-alert", {
+            attrs: { value: true, color: "error", icon: "warning" },
+            scopedSlots: _vm._u([
+              {
+                key: "no-results",
+                fn: function() {
+                  return [
+                    _vm._v(
+                      '\n      Your search for "' +
+                        _vm._s(_vm.search) +
+                        '" found no results.\n    '
+                    )
+                  ]
                 },
-                [
+                proxy: true
-                  _c("v-data-table", {
+              }
-                    attrs: {
+            ])
-                      headers: _vm.headers,
+          })
-                      items: _vm.items.slice(0, 7),
-                      "hide-actions": ""
-                    },
-                    scopedSlots: _vm._u([
-                      {
-                        key: "headerCell",
-                        fn: function(ref) {
-                          var header = ref.header
-                          return [
-                            _c("span", {
-                              staticClass:
-                                "subheading font-weight-light text--darken-3",
-                              domProps: { textContent: _vm._s(header.text) }
-                            })
-                          ]
-                        }
-                      },
-                      {
-                        key: "items",
-                        fn: function(ref) {
-                          var item = ref.item
-                          return [
-                            _c("td", [_vm._v(_vm._s(item.name))]),
-                            _vm._v(" "),
-                            _c("td", [_vm._v(_vm._s(item.country))]),
-                            _vm._v(" "),
-                            _c("td", [_vm._v(_vm._s(item.city))]),
-                            _vm._v(" "),
-                            _c("td", { staticClass: "text-xs-right" }, [
-                              _vm._v(_vm._s(item.salary))
-                            ])
-                          ]
-                        }
-                      }
-                    ])
-                  })
-                ],
-                1
-              )
-            ],
-            1
-          )
         ],
         1
       )
@@ -309,18 +259,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue":
+/***/ "./resources/js/vue/views/SuperVisior/table.vue":
-/*!**********************************************!*\
+/*!******************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue ***!
+  !*** ./resources/js/vue/views/SuperVisior/table.vue ***!
-  \**********************************************/
+  \******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TableList.vue?vue&type=template&id=27579e74& */ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&");
+/* harmony import */ var _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=826d5224& */ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224&");
-/* harmony import */ var _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TableList.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&");
+/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -329,9 +279,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -341,38 +291,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/TableList.vue"
+component.options.__file = "resources/js/vue/views/SuperVisior/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js&":
-/*!***********************************************************************!*\
+/*!*******************************************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************/
+  \*******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./TableList.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&":
+/***/ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224&":
-/*!*****************************************************************************!*\
+/*!*************************************************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
+  !*** ./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224& ***!
-  \*****************************************************************************/
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./TableList.vue?vue&type=template&id=27579e74& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=826d5224& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/17.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[17],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************!*\
+/*!*******************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************/
+  \*******************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -93,67 +93,68 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
+/* harmony default export */ __webpack_exports__["default"] = ({
-//
+  data: function data() {
-//
+    return {
-//
+      headers: [{
-//
+        sortable: false,
-//
+        text: 'Name',
-//
+        value: 'name'
-//
+      }, {
-//
+        sortable: false,
-//
+        text: 'Country',
-//
+        value: 'country'
-//
+      }, {
-//
+        sortable: false,
-//
+        text: 'City',
-//
+        value: 'city'
-//
+      }, {
-//
+        sortable: false,
-//
+        text: 'Salary',
-//
+        value: 'salary',
-//
+        align: 'right'
-//
+      }],
-//
+      items: [{
-//
+        name: 'Dakota Rice',
-//
+        country: 'Niger',
-//
+        city: 'Oud-Tunrhout',
-//
+        salary: '$35,738'
-//
+      }, {
-//
+        name: 'Minerva Hooper',
-//
+        country: 'Curaçao',
-//
+        city: 'Sinaai-Waas',
-//
+        salary: '$23,738'
-//
+      }, {
-//
+        name: 'Sage Rodriguez',
-//
+        country: 'Netherlands',
-//
+        city: 'Overland Park',
-//
+        salary: '$56,142'
-//
+      }, {
-//
+        name: 'Philip Chanley',
-//
+        country: 'Korea, South',
-//
+        city: 'Gloucester',
-//
+        salary: '$38,735'
-//
+      }, {
-//
+        name: 'Doris Greene',
-//
+        country: 'Malawi',
-//
+        city: 'Feldkirchen in Kārnten',
-//
+        salary: '$63,542'
-//
+      }, {
-//
+        name: 'Mason Porter',
-//
+        country: 'Chile',
-//
+        city: 'Gloucester',
-//
+        salary: '$78,615'
-//
+      }]
-/* harmony default export */ __webpack_exports__["default"] = ({//
+    };
+  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&":
-/*!*************************************************************************************************************************************************************************************************************!*\
+/*!***********************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
-  \*************************************************************************************************************************************************************************************************************/
+  \***********************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -175,186 +176,57 @@ var render = function() {
         [
           _c(
             "v-flex",
-            { attrs: { xs12: "", md8: "" } },
+            { attrs: { md12: "" } },
             [
               _c(
                 "material-card",
                 {
                   attrs: {
                     color: "green",
-                    title: "Edit Profile",
+                    title: "Simple Table",
-                    text: "Complete your profile"
+                    text: "Here is a subtitle for this table"
                   }
                 },
                 [
-                  _c(
+                  _c("v-data-table", {
-                    "v-form",
+                    attrs: {
-                    [
+                      headers: _vm.headers,
-                      _c(
+                      items: _vm.items,
-                        "v-container",
+                      "hide-actions": ""
-                        { attrs: { "py-0": "" } },
+                    },
-                        [
+                    scopedSlots: _vm._u([
-                          _c(
+                      {
-                            "v-layout",
+                        key: "headerCell",
-                            { attrs: { wrap: "" } },
+                        fn: function(ref) {
-                            [
+                          var header = ref.header
-                              _c(
+                          return [
-                                "v-flex",
+                            _c("span", {
-                                { attrs: { xs12: "", md4: "" } },
+                              staticClass:
-                                [
+                                "subheading font-weight-light text-success text--darken-3",
-                                  _c("v-text-field", {
+                              domProps: { textContent: _vm._s(header.text) }
-                                    attrs: {
+                            })
-                                      label: "Company (disabled)",
+                          ]
-                                      disabled: ""
+                        }
-                                    }
+                      },
-                                  })
+                      {
-                                ],
+                        key: "items",
-                                1
+                        fn: function(ref) {
-                              ),
+                          var item = ref.item
-                              _vm._v(" "),
+                          return [
-                              _c(
+                            _c("td", [_vm._v(_vm._s(item.name))]),
-                                "v-flex",
+                            _vm._v(" "),
-                                { attrs: { xs12: "", md4: "" } },
+                            _c("td", [_vm._v(_vm._s(item.country))]),
-                                [
+                            _vm._v(" "),
-                                  _c("v-text-field", {
+                            _c("td", [_vm._v(_vm._s(item.city))]),
-                                    staticClass: "purple-input",
+                            _vm._v(" "),
-                                    attrs: { label: "User Name" }
+                            _c("td", { staticClass: "text-xs-right" }, [
-                                  })
+                              _vm._v(_vm._s(item.salary))
-                                ],
+                            ])
-                                1
+                          ]
-                              ),
+                        }
-                              _vm._v(" "),
+                      }
-                              _c(
+                    ])
-                                "v-flex",
+                  })
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "Email Address" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md6: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "First Name" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md6: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "Last Name" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md12: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "Adress" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "City" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "Country" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: {
-                                      label: "Postal Code",
-                                      type: "number"
-                                    }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "" } },
-                                [
-                                  _c("v-textarea", {
-                                    staticClass: "purple-input",
-                                    attrs: {
-                                      label: "About Me",
-                                      value:
-                                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
-                                    }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", "text-xs-right": "" } },
-                                [
-                                  _c(
-                                    "v-btn",
-                                    {
-                                      staticClass: "mx-0 font-weight-light",
-                                      attrs: { color: "success" }
-                                    },
-                                    [
-                                      _vm._v(
-                                        "\n                  Update Profile\n                "
-                                      )
-                                    ]
-                                  )
-                                ],
-                                1
-                              )
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      )
-                    ],
-                    1
-                  )
                 ],
                 1
               )
@@ -364,62 +236,59 @@ var render = function() {
           _vm._v(" "),
           _c(
             "v-flex",
-            { attrs: { xs12: "", md4: "" } },
+            { attrs: { md12: "" } },
             [
               _c(
                 "material-card",
-                { staticClass: "v-card-profile" },
+                {
+                  attrs: {
+                    color: "green",
+                    flat: "",
+                    "full-width": "",
+                    title: "Table on Plain Background",
+                    text: "Here is a subtitle for this table"
+                  }
+                },
                 [
-                  _c(
+                  _c("v-data-table", {
-                    "v-avatar",
+                    attrs: {
-                    {
+                      headers: _vm.headers,
-                      staticClass: "mx-auto d-block",
+                      items: _vm.items.slice(0, 7),
-                      attrs: { slot: "offset", size: "130" },
+                      "hide-actions": ""
-                      slot: "offset"
                     },
-                    [_c("img", { attrs: { src: "/img/" } })]
+                    scopedSlots: _vm._u([
-                  ),
+                      {
-                  _vm._v(" "),
+                        key: "headerCell",
-                  _c(
+                        fn: function(ref) {
-                    "v-card-text",
+                          var header = ref.header
-                    { staticClass: "text-xs-center" },
+                          return [
-                    [
+                            _c("span", {
-                      _c(
+                              staticClass:
-                        "h6",
+                                "subheading font-weight-light text--darken-3",
-                        {
+                              domProps: { textContent: _vm._s(header.text) }
-                          staticClass:
+                            })
-                            "category text-gray font-weight-thin mb-3"
+                          ]
-                        },
+                        }
-                        [_vm._v("CEO / CO-FOUNDER")]
+                      },
-                      ),
+                      {
-                      _vm._v(" "),
+                        key: "items",
-                      _c(
+                        fn: function(ref) {
-                        "h4",
+                          var item = ref.item
-                        { staticClass: "card-title font-weight-light" },
+                          return [
-                        [_vm._v("Alec Thompson")]
+                            _c("td", [_vm._v(_vm._s(item.name))]),
-                      ),
+                            _vm._v(" "),
-                      _vm._v(" "),
+                            _c("td", [_vm._v(_vm._s(item.country))]),
-                      _c(
+                            _vm._v(" "),
-                        "p",
+                            _c("td", [_vm._v(_vm._s(item.city))]),
-                        { staticClass: "card-description font-weight-light" },
+                            _vm._v(" "),
-                        [
+                            _c("td", { staticClass: "text-xs-right" }, [
-                          _vm._v(
+                              _vm._v(_vm._s(item.salary))
-                            "Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is..."
+                            ])
-                          )
+                          ]
-                        ]
+                        }
-                      ),
+                      }
-                      _vm._v(" "),
+                    ])
-                      _c(
+                  })
-                        "v-btn",
-                        {
-                          staticClass: "font-weight-light",
-                          attrs: { color: "success", round: "" }
-                        },
-                        [_vm._v("Follow")]
-                      )
-                    ],
-                    1
-                  )
                 ],
                 1
               )
@@ -440,17 +309,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/UserProfile.vue":
+/***/ "./resources/js/vue/views/TableList.vue":
-/*!************************************************!*\
+/*!**********************************************!*\
-  !*** ./resources/js/vue/views/UserProfile.vue ***!
+  !*** ./resources/js/vue/views/TableList.vue ***!
-  \************************************************/
+  \**********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserProfile.vue?vue&type=template&id=47383346& */ "./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346&");
+/* harmony import */ var _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TableList.vue?vue&type=template&id=27579e74& */ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&");
-/* harmony import */ var _UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UserProfile.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&");
+/* harmony import */ var _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TableList.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -460,9 +329,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -472,38 +341,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/UserProfile.vue"
+component.options.__file = "resources/js/vue/views/TableList.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
-/*!*************************************************************************!*\
+/*!***********************************************************************!*\
-  !*** ./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/TableList.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************/
+  \***********************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./UserProfile.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./TableList.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346&":
+/***/ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&":
-/*!*******************************************************************************!*\
+/*!*****************************************************************************!*\
-  !*** ./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346& ***!
+  !*** ./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
-  \*******************************************************************************/
+  \*****************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./UserProfile.vue?vue&type=template&id=47383346& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./TableList.vue?vue&type=template&id=27579e74& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/18.js

@@ -1,9 +1,159 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[18],{
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************************************************!*\
+/*!*********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************************************************/
+  \*********************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({//
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346&":
+/*!*************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346& ***!
+  \*************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -17,204 +167,261 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "v-container",
+    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
     [
       _c(
         "v-layout",
-        { attrs: { "justify-center": "" } },
+        { attrs: { "justify-center": "", wrap: "" } },
         [
           _c(
             "v-flex",
-            { attrs: { xs12: "", sm10: "", md8: "" } },
+            { attrs: { xs12: "", md8: "" } },
             [
               _c(
                 "material-card",
                 {
                   attrs: {
-                    color: "primary",
+                    color: "green",
-                    title: "Vue Material Dashboard PRO",
+                    title: "Edit Profile",
-                    text:
+                    text: "Complete your profile"
-                      "Are you looking for more components? Please check our Premium Version of Vue Material Dashboard."
                   }
                 },
                 [
-                  _c("table", { staticClass: "v-table" }, [
+                  _c(
-                    _c("thead", [
+                    "v-form",
-                      _c("tr", [
+                    [
-                        _c("th"),
+                      _c(
-                        _vm._v(" "),
+                        "v-container",
-                        _c(
+                        { attrs: { "py-0": "" } },
-                          "th",
+                        [
-                          { staticClass: "subheading font-weight-light" },
+                          _c(
-                          [_vm._v("Free")]
+                            "v-layout",
-                        ),
+                            { attrs: { wrap: "" } },
-                        _vm._v(" "),
+                            [
-                        _c(
+                              _c(
-                          "th",
+                                "v-flex",
-                          { staticClass: "subheading font-weight-light" },
+                                { attrs: { xs12: "", md4: "" } },
-                          [_vm._v("PRO")]
+                                [
-                        )
+                                  _c("v-text-field", {
-                      ])
+                                    attrs: {
-                    ]),
+                                      label: "Company (disabled)",
-                    _vm._v(" "),
+                                      disabled: ""
-                    _c("tbody", { staticClass: "text-xs-center" }, [
+                                    }
-                      _c("tr", [
+                                  })
-                        _c(
+                                ],
-                          "th",
+                                1
-                          {
+                              ),
-                            staticClass:
+                              _vm._v(" "),
-                              "text-xs-left font-weight-light subheading"
+                              _c(
-                          },
+                                "v-flex",
-                          [_vm._v("Components")]
+                                { attrs: { xs12: "", md4: "" } },
-                        ),
+                                [
-                        _vm._v(" "),
+                                  _c("v-text-field", {
-                        _c("td", [_vm._v("60")]),
+                                    staticClass: "purple-input",
-                        _vm._v(" "),
+                                    attrs: { label: "User Name" }
-                        _c("td", [_vm._v("200")])
+                                  })
-                      ]),
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Email Address" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md6: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "First Name" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md6: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Last Name" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md12: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Adress" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "City" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Country" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: {
+                                      label: "Postal Code",
+                                      type: "number"
+                                    }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "" } },
+                                [
+                                  _c("v-textarea", {
+                                    staticClass: "purple-input",
+                                    attrs: {
+                                      label: "About Me",
+                                      value:
+                                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+                                    }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", "text-xs-right": "" } },
+                                [
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      staticClass: "mx-0 font-weight-light",
+                                      attrs: { color: "success" }
+                                    },
+                                    [
+                                      _vm._v(
+                                        "\n                  Update Profile\n                "
+                                      )
+                                    ]
+                                  )
+                                ],
+                                1
+                              )
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "v-flex",
+            { attrs: { xs12: "", md4: "" } },
+            [
+              _c(
+                "material-card",
+                { staticClass: "v-card-profile" },
+                [
+                  _c(
+                    "v-avatar",
+                    {
+                      staticClass: "mx-auto d-block",
+                      attrs: { slot: "offset", size: "130" },
+                      slot: "offset"
+                    },
+                    [_c("img", { attrs: { src: "/img/" } })]
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-card-text",
+                    { staticClass: "text-xs-center" },
+                    [
+                      _c(
+                        "h6",
+                        {
+                          staticClass:
+                            "category text-gray font-weight-thin mb-3"
+                        },
+                        [_vm._v("CEO / CO-FOUNDER")]
+                      ),
                       _vm._v(" "),
-                      _c("tr", [
+                      _c(
-                        _c(
+                        "h4",
-                          "th",
+                        { staticClass: "card-title font-weight-light" },
-                          {
+                        [_vm._v("Alec Thompson")]
-                            staticClass:
+                      ),
-                              "text-xs-left font-weight-light subheading"
-                          },
-                          [_vm._v("Plugins")]
-                        ),
-                        _vm._v(" "),
-                        _c("td", [_vm._v("2")]),
-                        _vm._v(" "),
-                        _c("td", [_vm._v("15")])
-                      ]),
                       _vm._v(" "),
-                      _c("tr", [
+                      _c(
-                        _c(
+                        "p",
-                          "th",
+                        { staticClass: "card-description font-weight-light" },
-                          {
+                        [
-                            staticClass:
+                          _vm._v(
-                              "text-xs-left font-weight-light subheading"
+                            "Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is..."
-                          },
+                          )
-                          [_vm._v("Example Pages")]
+                        ]
-                        ),
+                      ),
-                        _vm._v(" "),
-                        _c("td", [_vm._v("3")]),
-                        _vm._v(" "),
-                        _c("td", [_vm._v("27")])
-                      ]),
                       _vm._v(" "),
-                      _c("tr", [
+                      _c(
-                        _c(
+                        "v-btn",
-                          "th",
+                        {
-                          {
+                          staticClass: "font-weight-light",
-                            staticClass:
+                          attrs: { color: "success", round: "" }
-                              "text-xs-left font-weight-light subheading"
+                        },
-                          },
+                        [_vm._v("Follow")]
-                          [_vm._v("Login, Register, Pricing, Lock Pages")]
+                      )
-                        ),
+                    ],
-                        _vm._v(" "),
+                    1
-                        _c(
+                  )
-                          "td",
+                ],
-                          [
+                1
-                            _c("v-icon", { attrs: { color: "error" } }, [
-                              _vm._v("mdi-close")
-                            ])
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "td",
-                          [
-                            _c("v-icon", { attrs: { color: "success" } }, [
-                              _vm._v("mdi-check")
-                            ])
-                          ],
-                          1
-                        )
-                      ]),
-                      _vm._v(" "),
-                      _c("tr", [
-                        _c(
-                          "th",
-                          {
-                            staticClass:
-                              "text-xs-left font-weight-light subheading"
-                          },
-                          [_vm._v("Premium Support")]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "td",
-                          [
-                            _c("v-icon", { attrs: { color: "error" } }, [
-                              _vm._v("mdi-close")
-                            ])
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "td",
-                          [
-                            _c("v-icon", { attrs: { color: "success" } }, [
-                              _vm._v("mdi-check")
-                            ])
-                          ],
-                          1
-                        )
-                      ]),
-                      _vm._v(" "),
-                      _c("tr", [
-                        _c("th"),
-                        _vm._v(" "),
-                        _c("td", [_vm._v("Free")]),
-                        _vm._v(" "),
-                        _c("td", [_vm._v("Just $59")])
-                      ]),
-                      _vm._v(" "),
-                      _c("tr", [
-                        _c("th"),
-                        _vm._v(" "),
-                        _c(
-                          "td",
-                          [
-                            _c(
-                              "v-btn",
-                              {
-                                staticClass:
-                                  "subheading white--text font-weight-light",
-                                attrs: {
-                                  round: "",
-                                  large: "",
-                                  color: "grey",
-                                  disabled: ""
-                                }
-                              },
-                              [_vm._v("Current Version")]
-                            )
-                          ],
-                          1
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "td",
-                          [
-                            _c(
-                              "v-btn",
-                              {
-                                staticClass:
-                                  "subheading white--text font-weight-light",
-                                attrs: { round: "", large: "", color: "cyan" }
-                              },
-                              [_vm._v("Upgrade to Pro")]
-                            )
-                          ],
-                          1
-                        )
-                      ])
-                    ])
-                  ])
-                ]
               )
             ],
             1
@@ -233,27 +440,29 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Upgrade.vue":
+/***/ "./resources/js/vue/views/UserProfile.vue":
-/*!********************************************!*\
+/*!************************************************!*\
-  !*** ./resources/js/vue/views/Upgrade.vue ***!
+  !*** ./resources/js/vue/views/UserProfile.vue ***!
-  \********************************************/
+  \************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Upgrade.vue?vue&type=template&id=6dd57b04& */ "./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&");
+/* harmony import */ var _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserProfile.vue?vue&type=template&id=47383346& */ "./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UserProfile.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
 
-var script = {}
 
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__["default"])(
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  script,
+  _UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -263,24 +472,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Upgrade.vue"
+component.options.__file = "resources/js/vue/views/UserProfile.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&":
+/***/ "./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&":
-/*!***************************************************************************!*\
+/*!*************************************************************************!*\
-  !*** ./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04& ***!
+  !*** ./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************/
+  \*************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./UserProfile.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346&":
+/*!*******************************************************************************!*\
+  !*** ./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346& ***!
+  \*******************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Upgrade.vue?vue&type=template&id=6dd57b04& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./UserProfile.vue?vue&type=template&id=47383346& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/19.js

@@ -1,85 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[19],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&":
-/*!************************************************************************************************************************************************************************!*\
+/*!*********************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04& ***!
-  \************************************************************************************************************************************************************************/
+  \*********************************************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  data: function data() {
-    return {
-      cell_number: ""
-    };
-  },
-  methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapActions"])('auth', ['forgotPassword']), {
-    handleSubmit: function handleSubmit() {
-      // Perform a simple validation that cell_number and password have been typed in
-      if (this.cell_number != '') {
-        this.forgotPassword({
-          cell_number: this.cell_number
-        });
-      }
-    }
-  })
-});
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ForgotPassword.vue?vue&type=template&id=62f22c26&":
-/*!****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ForgotPassword.vue?vue&type=template&id=62f22c26& ***!
-  \****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -92,146 +16,205 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
+    "v-container",
     [
       _c(
-        "v-container",
+        "v-layout",
-        { attrs: { "grid-list-xs": "" } },
+        { attrs: { "justify-center": "" } },
         [
           _c(
-            "v-layout",
+            "v-flex",
-            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
+            { attrs: { xs12: "", sm10: "", md8: "" } },
             [
               _c(
-                "v-flex",
+                "material-card",
                 {
-                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
+                  attrs: {
-                  attrs: { xs12: "", md3: "", sm3: "" }
+                    color: "primary",
+                    title: "Vue Material Dashboard PRO",
+                    text:
+                      "Are you looking for more components? Please check our Premium Version of Vue Material Dashboard."
+                  }
                 },
                 [
-                  _c(
+                  _c("table", { staticClass: "v-table" }, [
-                    "material-card",
+                    _c("thead", [
-                    { attrs: { color: "black", title: "Login Page" } },
+                      _c("tr", [
-                    [
+                        _c("th"),
-                      _c(
+                        _vm._v(" "),
-                        "v-layout",
+                        _c(
-                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+                          "th",
-                        [
+                          { staticClass: "subheading font-weight-light" },
-                          _c(
+                          [_vm._v("Free")]
-                            "v-flex",
+                        ),
-                            { attrs: { xs12: "", md12: "", sm12: "" } },
+                        _vm._v(" "),
-                            [
+                        _c(
-                              _c("v-text-field", {
+                          "th",
-                                attrs: {
+                          { staticClass: "subheading font-weight-light" },
-                                  name: "cellnumber",
+                          [_vm._v("PRO")]
-                                  label: "Cell Number",
+                        )
-                                  id: "id1",
+                      ])
-                                  color: "black"
+                    ]),
-                                },
+                    _vm._v(" "),
-                                model: {
+                    _c("tbody", { staticClass: "text-xs-center" }, [
-                                  value: _vm.cell_number,
+                      _c("tr", [
-                                  callback: function($$v) {
+                        _c(
-                                    _vm.cell_number = $$v
+                          "th",
-                                  },
+                          {
-                                  expression: "cell_number"
+                            staticClass:
-                                }
+                              "text-xs-left font-weight-light subheading"
-                              })
+                          },
-                            ],
+                          [_vm._v("Components")]
-                            1
+                        ),
-                          )
+                        _vm._v(" "),
-                        ],
+                        _c("td", [_vm._v("60")]),
-                        1
+                        _vm._v(" "),
-                      ),
+                        _c("td", [_vm._v("200")])
+                      ]),
                       _vm._v(" "),
-                      _c(
+                      _c("tr", [
-                        "v-layout",
+                        _c(
-                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+                          "th",
-                        [
+                          {
-                          _c(
+                            staticClass:
-                            "v-flex",
+                              "text-xs-left font-weight-light subheading"
-                            {
+                          },
-                              staticClass:
+                          [_vm._v("Plugins")]
-                                "text-md-left text-sm-center text-xs-center",
+                        ),
-                              attrs: { xs12: "", md6: "", sm6: "" }
+                        _vm._v(" "),
-                            },
+                        _c("td", [_vm._v("2")]),
-                            [
+                        _vm._v(" "),
-                              _c(
+                        _c("td", [_vm._v("15")])
-                                "v-btn",
+                      ]),
-                                {
+                      _vm._v(" "),
-                                  staticClass: "WM-CyanBlueGradient-BG",
+                      _c("tr", [
-                                  staticStyle: { padding: "10px 60px" },
+                        _c(
-                                  on: { click: _vm.handleSubmit }
+                          "th",
-                                },
+                          {
-                                [
+                            staticClass:
-                                  _c(
+                              "text-xs-left font-weight-light subheading"
-                                    "v-icon",
+                          },
-                                    { staticClass: "white--text mr-2 caption" },
+                          [_vm._v("Example Pages")]
-                                    [_vm._v("fas fa-sign-in-alt")]
+                        ),
-                                  ),
+                        _vm._v(" "),
-                                  _vm._v(" "),
+                        _c("td", [_vm._v("3")]),
-                                  _c("span", { staticClass: "white--text" }, [
+                        _vm._v(" "),
-                                    _vm._v("Send")
+                        _c("td", [_vm._v("27")])
-                                  ])
+                      ]),
-                                ],
+                      _vm._v(" "),
-                                1
+                      _c("tr", [
-                              )
+                        _c(
-                            ],
+                          "th",
-                            1
+                          {
-                          ),
+                            staticClass:
-                          _vm._v(" "),
+                              "text-xs-left font-weight-light subheading"
-                          _c(
+                          },
-                            "v-flex",
+                          [_vm._v("Login, Register, Pricing, Lock Pages")]
-                            {
+                        ),
-                              staticClass:
+                        _vm._v(" "),
-                                "text-md-right text-sm-center text-xs-center",
+                        _c(
-                              attrs: { xs12: "", md6: "", sm6: "" }
+                          "td",
-                            },
+                          [
-                            [
+                            _c("v-icon", { attrs: { color: "error" } }, [
-                              _c(
+                              _vm._v("mdi-close")
-                                "router-link",
+                            ])
-                                {
+                          ],
-                                  staticClass: "black--text",
+                          1
-                                  attrs: { to: "login" }
+                        ),
-                                },
+                        _vm._v(" "),
-                                [
+                        _c(
-                                  _c(
+                          "td",
-                                    "v-btn",
+                          [
-                                    {
+                            _c("v-icon", { attrs: { color: "success" } }, [
-                                      staticClass:
+                              _vm._v("mdi-check")
-                                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                            ])
-                                    },
+                          ],
-                                    [
+                          1
-                                      _c(
+                        )
-                                        "v-icon",
+                      ]),
-                                        {
+                      _vm._v(" "),
-                                          staticClass:
+                      _c("tr", [
-                                            "black--text mr-2 caption"
+                        _c(
-                                        },
+                          "th",
-                                        [_vm._v("fas fa-sign-in-alt")]
+                          {
-                                      ),
+                            staticClass:
-                                      _vm._v(" "),
+                              "text-xs-left font-weight-light subheading"
-                                      _c(
+                          },
-                                        "span",
+                          [_vm._v("Premium Support")]
-                                        { staticClass: "black--text" },
+                        ),
-                                        [_vm._v("Login")]
+                        _vm._v(" "),
-                                      )
+                        _c(
-                                    ],
+                          "td",
-                                    1
+                          [
-                                  )
+                            _c("v-icon", { attrs: { color: "error" } }, [
-                                ],
+                              _vm._v("mdi-close")
-                                1
+                            ])
-                              )
+                          ],
-                            ],
+                          1
-                            1
+                        ),
-                          )
+                        _vm._v(" "),
-                        ],
+                        _c(
-                        1
+                          "td",
-                      )
+                          [
-                    ],
+                            _c("v-icon", { attrs: { color: "success" } }, [
-                    1
+                              _vm._v("mdi-check")
-                  )
+                            ])
-                ],
+                          ],
-                1
+                          1
+                        )
+                      ]),
+                      _vm._v(" "),
+                      _c("tr", [
+                        _c("th"),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("Free")]),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("Just $59")])
+                      ]),
+                      _vm._v(" "),
+                      _c("tr", [
+                        _c("th"),
+                        _vm._v(" "),
+                        _c(
+                          "td",
+                          [
+                            _c(
+                              "v-btn",
+                              {
+                                staticClass:
+                                  "subheading white--text font-weight-light",
+                                attrs: {
+                                  round: "",
+                                  large: "",
+                                  color: "grey",
+                                  disabled: ""
+                                }
+                              },
+                              [_vm._v("Current Version")]
+                            )
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "td",
+                          [
+                            _c(
+                              "v-btn",
+                              {
+                                staticClass:
+                                  "subheading white--text font-weight-light",
+                                attrs: { round: "", large: "", color: "cyan" }
+                              },
+                              [_vm._v("Upgrade to Pro")]
+                            )
+                          ],
+                          1
+                        )
+                      ])
+                    ])
+                  ])
+                ]
               )
             ],
             1
@@ -250,29 +233,27 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ForgotPassword.vue":
+/***/ "./resources/js/vue/views/Upgrade.vue":
-/*!***************************************************!*\
+/*!********************************************!*\
-  !*** ./resources/js/vue/views/ForgotPassword.vue ***!
+  !*** ./resources/js/vue/views/Upgrade.vue ***!
-  \***************************************************/
+  \********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ForgotPassword.vue?vue&type=template&id=62f22c26& */ "./resources/js/vue/views/ForgotPassword.vue?vue&type=template&id=62f22c26&");
+/* harmony import */ var _Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Upgrade.vue?vue&type=template&id=6dd57b04& */ "./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&");
-/* harmony import */ var _ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ForgotPassword.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
 
+var script = {}
 
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__["default"])(
-  _ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  script,
-  _ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -282,38 +263,24 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/ForgotPassword.vue"
+component.options.__file = "resources/js/vue/views/Upgrade.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&":
-/*!****************************************************************************!*\
+/*!***************************************************************************!*\
-  !*** ./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04& ***!
-  \****************************************************************************/
+  \***************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ForgotPassword.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/js/vue/views/ForgotPassword.vue?vue&type=template&id=62f22c26&":
-/*!**********************************************************************************!*\
-  !*** ./resources/js/vue/views/ForgotPassword.vue?vue&type=template&id=62f22c26& ***!
-  \**********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ForgotPassword.vue?vue&type=template&id=62f22c26& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ForgotPassword.vue?vue&type=template&id=62f22c26&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Upgrade.vue?vue&type=template&id=6dd57b04& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/2.js

@@ -423,7 +423,7 @@ __webpack_require__.r(__webpack_exports__);
 
 exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
 // Module
-exports.push([module.i, "\n.WM-Border-Gray[data-v-d05735bc] {\r\n  border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-d05735bc] {\r\n  background-color : #F5F5F5;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-d05735bc] {\r\n    top: -25px !important;\n}\n.v-btn--bottom.v-btn--absolute.v-btn--small[data-v-d05735bc] {\r\n    bottom: -24px !important;\n}\r\n", ""]);
+exports.push([module.i, "\n.WM-Border-Gray[data-v-d05735bc] {\n  border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-d05735bc] {\n  background-color : #F5F5F5;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-d05735bc] {\n    top: -25px !important;\n}\n.v-btn--bottom.v-btn--absolute.v-btn--small[data-v-d05735bc] {\n    bottom: -24px !important;\n}\n", ""]);
 
 
 

public/9.js

@@ -1,14 +1,19 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Login.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************!*\
+/*!***************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Login.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************/
+  \***************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -68,90 +73,35 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
+
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      headers: [{
+      cell_number: "",
-        sortable: true,
+      password: ""
-        text: 'Operator',
-        value: 'operator'
-      }, {
-        sortable: true,
-        text: 'Date',
-        value: 'date'
-      }, {
-        sortable: true,
-        text: 'Hospital',
-        value: 'hospital'
-      }, {
-        sortable: true,
-        text: 'Action',
-        value: 'action',
-        align: 'right'
-      }],
-      items: [{
-        name: 'Fatemeh Shokouhi',
-        date: '12/05/1397',
-        operator: 'Shahid Beheshti',
-        action: ''
-      }, {
-        name: 'Fatemeh Fayyazi',
-        date: '12/05/1397',
-        operator: 'Emam Reza',
-        action: ''
-      }]
     };
-  }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', ['authenticating', 'authenticationError', 'authenticationErrorCode'])),
+  methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapActions"])('auth', ['login']), {
+    handleSubmit: function handleSubmit() {
+      // Perform a simple validation that cell_number and password have been typed in
+      if (this.cell_number != '' && this.password != '') {
+        this.login({
+          cell_number: this.cell_number,
+          password: this.password
+        });
+        this.password = "";
+      }
+    }
+  })
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Login.vue?vue&type=template&id=646835d1&scoped=true&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
+/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Login.vue?vue&type=template&id=646835d1&scoped=true& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+  \*******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -164,289 +114,209 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-container",
+    "v-form",
-    { attrs: { "grid-list-xs": "" } },
     [
       _c(
-        "material-card",
+        "v-container",
-        { attrs: { color: "black", title: "Member List" } },
+        { attrs: { "grid-list-xs": "" } },
         [
           _c(
             "v-layout",
-            {
+            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
-              staticClass: "px-5 mb-3",
-              attrs: { "align-center": "", "justify-center": "", wrap: "" }
-            },
             [
               _c(
                 "v-flex",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
+                {
-                [
+                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
-                  _c("v-text-field", {
+                  attrs: { xs12: "", md3: "", sm3: "" }
-                    staticClass: "pa-2",
+                },
-                    attrs: {
-                      color: "black",
-                      name: "name",
-                      label: "Name",
-                      id: "id1"
-                    }
-                  })
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-flex",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
-                [
-                  _c("v-text-field", {
-                    staticClass: "pa-2",
-                    attrs: {
-                      color: "black",
-                      name: "date",
-                      label: "Date",
-                      id: "id2"
-                    }
-                  })
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-flex",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
-                [
-                  _c("v-text-field", {
-                    staticClass: "pa-2",
-                    attrs: {
-                      color: "black",
-                      name: "hospital",
-                      label: "Hospital",
-                      id: "id3"
-                    }
-                  })
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-flex",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
                 [
                   _c(
-                    "v-btn",
+                    "material-card",
-                    {
+                    { attrs: { color: "black", title: "Login Page" } },
-                      staticClass: "WM-CyanBlueGradient-BG",
-                      staticStyle: { padding: "10px 60px" }
-                    },
                     [
                       _c(
-                        "v-icon",
+                        "v-layout",
-                        { staticClass: "white--text mr-2 caption" },
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
-                        [_vm._v("fas fa-search")]
+                        [
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md12: "", sm12: "" } },
+                            [
+                              _c("v-text-field", {
+                                attrs: {
+                                  name: "cellnumber",
+                                  label: "Cell Number",
+                                  id: "id1",
+                                  color: "black"
+                                },
+                                model: {
+                                  value: _vm.cell_number,
+                                  callback: function($$v) {
+                                    _vm.cell_number = $$v
+                                  },
+                                  expression: "cell_number"
+                                }
+                              })
+                            ],
+                            1
+                          )
+                        ],
+                        1
                       ),
                       _vm._v(" "),
-                      _c("span", { staticClass: "white--text" }, [
+                      _c(
-                        _vm._v("Filter")
+                        "v-layout",
-                      ])
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
-                    ],
+                        [
-                    1
+                          _c(
-                  )
+                            "v-flex",
-                ],
+                            { attrs: { xs12: "", md12: "", sm12: "" } },
-                1
+                            [
-              )
+                              _c("v-text-field", {
-            ],
+                                attrs: {
-            1
+                                  name: "password",
-          ),
+                                  label: "Password",
-          _vm._v(" "),
+                                  id: "id2",
-          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
+                                  color: "black"
-          _vm._v(" "),
+                                },
-          _c(
+                                model: {
-            "v-layout",
+                                  value: _vm.password,
-            {
+                                  callback: function($$v) {
-              staticClass: "px-5 my-2",
+                                    _vm.password = $$v
-              attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                                  },
-            },
+                                  expression: "password"
-            [
+                                }
-              _c(
+                              })
-                "v-flex",
+                            ],
-                { attrs: { xs12: "", md12: "", sm12: "" } },
+                            1
-                [
+                          )
-                  _c("v-data-table", {
+                        ],
-                    attrs: {
+                        1
-                      headers: _vm.headers,
+                      ),
-                      items: _vm.items,
+                      _vm._v(" "),
-                      "hide-actions": ""
+                      _c(
-                    },
+                        "v-layout",
-                    scopedSlots: _vm._u([
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
-                      {
+                        [
-                        key: "headerCell",
+                          _c(
-                        fn: function(ref) {
+                            "v-flex",
-                          var header = ref.header
+                            {
-                          return [
-                            _c("span", {
                               staticClass:
-                                "subheading font-weight-light text-white text--darken-3",
+                                "text-md-left text-sm-center text-xs-center",
-                              domProps: { textContent: _vm._s(header.text) }
+                              attrs: { xs12: "", md6: "", sm6: "" }
-                            })
+                            },
-                          ]
+                            [
-                        }
+                              _c(
-                      },
+                                "v-btn",
-                      {
+                                {
-                        key: "items",
+                                  staticClass: "WM-CyanBlueGradient-BG",
-                        fn: function(ref) {
+                                  staticStyle: { padding: "10px 60px" },
-                          var item = ref.item
+                                  on: { click: _vm.handleSubmit }
-                          return [
+                                },
-                            _c(
+                                [
-                              "td",
+                                  _c(
-                              { staticClass: "headline font-weight-light" },
+                                    "v-icon",
-                              [_vm._v(_vm._s(item.name))]
+                                    { staticClass: "white--text mr-2 caption" },
-                            ),
+                                    [_vm._v("fas fa-sign-in-alt")]
-                            _vm._v(" "),
+                                  ),
-                            _c(
+                                  _vm._v(" "),
-                              "td",
+                                  _c("span", { staticClass: "white--text" }, [
-                              { staticClass: "title font-weight-light" },
+                                    _vm._v("Login")
-                              [_vm._v(_vm._s(item.date))]
+                                  ])
-                            ),
+                                ],
-                            _vm._v(" "),
+                                1
-                            _c(
+                              )
-                              "td",
+                            ],
-                              { staticClass: "title font-weight-light" },
+                            1
-                              [_vm._v(_vm._s(item.operator))]
+                          ),
-                            ),
+                          _vm._v(" "),
-                            _vm._v(" "),
+                          _c(
-                            _c(
+                            "v-flex",
-                              "td",
+                            {
-                              { staticClass: "text-xs-right" },
+                              staticClass:
-                              [
+                                "text-md-right text-sm-center text-xs-center",
-                                _c(
+                              attrs: { xs12: "", md6: "", sm6: "" }
-                                  "v-btn",
+                            },
-                                  {
+                            [
-                                    staticClass: "mr-2 WM-ActionButton",
+                              _c(
-                                    attrs: { color: "purple" }
+                                "router-link",
-                                  },
+                                {
-                                  [
+                                  staticClass: "black--text",
-                                    _c(
+                                  attrs: { to: "register" }
-                                      "v-icon",
+                                },
-                                      {
+                                [
-                                        staticClass: "white--text mr-1 caption"
+                                  _c(
-                                      },
+                                    "v-btn",
-                                      [_vm._v("fas fa-envelope")]
+                                    {
-                                    ),
+                                      staticClass:
-                                    _vm._v(" "),
+                                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
-                                    _c("span", [_vm._v("SMS")])
+                                    },
-                                  ],
+                                    [
-                                  1
+                                      _c(
-                                ),
+                                        "v-icon",
-                                _vm._v(" "),
+                                        {
-                                _c(
+                                          staticClass:
-                                  "v-btn",
+                                            "black--text mr-2 caption"
-                                  {
+                                        },
-                                    staticClass: "mr-2 WM-ActionButton",
+                                        [_vm._v("fas fa-plus")]
-                                    attrs: { color: "cyan" }
+                                      ),
-                                  },
+                                      _vm._v(" "),
-                                  [
+                                      _c(
-                                    _c(
+                                        "span",
-                                      "v-icon",
+                                        { staticClass: "black--text" },
-                                      {
+                                        [_vm._v("Register")]
-                                        staticClass: "white--text mr-1 caption"
+                                      )
-                                      },
+                                    ],
-                                      [_vm._v("fas fa-pen")]
+                                    1
-                                    ),
+                                  )
-                                    _vm._v(" "),
+                                ],
-                                    _c("span", [_vm._v("Edit")])
+                                1
-                                  ],
+                              )
-                                  1
+                            ],
-                                ),
+                            1
-                                _vm._v(" "),
+                          )
-                                _c(
+                        ],
-                                  "v-btn",
+                        1
-                                  {
-                                    staticClass: "mr-2 WM-ActionButton",
-                                    attrs: { color: "orange darken-1" }
-                                  },
-                                  [
-                                    _c(
-                                      "v-icon",
-                                      {
-                                        staticClass: "white--text mr-1 caption"
-                                      },
-                                      [_vm._v("fas fa-user")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("span", [_vm._v("Operator")])
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "v-btn",
-                                  {
-                                    staticClass: " WM-ActionButton",
-                                    attrs: { color: "pink" }
-                                  },
-                                  [
-                                    _c(
-                                      "v-icon",
-                                      {
-                                        staticClass: "white--text mr-1 caption"
-                                      },
-                                      [_vm._v("fas fa-times")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("span", [_vm._v("Remove")])
-                                  ],
-                                  1
-                                )
-                              ],
-                              1
-                            )
-                          ]
-                        }
-                      }
-                    ])
-                  })
-                ],
-                1
-              )
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
-          _vm._v(" "),
-          _c(
-            "v-layout",
-            {
-              staticClass: "mt-3",
-              attrs: {
-                row: "",
-                wrap: "",
-                "align-center": "",
-                "justify-center": ""
-              }
-            },
-            [
-              _c(
-                "router-link",
-                { attrs: { to: "/dashboard" } },
-                [
-                  _c(
-                    "v-btn",
-                    {
-                      staticClass:
-                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
-                    },
-                    [
-                      _c(
-                        "v-icon",
-                        { staticClass: "black--text mr-2 caption" },
-                        [_vm._v("fas fa-chevron-left")]
                       ),
                       _vm._v(" "),
-                      _c("span", { staticClass: "black--text" }, [
+                      _c(
-                        _vm._v("Back")
+                        "v-layout",
-                      ])
+                        {
+                          staticClass:
+                            "text-md-left text-sm-center text-xs-center",
+                          attrs: { row: "", wrap: "" }
+                        },
+                        [
+                          _c(
+                            "v-flex",
+                            {
+                              staticClass: "px-4 py-3",
+                              attrs: { xs12: "", md6: "", sm6: "" }
+                            },
+                            [
+                              _c(
+                                "router-link",
+                                { attrs: { to: "/forgot-password" } },
+                                [
+                                  _c(
+                                    "span",
+                                    {
+                                      staticClass: "black--text",
+                                      staticStyle: {
+                                        "border-bottom": "1px solid #000"
+                                      }
+                                    },
+                                    [_vm._v("Forgot Password ?")]
+                                  )
+                                ]
+                              )
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      )
                     ],
                     1
                   )
@@ -470,17 +340,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ManageUsers.vue":
+/***/ "./resources/js/vue/views/Login.vue":
-/*!************************************************!*\
+/*!******************************************!*\
-  !*** ./resources/js/vue/views/ManageUsers.vue ***!
+  !*** ./resources/js/vue/views/Login.vue ***!
-  \************************************************/
+  \******************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true& */ "./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true&");
+/* harmony import */ var _Login_vue_vue_type_template_id_646835d1_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Login.vue?vue&type=template&id=646835d1&scoped=true& */ "./resources/js/vue/views/Login.vue?vue&type=template&id=646835d1&scoped=true&");
-/* harmony import */ var _ManageUsers_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ManageUsers.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js&");
+/* harmony import */ var _Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Login.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Login.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -490,50 +360,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _ManageUsers_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Login_vue_vue_type_template_id_646835d1_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Login_vue_vue_type_template_id_646835d1_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "436a95ea",
+  "646835d1",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/ManageUsers.vue"
+component.options.__file = "resources/js/vue/views/Login.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/Login.vue?vue&type=script&lang=js&":
-/*!*************************************************************************!*\
+/*!*******************************************************************!*\
-  !*** ./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/Login.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************/
+  \*******************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ManageUsers.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Login.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Login.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true&":
+/***/ "./resources/js/vue/views/Login.vue?vue&type=template&id=646835d1&scoped=true&":
-/*!*******************************************************************************************!*\
+/*!*************************************************************************************!*\
-  !*** ./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true& ***!
+  !*** ./resources/js/vue/views/Login.vue?vue&type=template&id=646835d1&scoped=true& ***!
-  \*******************************************************************************************/
+  \*************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_template_id_646835d1_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Login.vue?vue&type=template&id=646835d1&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Login.vue?vue&type=template&id=646835d1&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_template_id_646835d1_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_template_id_646835d1_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

resources/js/vue/App.vue

@@ -2,6 +2,8 @@
   <v-app>
     <!-- <core-filter /> -->
 
+    <core-modal />
+
     <core-toolbar v-if="loggedIn" />
 
     <core-drawer v-if="loggedIn" />

resources/js/vue/components/core/Modal.vue

@@ -0,0 +1,33 @@
+<template>
+    <div>
+        <modal-base :show="getCurrentModal" width="70%" @close="closeModal">
+            <component :is="getCurrentModal" v-bind="getModalProperties"></component>
+        </modal-base>
+    </div>
+</template>
+<script>
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+        data() {
+            return {
+                show: false,
+                showModal: false,
+            }
+        },
+        methods: {
+            ...mapMutations('modal', [
+                'changeCurrentModal'
+            ]),
+            closeModal: function() {
+                this.changeCurrentModal('');
+            },
+        },
+        computed : {
+            ...mapGetters('modal',[
+                'getCurrentModal', 'getModalProperties'
+            ])
+        }
+    };
+
+</script>

resources/js/vue/components/modal/Base.vue

@@ -0,0 +1,76 @@
+<template>
+    <transition name="fade">
+        <div class="mng-modal" @click="close" v-show="show">
+            <transition name="slide">
+                <div class="mng-modal-container" :style="{'width':width}" v-if="show" @click.stop>
+                    <slot>this is sample content</slot>
+                </div>
+            </transition>
+        </div>
+    </transition>
+</template>
+
+<script>
+export default {
+    props: ["show", "width"],
+    methods: {
+        close: function() {
+            this.$emit("close");
+        }
+    },
+    mounted: function() {
+        document.addEventListener("keydown", e => {
+            if (this.show && e.keyCode == 27) {
+                this.close();
+            }
+        });
+    }
+};
+</script>
+
+<style lang="scss">
+.mng-modal {
+    background-color: rgba(0, 0, 0, 0.5);
+    position: fixed;
+    overflow-y: auto;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    z-index: 10000001;
+}
+
+.mng-modal-container {
+    margin: 30px auto;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+    transition: opacity .15s linear;
+    -webkit-transition: opacity .15s linear;
+}
+.fade-enter, .fade-leave-to {
+    opacity: 0;
+}
+
+.slide-enter,
+.slide-leave-to {
+    -webkit-transform: translate(0, -35%);
+    -ms-transform: translate(0, -35%);
+    -o-transform: translate(0, -35%);
+    transform: translate(0, -35%);
+}
+
+.slide-enter-active,
+.slide-leave-active {
+    transition: transform .3s ease-out;
+}
+
+.slide-enter-to,
+.slide-leave {
+    -webkit-transform: translate(0, 0);
+    -ms-transform: translate(0, 0);
+    -o-transform: translate(0, 0);
+    transform: translate(0, 0);
+}
+</style>

resources/js/vue/components/modal/auth/VerifyCode.vue

@@ -0,0 +1,51 @@
+<template>
+  <v-form >
+    <v-container grid-list-xs>
+      <v-layout row wrap class="justify-center">
+        <v-flex xs12 md3 sm3 class="WM-WidthScreen-SM WM-WidthScreen-XS">
+          <material-card
+          color="black"
+          title="Verify Code">
+            <v-layout row wrap class="px-3">
+              <v-flex xs12 md12 sm12>
+                <v-text-field
+                  v-model="verifyCode"
+                  label="Verify Code Number"
+                  color="black"
+                ></v-text-field>
+              </v-flex>
+            </v-layout>
+            <v-layout row wrap class="px-3">
+              <v-flex xs12 md6 sm6 class="text-md-left text-sm-center text-xs-center">
+                <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="submitVerifyCode">
+                  <v-icon class="white--text mr-2 caption">fas fa-sign-in-alt</v-icon>
+                  <span class="white--text">Submit</span>
+                </v-btn>
+              </v-flex>
+            </v-layout>
+          </material-card>
+        </v-flex>
+      </v-layout>
+    </v-container>
+  </v-form>
+</template>
+<script>
+import { mapGetters, mapActions } from "vuex";
+export default {
+  data() {
+    return {
+      verifyCode: "",
+    };
+  },
+  methods: {
+      ...mapActions('auth', [
+          'verifyCodeSMS'
+      ]),
+      submitVerifyCode() {
+          if (this.verifyCode != '') {
+            this.verifyCodeSMS({verifyCode: this.verifyCode});
+          }
+      }
+  }
+};
+</script>

resources/js/vue/services/auth/api.service.js

@@ -1,6 +1,7 @@
 import axios from 'axios'
 import { TokenService } from './storage.service'
 import store  from '@/store'
+import qs from 'qs';
 
 const ApiService = {
 
@@ -44,7 +45,12 @@ const ApiService = {
      *    - password
     **/
     customRequest(data) {
-        return axios(data)
+        for (let d in data) {
+            if (typeof data[d] == 'object') {
+                data[d] = qs.stringify(data[d]);
+            }
+        }
+        return axios(data);
     },
 
     _401interceptor: null,
@@ -56,10 +62,10 @@ const ApiService = {
          },
          async (error) => {
              if (error.request.status == 401) {
-                 if (error.config.url.includes('/auth/login/')) {
+                 if (error.config.url.includes('auth/login')) {
                      // Refresh token has failed. Logout the user
-                     store.dispatch('auth/logout')
+                     store.dispatch('auth/logout');
-                     throw error
+                     throw error;
                  } else {
                      // Refresh the access token
                      try{
@@ -90,4 +96,4 @@ const ApiService = {
 }
 
 export default ApiService
-export { ApiService}
+export { ApiService }

resources/js/vue/services/auth/user.service.js

@@ -21,7 +21,7 @@ const UserService = {
     login: async function(cell_number, password) {
         const requestData = {
             method: 'post',
-            url: "login",
+            url: "/login",
             data: {
                 cell_number,
                 password,
@@ -57,7 +57,7 @@ const UserService = {
     forgotPassword: async function(cell_number) {
         const requestData = {
             method: 'post',
-            url: "/forgotPassword",
+            url: "forgotPassword",
             data: {
                 cell_number,
             },
@@ -76,6 +76,34 @@ const UserService = {
             throw new AuthenticationError(error.response.status, error.response.data.detail);
         }
     },
+    /**
+     * Login the user and store the access token to TokenService.
+     *
+     * @returns access_token
+     * @throws AuthenticationError
+    **/
+    verifyCode: async function(verifyCode) {
+        const requestData = {
+            method: 'post',
+            url: "forgotPassword",
+            data: {
+                verifyCode,
+            },
+            auth: {
+                username: process.env.VUE_APP_CLIENT_ID,
+                password: process.env.VUE_APP_CLIENT_SECRET
+            }
+        }
+
+        try {
+            const response = await ApiService.customRequest(requestData);
+            ApiService.setHeader();
+
+            return response.data;
+        } catch (error) {
+            throw new AuthenticationError(error.response.status, error.response.data.detail);
+        }
+    },
 
     /**
      * Refresh the access token.

resources/js/vue/store/modules/auth/actions.js

@@ -27,6 +27,11 @@ export default {
          // TODO: Open Modal For Get Section
     },
 
+    async verifyCodeSMS({ commit }, {verifyCode}) {
+         const result = await UserService.verifyCode(verifyCode);
+         // TODO: Open Modal For Get Section
+    },
+
     logout({ commit }) {
         UserService.logout()
         commit('logoutSuccess')

resources/js/vue/store/modules/modal/getters.js

@@ -0,0 +1,9 @@
+export default {
+    getCurrentModal: (state) => {
+        return state.currentModal.name
+    },
+    getModalProperties: (state) => {
+        return state.currentModal.properties;
+    }
+
+}

resources/js/vue/store/modules/modal/mutations.js

@@ -0,0 +1,12 @@
+export default {
+    changeCurrentModal: (state, data) => {
+         state.currentModal.name = data.modal;
+         if (data.properties) {
+             state.currentModal.properties = data.properties;
+         }
+     },
+     closeModal: (state) => {
+         state.currentModal.name = '';
+         state.currentModal.properties = {};
+     }
+}

resources/js/vue/store/modules/modal/state.js

@@ -0,0 +1,6 @@
+export default {
+    currentModal: {
+        name: '',
+        properties: {}
+    },
+}

resources/js/vue/views/ForgotPassword.vue

@@ -40,7 +40,7 @@
   </v-form>
 </template>
 <script>
-import { mapGetters, mapActions } from "vuex";
+import { mapActions, mapMutations } from "vuex";
 export default {
   data() {
     return {
@@ -51,11 +51,15 @@ export default {
       ...mapActions('auth', [
           'forgotPassword'
       ]),
+      ...mapMutations('modal', [
+          'changeCurrentModal'
+      ]),
       handleSubmit() {
+          this.changeCurrentModal({modal: 'modal-auth-verify-code'});
           // Perform a simple validation that cell_number and password have been typed in
-          if (this.cell_number != '') {
+          // if (this.cell_number != '') {
-            this.forgotPassword({cell_number: this.cell_number});
+          //   this.forgotPassword({cell_number: this.cell_number});
-          }
+          // }
       }
   }
 };

resources/js/vue/views/Login.vue

@@ -39,7 +39,7 @@
                   <router-link class="black--text" to="register">
                     <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
                       <v-icon class="black--text mr-2 caption">fas fa-plus</v-icon>
-                      <span >Register</span>
+                      <span  class="black--text">Register</span>
                     </v-btn>
                   </router-link>
               </v-flex>