structure user and izitoast and add medicalcenter

package-lock.json

@@ -7626,6 +7626,12 @@
             "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
             "dev": true
         },
+        "izitoast": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/izitoast/-/izitoast-1.4.0.tgz",
+            "integrity": "sha512-Oc1X2wiQtPp39i5VpIjf3GJf5sfCtHKXZ5szx7RareyEeFLUlcEW0FSfBni28+Ul6KNKZRKzhVuWzSP4Xngh0w==",
+            "dev": true
+        },
         "javascript-stringify": {
             "version": "1.6.0",
             "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-1.6.0.tgz",

package.json

@@ -10,17 +10,6 @@
         "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
     },
     "devDependencies": {
-        "chartist": "0.11.0",
-        "eslint": "^5.14.1",
-        "node-sass": "^4.9.3",
-        "sass": "^1.15.2",
-        "sass-loader": "^7.1.0",
-        "vue": "^2.5.17",
-        "vue-chartist": "^2.1.2",
-        "vue-meta": "^1.5.2",
-        "vue-style-loader": "^4.1.2",
-        "vuelidate": "^0.7.4",
-        "vuetify": "^1.2.5",
         "@babel/plugin-syntax-dynamic-import": "^7.2.0",
         "@fortawesome/fontawesome-free": "^5.7.2",
         "@mdi/font": "^2.5.94",
@@ -31,30 +20,42 @@
         "axios": "^0.18",
         "bootstrap": "^4.0.0",
         "bootstrap-sass": "^3.3.7",
+        "chartist": "0.11.0",
         "cross-env": "^5.1",
         "css-loader": "2.1.1",
+        "eslint": "^5.14.1",
         "eslint-config-standard": "^12.0.0",
         "eslint-plugin-import": "^2.16.0",
         "eslint-plugin-node": "^8.0.1",
         "eslint-plugin-promise": "^4.0.1",
         "eslint-plugin-standard": "^4.0.0",
         "font-awesome": "^4.7.0",
-        "popper.js": "^1.12",
         "fontello": "^0.5.0",
+        "izitoast": "^1.4.0",
         "jquery": "^3.2",
-        "resolve-url-loader": "^2.3.1",
         "laravel-mix": "^4.0.7",
         "less-loader": "4.1.0",
         "lodash": "^4.17.5",
         "material-design-icons-iconfont": "^3.0.3",
+        "node-sass": "^4.9.3",
+        "popper.js": "^1.12",
         "postcss-loader": "^3.0.0",
+        "resolve-url-loader": "^2.3.1",
+        "sass": "^1.15.2",
+        "sass-loader": "^7.1.0",
         "style-loader": "0.23.1",
         "stylus": "^0.54.5",
         "stylus-loader": "^3.0.1",
+        "vue": "^2.5.17",
         "vue-analytics": "^5.8.0",
+        "vue-chartist": "^2.1.2",
         "vue-i18n": "^7.4.0",
+        "vue-meta": "^1.5.2",
         "vue-router": "^3.0.1",
+        "vue-style-loader": "^4.1.2",
         "vue-template-compiler": "^2.5.17",
+        "vuelidate": "^0.7.4",
+        "vuetify": "^1.2.5",
         "vuex": "^3.0.1",
         "vuex-router-sync": "^5.0.0"
     }

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

@@ -147,7 +147,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,14 +1,19 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
 
