mixin role and config url

public/1.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/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/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/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/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/SubmitTestResult.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************/
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -44,21 +44,67 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
   name: "",
   data: function data() {
     return {
-      items: ['SuperAdmin', 'Admin', 'Supervisor', 'User']
+      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4']
     };
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/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/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/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/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& ***!
-  \******************************************************************************************************************************************************************************************************************/
+  \******************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -75,40 +121,145 @@ var render = function() {
     [
       _c(
         "v-container",
-        { attrs: { "grid-list-xs": "", fluid: "" } },
+        { attrs: { "grid-list-xs": "" } },
         [
           _c(
             "material-card",
-            { attrs: { color: "black", title: "Role" } },
+            { attrs: { color: "black", title: "Submit Test Result" } },
             [
               _c(
                 "v-layout",
                 {
-                  staticClass: "px-5 mb-3",
+                  staticClass: "px-5 my-3",
-                  attrs: {
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                    row: "",
-                    "align-center": "",
-                    "justify-center": "",
-                    wrap: ""
-                  }
                 },
                 [
                   _c(
                     "v-flex",
-                    { attrs: { xs12: "", md3: "", sm3: "" } },
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
                     [
                       _c("v-select", {
+                        staticClass: "pa-2",
                         attrs: {
                           items: _vm.items,
-                          label: "Roles",
+                          label: "Choose Test Type",
                           color: "black"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm3: "", md3: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "testcode",
+                          label: "Or Enter Test Code",
+                          id: "id",
+                          color: "black"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    {
+                      staticClass:
+                        "text-xs-center text-sm-center text-md-center",
+                      attrs: { xs12: "", md2: "", sm2: "" }
+                    },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass:
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black",
+                          staticStyle: { padding: "10px 60px" }
                         },
-                        model: {
+                        [
-                          value: _vm.roles,
+                          _c(
-                          callback: function($$v) {
+                            "v-icon",
-                            _vm.roles = $$v
+                            { staticClass: "black--text mr-2 caption" },
-                          },
+                            [_vm._v("fas fa-chevron-right")]
-                          expression: "roles"
+                          ),
+                          _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"
                         }
                       })
                     ],
@@ -120,64 +271,60 @@ var render = function() {
               _vm._v(" "),
               _c(
                 "v-layout",
-                { attrs: { row: "", wrap: "" } },
+                { 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-layout",
+                    "v-btn",
                     {
-                      staticClass: "px-5 mt-2",
+                      staticClass: "WM-CyanBlueGradient-BG",
-                      attrs: {
+                      staticStyle: { padding: "10px 60px" }
-                        "align-center": "",
-                        "justify-center": "",
-                        wrap: ""
-                      }
                     },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "white--text mr-2 caption" },
+                        [_vm._v("fas fa-check")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "white--text" }, [
+                        _vm._v("SAVE")
+                      ])
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "router-link",
+                    { attrs: { to: "/dashboard" } },
                     [
                       _c(
                         "v-btn",
                         {
-                          staticClass: "WM-CyanBlueGradient-BG",
+                          staticClass:
-                          staticStyle: { padding: "10px 60px" }
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
                         },
                         [
                           _c(
                             "v-icon",
-                            { staticClass: "white--text mr-2 caption" },
+                            { staticClass: "black--text mr-2 caption" },
-                            [_vm._v("fas fa-plus")]
+                            [_vm._v("fas fa-chevron-left")]
                           ),
                           _vm._v(" "),
-                          _c("span", { staticClass: "white--text" }, [
+                          _c("span", { staticClass: "black--text" }, [
-                            _vm._v("Add")
+                            _vm._v("Back")
                           ])
                         ],
                         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
@@ -202,17 +349,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Role.vue":
+/***/ "./resources/js/vue/views/SubmitTestResult.vue":
-/*!*****************************************!*\
+/*!*****************************************************!*\
-  !*** ./resources/js/vue/views/Role.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 _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 _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 _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&");
+/* 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");
 
 
@@ -222,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"])(
-  _Role_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Role_vue_vue_type_template_id_c87f6484_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Role_vue_vue_type_template_id_c87f6484_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "c87f6484",
+  "6799764f",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Role.vue"
+component.options.__file = "resources/js/vue/views/SubmitTestResult.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Role.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&":
-/*!******************************************************************!*\
+/*!******************************************************************************!*\
-  !*** ./resources/js/vue/views/Role.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_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&");
+/* 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_Role_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/Role.vue?vue&type=template&id=c87f6484&scoped=true&":
+/***/ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&":
-/*!************************************************************************************!*\
+/*!************************************************************************************************!*\
-  !*** ./resources/js/vue/views/Role.vue?vue&type=template&id=c87f6484&scoped=true& ***!
+  !*** ./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& ***!
-  \************************************************************************************/
+  \************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_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 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_Role_vue_vue_type_template_id_c87f6484_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Role_vue_vue_type_template_id_c87f6484_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

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

public/19.js

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

public/2.js

@@ -217,7 +217,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 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", ""]);
+exports.push([module.i, "\n.WM-ActionButton[data-v-1305c16e] {\n  padding: 8px 22px;\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/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/TableList.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
+/*!*******************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js& ***!
+  !*** ./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__) {
 
@@ -41,101 +41,109 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      search: '',
       headers: [{
-        text: 'Dessert (100g serving)',
-        align: 'left',
         sortable: false,
+        text: 'Name',
         value: 'name'
       }, {
-        text: 'Calories',
+        sortable: false,
-        value: 'calories'
+        text: 'Country',
+        value: 'country'
       }, {
-        text: 'Fat (g)',
+        sortable: false,
-        value: 'fat'
+        text: 'City',
+        value: 'city'
       }, {
-        text: 'Carbs (g)',
+        sortable: false,
-        value: 'carbs'
+        text: 'Salary',
-      }, {
+        value: 'salary',
-        text: 'Protein (g)',
+        align: 'right'
-        value: 'protein'
-      }, {
-        text: 'Iron (%)',
-        value: 'iron'
       }],
-      desserts: [{
+      items: [{
-        name: 'Frozen Yogurt',
+        name: 'Dakota Rice',
-        calories: 159,
+        country: 'Niger',
-        fat: 6.0,
+        city: 'Oud-Tunrhout',
-        carbs: 24,
+        salary: '$35,738'
-        protein: 4.0,
-        iron: '1%'
       }, {
-        name: 'Ice cream sandwich',
+        name: 'Minerva Hooper',
-        calories: 237,
+        country: 'Curaçao',
-        fat: 9.0,
+        city: 'Sinaai-Waas',
-        carbs: 37,
+        salary: '$23,738'
-        protein: 4.3,
-        iron: '1%'
       }, {
-        name: 'Eclair',
+        name: 'Sage Rodriguez',
-        calories: 262,
+        country: 'Netherlands',
-        fat: 16.0,
+        city: 'Overland Park',
-        carbs: 23,
+        salary: '$56,142'
-        protein: 6.0,
-        iron: '7%'
       }, {
-        name: 'Cupcake',
+        name: 'Philip Chanley',
-        calories: 305,
+        country: 'Korea, South',
-        fat: 3.7,
+        city: 'Gloucester',
-        carbs: 67,
+        salary: '$38,735'
-        protein: 4.3,
-        iron: '8%'
       }, {
-        name: 'Gingerbread',
+        name: 'Doris Greene',
-        calories: 356,
+        country: 'Malawi',
-        fat: 16.0,
+        city: 'Feldkirchen in Kārnten',
-        carbs: 49,
+        salary: '$63,542'
-        protein: 3.9,
-        iron: '16%'
       }, {
-        name: 'Jelly bean',
+        name: 'Mason Porter',
-        calories: 375,
+        country: 'Chile',
-        fat: 0.0,
+        city: 'Gloucester',
-        carbs: 94,
+        salary: '$78,615'
-        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%'
       }]
     };
   }
@@ -143,10 +151,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/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/TableList.vue?vue&type=template&id=27579e74&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
+/*!***********************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224& ***!
+  !*** ./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__) {
 
@@ -159,92 +167,134 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-card",
+    "v-container",
+    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
     [
       _c(
-        "v-card-title",
+        "v-layout",
+        { attrs: { "justify-center": "", wrap: "" } },
         [
-          _vm._v("\n    Nutrition\n    "),
+          _c(
-          _c("v-spacer"),
+            "v-flex",
-          _vm._v(" "),
+            { attrs: { md12: "" } },
-          _c("v-text-field", {
+            [
-            attrs: {
+              _c(
-              "append-icon": "search",
+                "material-card",
-              label: "Search",
+                {
-              "single-line": "",
+                  attrs: {
-              "hide-details": ""
+                    color: "green",
-            },
+                    title: "Simple Table",
-            model: {
+                    text: "Here is a subtitle for this table"
-              value: _vm.search,
+                  }
-              callback: function($$v) {
-                _vm.search = $$v
-              },
-              expression: "search"
-            }
-          })
-        ],
-        1
-      ),
-      _vm._v(" "),
-      _c(
-        "v-data-table",
-        {
-          attrs: {
-            headers: _vm.headers,
-            items: _vm.desserts,
-            search: _vm.search
-          },
-          scopedSlots: _vm._u([
-            {
-              key: "items",
-              fn: function(props) {
-                return [
-                  _c("td", [_vm._v(_vm._s(props.item.name))]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.calories))
-                  ]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.fat))
-                  ]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.carbs))
-                  ]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.protein))
-                  ]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.iron))
-                  ])
-                ]
-              }
-            }
-          ])
-        },
-        [
-          _vm._v(" "),
-          _c("v-alert", {
-            attrs: { value: true, color: "error", icon: "warning" },
-            scopedSlots: _vm._u([
-              {
-                key: "no-results",
-                fn: function() {
-                  return [
-                    _vm._v(
-                      '\n      Your search for "' +
-                        _vm._s(_vm.search) +
-                        '" found no results.\n    '
-                    )
-                  ]
                 },
-                proxy: true
+                [
-              }
+                  _c("v-data-table", {
-            ])
+                    attrs: {
-          })
+                      headers: _vm.headers,
+                      items: _vm.items,
+                      "hide-actions": ""
+                    },
+                    scopedSlots: _vm._u([
+                      {
+                        key: "headerCell",
+                        fn: function(ref) {
+                          var header = ref.header
+                          return [
+                            _c("span", {
+                              staticClass:
+                                "subheading font-weight-light text-success text--darken-3",
+                              domProps: { textContent: _vm._s(header.text) }
+                            })
+                          ]
+                        }
+                      },
+                      {
+                        key: "items",
+                        fn: function(ref) {
+                          var item = ref.item
+                          return [
+                            _c("td", [_vm._v(_vm._s(item.name))]),
+                            _vm._v(" "),
+                            _c("td", [_vm._v(_vm._s(item.country))]),
+                            _vm._v(" "),
+                            _c("td", [_vm._v(_vm._s(item.city))]),
+                            _vm._v(" "),
+                            _c("td", { staticClass: "text-xs-right" }, [
+                              _vm._v(_vm._s(item.salary))
+                            ])
+                          ]
+                        }
+                      }
+                    ])
+                  })
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "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
       )
@@ -259,18 +309,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/table.vue":
+/***/ "./resources/js/vue/views/TableList.vue":
-/*!******************************************************!*\
+/*!**********************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/table.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 _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=826d5224& */ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224&");
+/* harmony import */ var _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TableList.vue?vue&type=template&id=27579e74& */ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&");
-/* harmony import */ var _table_vue_vue_type_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 _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");
+/* 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,9 +329,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -291,38 +341,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/SuperVisior/table.vue"
+component.options.__file = "resources/js/vue/views/TableList.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/TableList.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
+/*!***********************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/TableList.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+  \***********************************************************************/
 /*! 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_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_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_TableList_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/TableList.vue?vue&type=template&id=27579e74&":
-/*!*************************************************************************************!*\
+/*!*****************************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224& ***!
+  !*** ./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
-  \*************************************************************************************/
+  \*****************************************************************************/
 /*! 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_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_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_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_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_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/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/UserProfile.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************!*\
+/*!*********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js& ***!
+  !*** ./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__) {
 
@@ -93,68 +93,67 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
+//
-  data: function data() {
+//
-    return {
+//
-      headers: [{
+//
-        sortable: false,
+//
-        text: 'Name',
+//
-        value: 'name'
+//
-      }, {
+//
-        sortable: false,
+//
-        text: 'Country',
+//
-        value: 'country'
+//
-      }, {
+//
-        sortable: false,
+//
-        text: 'City',
+//
-        value: 'city'
+//
-      }, {
+//
-        sortable: false,
+//
-        text: 'Salary',
+//
-        value: 'salary',
+//
-        align: 'right'
+//
-      }],
+//
-      items: [{
+//
-        name: 'Dakota Rice',
+//
-        country: 'Niger',
+//
-        city: 'Oud-Tunrhout',
+//
-        salary: '$35,738'
+//
-      }, {
+//
-        name: 'Minerva Hooper',
+//
-        country: 'Curaçao',
+//
-        city: 'Sinaai-Waas',
+//
-        salary: '$23,738'
+//
-      }, {
+//
-        name: 'Sage Rodriguez',
+//
-        country: 'Netherlands',
+//
-        city: 'Overland Park',
+//
-        salary: '$56,142'
+//
-      }, {
+//
-        name: 'Philip Chanley',
+//
-        country: 'Korea, South',
+//
-        city: 'Gloucester',
+//
-        salary: '$38,735'
+//
-      }, {
+//
-        name: 'Doris Greene',
+//
-        country: 'Malawi',
+//
-        city: 'Feldkirchen in Kārnten',
+//
-        salary: '$63,542'
+//
-      }, {
+//
-        name: 'Mason Porter',
+//
-        country: 'Chile',
+//
-        city: 'Gloucester',
+//
-        salary: '$78,615'
+//
-      }]
+//
-    };
+/* harmony default export */ __webpack_exports__["default"] = ({//
-  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/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/UserProfile.vue?vue&type=template&id=47383346&":
-/*!***********************************************************************************************************************************************************************************************************!*\
+/*!*************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
+  !*** ./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__) {
 
@@ -176,57 +175,186 @@ var render = function() {
         [
           _c(
             "v-flex",
-            { attrs: { md12: "" } },
+            { attrs: { xs12: "", md8: "" } },
             [
               _c(
                 "material-card",
                 {
                   attrs: {
                     color: "green",
-                    title: "Simple Table",
+                    title: "Edit Profile",
-                    text: "Here is a subtitle for this table"
+                    text: "Complete your profile"
                   }
                 },
                 [
-                  _c("v-data-table", {
+                  _c(
-                    attrs: {
+                    "v-form",
-                      headers: _vm.headers,
+                    [
-                      items: _vm.items,
+                      _c(
-                      "hide-actions": ""
+                        "v-container",
-                    },
+                        { attrs: { "py-0": "" } },
-                    scopedSlots: _vm._u([
+                        [
-                      {
+                          _c(
-                        key: "headerCell",
+                            "v-layout",
-                        fn: function(ref) {
+                            { attrs: { wrap: "" } },
-                          var header = ref.header
+                            [
-                          return [
+                              _c(
-                            _c("span", {
+                                "v-flex",
-                              staticClass:
+                                { attrs: { xs12: "", md4: "" } },
-                                "subheading font-weight-light text-success text--darken-3",
+                                [
-                              domProps: { textContent: _vm._s(header.text) }
+                                  _c("v-text-field", {
-                            })
+                                    attrs: {
-                          ]
+                                      label: "Company (disabled)",
-                        }
+                                      disabled: ""
-                      },
+                                    }
-                      {
+                                  })
-                        key: "items",
+                                ],
-                        fn: function(ref) {
+                                1
-                          var item = ref.item
+                              ),
-                          return [
+                              _vm._v(" "),
-                            _c("td", [_vm._v(_vm._s(item.name))]),
+                              _c(
-                            _vm._v(" "),
+                                "v-flex",
-                            _c("td", [_vm._v(_vm._s(item.country))]),
+                                { attrs: { xs12: "", md4: "" } },
-                            _vm._v(" "),
+                                [
-                            _c("td", [_vm._v(_vm._s(item.city))]),
+                                  _c("v-text-field", {
-                            _vm._v(" "),
+                                    staticClass: "purple-input",
-                            _c("td", { staticClass: "text-xs-right" }, [
+                                    attrs: { label: "User Name" }
-                              _vm._v(_vm._s(item.salary))
+                                  })
-                            ])
+                                ],
-                          ]
+                                1
-                        }
+                              ),
-                      }
+                              _vm._v(" "),
-                    ])
+                              _c(
-                  })
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Email Address" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md6: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "First Name" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md6: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Last Name" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md12: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Adress" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "City" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Country" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: {
+                                      label: "Postal Code",
+                                      type: "number"
+                                    }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "" } },
+                                [
+                                  _c("v-textarea", {
+                                    staticClass: "purple-input",
+                                    attrs: {
+                                      label: "About Me",
+                                      value:
+                                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+                                    }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", "text-xs-right": "" } },
+                                [
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      staticClass: "mx-0 font-weight-light",
+                                      attrs: { color: "success" }
+                                    },
+                                    [
+                                      _vm._v(
+                                        "\n                  Update Profile\n                "
+                                      )
+                                    ]
+                                  )
+                                ],
+                                1
+                              )
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
                 ],
                 1
               )
@@ -236,59 +364,62 @@ var render = function() {
           _vm._v(" "),
           _c(
             "v-flex",
-            { attrs: { md12: "" } },
+            { attrs: { xs12: "", md4: "" } },
             [
               _c(
                 "material-card",
-                {
+                { staticClass: "v-card-profile" },
-                  attrs: {
-                    color: "green",
-                    flat: "",
-                    "full-width": "",
-                    title: "Table on Plain Background",
-                    text: "Here is a subtitle for this table"
-                  }
-                },
                 [
-                  _c("v-data-table", {
+                  _c(
-                    attrs: {
+                    "v-avatar",
-                      headers: _vm.headers,
+                    {
-                      items: _vm.items.slice(0, 7),
+                      staticClass: "mx-auto d-block",
-                      "hide-actions": ""
+                      attrs: { slot: "offset", size: "130" },
+                      slot: "offset"
                     },
-                    scopedSlots: _vm._u([
+                    [_c("img", { attrs: { src: "/img/" } })]
-                      {
+                  ),
-                        key: "headerCell",
+                  _vm._v(" "),
-                        fn: function(ref) {
+                  _c(
-                          var header = ref.header
+                    "v-card-text",
-                          return [
+                    { staticClass: "text-xs-center" },
-                            _c("span", {
+                    [
-                              staticClass:
+                      _c(
-                                "subheading font-weight-light text--darken-3",
+                        "h6",
-                              domProps: { textContent: _vm._s(header.text) }
+                        {
-                            })
+                          staticClass:
-                          ]
+                            "category text-gray font-weight-thin mb-3"
-                        }
+                        },
-                      },
+                        [_vm._v("CEO / CO-FOUNDER")]
-                      {
+                      ),
-                        key: "items",
+                      _vm._v(" "),
-                        fn: function(ref) {
+                      _c(
-                          var item = ref.item
+                        "h4",
-                          return [
+                        { staticClass: "card-title font-weight-light" },
-                            _c("td", [_vm._v(_vm._s(item.name))]),
+                        [_vm._v("Alec Thompson")]
-                            _vm._v(" "),
+                      ),
-                            _c("td", [_vm._v(_vm._s(item.country))]),
+                      _vm._v(" "),
-                            _vm._v(" "),
+                      _c(
-                            _c("td", [_vm._v(_vm._s(item.city))]),
+                        "p",
-                            _vm._v(" "),
+                        { staticClass: "card-description font-weight-light" },
-                            _c("td", { staticClass: "text-xs-right" }, [
+                        [
-                              _vm._v(_vm._s(item.salary))
+                          _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
+                  )
                 ],
                 1
               )
@@ -309,17 +440,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue":
+/***/ "./resources/js/vue/views/UserProfile.vue":
-/*!**********************************************!*\
+/*!************************************************!*\
-  !*** ./resources/js/vue/views/TableList.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 _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TableList.vue?vue&type=template&id=27579e74& */ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&");
+/* harmony import */ var _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserProfile.vue?vue&type=template&id=47383346& */ "./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346&");
-/* harmony import */ var _TableList_vue_vue_type_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 _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");
 
 
@@ -329,9 +460,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -341,38 +472,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/TableList.vue"
+component.options.__file = "resources/js/vue/views/UserProfile.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&":
-/*!***********************************************************************!*\
+/*!*************************************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue?vue&type=script&lang=js& ***!
+  !*** ./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_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_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_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_UserProfile_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/UserProfile.vue?vue&type=template&id=47383346&":
-/*!*****************************************************************************!*\
+/*!*******************************************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
+  !*** ./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346& ***!
-  \*****************************************************************************/
+  \*******************************************************************************/
 /*! 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_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_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_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_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_UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/22.js

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

public/mix-manifest.json

@@ -1,3 +1,3 @@
 {
-    "/vue/js/app.js": "/vue/js/app.js?id=a95887553c9fae754f1c"
+    "/vue/js/app.js": "/vue/js/app.js?id=dffc217075f167416edf"
 }

resources/js/vue/components/modal/user/Role.vue

@@ -29,9 +29,10 @@
 <script>
 import { mapGetters, mapMutations } from "vuex";
 import { ApiService } from "@/services";
+import { roles } from "@/config/utils";
 export default {
   data: () => ({
-    items: ["Admin", "SuperVisior", "User"],
+    items: roles,
     data: { roles: "" }
   }),
   methods: {

resources/js/vue/config/urls.js

@@ -0,0 +1,4 @@
+const urls = {
+    home : '/dashboard',
+};
+export {urls};

resources/js/vue/config/utils.js

@@ -0,0 +1,6 @@
+const roles = [
+    'Admin',
+    'User',
+    'Supervisor',
+];
+export { roles };

resources/js/vue/main.js

@@ -42,6 +42,9 @@ if (TokenService.getToken()) {
   }
 }
 
+import hasRole from '@/services/mixin/hasRole'
+Vue.mixin(hasRole)
+
 /* eslint-disable no-new */
 new Vue({
   i18n,

resources/js/vue/router/index.js

@@ -8,7 +8,7 @@
 
 // Lib imports
 import Vue from 'vue'
-import VueAnalytics from 'vue-analytics'
+// import VueAnalytics from 'vue-analytics'
 import Router from 'vue-router'
 import Meta from 'vue-meta'
 import { TokenService } from '@/services'
@@ -52,10 +52,12 @@ const router = new Router({
 
 Vue.use(Meta)
 
+
 router.beforeEach((to, from, next) => {
   const isPublic = to.matched.some(record => record.meta.public);
   const onlyWhenLoggedOut = to.matched.some(record => record.meta.onlyWhenLoggedOut);
   const loggedIn = !!TokenService.getToken();
+  const roles = to.matched.some(record => record.meta.roles);
   if (!isPublic && !loggedIn) {
     return next({
       path:'/login',
@@ -64,10 +66,15 @@ router.beforeEach((to, from, next) => {
   }
 
   // Do not allow user to visit login page or register page if they are logged in
-  if (loggedIn && onlyWhenLoggedOut) {
+  if (loggedIn && onlyWhenLoggedOut && policy) {
     return next('/')
   }
 
+  // Do not allow user to visit Pages then not access roles
+  // if (roles && !$hasRole(roles)) {
+  //   return next('/')
+  // }
+
   next();
 });
 

resources/js/vue/router/paths.js

@@ -6,8 +6,8 @@
 export default [
   {
     path: '/dashboard',
-    // Relative to /src/views
+    name: 'Dashboard',
-    view: 'Dashboard'
+    view: 'Dashboard',
   },
   {
     path: '/my-info',
@@ -22,7 +22,7 @@ export default [
   {
     path: '/manage-users',
     name: 'Manage Users',
-    view: 'ManageUsers'
+    view: 'ManageUsers',
   },
   {
     path: '/test-creator',
@@ -74,7 +74,7 @@ export default [
     meta: {
         public: true,  // Allow access to even if not logged in
         onlyWhenLoggedOut: true
-    }
+    },
   },
   {
     path: '/test-creator',

resources/js/vue/services/mixin/hasRole.js

@@ -0,0 +1,16 @@
+import { TokenService } from '@/services'
+export default {
+    methods: {
+        $hasRole(roles) {
+            if (TokenService.getToken()) {
+                roles = roles.split('|');
+                for (const role of roles) {
+                    if(TokenService.getInfo().roles && Array.isArray(TokenService.getInfo().roles) && TokenService.getInfo().roles.includes(role)) {
+                        return true;
+                    }
+                }
+            }
+            return false;
+        }
+    },
+}

resources/js/vue/store/mutations.js

@@ -3,5 +3,8 @@ export default {
         if(info.user) {
             state.user = info.user;
         }
+        if(info.roles) {
+            state.roles = info.roles;
+        }
     }
 };

resources/js/vue/views/Dashboard.vue

@@ -5,7 +5,7 @@
       title="Material Dashboard Heading"
       text=""
     >
-      <v-layout row wrap>
+      <v-layout row wrap >
         <v-flex v-for="(Card, Key ) in Cards" :class="[Card.column , 'pa-2']" :key="Key">
           <router-link :to="Card.route">
             <material-cards

resources/js/vue/views/Role.vue

@@ -1,50 +0,0 @@
-<template>
-  <v-form>
-    <v-container grid-list-xs fluid>
-      <material-card class=""
-        color="black"
-        title="Role"
-      >
-        <v-layout row align-center justify-center wrap class="px-5 mb-3">
-          <v-flex xs12 md3 sm3>
-            <v-select
-              :items="items"
-              v-model="roles"
-              label="Roles"
-              color="black"
-            ></v-select>
-          </v-flex>
-        </v-layout>
-        <v-layout row wrap>
-          <v-layout align-center justify-center wrap class="px-5 mt-2">
-            <v-btn class="WM-CyanBlueGradient-BG" 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>
-            <router-link to="/dashboard">
-              <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
-                <v-icon class="black--text mr-2 caption">fas fa-times</v-icon>
-                <span class="black--text">Close</span>
-              </v-btn>
-            </router-link>
-          </v-layout>
-        </v-layout>
-      </material-card>
-    </v-container>
-  </v-form>
-</template>
-<script>
-export default {
-  name: "",
-  data: () => ({
-    items : [
-      'SuperAdmin',
-      'Admin',
-      'Supervisor',
-      'User'
-    ]
-  })
-}
-</script>
-<style lang="scss" scoped>
-</style>

routes/api.php

@@ -23,7 +23,7 @@ Route::group(['namespace' => 'Api'],function () {
 
 
 Route::get('/getInfo', function () {
-    return response()->json([ 'user' => auth('api')->user() ], 200);
+    return response()->json([ 'user' => auth('api')->user(), 'roles' => auth('api')->user()->getRoleNames() ], 200);
 })->middleware('auth:api');
 
 Route::resource('TestTypes', 'TestTypeController');