-/***/ "./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,247 +114,49 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
+    "v-form",
+    [
+      _c(
         "v-container",
         { attrs: { "grid-list-xs": "" } },
+        [
+          _c(
+            "v-layout",
+            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
+            [
+              _c(
+                "v-flex",
+                {
+                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
+                  attrs: { xs12: "", md3: "", sm3: "" }
+                },
                 [
                   _c(
                     "material-card",
-        { attrs: { color: "black", title: "Member List" } },
+                    { attrs: { color: "black", title: "Login Page" } },
                     [
                       _c(
                         "v-layout",
-            {
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
-              staticClass: "px-5 mb-3",
-              attrs: { "align-center": "", "justify-center": "", wrap: "" }
-            },
-            [
-              _c(
-                "v-flex",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
-                [
-                  _c("v-text-field", {
-                    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",
-                    {
-                      staticClass: "WM-CyanBlueGradient-BG",
-                      staticStyle: { padding: "10px 60px" }
-                    },
-                    [
-                      _c(
-                        "v-icon",
-                        { staticClass: "white--text mr-2 caption" },
-                        [_vm._v("fas fa-search")]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "white--text" }, [
-                        _vm._v("Filter")
-                      ])
-                    ],
-                    1
-                  )
-                ],
-                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", {
+                              _c("v-text-field", {
                                 attrs: {
-                      headers: _vm.headers,
+                                  name: "cellnumber",
-                      items: _vm.items,
+                                  label: "Cell Number",
-                      "hide-actions": ""
+                                  id: "id1",
+                                  color: "black"
                                 },
-                    scopedSlots: _vm._u([
+                                model: {
-                      {
+                                  value: _vm.cell_number,
-                        key: "headerCell",
+                                  callback: function($$v) {
-                        fn: function(ref) {
+                                    _vm.cell_number = $$v
-                          var header = ref.header
+                                  },
-                          return [
+                                  expression: "cell_number"
-                            _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
@@ -413,40 +165,158 @@ var render = function() {
                         1
                       ),
                       _vm._v(" "),
-          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
-          _vm._v(" "),
                       _c(
                         "v-layout",
-            {
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
-              staticClass: "mt-3",
+                        [
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md12: "", sm12: "" } },
+                            [
+                              _c("v-text-field", {
                                 attrs: {
-                row: "",
+                                  name: "password",
-                wrap: "",
+                                  label: "Password",
-                "align-center": "",
+                                  id: "id2",
-                "justify-center": ""
+                                  color: "black"
+                                },
+                                model: {
+                                  value: _vm.password,
+                                  callback: function($$v) {
+                                    _vm.password = $$v
+                                  },
+                                  expression: "password"
                                 }
+                              })
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-layout",
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+                        [
+                          _c(
+                            "v-flex",
+                            {
+                              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" },
+                                  on: { click: _vm.handleSubmit }
+                                },
+                                [
+                                  _c(
+                                    "v-icon",
+                                    { staticClass: "white--text mr-2 caption" },
+                                    [_vm._v("fas fa-sign-in-alt")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("span", { staticClass: "white--text" }, [
+                                    _vm._v("Login")
+                                  ])
+                                ],
+                                1
+                              )
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "v-flex",
+                            {
+                              staticClass:
+                                "text-md-right text-sm-center text-xs-center",
+                              attrs: { xs12: "", md6: "", sm6: "" }
                             },
                             [
                               _c(
                                 "router-link",
-                { attrs: { to: "/dashboard" } },
+                                {
+                                  staticClass: "black--text",
+                                  attrs: { to: "register" }
+                                },
                                 [
                                   _c(
                                     "v-btn",
                                     {
                                       staticClass:
-                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
                                     },
                                     [
                                       _c(
                                         "v-icon",
-                        { staticClass: "black--text mr-2 caption" },
+                                        {
-                        [_vm._v("fas fa-chevron-left")]
+                                          staticClass:
+                                            "black--text mr-2 caption"
+                                        },
+                                        [_vm._v("fas fa-plus")]
                                       ),
                                       _vm._v(" "),
-                      _c("span", { staticClass: "black--text" }, [
+                                      _c(
-                        _vm._v("Back")
+                                        "span",
-                      ])
+                                        { staticClass: "black--text" },
+                                        [_vm._v("Register")]
+                                      )
+                                    ],
+                                    1
+                                  )
+                                ],
+                                1
+                              )
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "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"]; });
 
 
 

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/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,100 +164,13 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
-    [
-      _c(
     "v-container",
-        { attrs: { "grid-list-xs": "", fluid: "" } },
+    { attrs: { "grid-list-xs": "" } },
     [
       _c(
         "material-card",
-            { attrs: { color: "black", title: "My Info" } },
+        { attrs: { color: "black", title: "Member List" } },
         [
-              _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: "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",
             {
@@ -241,83 +180,58 @@ var render = function() {
             [
               _c(
                 "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                { attrs: { xs12: "", md3: "", sm3: "" } },
                 [
                   _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" },
+                    attrs: {
-                        scopedSlots: _vm._u([
+                      color: "black",
-                          {
+                      name: "name",
-                            key: "label",
+                      label: "Name",
-                            fn: function() {
+                      id: "id1"
-                              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: "",
-                    wrap: "",
-                    "justify-center": "",
-                    "align-center": ""
-                  }
-                },
                 [
+                  _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: "" } },
-                      staticClass: "text-md-center text-xs-center",
+                [
-                      attrs: { xs12: "", md2: "", sm2: "" }
+                  _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",
@@ -329,41 +243,206 @@ var render = function() {
                       _c(
                         "v-icon",
                         { staticClass: "white--text mr-2 caption" },
-                            [_vm._v("fas fa-check")]
+                        [_vm._v("fas fa-search")]
                       ),
                       _vm._v(" "),
                       _c("span", { staticClass: "white--text" }, [
-                            _vm._v("SAVE")
+                        _vm._v("Filter")
                       ])
                     ],
                     1
                   )
                 ],
                 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:
-                        "text-md-center text-sm-center text-xs-center",
+                                "subheading font-weight-light text-white text--darken-3",
-                      attrs: { xs12: "", md2: "", sm2: "" }
+                              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: "/" } },
+                { attrs: { to: "/dashboard" } },
                 [
                   _c(
                     "v-btn",
                     {
                       staticClass:
-                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
                     },
                     [
-                              _c("v-icon", { staticClass: "black--text" }, [
+                      _c(
-                                _vm._v("keyboard_arrow_left")
+                        "v-icon",
-                              ]),
+                        { staticClass: "black--text mr-2 caption" },
+                        [_vm._v("fas fa-chevron-left")]
+                      ),
                       _vm._v(" "),
                       _c("span", { staticClass: "black--text" }, [
                         _vm._v("Back")
@@ -383,12 +462,6 @@ var render = function() {
     ],
     1
   )
-        ],
-        1
-      )
-    ],
-    1
-  )
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -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/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/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-form",
+    [
+      _c(
         "v-container",
-    { attrs: { fluid: "", "grid-list-xl": "", "fill-height": "" } },
+        { attrs: { "grid-list-xs": "", fluid: "" } },
-    [
-      _c(
-        "v-layout",
-        { attrs: { "justify-center": "", "align-center": "" } },
-        [
-          _c(
-            "v-flex",
-            { attrs: { xs12: "" } },
         [
           _c(
             "material-card",
-                { attrs: { color: "green" } },
+            { attrs: { color: "black", title: "My Info" } },
             [
-                  _c("div", { attrs: { slot: "header" }, slot: "header" }, [
+              _c(
-                    _c("div", { staticClass: "title font-weight-light mb-2" }, [
+                "v-layout",
-                      _vm._v("Notifications")
+                {
-                    ]),
+                  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: "username",
+                          label: "User Name",
+                          color: "black",
+                          id: "id1"
+                        },
+                        model: {
+                          value: _vm.username,
+                          callback: function($$v) {
+                            _vm.username = $$v
+                          },
+                          expression: "username"
+                        }
+                      })
+                    ],
+                    1
+                  ),
                   _vm._v(" "),
                   _c(
-                      "div",
+                    "v-flex",
-                      { staticClass: "category" },
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
                     [
-                        _vm._v(
+                      _c("v-select", {
-                          "\n            Handcrafted by us with\n            "
+                        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
                   ),
-                        _c("v-icon", { attrs: { size: "17" } }, [
+                  _vm._v(" "),
-                          _vm._v("\n              mdi-heart\n            ")
+                  _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-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(
-                    "v-card-text",
-                    [
-                      _c(
-                        "v-layout",
-                        { 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"
+                        "text-md-center text-sm-center text-xs-center",
+                      attrs: { xs12: "", md2: "", sm2: "" }
                     },
-                          [_vm._v("Click to view notifications")]
+                    [
-                        )
+                      _c(
+                        "router-link",
+                        { attrs: { to: "/" } },
+                        [
+                          _c(
+                            "v-btn",
+                            {
+                              staticClass:
+                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                            },
+                            [
+                              _c("v-icon", { staticClass: "black--text" }, [
+                                _vm._v("keyboard_arrow_left")
                               ]),
                               _vm._v(" "),
-                      _c(
+                              _c("span", { staticClass: "black--text" }, [
-                        "v-container",
+                                _vm._v("Back")
-                        { 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: {
-                            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-icon",
-                            { staticClass: "mr-3", attrs: { color: "white" } },
-                            [
-                              _vm._v(
-                                "\n              mdi-bell-plus\n            "
-                              )
-                            ]
-                          ),
-                          _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-icon",
-                            {
-                              attrs: { size: "16" },
-                              on: {
-                                click: function($event) {
-                                  _vm.snackbar = false
-                                }
-                              }
-                            },
-                            [
-                              _vm._v(
-                                "\n              mdi-close-circle\n            "
-                              )
-                            ]
                           )
                         ],
                         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/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/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,154 +294,116 @@ var render = function() {
   var _h = _vm.$createElement
   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": "" } },
+    { attrs: { fluid: "", "grid-list-xl": "", "fill-height": "" } },
     [
       _c(
         "v-layout",
-            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
+        { attrs: { "justify-center": "", "align-center": "" } },
         [
           _c(
             "v-flex",
-                {
+            { attrs: { xs12: "" } },
-                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
-                  attrs: { xs12: "", md3: "", sm6: "" }
-                },
             [
               _c(
                 "material-card",
-                    { attrs: { color: "black", title: "Register Page" } },
+                { attrs: { color: "green" } },
                 [
-                      _c(
+                  _c("div", { attrs: { slot: "header" }, slot: "header" }, [
-                        "v-layout",
+                    _c("div", { staticClass: "title font-weight-light mb-2" }, [
-                        { attrs: { column: "" } },
+                      _vm._v("Notifications")
-                        [
+                    ]),
-                          _c(
-                            "v-flex",
-                            { attrs: { xs12: "", md2: "", sm2: "" } },
-                            [
-                              _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(
-                            "v-flex",
+                      "div",
-                            { attrs: { xs12: "", md2: "", sm2: "" } },
+                      { staticClass: "category" },
                       [
-                              _c("v-text-field", {
+                        _vm._v(
-                                staticClass: "pa-2",
+                          "\n            Handcrafted by us with\n            "
-                                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-icon", { attrs: { size: "17" } }, [
-                          _c(
+                          _vm._v("\n              mdi-heart\n            ")
-                            "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
-                      ),
                   _vm._v(" "),
+                  _c(
+                    "v-card-text",
+                    [
                       _c(
                         "v-layout",
                         { attrs: { row: "", wrap: "" } },
                         [
                           _c(
                             "v-flex",
-                            {
+                            { attrs: { md6: "", sm12: "" } },
-                              staticClass:
-                                "text-md-left text-sm-center text-xs-center",
-                              attrs: { xs12: "", md6: "", sm6: "" }
-                            },
                             [
                               _c(
-                                "v-btn",
+                                "h2",
-                                {
+                                { staticClass: "title font-weight-light mb-3" },
-                                  staticClass: "WM-CyanBlueGradient-BG",
+                                [_vm._v("Notifications Style")]
-                                  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" }, [
+                              _c(
-                                    _vm._v("Register")
+                                "material-notification",
-                                  ])
+                                {
-                                ],
+                                  staticClass: "mb-3",
-                                1
+                                  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
@@ -262,36 +411,274 @@ var render = function() {
                           _vm._v(" "),
                           _c(
                             "v-flex",
-                            {
+                            { attrs: { md6: "", sm12: "" } },
-                              staticClass:
-                                "text-md-right text-sm-center text-xs-center",
-                              attrs: { xs12: "", md6: "", sm6: "" }
-                            },
                             [
                               _c(
-                                "router-link",
+                                "h2",
-                                { attrs: { to: "/login" } },
+                                { staticClass: "title font-weight-light" },
-                                [
+                                [_vm._v("Notifcation States")]
+                              ),
+                              _vm._v(" "),
                               _c(
-                                    "v-btn",
+                                "material-notification",
                                 {
-                                      staticClass:
+                                  staticClass: "mb-3",
-                                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                                  attrs: { color: "info", dismissible: "" }
                                 },
                                 [
+                                  _c("strong", [_vm._v("INFO")]),
+                                  _vm._v(
+                                    ' - This is a regular notification made with `color="info"`\n              '
+                                  )
+                                ]
+                              ),
+                              _vm._v(" "),
                               _c(
-                                        "v-icon",
+                                "material-notification",
                                 {
-                                          staticClass:
+                                  staticClass: "mb-3",
-                                            "black--text mr-2 caption"
+                                  attrs: { color: "success", dismissible: "" }
                                 },
-                                        [_vm._v("fas fa-sign-in-alt")]
+                                [
+                                  _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: "black--text" },
+                          {
-                                        [_vm._v("Login")]
+                            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
@@ -301,6 +688,61 @@ var render = function() {
                           )
                         ],
                         1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-snackbar",
+                        {
+                          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-icon",
+                            { staticClass: "mr-3", attrs: { color: "white" } },
+                            [
+                              _vm._v(
+                                "\n              mdi-bell-plus\n            "
+                              )
+                            ]
+                          ),
+                          _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-icon",
+                            {
+                              attrs: { size: "16" },
+                              on: {
+                                click: function($event) {
+                                  _vm.snackbar = false
+                                }
+                              }
+                            },
+                            [
+                              _vm._v(
+                                "\n              mdi-close-circle\n            "
+                              )
+                            ]
                           )
                         ],
                         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/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/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/OperatorList.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/OperatorList.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+  \**********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -90,21 +90,70 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  name: "",
   data: function data() {
     return {
-      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4']
+      headers: [{
+        sortable: false,
+        text: 'Operator Name',
+        value: 'name'
+      }, {
+        sortable: false,
+        text: 'Role',
+        value: 'role'
+      }, {
+        sortable: false,
+        text: 'Medical Center',
+        value: 'medicalcenter'
+      }, {
+        sortable: false,
+        text: 'Number',
+        value: 'number'
+      }, {
+        sortable: false,
+        text: 'Action',
+        value: 'action',
+        align: 'right'
+      }],
+      items: [{
+        name: 'Saeed Khakbazan',
+        role: 'Admin',
+        medicalcenter: 'Emam Reza',
+        number: '09120000',
+        action: ''
+      }, {
+        name: 'Fatemeh Shokouhi',
+        role: 'SuperAdmin',
+        medicalcenter: 'Shahid Beheshti',
+        number: '09125555',
+        action: ''
+      }, {
+        name: 'Fatemeh Fayyazi',
+        role: 'SuperVisior',
+        medicalcenter: 'Emam Reza',
+        number: '09123333',
+        action: ''
+      }]
     };
   }
 });
 
 /***/ }),
 
-/***/ "./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/OperatorList.vue?vue&type=template&id=bdf7baac&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/OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true& ***!
-  \******************************************************************************************************************************************************************************************************************************/
+  \**************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -117,50 +166,45 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
-    [
-      _c(
     "v-container",
     { attrs: { "grid-list-xs": "" } },
     [
       _c(
         "material-card",
-            { attrs: { color: "black", title: "Submit Test Result" } },
+        { attrs: { color: "black", title: "Operator List", text: "" } },
         [
           _c(
             "v-layout",
-                {
+            { staticClass: "px-5 mb-3", attrs: { row: "", wrap: "" } },
-                  staticClass: "px-5 my-3",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                },
             [
               _c(
                 "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                { attrs: { xs12: "", md3: "", xs3: "" } },
-                    [
-                      _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",
+                      name: "Name",
-                          label: "Or Enter Test Code",
+                      label: "Name",
-                          id: "id",
+                      color: "black",
-                          color: "black"
+                      id: "id"
+                    }
+                  })
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md3: "", xs3: "" } },
+                [
+                  _c("v-text-field", {
+                    staticClass: "pa-2",
+                    attrs: {
+                      name: "Number",
+                      label: "Number",
+                      color: "black",
+                      id: "id"
                     }
                   })
                 ],
@@ -170,118 +214,9 @@ var render = function() {
               _c(
                 "v-flex",
                 {
-                      staticClass:
+                  staticClass: "text-xs-right",
-                        "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", {
-                        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",
@@ -293,19 +228,190 @@ var render = function() {
                       _c(
                         "v-icon",
                         { staticClass: "white--text mr-2 caption" },
-                        [_vm._v("fas fa-check")]
+                        [_vm._v("fas fa-search")]
                       ),
                       _vm._v(" "),
                       _c("span", { staticClass: "white--text" }, [
-                        _vm._v("SAVE")
+                        _vm._v("Filter")
                       ])
                     ],
                     1
+                  )
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "px-5 mt-3",
+              attrs: {
+                row: "",
+                "align-center": "",
+                "justify-center": "",
+                wrap: ""
+              }
+            },
+            [
+              _c(
+                "v-flex",
+                { attrs: { md12: "" } },
+                [
+                  _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.role))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.medicalcenter))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.number))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "text-xs-right" },
+                              [
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "mr-2 WM-ActionButton",
+                                    attrs: { color: "cyan" }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-2 caption"
+                                      },
+                                      [_vm._v("fas fa-pen")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Edit")])
+                                  ],
+                                  1
                                 ),
                                 _vm._v(" "),
                                 _c(
                                   "router-link",
-                    { attrs: { to: "/dashboard" } },
+                                  { attrs: { to: "/role" } },
+                                  [
+                                    _c(
+                                      "v-btn",
+                                      {
+                                        staticClass: "mr-2 WM-ActionButton",
+                                        attrs: { color: "orange darken-1" }
+                                      },
+                                      [
+                                        _c(
+                                          "v-icon",
+                                          {
+                                            staticClass:
+                                              "white--text mr-2 caption"
+                                          },
+                                          [_vm._v("fas fa-user-tag")]
+                                        ),
+                                        _vm._v(" "),
+                                        _c("span", [_vm._v("Role")])
+                                      ],
+                                      1
+                                    )
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: " WM-ActionButton",
+                                    attrs: { color: "pink" }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-2 caption"
+                                      },
+                                      [_vm._v("fas fa-times")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Remove")])
+                                  ],
+                                  1
+                                )
+                              ],
+                              1
+                            )
+                          ]
+                        }
+                      }
+                    ])
+                  })
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c("v-divider"),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "mt-3",
+              attrs: {
+                row: "",
+                wrap: "",
+                "align-center": "",
+                "justify-center": ""
+              }
+            },
+            [
+              _c(
+                "router-link",
+                { attrs: { to: "/manage-medical-center" } },
                 [
                   _c(
                     "v-btn",
@@ -338,9 +444,6 @@ var render = function() {
     ],
     1
   )
-    ],
-    1
-  )
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -349,17 +452,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SubmitTestResult.vue":
+/***/ "./resources/js/vue/views/OperatorList.vue":
-/*!*****************************************************!*\
+/*!*************************************************!*\
-  !*** ./resources/js/vue/views/SubmitTestResult.vue ***!
+  !*** ./resources/js/vue/views/OperatorList.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 _OperatorList_vue_vue_type_template_id_bdf7baac_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true& */ "./resources/js/vue/views/OperatorList.vue?vue&type=template&id=bdf7baac&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 _OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./OperatorList.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/OperatorList.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 +472,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"],
+  _OperatorList_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"],
+  _OperatorList_vue_vue_type_template_id_bdf7baac_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _OperatorList_vue_vue_type_template_id_bdf7baac_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "6799764f",
+  "bdf7baac",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/SubmitTestResult.vue"
+component.options.__file = "resources/js/vue/views/OperatorList.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/OperatorList.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
+/*!**************************************************************************!*\
-  !*** ./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/OperatorList.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_OperatorList_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!./OperatorList.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/OperatorList.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_OperatorList_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/OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true&":
-/*!************************************************************************************************!*\
+/*!********************************************************************************************!*\
-  !*** ./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& ***!
+  !*** ./resources/js/vue/views/OperatorList.vue?vue&type=template&id=bdf7baac&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_OperatorList_vue_vue_type_template_id_bdf7baac_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!./OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/OperatorList.vue?vue&type=template&id=bdf7baac&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_OperatorList_vue_vue_type_template_id_bdf7baac_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_OperatorList_vue_vue_type_template_id_bdf7baac_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/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/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/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/Register.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
+  \******************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -26,19 +26,75 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
   name: "",
   data: function data() {
-    return {};
+    var defaultForm = Object.freeze({
+      cellnumber: '',
+      password: '',
+      name: ''
+    });
+    return {
+      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/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/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/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/Register.vue?vue&type=template&id=395fc56b&scoped=true& ***!
-  \**********************************************************************************************************************************************************************************************************************************/
+  \**********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -52,6 +108,15 @@ 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",
@@ -59,21 +124,189 @@ var render = function() {
         [
           _c(
             "v-layout",
-            { attrs: { row: "", wrap: "" } },
+            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
-            [
-              _c(
-                "material-card",
-                { attrs: { color: "black", title: "User Info" } },
             [
               _c(
                 "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                {
+                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
+                  attrs: { xs12: "", md3: "", sm6: "" }
+                },
+                [
+                  _c(
+                    "material-card",
+                    { attrs: { color: "black", title: "Register Page" } },
+                    [
+                      _c(
+                        "v-layout",
+                        { attrs: { column: "" } },
+                        [
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md2: "", sm2: "" } },
                             [
                               _c("v-text-field", {
-                        attrs: { name: "name", label: "label", id: "id" }
+                                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(
+                            "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
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-layout",
+                        { attrs: { row: "", wrap: "" } },
+                        [
+                          _c(
+                            "v-flex",
+                            {
+                              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(
+                            "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
+                      )
+                    ],
+                    1
                   )
                 ],
                 1
@@ -95,18 +328,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/UserInfo.vue":
+/***/ "./resources/js/vue/views/Register.vue":
-/*!*********************************************************!*\
+/*!*********************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/UserInfo.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 _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 _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 _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 _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");
+/* 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 +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"])(
-  _UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Register_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"],
+  _Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "ad4fa66e",
+  "395fc56b",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/SuperVisior/UserInfo.vue"
+component.options.__file = "resources/js/vue/views/Register.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/Register.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
+/*!**********************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/UserInfo.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_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_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_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_Register_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/Register.vue?vue&type=template&id=395fc56b&scoped=true&":
-/*!****************************************************************************************************!*\
+/*!****************************************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&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_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_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_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_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_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_Register_vue_vue_type_template_id_395fc56b_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/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/Role.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/Role.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+  \**************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -41,112 +41,24 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
+  name: "",
   data: function data() {
     return {
-      search: '',
+      items: ['SuperAdmin', 'Admin', 'SuperVisior', 'User']
-      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/Role.vue?vue&type=template&id=c87f6484&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/Role.vue?vue&type=template&id=c87f6484&scoped=true& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -159,92 +71,123 @@ 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": "", fluid: "" } },
         [
-          _vm._v("\n    Nutrition\n    "),
+          _c(
-          _c("v-spacer"),
+            "material-card",
-          _vm._v(" "),
+            { attrs: { color: "black", title: "Role" } },
-          _c("v-text-field", {
+            [
+              _c(
+                "v-layout",
+                {
+                  staticClass: "px-5 mb-3",
                   attrs: {
-              "append-icon": "search",
+                    row: "",
-              label: "Search",
+                    "align-center": "",
-              "single-line": "",
+                    "justify-center": "",
-              "hide-details": ""
+                    wrap: ""
+                  }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md3: "", sm3: "" } },
+                    [
+                      _c("v-select", {
+                        attrs: {
+                          items: _vm.items,
+                          label: "Roles",
+                          color: "black"
                         },
                         model: {
-              value: _vm.search,
+                          value: _vm.roles,
                           callback: function($$v) {
-                _vm.search = $$v
+                            _vm.roles = $$v
                           },
-              expression: "search"
+                          expression: "roles"
                         }
                       })
                     ],
                     1
+                  )
+                ],
+                1
               ),
               _vm._v(" "),
               _c(
-        "v-data-table",
+                "v-layout",
+                { attrs: { row: "", wrap: "" } },
+                [
+                  _c(
+                    "v-layout",
                     {
+                      staticClass: "px-5 mt-2",
                       attrs: {
-            headers: _vm.headers,
+                        "align-center": "",
-            items: _vm.desserts,
+                        "justify-center": "",
-            search: _vm.search
+                        wrap: ""
-          },
-          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(
-          _c("v-alert", {
+                        "v-btn",
-            attrs: { value: true, color: "error", icon: "warning" },
-            scopedSlots: _vm._u([
                         {
-                key: "no-results",
+                          staticClass: "WM-CyanBlueGradient-BG",
-                fn: function() {
+                          staticStyle: { padding: "10px 60px" }
-                  return [
-                    _vm._v(
-                      '\n      Your search for "' +
-                        _vm._s(_vm.search) +
-                        '" found no results.\n    '
-                    )
-                  ]
                         },
-                proxy: true
+                        [
-              }
+                          _c(
+                            "v-icon",
+                            { staticClass: "white--text mr-2 caption" },
+                            [_vm._v("fas fa-plus")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "white--text" }, [
+                            _vm._v("Add")
                           ])
-          })
+                        ],
+                        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-times")]
+                              ),
+                              _vm._v(" "),
+                              _c("span", { staticClass: "black--text" }, [
+                                _vm._v("Close")
+                              ])
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            1
+          )
         ],
         1
       )
@@ -259,18 +202,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/table.vue":
+/***/ "./resources/js/vue/views/Role.vue":
-/*!******************************************************!*\
+/*!*****************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/table.vue ***!
+  !*** ./resources/js/vue/views/Role.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 _Role_vue_vue_type_template_id_c87f6484_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Role.vue?vue&type=template&id=c87f6484&scoped=true& */ "./resources/js/vue/views/Role.vue?vue&type=template&id=c87f6484&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 _Role_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Role.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Role.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");
 
 
 
@@ -279,50 +222,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"],
+  _Role_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Role_vue_vue_type_template_id_c87f6484_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Role_vue_vue_type_template_id_c87f6484_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "c87f6484",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/SuperVisior/table.vue"
+component.options.__file = "resources/js/vue/views/Role.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/Role.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
+/*!******************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/Role.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_Role_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!./Role.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Role.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_Role_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/Role.vue?vue&type=template&id=c87f6484&scoped=true&":
-/*!*************************************************************************************!*\
+/*!************************************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224& ***!
+  !*** ./resources/js/vue/views/Role.vue?vue&type=template&id=c87f6484&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_Role_vue_vue_type_template_id_c87f6484_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!./Role.vue?vue&type=template&id=c87f6484&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Role.vue?vue&type=template&id=c87f6484&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_Role_vue_vue_type_template_id_c87f6484_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_Role_vue_vue_type_template_id_c87f6484_scoped_true___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/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/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/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/SubmitTestResult.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************/
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -90,71 +90,21 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
+  name: "",
   data: function data() {
     return {
-      headers: [{
+      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4']
-        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'
-      }]
     };
   }
 });
 
 /***/ }),
 
-/***/ "./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/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/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/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& ***!
-  \***********************************************************************************************************************************************************************************************************/
+  \******************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -167,65 +117,150 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
+    "v-form",
+    [
+      _c(
         "v-container",
-    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
+        { attrs: { "grid-list-xs": "" } },
-    [
-      _c(
-        "v-layout",
-        { attrs: { "justify-center": "", wrap: "" } },
-        [
-          _c(
-            "v-flex",
-            { attrs: { md12: "" } },
         [
           _c(
             "material-card",
+            { attrs: { color: "black", title: "Submit Test Result" } },
+            [
+              _c(
+                "v-layout",
                 {
-                  attrs: {
+                  staticClass: "px-5 my-3",
-                    color: "green",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                    title: "Simple Table",
-                    text: "Here is a subtitle for this table"
-                  }
                 },
                 [
-                  _c("v-data-table", {
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-select", {
+                        staticClass: "pa-2",
                         attrs: {
-                      headers: _vm.headers,
                           items: _vm.items,
-                      "hide-actions": ""
+                          label: "Choose Test Type",
-                    },
+                          color: "black"
-                    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) }
                       })
-                          ]
+                    ],
+                    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",
                     {
-                        key: "items",
+                      staticClass:
-                        fn: function(ref) {
+                        "text-xs-center text-sm-center text-md-center",
-                          var item = ref.item
+                      attrs: { xs12: "", md2: "", sm2: "" }
-                          return [
+                    },
-                            _c("td", [_vm._v(_vm._s(item.name))]),
+                    [
+                      _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("td", [_vm._v(_vm._s(item.country))]),
+                          _c("span", { staticClass: "black--text" }, [
-                            _vm._v(" "),
+                            _vm._v("GO")
-                            _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
+              ),
+              _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
@@ -235,60 +270,65 @@ var render = function() {
               ),
               _vm._v(" "),
               _c(
-            "v-flex",
+                "v-layout",
-            { attrs: { md12: "" } },
+                { 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(
-                "material-card",
+                    "v-btn",
                     {
-                  attrs: {
+                      staticClass: "WM-CyanBlueGradient-BG",
-                    color: "green",
+                      staticStyle: { padding: "10px 60px" }
-                    flat: "",
-                    "full-width": "",
-                    title: "Table on Plain Background",
-                    text: "Here is a subtitle for this table"
-                  }
                     },
                     [
-                  _c("v-data-table", {
+                      _c(
-                    attrs: {
+                        "v-icon",
-                      headers: _vm.headers,
+                        { staticClass: "white--text mr-2 caption" },
-                      items: _vm.items.slice(0, 7),
+                        [_vm._v("fas fa-check")]
-                      "hide-actions": ""
+                      ),
-                    },
+                      _vm._v(" "),
-                    scopedSlots: _vm._u([
+                      _c("span", { staticClass: "white--text" }, [
+                        _vm._v("SAVE")
+                      ])
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "router-link",
+                    { attrs: { to: "/dashboard" } },
+                    [
+                      _c(
+                        "v-btn",
                         {
-                        key: "headerCell",
-                        fn: function(ref) {
-                          var header = ref.header
-                          return [
-                            _c("span", {
                           staticClass:
-                                "subheading font-weight-light text--darken-3",
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
-                              domProps: { textContent: _vm._s(header.text) }
-                            })
-                          ]
-                        }
                         },
-                      {
+                        [
-                        key: "items",
+                          _c(
-                        fn: function(ref) {
+                            "v-icon",
-                          var item = ref.item
+                            { staticClass: "black--text mr-2 caption" },
-                          return [
+                            [_vm._v("fas fa-chevron-left")]
-                            _c("td", [_vm._v(_vm._s(item.name))]),
+                          ),
                           _vm._v(" "),
-                            _c("td", [_vm._v(_vm._s(item.country))]),
+                          _c("span", { staticClass: "black--text" }, [
-                            _vm._v(" "),
+                            _vm._v("Back")
-                            _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,17 +349,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue":
+/***/ "./resources/js/vue/views/SubmitTestResult.vue":
-/*!**********************************************!*\
+/*!*****************************************************!*\
-  !*** ./resources/js/vue/views/TableList.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 _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 _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 _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 _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");
 
 
@@ -329,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"])(
-  _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "6799764f",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/TableList.vue"
+component.options.__file = "resources/js/vue/views/SubmitTestResult.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&":
-/*!***********************************************************************!*\
+/*!******************************************************************************!*\
-  !*** ./resources/js/vue/views/TableList.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_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_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_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_SubmitTestResult_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/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&":
-/*!*****************************************************************************!*\
+/*!************************************************************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
+  !*** ./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_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_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_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_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_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_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/18.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[18],{
 
-/***/ "./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/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/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/SuperVisior/UserInfo.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************/
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -26,134 +26,19 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
+/* harmony default export */ __webpack_exports__["default"] = ({
-//
+  name: "",
-//
+  data: function data() {
-//
+    return {};
-//
+  }
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* 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/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/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/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true& ***!
-  \*************************************************************************************************************************************************************************************************************/
+  \**********************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -166,257 +51,27 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-container",
-    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
-    [
-      _c(
-        "v-layout",
-        { attrs: { "justify-center": "", wrap: "" } },
-        [
-          _c(
-            "v-flex",
-            { attrs: { xs12: "", md8: "" } },
-            [
-              _c(
-                "material-card",
-                {
-                  attrs: {
-                    color: "green",
-                    title: "Edit Profile",
-                    text: "Complete your profile"
-                  }
-                },
-                [
-                  _c(
     "v-form",
     [
       _c(
         "v-container",
-                        { attrs: { "py-0": "" } },
+        { attrs: { "grid-list-xs": "" } },
         [
           _c(
             "v-layout",
-                            { attrs: { wrap: "" } },
+            { attrs: { row: "", wrap: "" } },
-                            [
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    attrs: {
-                                      label: "Company (disabled)",
-                                      disabled: ""
-                                    }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "User Name" }
-                                  })
-                                ],
-                                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" },
+                { attrs: { color: "black", title: "User Info" } },
                 [
                   _c(
-                    "v-avatar",
+                    "v-flex",
-                    {
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                      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(
+                      _c("v-text-field", {
-                        "h6",
+                        attrs: { name: "name", label: "label", id: "id" }
-                        {
+                      })
-                          staticClass:
-                            "category text-gray font-weight-thin mb-3"
-                        },
-                        [_vm._v("CEO / CO-FOUNDER")]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "h4",
-                        { staticClass: "card-title font-weight-light" },
-                        [_vm._v("Alec Thompson")]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "p",
-                        { staticClass: "card-description font-weight-light" },
-                        [
-                          _vm._v(
-                            "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
                   )
@@ -440,18 +95,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/UserProfile.vue":
+/***/ "./resources/js/vue/views/SuperVisior/UserInfo.vue":
-/*!************************************************!*\
+/*!*********************************************************!*\
-  !*** ./resources/js/vue/views/UserProfile.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 _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 _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 _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 _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");
+/* 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,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"])(
-  _UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _UserProfile_vue_vue_type_template_id_47383346___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/UserProfile.vue"
+component.options.__file = "resources/js/vue/views/SuperVisior/UserInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js&":
-/*!*************************************************************************!*\
+/*!**********************************************************************************!*\
-  !*** ./resources/js/vue/views/UserProfile.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_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_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_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_UserInfo_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/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true&":
-/*!*******************************************************************************!*\
+/*!****************************************************************************************************!*\
-  !*** ./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346& ***!
+  !*** ./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_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_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_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_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_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_UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/19.js

@@ -1,9 +1,152 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[19],{
 
-/***/ "./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/SuperVisior/table.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/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 default export */ __webpack_exports__["default"] = ({
+  data: function data() {
+    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??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__) {
 
@@ -16,209 +159,92 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-container",
+    "v-card",
     [
       _c(
-        "v-layout",
+        "v-card-title",
-        { attrs: { "justify-center": "" } },
         [
+          _vm._v("\n    Nutrition\n    "),
+          _c("v-spacer"),
+          _vm._v(" "),
+          _c("v-text-field", {
+            attrs: {
+              "append-icon": "search",
+              label: "Search",
+              "single-line": "",
+              "hide-details": ""
+            },
+            model: {
+              value: _vm.search,
+              callback: function($$v) {
+                _vm.search = $$v
+              },
+              expression: "search"
+            }
+          })
+        ],
+        1
+      ),
+      _vm._v(" "),
       _c(
-            "v-flex",
+        "v-data-table",
-            { attrs: { xs12: "", sm10: "", md8: "" } },
-            [
-              _c(
-                "material-card",
         {
           attrs: {
-                    color: "primary",
+            headers: _vm.headers,
-                    title: "Vue Material Dashboard PRO",
+            items: _vm.desserts,
-                    text:
+            search: _vm.search
-                      "Are you looking for more components? Please check our Premium Version of Vue Material Dashboard."
-                  }
           },
-                [
+          scopedSlots: _vm._u([
-                  _c("table", { staticClass: "v-table" }, [
+            {
-                    _c("thead", [
+              key: "items",
-                      _c("tr", [
+              fn: function(props) {
-                        _c("th"),
+                return [
+                  _c("td", [_vm._v(_vm._s(props.item.name))]),
                   _vm._v(" "),
-                        _c(
+                  _c("td", { staticClass: "text-xs-right" }, [
-                          "th",
+                    _vm._v(_vm._s(props.item.calories))
-                          { staticClass: "subheading font-weight-light" },
-                          [_vm._v("Free")]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "th",
-                          { staticClass: "subheading font-weight-light" },
-                          [_vm._v("PRO")]
-                        )
-                      ])
                   ]),
                   _vm._v(" "),
-                    _c("tbody", { staticClass: "text-xs-center" }, [
+                  _c("td", { staticClass: "text-xs-right" }, [
-                      _c("tr", [
+                    _vm._v(_vm._s(props.item.fat))
-                        _c(
-                          "th",
-                          {
-                            staticClass:
-                              "text-xs-left font-weight-light subheading"
-                          },
-                          [_vm._v("Components")]
-                        ),
-                        _vm._v(" "),
-                        _c("td", [_vm._v("60")]),
-                        _vm._v(" "),
-                        _c("td", [_vm._v("200")])
                   ]),
                   _vm._v(" "),
-                      _c("tr", [
+                  _c("td", { staticClass: "text-xs-right" }, [
-                        _c(
+                    _vm._v(_vm._s(props.item.carbs))
-                          "th",
-                          {
-                            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("td", { staticClass: "text-xs-right" }, [
-                        _c(
+                    _vm._v(_vm._s(props.item.protein))
-                          "th",
-                          {
-                            staticClass:
-                              "text-xs-left font-weight-light subheading"
-                          },
-                          [_vm._v("Example Pages")]
-                        ),
-                        _vm._v(" "),
-                        _c("td", [_vm._v("3")]),
-                        _vm._v(" "),
-                        _c("td", [_vm._v("27")])
                   ]),
                   _vm._v(" "),
-                      _c("tr", [
+                  _c("td", { staticClass: "text-xs-right" }, [
-                        _c(
+                    _vm._v(_vm._s(props.item.iron))
-                          "th",
-                          {
-                            staticClass:
-                              "text-xs-left font-weight-light subheading"
-                          },
-                          [_vm._v("Login, Register, Pricing, Lock Pages")]
-                        ),
-                        _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",
-                          {
-                            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
-                        )
-                      ])
-                    ])
                   ])
                 ]
+              }
+            }
+          ])
+        },
+        [
+          _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    '
                     )
-            ],
+                  ]
-            1
+                },
-          )
+                proxy: true
+              }
+            ])
+          })
         ],
         1
       )
@@ -233,27 +259,29 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Upgrade.vue":
+/***/ "./resources/js/vue/views/SuperVisior/table.vue":
-/*!********************************************!*\
+/*!******************************************************!*\
-  !*** ./resources/js/vue/views/Upgrade.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 _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 _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 _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 _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");
+
+
 
-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,
+  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -263,24 +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/Upgrade.vue"
+component.options.__file = "resources/js/vue/views/SuperVisior/table.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&":
+/***/ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js&":
-/*!***************************************************************************!*\
+/*!*******************************************************************************!*\
-  !*** ./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04& ***!
+  !*** ./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_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_table_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/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_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_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_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_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_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_table_vue_vue_type_template_id_826d5224___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/20.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[20],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddMedicalCenter.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/AddMedicalCenter.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__) {
 
@@ -53,19 +53,108 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  name: "",
   data: function data() {
-    return {};
+    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'
+      }]
+    };
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true&":
+/***/ "./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/AddMedicalCenter.vue?vue&type=template&id=b49b8626&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/TableList.vue?vue&type=template&id=27579e74& ***!
-  \******************************************************************************************************************************************************************************************************************************/
+  \***********************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -78,126 +167,128 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
+    "v-container",
-    {
+    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
-      model: {
-        value: _vm.model,
-        callback: function($$v) {
-          _vm.model = $$v
-        },
-        expression: "model"
-      }
-    },
     [
       _c(
-        "v-container",
+        "v-layout",
-        { attrs: { "grid-list-xs": "" } },
+        { attrs: { "justify-center": "", wrap: "" } },
+        [
+          _c(
+            "v-flex",
+            { attrs: { md12: "" } },
             [
               _c(
                 "material-card",
                 {
-              attrs: { color: "black", title: "Add Medical Center", text: "" }
-            },
-            [
-              _c(
-                "v-layout",
-                { staticClass: "px-5 mb-3", attrs: { row: "", wrap: "" } },
-                [
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md3: "", xs3: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
                   attrs: {
-                          name: "Name",
+                    color: "green",
-                          label: "Name",
+                    title: "Simple Table",
-                          color: "black",
+                    text: "Here is a subtitle for this table"
-                          id: "id1"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md3: "", xs3: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "Operator",
-                          label: "Operator",
-                          color: "black",
-                          id: "id2"
-                        }
-                      })
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "mt-3",
-                  attrs: {
-                    row: "",
-                    wrap: "",
-                    "align-center": "",
-                    "justify-center": ""
                   }
                 },
                 [
-                  _c(
+                  _c("v-data-table", {
-                    "v-btn",
+                    attrs: {
-                    {
+                      headers: _vm.headers,
-                      staticClass: "WM-CyanBlueGradient-BG",
+                      items: _vm.items,
-                      staticStyle: { padding: "10px 60px" }
+                      "hide-actions": ""
                     },
-                    [
+                    scopedSlots: _vm._u([
-                      _c(
-                        "v-icon",
-                        { staticClass: "white--text mr-2 caption" },
-                        [_vm._v("fas fa-plus")]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "white--text" }, [
-                        _vm._v("Add")
-                      ])
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "router-link",
-                    { attrs: { to: "/manage-medical-center" } },
-                    [
-                      _c(
-                        "v-btn",
                       {
+                        key: "headerCell",
+                        fn: function(ref) {
+                          var header = ref.header
+                          return [
+                            _c("span", {
                               staticClass:
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                                "subheading font-weight-light text-success text--darken-3",
+                              domProps: { textContent: _vm._s(header.text) }
+                            })
+                          ]
+                        }
                       },
-                        [
+                      {
-                          _c(
+                        key: "items",
-                            "v-icon",
+                        fn: function(ref) {
-                            { staticClass: "black--text mr-2 caption" },
+                          var item = ref.item
-                            [_vm._v("fas fa-chevron-left")]
+                          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("span", { staticClass: "black--text" }, [
+          _c(
-                            _vm._v("Back")
+            "v-flex",
+            { attrs: { md12: "" } },
+            [
+              _c(
+                "material-card",
+                {
+                  attrs: {
+                    color: "green",
+                    flat: "",
+                    "full-width": "",
+                    title: "Table on Plain Background",
+                    text: "Here is a subtitle for this table"
+                  }
+                },
+                [
+                  _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
               )
@@ -218,17 +309,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AddMedicalCenter.vue":
+/***/ "./resources/js/vue/views/TableList.vue":
-/*!*****************************************************!*\
+/*!**********************************************!*\
-  !*** ./resources/js/vue/views/AddMedicalCenter.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 _AddMedicalCenter_vue_vue_type_template_id_b49b8626_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true& */ "./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true&");
+/* 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 _AddMedicalCenter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AddMedicalCenter.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/AddMedicalCenter.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");
 
 
@@ -238,50 +329,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _AddMedicalCenter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _AddMedicalCenter_vue_vue_type_template_id_b49b8626_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _AddMedicalCenter_vue_vue_type_template_id_b49b8626_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "b49b8626",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/AddMedicalCenter.vue"
+component.options.__file = "resources/js/vue/views/TableList.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AddMedicalCenter.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
+/*!***********************************************************************!*\
-  !*** ./resources/js/vue/views/AddMedicalCenter.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_AddMedicalCenter_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!./AddMedicalCenter.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddMedicalCenter.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_AddMedicalCenter_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/AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true&":
+/***/ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&":
-/*!************************************************************************************************!*\
+/*!*****************************************************************************!*\
-  !*** ./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true& ***!
+  !*** ./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_AddMedicalCenter_vue_vue_type_template_id_b49b8626_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!./AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&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_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_AddMedicalCenter_vue_vue_type_template_id_b49b8626_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_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_AddMedicalCenter_vue_vue_type_template_id_b49b8626_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_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/21.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[21],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/OperatorList.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&":
-/*!**********************************************************************************************************************************************************************!*\
+/*!*********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/OperatorList.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& ***!
-  \**********************************************************************************************************************************************************************/
+  \*********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -100,60 +100,60 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
+//
-  data: function data() {
+//
-    return {
+//
-      headers: [{
+//
-        sortable: false,
+//
-        text: 'Operator Name',
+//
-        value: 'name'
+//
-      }, {
+//
-        sortable: false,
+//
-        text: 'Role',
+//
-        value: 'role'
+//
-      }, {
+//
-        sortable: false,
+//
-        text: 'Medical Center',
+//
-        value: 'medicalcenter'
+//
-      }, {
+//
-        sortable: false,
+//
-        text: 'Number',
+//
-        value: 'number'
+//
-      }, {
+//
-        sortable: false,
+//
-        text: 'Action',
+//
-        value: 'action',
+//
-        align: 'right'
+//
-      }],
+//
-      items: [{
+//
-        name: 'Saeed Khakbazan',
+//
-        role: 'Admin',
+//
-        medicalcenter: 'Emam Reza',
+//
-        number: '09120000',
+//
-        action: ''
+//
-      }, {
+//
-        name: 'Fatemeh Shokouhi',
+//
-        role: 'SuperAdmin',
+//
-        medicalcenter: 'Shahid Beheshti',
+//
-        number: '09125555',
+//
-        action: ''
+//
-      }, {
+//
-        name: 'Fatemeh Fayyazi',
+//
-        role: 'SuperVisior',
+//
-        medicalcenter: 'Emam Reza',
+//
-        number: '09123333',
+//
-        action: ''
+//
-      }]
+//
-    };
+//
-  }
+/* 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/OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true&":
+/***/ "./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/OperatorList.vue?vue&type=template&id=bdf7baac&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/UserProfile.vue?vue&type=template&id=47383346& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+  \*************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -167,27 +167,45 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "v-container",
-    { attrs: { "grid-list-xs": "" } },
+    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
+    [
+      _c(
+        "v-layout",
+        { attrs: { "justify-center": "", wrap: "" } },
+        [
+          _c(
+            "v-flex",
+            { attrs: { xs12: "", md8: "" } },
             [
               _c(
                 "material-card",
-        { attrs: { color: "black", title: "Operator List", text: "" } },
+                {
+                  attrs: {
+                    color: "green",
+                    title: "Edit Profile",
+                    text: "Complete your profile"
+                  }
+                },
+                [
+                  _c(
+                    "v-form",
+                    [
+                      _c(
+                        "v-container",
+                        { attrs: { "py-0": "" } },
                         [
                           _c(
                             "v-layout",
-            { staticClass: "px-5 mb-3", attrs: { row: "", wrap: "" } },
+                            { attrs: { wrap: "" } },
                             [
                               _c(
                                 "v-flex",
-                { attrs: { xs12: "", md3: "", xs3: "" } },
+                                { attrs: { xs12: "", md4: "" } },
                                 [
                                   _c("v-text-field", {
-                    staticClass: "pa-2",
                                     attrs: {
-                      name: "Name",
+                                      label: "Company (disabled)",
-                      label: "Name",
+                                      disabled: ""
-                      color: "black",
-                      id: "id"
                                     }
                                   })
                                 ],
@@ -196,15 +214,97 @@ var render = function() {
                               _vm._v(" "),
                               _c(
                                 "v-flex",
-                { attrs: { xs12: "", md3: "", xs3: "" } },
+                                { attrs: { xs12: "", md4: "" } },
                                 [
                                   _c("v-text-field", {
-                    staticClass: "pa-2",
+                                    staticClass: "purple-input",
+                                    attrs: { label: "User Name" }
+                                  })
+                                ],
+                                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: {
-                      name: "Number",
+                                      label: "Postal Code",
-                      label: "Number",
+                                      type: "number"
-                      color: "black",
-                      id: "id"
                                     }
                                   })
                                 ],
@@ -213,181 +313,48 @@ var render = function() {
                               _vm._v(" "),
                               _c(
                                 "v-flex",
-                {
+                                { attrs: { xs12: "" } },
-                  staticClass: "text-xs-right",
-                  attrs: { xs12: "", md2: "", sm2: "" }
-                },
                                 [
-                  _c(
+                                  _c("v-textarea", {
-                    "v-btn",
+                                    staticClass: "purple-input",
-                    {
-                      staticClass: "WM-CyanBlueGradient-BG",
-                      staticStyle: { padding: "10px 60px" }
-                    },
-                    [
-                      _c(
-                        "v-icon",
-                        { staticClass: "white--text mr-2 caption" },
-                        [_vm._v("fas fa-search")]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "white--text" }, [
-                        _vm._v("Filter")
-                      ])
-                    ],
-                    1
-                  )
-                ],
-                1
-              )
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "v-layout",
-            {
-              staticClass: "px-5 mt-3",
                                     attrs: {
-                row: "",
+                                      label: "About Me",
-                "align-center": "",
+                                      value:
-                "justify-center": "",
+                                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
-                wrap: ""
                                     }
-            },
+                                  })
-            [
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
                               _c(
                                 "v-flex",
-                { attrs: { md12: "" } },
+                                { attrs: { xs12: "", "text-xs-right": "" } },
-                [
-                  _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.role))]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "title font-weight-light" },
-                              [_vm._v(_vm._s(item.medicalcenter))]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "title font-weight-light" },
-                              [_vm._v(_vm._s(item.number))]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "text-xs-right" },
                                 [
                                   _c(
                                     "v-btn",
                                     {
-                                    staticClass: "mr-2 WM-ActionButton",
+                                      staticClass: "mx-0 font-weight-light",
-                                    attrs: { color: "cyan" }
+                                      attrs: { color: "success" }
                                     },
                                     [
-                                    _c(
+                                      _vm._v(
-                                      "v-icon",
+                                        "\n                  Update Profile\n                "
-                                      {
-                                        staticClass: "white--text mr-2 caption"
-                                      },
-                                      [_vm._v("fas fa-pen")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("span", [_vm._v("Edit")])
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "router-link",
-                                  { attrs: { to: "/role" } },
-                                  [
-                                    _c(
-                                      "v-btn",
-                                      {
-                                        staticClass: "mr-2 WM-ActionButton",
-                                        attrs: { color: "orange darken-1" }
-                                      },
-                                      [
-                                        _c(
-                                          "v-icon",
-                                          {
-                                            staticClass:
-                                              "white--text mr-2 caption"
-                                          },
-                                          [_vm._v("fas fa-user-tag")]
-                                        ),
-                                        _vm._v(" "),
-                                        _c("span", [_vm._v("Role")])
-                                      ],
-                                      1
-                                    )
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "v-btn",
-                                  {
-                                    staticClass: " WM-ActionButton",
-                                    attrs: { color: "pink" }
-                                  },
-                                  [
-                                    _c(
-                                      "v-icon",
-                                      {
-                                        staticClass: "white--text mr-2 caption"
-                                      },
-                                      [_vm._v("fas fa-times")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("span", [_vm._v("Remove")])
-                                  ],
-                                  1
-                                )
-                              ],
-                              1
                                       )
                                     ]
-                        }
+                                  )
-                      }
+                                ],
-                    ])
+                                1
-                  })
+                              )
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
                 ],
                 1
               )
@@ -395,40 +362,61 @@ var render = function() {
             1
           ),
           _vm._v(" "),
-          _c("v-divider"),
+          _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-layout",
+                    "v-card-text",
-            {
+                    { staticClass: "text-xs-center" },
-              staticClass: "mt-3",
-              attrs: {
-                row: "",
-                wrap: "",
-                "align-center": "",
-                "justify-center": ""
-              }
-            },
                     [
                       _c(
-                "router-link",
+                        "h6",
-                { attrs: { to: "/manage-medical-center" } },
+                        {
+                          staticClass:
+                            "category text-gray font-weight-thin mb-3"
+                        },
+                        [_vm._v("CEO / CO-FOUNDER")]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "h4",
+                        { staticClass: "card-title font-weight-light" },
+                        [_vm._v("Alec Thompson")]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "p",
+                        { staticClass: "card-description font-weight-light" },
                         [
+                          _vm._v(
+                            "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:
+                          staticClass: "font-weight-light",
-                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                          attrs: { color: "success", round: "" }
                         },
-                    [
+                        [_vm._v("Follow")]
-                      _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
                   )
@@ -452,17 +440,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/OperatorList.vue":
+/***/ "./resources/js/vue/views/UserProfile.vue":
-/*!*************************************************!*\
+/*!************************************************!*\
-  !*** ./resources/js/vue/views/OperatorList.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 _OperatorList_vue_vue_type_template_id_bdf7baac_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true& */ "./resources/js/vue/views/OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true&");
+/* 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 _OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./OperatorList.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/OperatorList.vue?vue&type=script&lang=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");
 
 
@@ -472,50 +460,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _OperatorList_vue_vue_type_template_id_bdf7baac_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _OperatorList_vue_vue_type_template_id_bdf7baac_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "bdf7baac",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/OperatorList.vue"
+component.options.__file = "resources/js/vue/views/UserProfile.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/OperatorList.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&":
-/*!**************************************************************************!*\
+/*!*************************************************************************!*\
-  !*** ./resources/js/vue/views/OperatorList.vue?vue&type=script&lang=js& ***!
+  !*** ./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_OperatorList_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!./OperatorList.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/OperatorList.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_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_OperatorList_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_UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true&":
+/***/ "./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346&":
-/*!********************************************************************************************!*\
+/*!*******************************************************************************!*\
-  !*** ./resources/js/vue/views/OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true& ***!
+  !*** ./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_OperatorList_vue_vue_type_template_id_bdf7baac_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!./OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/OperatorList.vue?vue&type=template&id=bdf7baac&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_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_OperatorList_vue_vue_type_template_id_bdf7baac_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_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_OperatorList_vue_vue_type_template_id_bdf7baac_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_UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/23.js

@@ -0,0 +1,289 @@
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[23],{
+
+/***/ "./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/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: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "v-container",
+    [
+      _c(
+        "v-layout",
+        { attrs: { "justify-center": "" } },
+        [
+          _c(
+            "v-flex",
+            { attrs: { xs12: "", sm10: "", md8: "" } },
+            [
+              _c(
+                "material-card",
+                {
+                  attrs: {
+                    color: "primary",
+                    title: "Vue Material Dashboard PRO",
+                    text:
+                      "Are you looking for more components? Please check our Premium Version of Vue Material Dashboard."
+                  }
+                },
+                [
+                  _c("table", { staticClass: "v-table" }, [
+                    _c("thead", [
+                      _c("tr", [
+                        _c("th"),
+                        _vm._v(" "),
+                        _c(
+                          "th",
+                          { staticClass: "subheading font-weight-light" },
+                          [_vm._v("Free")]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "th",
+                          { staticClass: "subheading font-weight-light" },
+                          [_vm._v("PRO")]
+                        )
+                      ])
+                    ]),
+                    _vm._v(" "),
+                    _c("tbody", { staticClass: "text-xs-center" }, [
+                      _c("tr", [
+                        _c(
+                          "th",
+                          {
+                            staticClass:
+                              "text-xs-left font-weight-light subheading"
+                          },
+                          [_vm._v("Components")]
+                        ),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("60")]),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("200")])
+                      ]),
+                      _vm._v(" "),
+                      _c("tr", [
+                        _c(
+                          "th",
+                          {
+                            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(
+                          "th",
+                          {
+                            staticClass:
+                              "text-xs-left font-weight-light subheading"
+                          },
+                          [_vm._v("Example Pages")]
+                        ),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("3")]),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("27")])
+                      ]),
+                      _vm._v(" "),
+                      _c("tr", [
+                        _c(
+                          "th",
+                          {
+                            staticClass:
+                              "text-xs-left font-weight-light subheading"
+                          },
+                          [_vm._v("Login, Register, Pricing, Lock Pages")]
+                        ),
+                        _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",
+                          {
+                            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
+          )
+        ],
+        1
+      )
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./resources/js/vue/views/Upgrade.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 _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 _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");
+
+var script = {}
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__["default"])(
+  script,
+  _Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/js/vue/views/Upgrade.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&":
+/*!***************************************************************************!*\
+  !*** ./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04& ***!
+  \***************************************************************************/
+/*! 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 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_Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ })
+
+}]);

public/4.js

@@ -9,7 +9,7 @@
 
 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.mapouter {\r\n  text-align:right;\r\n  height:100%;\r\n  width:100%;\r\n  position: absolute;\n}\n.gmap_canvas {\r\n  overflow:hidden;\r\n  background:none!important;\r\n  height:100%;\r\n  width:100%;\n}\r\n", ""]);
+exports.push([module.i, "\n.mapouter {\n  text-align:right;\n  height:100%;\n  width:100%;\n  position: absolute;\n}\n.gmap_canvas {\n  overflow:hidden;\n  background:none!important;\n  height:100%;\n  width:100%;\n}\n", ""]);
 
 
 

public/5.js

@@ -1,14 +1,25 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[5],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AllResultTest.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddMedicalCenter.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/AllResultTest.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/AddMedicalCenter.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 _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! util */ "./node_modules/util/util.js");
+/* harmony import */ var util__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(util__WEBPACK_IMPORTED_MODULE_2__);
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 //
 //
 //
@@ -40,79 +51,75 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
+
-//
+
-//
+/* harmony default export */ __webpack_exports__["default"] = ({
-//
+  data: function data() {
-//
+    return {
-//
+      name: "",
-//
+      rules: {
-//
+        required: function required(value) {
-//
+          return !!value || "Required.";
-//
+        },
-//
+        counter: function counter(value) {
-//
+          return value.length <= 30 || "Max 30 characters";
-//
+        }
-//
+      }
-//
+    };
-//
+  },
-//
+  methods: {
-//
+    AddMedicalCenter: function () {
-//
+      var _AddMedicalCenter = _asyncToGenerator(
-//
+      /*#__PURE__*/
-//
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
-//
+        var url, data, result;
-//
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
-//
+          while (1) {
-//
+            switch (_context.prev = _context.next) {
-//
+              case 0:
-//
+                url = "MedicalCenters";
-//
+                data = {
-//
+                  name: this.name
-//
+                };
-//
+
-//
+                if (!this.$refs.form.validate()) {
-//
+                  _context.next = 7;
-//
+                  break;
-//
+                }
-//
+
-//
+                _context.next = 5;
-//
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(url, data);
-//
+
-//
+              case 5:
-//
+                result = _context.sent;
-//
+
-//
+                if (result && result.status == 200) {
-//
+                  this.$router.push('/manage-medical-center');
-//
+                }
-//
+
-//
+              case 7:
-//
+              case "end":
-//
+                return _context.stop();
-//
+            }
-//
+          }
-//
+        }, _callee, this);
-//
+      }));
-//
+
-//
+      function AddMedicalCenter() {
-//
+        return _AddMedicalCenter.apply(this, arguments);
-//
+      }
-//
+
-//
+      return AddMedicalCenter;
-//
+    }()
-//
+  }
-//
+});
-//
-//
-//
-/* 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/AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&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/AllResultTest.vue?vue&type=template&id=01d995b8&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/AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true& ***!
-  \***************************************************************************************************************************************************************************************************************************/
+  \******************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -125,191 +132,42 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "div",
+    "v-form",
-    {},
+    { ref: "form" },
     [
       _c(
         "v-container",
-        { attrs: { fluid: "" } },
+        { attrs: { "grid-list-xs": "" } },
         [
           _c(
             "material-card",
-            { attrs: { color: "black", title: "All Test Resualt", text: "" } },
+            {
+              attrs: { color: "black", title: "Add Medical Center", text: "" }
+            },
             [
               _c(
                 "v-layout",
-                {
+                { staticClass: "px-5 mb-3", attrs: { row: "", wrap: "" } },
-                  staticClass: "my-3",
-                  attrs: { "align-center": "", wrap: "" }
-                },
                 [
                   _c(
                     "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    { attrs: { xs12: "", md3: "", xs3: "" } },
                     [
                       _c("v-text-field", {
                         staticClass: "pa-2",
-                        attrs: { label: "Name", color: "black" }
+                        attrs: {
-                      })
+                          label: "Name",
-                    ],
+                          color: "black",
-                    1
+                          rules: [_vm.rules.required, _vm.rules.counter]
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: { label: "Date", color: "black" }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: { label: "Hospital", color: "black" }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
-                    [
-                      _c(
-                        "v-btn",
-                        {
-                          staticClass: "WM-CyanBlueGradient-BG",
-                          staticStyle: { padding: "10px 60px" }
                         },
-                        [
+                        model: {
-                          _c(
+                          value: _vm.name,
-                            "v-icon",
+                          callback: function($$v) {
-                            { staticClass: "white--text mr-2 caption" },
+                            _vm.name = $$v
-                            [_vm._v("fas fa-search")]
-                          ),
-                          _vm._v(" "),
-                          _c("span", { staticClass: "white--text" }, [
-                            _vm._v("Filter")
-                          ])
-                        ],
-                        1
-                      )
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c("v-divider"),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "my-3",
-                  attrs: { "align-center": "", wrap: "" }
                           },
-                [
+                          expression: "name"
-                  _c(
+                        }
-                    "v-flex",
+                      })
-                    { attrs: { xs1: "" } },
-                    [
-                      _c("v-card-title", [
-                        _c("div", [
-                          _c("div", [
-                            _vm._v("\n              222\n            ")
-                          ]),
-                          _vm._v(" "),
-                          _c("div", [
-                            _vm._v("\n              Test\n            ")
-                          ]),
-                          _vm._v(" "),
-                          _c("div", {}, [
-                            _vm._v("\n              1\n            ")
-                          ])
-                        ])
-                      ])
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs6: "" } },
-                    [
-                      _c("v-card-text", [
-                        _c("p", [
-                          _vm._v(
-                            "\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna\n          "
-                          )
-                        ])
-                      ])
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs4: "" } },
-                    [
-                      _c(
-                        "v-card-text",
-                        [
-                          _c(
-                            "v-btn",
-                            { staticClass: "mr-2", attrs: { color: "black" } },
-                            [
-                              _c(
-                                "v-icon",
-                                { staticClass: "white--text mr-1 caption" },
-                                [_vm._v("fas fa-folder")]
-                              ),
-                              _vm._v(" "),
-                              _c("span", [_vm._v("Archive")])
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-btn",
-                            { staticClass: "mr-2", 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",
-                            { attrs: { color: "orange darken-1" } },
-                            [
-                              _c(
-                                "v-icon",
-                                { staticClass: "white--text mr-1 caption" },
-                                [_vm._v("fas fa-barcode")]
-                              ),
-                              _vm._v(" "),
-                              _c("span", [_vm._v("Generate Barcode")])
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      )
                     ],
                     1
                   )
@@ -317,8 +175,6 @@ var render = function() {
                 1
               ),
               _vm._v(" "),
-              _c("v-divider"),
-              _vm._v(" "),
               _c(
                 "v-layout",
                 {
@@ -331,9 +187,30 @@ var render = function() {
                   }
                 },
                 [
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass: "WM-CyanBlueGradient-BG",
+                      staticStyle: { padding: "10px 60px" },
+                      on: { click: _vm.AddMedicalCenter }
+                    },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "white--text mr-2 caption" },
+                        [_vm._v("fas fa-plus")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "white--text" }, [
+                        _vm._v("Add")
+                      ])
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
                   _c(
                     "router-link",
-                    { attrs: { to: "/dashboard" } },
+                    { attrs: { to: "/manage-medical-center" } },
                     [
                       _c(
                         "v-btn",
@@ -377,17 +254,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AllResultTest.vue":
+/***/ "./resources/js/vue/views/AddMedicalCenter.vue":
-/*!**************************************************!*\
+/*!*****************************************************!*\
-  !*** ./resources/js/vue/views/AllResultTest.vue ***!
+  !*** ./resources/js/vue/views/AddMedicalCenter.vue ***!
-  \**************************************************/
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _AllResultTest_vue_vue_type_template_id_01d995b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true& */ "./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true&");
+/* harmony import */ var _AddMedicalCenter_vue_vue_type_template_id_b49b8626_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true& */ "./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true&");
-/* harmony import */ var _AllResultTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AllResultTest.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/AllResultTest.vue?vue&type=script&lang=js&");
+/* harmony import */ var _AddMedicalCenter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AddMedicalCenter.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/AddMedicalCenter.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");
 
 
@@ -397,50 +274,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _AllResultTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _AddMedicalCenter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _AllResultTest_vue_vue_type_template_id_01d995b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _AddMedicalCenter_vue_vue_type_template_id_b49b8626_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _AllResultTest_vue_vue_type_template_id_01d995b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _AddMedicalCenter_vue_vue_type_template_id_b49b8626_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "01d995b8",
+  "b49b8626",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/AllResultTest.vue"
+component.options.__file = "resources/js/vue/views/AddMedicalCenter.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AllResultTest.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/AddMedicalCenter.vue?vue&type=script&lang=js&":
-/*!***************************************************************************!*\
+/*!******************************************************************************!*\
-  !*** ./resources/js/vue/views/AllResultTest.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/AddMedicalCenter.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_AllResultTest_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!./AllResultTest.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AllResultTest.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_AddMedicalCenter_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!./AddMedicalCenter.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddMedicalCenter.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_AllResultTest_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_AddMedicalCenter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true&":
+/***/ "./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true&":
-/*!*********************************************************************************************!*\
+/*!************************************************************************************************!*\
-  !*** ./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true& ***!
+  !*** ./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&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_AllResultTest_vue_vue_type_template_id_01d995b8_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!./AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&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_AddMedicalCenter_vue_vue_type_template_id_b49b8626_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!./AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&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_AllResultTest_vue_vue_type_template_id_01d995b8_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_AddMedicalCenter_vue_vue_type_template_id_b49b8626_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_AllResultTest_vue_vue_type_template_id_01d995b8_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_AddMedicalCenter_vue_vue_type_template_id_b49b8626_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/6.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AllResultTest.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/Dashboard.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/AllResultTest.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************/
+  \***********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -34,83 +34,85 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
+//
-  data: function data() {
+//
-    return {
+//
-      Cards: [{
+//
-        title: 'My Info',
+//
-        text: 'You can easily edit your registration information',
+//
-        icon: '/img/Static/Dashboard/darkmug.png',
+//
-        color: 'WM-OrangeGradient-BG',
+//
-        route: '/my-info',
+//
-        aligntext: 'text-md-left',
+//
-        alignimg: 'text-md-right',
+//
-        column: 'xs12 md6 sm6'
+//
-      }, {
+//
-        title: 'All Test Result',
+//
-        text: 'You can see all user tests and own tests',
+//
-        icon: '/img/Static/Dashboard/pad.png',
+//
-        color: 'WM-GreenGradient-BG',
+//
-        route: '/all-resualttest',
+//
-        aligntext: 'text-md-left',
+//
-        alignimg: 'text-md-right',
+//
-        column: 'xs12 md6 sm6'
+//
-      }, {
+//
-        title: 'Manage Users',
+//
-        text: 'You can edit the medical center information',
+//
-        icon: '/img/Static/Dashboard/ipad.png',
+//
-        color: 'WM-YellowPinkGradient-BG',
+//
-        route: '/manage-users',
+//
-        aligntext: 'text-md-center',
+//
-        alignimg: 'text-md-left',
+//
-        column: 'xs12 md12 sm12'
+//
-      }, {
+//
-        title: 'Manage Medical Center',
+//
-        text: 'Managing users very fast by ...',
+//
-        icon: '/img/Static/Dashboard/Macbook.png',
+//
-        color: 'WM-MuskGradient-BG',
+//
-        route: '/manage-medical-center',
+//
-        aligntext: 'text-md-left',
+//
-        alignimg: 'text-md-right',
+//
-        column: 'xs12 md7 sm7'
+//
-      }, {
+//
-        title: 'Add a Test Type',
+//
-        text: 'You can simply add your own test type',
+//
-        icon: '/img/Static/Dashboard/Book-and-Pen.png',
+//
-        color: 'WM-GreyGradient-BG',
+//
-        route: '/test-creator',
+//
-        aligntext: 'text-md-left',
+//
-        alignimg: 'text-md-right',
+//
-        column: 'xs12 md5 sm5'
+//
-      }, {
+//
-        title: 'Test to Verify',
+//
-        text: 'You can simply add your own test type in this section of website',
+//
-        icon: '/img/Static/Dashboard/notepad-colorful.png',
+//
-        color: 'WM-PinkGradient-BG',
+//
-        route: '/submit-test-result',
+//
-        aligntext: 'text-md-center',
+//
-        alignimg: 'text-md-left',
+//
-        column: 'xs12 md12 sm12'
+//
-      }, {
+//
-        title: 'Add a Test Result',
+//
-        text: 'You can edit the medical center information',
+//
-        icon: '/img/Static/Dashboard/ipad.png',
+//
-        color: 'WM-YellowPinkGradient-BG',
+//
-        route: '/manage-medical-center',
+//
-        aligntext: 'text-md-center',
+//
-        alignimg: 'text-md-left',
+//
-        column: 'xs12 md12 sm12'
+//
-      }]
+//
-    };
+//
-  }
+//
-});
+//
+//
+/* 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/Dashboard.vue?vue&type=template&id=1e64fb7c&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&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/Dashboard.vue?vue&type=template&id=1e64fb7c& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true& ***!
-  \***********************************************************************************************************************************************************************************************************/
+  \***************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -123,48 +125,242 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
+    "div",
+    {},
+    [
+      _c(
         "v-container",
         { attrs: { fluid: "" } },
         [
           _c(
             "material-card",
+            { attrs: { color: "black", title: "All Test Resualt", text: "" } },
+            [
+              _c(
+                "v-layout",
                 {
+                  staticClass: "my-3",
+                  attrs: { "align-center": "", wrap: "" }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: { label: "Name", color: "black" }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: { label: "Date", color: "black" }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: { label: "Hospital", color: "black" }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass: "WM-CyanBlueGradient-BG",
+                          staticStyle: { padding: "10px 60px" }
+                        },
+                        [
+                          _c(
+                            "v-icon",
+                            { staticClass: "white--text mr-2 caption" },
+                            [_vm._v("fas fa-search")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "white--text" }, [
+                            _vm._v("Filter")
+                          ])
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c("v-divider"),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  staticClass: "my-3",
+                  attrs: { "align-center": "", wrap: "" }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    { attrs: { xs1: "" } },
+                    [
+                      _c("v-card-title", [
+                        _c("div", [
+                          _c("div", [
+                            _vm._v("\n              222\n            ")
+                          ]),
+                          _vm._v(" "),
+                          _c("div", [
+                            _vm._v("\n              Test\n            ")
+                          ]),
+                          _vm._v(" "),
+                          _c("div", {}, [
+                            _vm._v("\n              1\n            ")
+                          ])
+                        ])
+                      ])
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs6: "" } },
+                    [
+                      _c("v-card-text", [
+                        _c("p", [
+                          _vm._v(
+                            "\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna\n          "
+                          )
+                        ])
+                      ])
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs4: "" } },
+                    [
+                      _c(
+                        "v-card-text",
+                        [
+                          _c(
+                            "v-btn",
+                            { staticClass: "mr-2", attrs: { color: "black" } },
+                            [
+                              _c(
+                                "v-icon",
+                                { staticClass: "white--text mr-1 caption" },
+                                [_vm._v("fas fa-folder")]
+                              ),
+                              _vm._v(" "),
+                              _c("span", [_vm._v("Archive")])
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "v-btn",
+                            { staticClass: "mr-2", 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",
+                            { attrs: { color: "orange darken-1" } },
+                            [
+                              _c(
+                                "v-icon",
+                                { staticClass: "white--text mr-1 caption" },
+                                [_vm._v("fas fa-barcode")]
+                              ),
+                              _vm._v(" "),
+                              _c("span", [_vm._v("Generate Barcode")])
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c("v-divider"),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  staticClass: "mt-3",
                   attrs: {
-            color: "black",
+                    row: "",
-            title: "Material Dashboard Heading",
+                    wrap: "",
-            text: ""
+                    "align-center": "",
+                    "justify-center": ""
                   }
                 },
                 [
                   _c(
-            "v-layout",
+                    "router-link",
-            { attrs: { row: "", wrap: "" } },
+                    { attrs: { to: "/dashboard" } },
-            _vm._l(_vm.Cards, function(Card, Key) {
-              return _c(
-                "v-flex",
-                { key: Key, class: [Card.column, "pa-2"] },
                     [
                       _c(
-                    "router-link",
+                        "v-btn",
-                    { attrs: { to: Card.route } },
+                        {
+                          staticClass:
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                        },
                         [
-                      _c("material-cards", {
+                          _c(
-                        attrs: {
+                            "v-icon",
-                          title: Card.title,
+                            { staticClass: "black--text mr-2 caption" },
-                          icon: Card.icon,
+                            [_vm._v("fas fa-chevron-left")]
-                          color: Card.color,
+                          ),
-                          text: Card.text,
+                          _vm._v(" "),
-                          aligntext: Card.aligntext,
+                          _c("span", { staticClass: "black--text" }, [
-                          alignimg: Card.alignimg
+                            _vm._v("Back")
-                        }
+                          ])
-                      })
                         ],
                         1
                       )
                     ],
                     1
                   )
-            }),
+                ],
+                1
+              )
+            ],
             1
           )
         ],
@@ -181,17 +377,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Dashboard.vue":
+/***/ "./resources/js/vue/views/AllResultTest.vue":
-/*!**********************************************!*\
+/*!**************************************************!*\
-  !*** ./resources/js/vue/views/Dashboard.vue ***!
+  !*** ./resources/js/vue/views/AllResultTest.vue ***!
-  \**********************************************/
+  \**************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Dashboard.vue?vue&type=template&id=1e64fb7c& */ "./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&");
+/* harmony import */ var _AllResultTest_vue_vue_type_template_id_01d995b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true& */ "./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true&");
-/* harmony import */ var _Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Dashboard.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&");
+/* harmony import */ var _AllResultTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AllResultTest.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/AllResultTest.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");
 
 
@@ -201,50 +397,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _AllResultTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _AllResultTest_vue_vue_type_template_id_01d995b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _AllResultTest_vue_vue_type_template_id_01d995b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "01d995b8",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Dashboard.vue"
+component.options.__file = "resources/js/vue/views/AllResultTest.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/AllResultTest.vue?vue&type=script&lang=js&":
-/*!***********************************************************************!*\
+/*!***************************************************************************!*\
-  !*** ./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/AllResultTest.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_Dashboard_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!./Dashboard.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.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_AllResultTest_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!./AllResultTest.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AllResultTest.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_Dashboard_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_AllResultTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&":
+/***/ "./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true&":
-/*!*****************************************************************************!*\
+/*!*********************************************************************************************!*\
-  !*** ./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c& ***!
+  !*** ./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&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_Dashboard_vue_vue_type_template_id_1e64fb7c___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!./Dashboard.vue?vue&type=template&id=1e64fb7c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AllResultTest_vue_vue_type_template_id_01d995b8_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!./AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&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_Dashboard_vue_vue_type_template_id_1e64fb7c___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_AllResultTest_vue_vue_type_template_id_01d995b8_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_Dashboard_vue_vue_type_template_id_1e64fb7c___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_AllResultTest_vue_vue_type_template_id_01d995b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/7.js

@@ -1,19 +1,14 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{
 
-/***/ "./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/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.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/ForgotPassword.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/Dashboard.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; }
-
 //
 //
 //
@@ -39,47 +34,83 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      cell_number: ""
+      Cards: [{
+        title: 'My Info',
+        text: 'You can easily edit your registration information',
+        icon: '/img/Static/Dashboard/darkmug.png',
+        color: 'WM-OrangeGradient-BG',
+        route: '/my-info',
+        aligntext: 'text-md-left',
+        alignimg: 'text-md-right',
+        column: 'xs12 md6 sm6'
+      }, {
+        title: 'All Test Result',
+        text: 'You can see all user tests and own tests',
+        icon: '/img/Static/Dashboard/pad.png',
+        color: 'WM-GreenGradient-BG',
+        route: '/all-resualttest',
+        aligntext: 'text-md-left',
+        alignimg: 'text-md-right',
+        column: 'xs12 md6 sm6'
+      }, {
+        title: 'Manage Users',
+        text: 'You can edit the medical center information',
+        icon: '/img/Static/Dashboard/ipad.png',
+        color: 'WM-YellowPinkGradient-BG',
+        route: '/manage-users',
+        aligntext: 'text-md-center',
+        alignimg: 'text-md-left',
+        column: 'xs12 md12 sm12'
+      }, {
+        title: 'Manage Medical Center',
+        text: 'Managing users very fast by ...',
+        icon: '/img/Static/Dashboard/Macbook.png',
+        color: 'WM-MuskGradient-BG',
+        route: '/manage-medical-center',
+        aligntext: 'text-md-left',
+        alignimg: 'text-md-right',
+        column: 'xs12 md7 sm7'
+      }, {
+        title: 'Add a Test Type',
+        text: 'You can simply add your own test type',
+        icon: '/img/Static/Dashboard/Book-and-Pen.png',
+        color: 'WM-GreyGradient-BG',
+        route: '/test-creator',
+        aligntext: 'text-md-left',
+        alignimg: 'text-md-right',
+        column: 'xs12 md5 sm5'
+      }, {
+        title: 'Test to Verify',
+        text: 'You can simply add your own test type in this section of website',
+        icon: '/img/Static/Dashboard/notepad-colorful.png',
+        color: 'WM-PinkGradient-BG',
+        route: '/submit-test-result',
+        aligntext: 'text-md-center',
+        alignimg: 'text-md-left',
+        column: 'xs12 md12 sm12'
+      }, {
+        title: 'Add a Test Result',
+        text: 'You can edit the medical center information',
+        icon: '/img/Static/Dashboard/ipad.png',
+        color: 'WM-YellowPinkGradient-BG',
+        route: '/manage-medical-center',
+        aligntext: 'text-md-center',
+        alignimg: 'text-md-left',
+        column: 'xs12 md12 sm12'
+      }]
     };
-  },
-  methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapActions"])('auth', ['forgotPassword']), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapMutations"])('modal', ['changeCurrentModal']), {
-    handleSubmit: function 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 != '') {
-      //   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?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&":
-/*!****************************************************************************************************************************************************************************************************************!*\
+/*!***********************************************************************************************************************************************************************************************************!*\
-  !*** ./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& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c& ***!
-  \****************************************************************************************************************************************************************************************************************/
+  \***********************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -92,48 +123,39 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
-    [
-      _c(
     "v-container",
-        { attrs: { "grid-list-xs": "" } },
+    { attrs: { fluid: "" } },
-        [
-          _c(
-            "v-layout",
-            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
-            [
-              _c(
-                "v-flex",
-                {
-                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
-                  attrs: { xs12: "", md3: "", sm3: "" }
-                },
     [
       _c(
         "material-card",
-                    { attrs: { color: "black", title: "Login Page" } },
+        {
+          attrs: {
+            color: "black",
+            title: "Material Dashboard Heading",
+            text: ""
+          }
+        },
         [
           _c(
             "v-layout",
-                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+            { attrs: { row: "", wrap: "" } },
+            _vm._l(_vm.Cards, function(Card, Key) {
+              return _c(
+                "v-flex",
+                { key: Key, class: [Card.column, "pa-2"] },
                 [
                   _c(
-                            "v-flex",
+                    "router-link",
-                            { attrs: { xs12: "", md12: "", sm12: "" } },
+                    { attrs: { to: Card.route } },
                     [
-                              _c("v-text-field", {
+                      _c("material-cards", {
                         attrs: {
-                                  name: "cellnumber",
+                          title: Card.title,
-                                  label: "Cell Number",
+                          icon: Card.icon,
-                                  id: "id1",
+                          color: Card.color,
-                                  color: "black"
+                          text: Card.text,
-                                },
+                          aligntext: Card.aligntext,
-                                model: {
+                          alignimg: Card.alignimg
-                                  value: _vm.cell_number,
-                                  callback: function($$v) {
-                                    _vm.cell_number = $$v
-                                  },
-                                  expression: "cell_number"
                         }
                       })
                     ],
@@ -141,99 +163,8 @@ var render = function() {
                   )
                 ],
                 1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "v-layout",
-                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
-                        [
-                          _c(
-                            "v-flex",
-                            {
-                              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" },
-                                  on: { click: _vm.handleSubmit }
-                                },
-                                [
-                                  _c(
-                                    "v-icon",
-                                    { staticClass: "white--text mr-2 caption" },
-                                    [_vm._v("fas fa-sign-in-alt")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("span", { staticClass: "white--text" }, [
-                                    _vm._v("Send")
-                                  ])
-                                ],
-                                1
               )
-                            ],
+            }),
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-flex",
-                            {
-                              staticClass:
-                                "text-md-right text-sm-center text-xs-center",
-                              attrs: { xs12: "", md6: "", sm6: "" }
-                            },
-                            [
-                              _c(
-                                "router-link",
-                                {
-                                  staticClass: "black--text",
-                                  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
-                      )
-                    ],
-                    1
-                  )
-                ],
-                1
-              )
-            ],
             1
           )
         ],
@@ -250,17 +181,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ForgotPassword.vue":
+/***/ "./resources/js/vue/views/Dashboard.vue":
-/*!***************************************************!*\
+/*!**********************************************!*\
-  !*** ./resources/js/vue/views/ForgotPassword.vue ***!
+  !*** ./resources/js/vue/views/Dashboard.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 _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Dashboard.vue?vue&type=template&id=1e64fb7c& */ "./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&");
-/* 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 _Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Dashboard.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Dashboard.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");
 
 
@@ -270,9 +201,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -282,38 +213,38 @@ 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/Dashboard.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&":
-/*!****************************************************************************!*\
+/*!***********************************************************************!*\
-  !*** ./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/Dashboard.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_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&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_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!./Dashboard.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.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"]); 
+/* 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_Dashboard_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/Dashboard.vue?vue&type=template&id=1e64fb7c&":
-/*!**********************************************************************************!*\
+/*!*****************************************************************************!*\
-  !*** ./resources/js/vue/views/ForgotPassword.vue?vue&type=template&id=62f22c26& ***!
+  !*** ./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c& ***!
-  \**********************************************************************************/
+  \*****************************************************************************/
 /*! 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_Dashboard_vue_vue_type_template_id_1e64fb7c___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!./Dashboard.vue?vue&type=template&id=1e64fb7c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&");
-/* 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_Dashboard_vue_vue_type_template_id_1e64fb7c___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_Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

resources/js/vue/components/core/Drawer.vue

@@ -29,7 +29,7 @@
             /> -->
           </v-list-tile-avatar>
           <v-list-tile-title class="title">
-            CSSD-DOC
+            {{ $store.state.user.name }}
           </v-list-tile-title>
         </v-list-tile>
         <v-divider/>

resources/js/vue/main.js

@@ -18,18 +18,28 @@ import i18n from '@/i18n'
 import router from '@/router'
 import store from '@/store'
 
+
 import { ApiService, TokenService } from '@/services'
 // Sync store with router
 sync(store, router)
 
 Vue.config.productionTip = false
-
+ApiService.setHeader();
 // Set the base URL of the API
 ApiService.init(process.env.MIX_APP_ROOT_API)
 
-// If token exists set header
+require('./services/global/errorHandler.service');
+// If token exists set Authorizion header
 if (TokenService.getToken()) {
-  ApiService.setHeader()
+  ApiService.setAuthHeader();
+  
+  // If info exists set info in Store
+  if(TokenService.getInfo()) {
+    let info = TokenService.getInfo();
+    store.commit('setInfo', info);
+  } else {
+    store.dispatch('info');
+  }
 }
 
 /* eslint-disable no-new */

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

@@ -1,6 +1,8 @@
+import qs from 'qs';
+
 const TOKEN_KEY = 'access_token'
 const REFRESH_TOKEN_KEY = 'refresh_token'
-
+const INFO = 'info'
 /**
  * Manage the how Access Tokens are being stored and retreived from storage.
  *
@@ -30,7 +32,20 @@ const TokenService = {
 
     removeRefreshToken() {
         localStorage.removeItem(REFRESH_TOKEN_KEY)
-    }
+    },
+    
+    getInfo() {
+        return qs.parse(localStorage.getItem(INFO))
+    },
+
+    saveInfo(info = null) {
+        info = qs.stringify(info);
+        localStorage.setItem(INFO, info)
+    },
+
+    removeInfo() {
+        localStorage.removeItem(INFO)
+    },
 
 }
 

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

@@ -1,13 +1,12 @@
-import ApiService from './api.service'
+import { ApiService } from "../global/api.service";
-import { TokenService } from './storage.service'
+import { TokenService } from "./storage.service";
-
 
 class AuthenticationError extends Error {
     constructor(errorCode, message) {
-        super(message)
+        super(message);
-        this.name = this.constructor.name
+        this.name = this.constructor.name;
-        this.message = message
+        this.message = message;
-        this.errorCode = errorCode
+        this.errorCode = errorCode;
     }
 }
 
@@ -20,31 +19,34 @@ const UserService = {
      **/
     login: async function(cell_number, password) {
         const requestData = {
-            method: 'post',
+            method: "post",
             url: "/login",
             data: {
                 cell_number,
                 password,
-                grant_type: 'password',
+                grant_type: "password"
             },
             auth: {
                 username: process.env.MIX_APP_CLIENT_ID,
                 password: process.env.MIX_APP_CLIENT_SECRET
             }
-        }
+        };
 
         try {
             const response = await ApiService.customRequest(requestData);
             TokenService.saveToken(response.data.access_token);
             TokenService.saveRefreshToken(response.data.refresh_token);
-            ApiService.setHeader();
+            ApiService.setAuthHeader();
 
             // NOTE: We haven't covered this yet in our ApiService
             //       but don't worry about this just yet - I'll come back to it later
             ApiService.mount401Interceptor();
             return response.data.access_token;
         } catch (error) {
-            throw new AuthenticationError(error.response.status, error.response.data.detail);
+            throw new AuthenticationError(
+                error.response.status,
+                error.response.data.detail
+            );
         }
     },
     /**
@@ -55,24 +57,27 @@ const UserService = {
      **/
     forgotPassword: async function(cell_number) {
         const requestData = {
-            method: 'post',
+            method: "post",
             url: "forgotPassword",
             data: {
-                cell_number,
+                cell_number
             },
             auth: {
                 username: process.env.MIX_APP_CLIENT_ID,
                 password: process.env.MIX_APP_CLIENT_SECRET
             }
-        }
+        };
 
         try {
             const response = await ApiService.customRequest(requestData);
-            ApiService.setHeader();
+            ApiService.setAuthHeader();
 
             return response.data;
         } catch (error) {
-            throw new AuthenticationError(error.response.status, error.response.data.detail);
+            throw new AuthenticationError(
+                error.response.status,
+                error.response.data.detail
+            );
         }
     },
     /**
@@ -83,24 +88,27 @@ const UserService = {
      **/
     verifyCode: async function(verifyCode) {
         const requestData = {
-            method: 'post',
+            method: "post",
             url: "forgotPassword",
             data: {
-                verifyCode,
+                verifyCode
             },
             auth: {
                 username: process.env.MIX_APP_CLIENT_ID,
                 password: process.env.MIX_APP_CLIENT_SECRET
             }
-        }
+        };
 
         try {
             const response = await ApiService.customRequest(requestData);
-            ApiService.setHeader();
+            ApiService.setAuthHeader();
 
             return response.data;
         } catch (error) {
-            throw new AuthenticationError(error.response.status, error.response.data.detail);
+            throw new AuthenticationError(
+                error.response.status,
+                error.response.data.detail
+            );
         }
     },
 
@@ -108,34 +116,36 @@ const UserService = {
      * Refresh the access token.
      **/
     refreshToken: async function() {
-        const refreshToken = TokenService.getRefreshToken()
+        const refreshToken = TokenService.getRefreshToken();
 
         const requestData = {
-            method: 'post',
+            method: "post",
             url: "login",
             data: {
-                grant_type: 'refresh_token',
+                grant_type: "refresh_token",
                 refresh_token: refreshToken
             },
             auth: {
                 username: process.env.MIX_APP_CLIENT_ID,
                 password: process.env.MIX_APP_CLIENT_SECRET
             }
-        }
+        };
 
         try {
-            const response = await ApiService.customRequest(requestData)
+            const response = await ApiService.customRequest(requestData);
 
-            TokenService.saveToken(response.data.access_token)
+            TokenService.saveToken(response.data.access_token);
-            TokenService.saveRefreshToken(response.data.refresh_token)
+            TokenService.saveRefreshToken(response.data.refresh_token);
             // Update the header in ApiService
-            ApiService.setHeader()
+            ApiService.setAuthHeader();
 
-            return response.data.access_token
+            return response.data.access_token;
         } catch (error) {
-            throw new AuthenticationError(error.response.status, error.response.data.detail)
+            throw new AuthenticationError(
+                error.response.status,
+                error.response.data.detail
+            );
         }
-
     },
 
     /**
@@ -145,32 +155,48 @@ const UserService = {
      **/
     logout: async function() {
         const requestData = {
-            method: 'post',
+            method: "post",
-            url: "logout",
+            url: "logout"
-            auth: {
+        };
-                username: process.env.MIX_APP_CLIENT_ID,
-                password: process.env.MIX_APP_CLIENT_SECRET
-            }
-        }
 
         try {
-            await ApiService.customRequest(requestData);
+            const response = await ApiService.customRequest(requestData);
             // Remove the token and remove Authorization header from Api Service as well
-            TokenService.removeToken()
+            TokenService.removeToken();
-            TokenService.removeRefreshToken()
+            TokenService.removeRefreshToken();
-            ApiService.removeHeader()
+            TokenService.removeInfo();
+            ApiService.removeAuthHeader();
 
             // NOTE: Again, we'll cover the 401 Interceptor a bit later.
-            ApiService.unmount401Interceptor()
+            ApiService.unmount401Interceptor();
 
             return response.data;
         } catch (error) {
-            throw new AuthenticationError(error.response.status, error.response.data.detail);
+            throw new AuthenticationError(
+                error.response.status,
+                error.response.data.detail
+            );
         }
+    },
+    /**
+     * Get Information the current user ;
+     *
+     * Will also Register in Store;
+     **/
+    getInfo: async function() {
+        const requestData = {
+            method: "get",
+            url: "getInfo"
+        };
 
+        const response = await ApiService.customRequest(requestData);
+        
+        TokenService.saveInfo(response.data);
+
+        return response.data;
     }
-}
+};
 
-export default UserService
+export default UserService;
 
-export { UserService, AuthenticationError }
+export { UserService, AuthenticationError };

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

@@ -1,7 +1,6 @@
 import axios from 'axios'
-import { TokenService } from './storage.service'
+import { TokenService } from '../auth/storage.service'
 import store  from '@/store'
-import qs from 'qs';
 
 const ApiService = {
 
@@ -10,11 +9,16 @@ const ApiService = {
     },
 
     setHeader() {
-        axios.defaults.headers.common["Authorization"] = `Bearer ${TokenService.getToken()}`
+        axios.defaults.headers.common["Accept"] = `application/json`;
+        axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
     },
 
-    removeHeader() {
+    setAuthHeader() {
-        axios.defaults.headers.common = {}
+        axios.defaults.headers.common["Authorization"] = `Bearer ${TokenService.getToken()}`;
+    },
+
+    removeAuthHeader() {
+        axios.defaults.headers.common["Authorization"] = null;
     },
 
     get(resource) {
@@ -45,11 +49,6 @@ const ApiService = {
      *    - password
     **/
     customRequest(data) {
-        for (let d in data) {
-            if (typeof data[d] == 'object') {
-                data[d] = qs.stringify(data[d]);
-            }
-        }
         return axios(data);
     },
 

resources/js/vue/services/global/errorHandler.service.js

@@ -0,0 +1,44 @@
+import axios from "axios";
+import toast from "./toast.service";
+import {TokenService, ApiService} from '@/services';
+function errorResponseHandler(error) {
+    
+    // check for errorHandle config
+    if (
+        error.config.hasOwnProperty("errorHandle") &&
+        error.config.errorHandle === false
+    ) {
+        return Promise.reject(error);
+    }
+
+    // if has response show the error
+    if (error.response) {
+        if(typeof error.response.data.errors !== 'undefined') {
+            for (const key in error.response.data.errors) {
+                if (error.response.data.errors.hasOwnProperty(key)) {
+                    toast.error(error.response.data.errors[key]);
+                }
+            }
+        }
+        if(error.response.status == 401) {
+            TokenService.removeToken();
+            TokenService.removeRefreshToken();
+            TokenService.removeInfo();
+            ApiService.removeAuthHeader();
+        }
+        
+    }
+}
+function successHandler(response) {
+    if(response.data == 200) {
+        if(typeof response.data.message !== 'undefined') {
+            toast.success(response.data.message);
+        }
+    }
+    return response;
+}
+
+// apply interceptor on response
+axios.interceptors.response.use(successHandler, errorResponseHandler);
+
+export default errorResponseHandler;

resources/js/vue/services/global/toast.service.js

@@ -0,0 +1,21 @@
+import "izitoast/dist/css/iziToast.min.css";
+import iZtoast from "izitoast";
+
+const toast = {
+    error: (message, title = "Error") => {
+        return iZtoast.error({
+            title: title,
+            message: message,
+            position: "bottomCenter"
+        });
+    },
+    success: (message, title = "Success") => {
+        return iZtoast.success({
+            title: title,
+            message: message,
+            position: "bottomCenter"
+        });
+    }
+};
+
+export default toast;

resources/js/vue/services/index.js

@@ -1,3 +1,3 @@
-export * from './auth/api.service';
+export * from './global/api.service';
 export * from './auth/storage.service';
 export * from './auth/user.service';

resources/js/vue/store/actions.js

@@ -1,5 +1,8 @@
-// https://vuex.vuejs.org/en/actions.html
+import { UserService } from '@/services/auth/user.service'
-
 export default {
-  //
+    async info({ commit }) {
+        const info = await UserService.getInfo();
+        commit("setInfo", info);
+        return true;
     }
+};

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

@@ -1,17 +1,17 @@
 import { UserService, AuthenticationError } from '@/services/auth/user.service'
 import router from '@/router'
-import axios from 'axios'
 
 export default {
-    async login({ commit }, {cell_number, password}) {
+    async login({ commit, dispatch }, {cell_number, password}) {
         commit('loginRequest');
         try {
             const token = await UserService.login(cell_number, password);
             commit('loginSuccess', token);
-
             // Redirect the user to the page he first tried to visit or to the home view
             router.push(router.history.current.query.redirect || '/');
 
+            dispatch('info', {}, {root : true});
+            
             return true
         } catch (e) {
             if (e instanceof AuthenticationError) {

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

@@ -5,8 +5,8 @@ export default {
             state.currentModal.properties = data.properties;
         }
     },
-     closeModal: (state) => {
+    closeModal: state => {
-         state.currentModal.name = '';
+        state.currentModal.name = "";
         state.currentModal.properties = {};
     }
-}
+};

resources/js/vue/store/mutations.js

@@ -1,5 +1,5 @@
-// https://vuex.vuejs.org/en/mutations.html
-
 export default {
-  //
+    setInfo: (state, info) => {
+        state.user = info.user;
     }
+};

resources/js/vue/store/state.js

@@ -1,5 +1,3 @@
-// https://vuex.vuejs.org/en/state.html
-
 export default {
-  //
+  user : {},
 }

resources/js/vue/views/AddMedicalCenter.vue

@@ -1,33 +1,20 @@
 <template>
-  <v-form v-model="model">
+  <v-form ref="form">
     <v-container grid-list-xs>
-      <material-card class=""
+      <material-card class color="black" title="Add Medical Center" text>
-        color="black"
-        title="Add Medical Center"
-        text=""
-      >
         <v-layout row wrap class="px-5 mb-3">
           <v-flex xs12 md3 xs3>
             <v-text-field
-              name="Name"
+              v-model="name"
               label="Name"
               color="black"
               class="pa-2"
-              id="id1"
+              :rules="[rules.required, rules.counter]"
-            ></v-text-field>
-          </v-flex>
-          <v-flex xs12 md3 xs3>
-            <v-text-field
-              name="Operator"
-              label="Operator"
-              color="black"
-              class="pa-2"
-              id="id2"
             ></v-text-field>
           </v-flex>
         </v-layout>
         <v-layout row wrap align-center justify-center class="mt-3">
-          <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
+          <v-btn class="WM-CyanBlueGradient-BG" @click="AddMedicalCenter" style="padding:10px 60px">
             <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
             <span class="white--text">Add</span>
           </v-btn>
@@ -43,12 +30,33 @@
   </v-form>
 </template>
 <script>
+import { ApiService } from "@/services";
+import { log } from "util";
 export default {
+  data() {
+    return {
       name: "",
-  data: () => ({
+      rules: {
-
+        required: value => !!value || "Required.",
-  })
+        counter: value => value.length <= 30 || "Max 30 characters"
       }
+    };
+  },
+  methods: {
+    async AddMedicalCenter() {
+      let url = "MedicalCenters";
+      let data = {
+        name: this.name
+      };
+      if (this.$refs.form.validate()) {
+        const result = await ApiService.post(url, data);
+        if(result && result.status == 200) {
+            this.$router.push('/manage-medical-center');
+        }
+      }
+    }
+  }
+};
 </script>
 <style lang="scss" scoped>
 </style>

routes/api.php

@@ -22,9 +22,8 @@ Route::group(['namespace' => 'Api'],function () {
 });
 
 
-use Illuminate\Http\Request;
+Route::get('/getInfo', function () {
-Route::get('/user', function (Request $request) {
+    return response()->json([ 'user' => auth('api')->user() ], 200);
-    return $request->user();
 })->middleware('auth:api');
 
 Route::resource('TestTypes', 'TestTypeController');

routes/web.php

@@ -56,5 +56,3 @@ Route::delete('oauth/tokens/{token_id}', '\Laravel\Passport\Http\Controllers\Aut
 Route::any('{all}', function(){
     return view('welcome');
 })->where(['all' => '.*']);
-
-