Edit Test result

app/Http/Controllers/TestTypeController.php

@@ -358,10 +358,14 @@ class TestTypeController extends Controller
     }
 
     /////////////////////////////////////////////////////////////////////////////////////
-    public function GetInputs($id)
+    public function GetInputs(Request $request)
     {
-        $Inputs = Input::select('id','name','type','size','parent_id')->with('options','children','children.options')->whereNull('parent_id')->where('test_type_id',$id)->get();
+        $TestType = TestType::where('name', $request->name)->orWhere('unique_code', $request->unique_code)->first();
-        return \MessageResponse::data($Inputs);
+        if ($TestType) {
+            $Inputs = Input::select('id','name','type','size','parent_id')->with('options','children','children.options')->whereNull('parent_id')->where('test_type_id',$TestType->id)->get();
+            return \MessageResponse::data($Inputs);
+        }
+        return \MessageResponse::error();
     }
     public function destroy($id)
     {

public/0.js

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

public/1.js

@@ -219,7 +219,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-1346f0a2] {\r\n  padding: 8px 22px;\n}\r\n", ""]);
+exports.push([module.i, "\n.WM-ActionButton[data-v-1346f0a2] {\n  padding: 8px 22px;\n}\n", ""]);
 
 
 

public/14.js

@@ -1,24 +1,14 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[14],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AddEdit.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/TestResult/AddEdit.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__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
-/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
-/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
-
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
 //
 //
 //
@@ -103,86 +93,68 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      result: ['Accept', 'Reject'],
+      headers: [{
-      testTypeNames: [],
+        sortable: false,
-      searchInput: '',
+        text: 'Name',
-      form: {
+        value: 'name'
-        autoclave_id: '',
+      }, {
-        result: '',
+        sortable: false,
-        data: []
+        text: 'Country',
-      },
+        value: 'country'
-      filter: {
+      }, {
-        name: '',
+        sortable: false,
-        unique_code: ''
+        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'
+      }]
     };
-  },
-  created: function created() {
-    this.load();
-  },
-  methods: {
-    load: function () {
-      var _load = _asyncToGenerator(
-      /*#__PURE__*/
-      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
-        var result;
-        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].listTestTypeName);
-
-              case 2:
-                result = _context.sent;
-                this.testTypeNames = result.data.data;
-
-              case 4:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function load() {
-        return _load.apply(this, arguments);
-      }
-
-      return load;
-    }(),
-    selectTestType: function selectTestType() {}
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=template&id=20289233&":
+/***/ "./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/TestResult/AddEdit.vue?vue&type=template&id=20289233& ***!
+  !*** ./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__) {
 
@@ -195,311 +167,128 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
+    "v-container",
+    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
     [
       _c(
-        "v-container",
+        "v-layout",
-        { attrs: { "grid-list-xs": "" } },
+        { attrs: { "justify-center": "", wrap: "" } },
         [
           _c(
-            "material-card",
+            "v-flex",
-            { attrs: { color: "black", title: "Submit Test Result" } },
+            { attrs: { md12: "" } },
             [
               _c(
-                "v-layout",
+                "material-card",
                 {
-                  staticClass: "px-5 my-3",
+                  attrs: {
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                    color: "green",
+                    title: "Simple Table",
+                    text: "Here is a subtitle for this table"
+                  }
                 },
                 [
-                  _c(
+                  _c("v-data-table", {
-                    "v-flex",
+                    attrs: {
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                      headers: _vm.headers,
-                    [
+                      items: _vm.items,
-                      _c("v-autocomplete", {
+                      "hide-actions": ""
-                        staticClass: "pa-2",
-                        attrs: {
-                          "search-input": _vm.searchInput,
-                          items: _vm.testTypeNames,
-                          label: "Choose Test Type",
-                          color: "black"
-                        },
-                        on: {
-                          "update:searchInput": function($event) {
-                            _vm.searchInput = $event
-                          },
-                          "update:search-input": function($event) {
-                            _vm.searchInput = $event
-                          }
-                        },
-                        model: {
-                          value: _vm.filter.name,
-                          callback: function($$v) {
-                            _vm.$set(_vm.filter, "name", $$v)
-                          },
-                          expression: "filter.name"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm3: "", md3: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "testcode",
-                          label: "Or Enter Test Unique Code",
-                          color: "black"
-                        },
-                        model: {
-                          value: _vm.filter.unique_code,
-                          callback: function($$v) {
-                            _vm.$set(_vm.filter, "unique_code", $$v)
-                          },
-                          expression: "filter.unique_code"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    {
-                      staticClass:
-                        "text-xs-center text-sm-center text-md-center",
-                      attrs: { xs12: "", md2: "", sm2: "" }
                     },
-                    [
+                    scopedSlots: _vm._u([
-                      _c(
+                      {
-                        "v-btn",
+                        key: "headerCell",
-                        {
+                        fn: function(ref) {
-                          staticClass:
+                          var header = ref.header
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black",
+                          return [
-                          staticStyle: { padding: "10px 60px" },
+                            _c("span", {
-                          on: { click: _vm.selectTestType }
+                              staticClass:
-                        },
+                                "subheading font-weight-light text-success text--darken-3",
-                        [
+                              domProps: { textContent: _vm._s(header.text) }
-                          _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: "", md3: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "autoclave",
-                          label: "ID AutoClave",
-                          color: "black"
-                        },
-                        model: {
-                          value: _vm.form.autoclave_id,
-                          callback: function($$v) {
-                            _vm.$set(_vm.form, "autoclave_id", $$v)
-                          },
-                          expression: "form.autoclave_id"
                         }
-                      })
+                      },
-                    ],
+                      {
-                    1
+                        key: "items",
-                  ),
+                        fn: function(ref) {
-                  _vm._v(" "),
+                          var item = ref.item
-                  _c(
+                          return [
-                    "v-flex",
+                            _c("td", [_vm._v(_vm._s(item.name))]),
-                    { attrs: { xs12: "", sm4: "", md3: "" } },
+                            _vm._v(" "),
-                    [
+                            _c("td", [_vm._v(_vm._s(item.country))]),
-                      _c("v-select", {
+                            _vm._v(" "),
-                        staticClass: "pa-2",
+                            _c("td", [_vm._v(_vm._s(item.city))]),
-                        attrs: {
+                            _vm._v(" "),
-                          items: _vm.result,
+                            _c("td", { staticClass: "text-xs-right" }, [
-                          label: "Resualt",
+                              _vm._v(_vm._s(item.salary))
-                          color: "black"
+                            ])
-                        },
+                          ]
-                        model: {
-                          value: _vm.form.result,
-                          callback: function($$v) {
-                            _vm.$set(_vm.form, "result", $$v)
-                          },
-                          expression: "form.result"
                         }
-                      })
+                      }
-                    ],
+                    ])
-                    1
-                  ),
-                  _vm._v(" "),
-                  _vm._l(_vm.form.data, function(item, key) {
-                    return _c(
-                      "v-flex",
-                      { key: key },
-                      [
-                        item.type == "Text"
-                          ? _c("v-text-field", {
-                              staticClass: "pa-2",
-                              attrs: { label: "Resualt", color: "black" },
-                              model: {
-                                value: _vm.form.data[key][item.name],
-                                callback: function($$v) {
-                                  _vm.$set(_vm.form.data[key], item.name, $$v)
-                                },
-                                expression: "form.data[key][item.name]"
-                              }
-                            })
-                          : _vm._e(),
-                        _vm._v(" "),
-                        item.type == "Select"
-                          ? _c("v-select", {
-                              staticClass: "pa-2",
-                              attrs: {
-                                items: item.options,
-                                label: "Resualt",
-                                color: "black",
-                                "item-text": "title"
-                              },
-                              model: {
-                                value: _vm.form.data[key][item.name],
-                                callback: function($$v) {
-                                  _vm.$set(_vm.form.data[key], item.name, $$v)
-                                },
-                                expression: "form.data[key][item.name]"
-                              }
-                            })
-                          : _vm._e(),
-                        _vm._v(" "),
-                        item.type == "CheckBox"
-                          ? _vm._l(item.options, function(
-                              optionValue,
-                              keyOption
-                            ) {
-                              return _c(
-                                "v-container",
-                                { key: keyOption, attrs: { fluid: "" } },
-                                [
-                                  _c("v-checkbox", {
-                                    attrs: {
-                                      label: _vm.option.title,
-                                      value: optionValue
-                                    },
-                                    model: {
-                                      value: _vm.form.data[key][item.name],
-                                      callback: function($$v) {
-                                        _vm.$set(
-                                          _vm.form.data[key],
-                                          item.name,
-                                          $$v
-                                        )
-                                      },
-                                      expression: "form.data[key][item.name]"
-                                    }
-                                  })
-                                ],
-                                1
-                              )
-                            })
-                          : _vm._e()
-                      ],
-                      2
-                    )
                   })
                 ],
-                2
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
-                [_c("v-divider")],
                 1
-              ),
+              )
-              _vm._v(" "),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "v-flex",
+            { attrs: { md12: "" } },
+            [
               _c(
-                "v-layout",
+                "material-card",
                 {
-                  staticClass: "px-5 mt-2",
+                  attrs: {
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                    color: "green",
+                    flat: "",
+                    "full-width": "",
+                    title: "Table on Plain Background",
+                    text: "Here is a subtitle for this table"
+                  }
                 },
                 [
-                  _c(
+                  _c("v-data-table", {
-                    "v-btn",
+                    attrs: {
-                    {
+                      headers: _vm.headers,
-                      staticClass: "WM-CyanBlueGradient-BG",
+                      items: _vm.items.slice(0, 7),
-                      staticStyle: { padding: "10px 60px" }
+                      "hide-actions": ""
                     },
-                    [
+                    scopedSlots: _vm._u([
-                      _c(
+                      {
-                        "v-icon",
+                        key: "headerCell",
-                        { staticClass: "white--text mr-2 caption" },
+                        fn: function(ref) {
-                        [_vm._v("fas fa-check")]
+                          var header = ref.header
-                      ),
+                          return [
-                      _vm._v(" "),
+                            _c("span", {
-                      _c("span", { staticClass: "white--text" }, [
+                              staticClass:
-                        _vm._v("SAVE")
+                                "subheading font-weight-light text--darken-3",
-                      ])
+                              domProps: { textContent: _vm._s(header.text) }
-                    ],
+                            })
-                    1
+                          ]
-                  ),
+                        }
-                  _vm._v(" "),
+                      },
-                  _c(
+                      {
-                    "router-link",
+                        key: "items",
-                    { attrs: { to: { name: "Dashboard" } } },
+                        fn: function(ref) {
-                    [
+                          var item = ref.item
-                      _c(
+                          return [
-                        "v-btn",
+                            _c("td", [_vm._v(_vm._s(item.name))]),
-                        {
+                            _vm._v(" "),
-                          staticClass:
+                            _c("td", [_vm._v(_vm._s(item.country))]),
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                            _vm._v(" "),
-                        },
+                            _c("td", [_vm._v(_vm._s(item.city))]),
-                        [
+                            _vm._v(" "),
-                          _c(
+                            _c("td", { staticClass: "text-xs-right" }, [
-                            "v-icon",
+                              _vm._v(_vm._s(item.salary))
-                            { 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
               )
@@ -520,18 +309,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TestResult/AddEdit.vue":
+/***/ "./resources/js/vue/views/TableList.vue":
-/*!*******************************************************!*\
+/*!**********************************************!*\
-  !*** ./resources/js/vue/views/TestResult/AddEdit.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 _AddEdit_vue_vue_type_template_id_20289233___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AddEdit.vue?vue&type=template&id=20289233& */ "./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=template&id=20289233&");
+/* 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 _AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AddEdit.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TestResult/AddEdit.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");
 
 
 
@@ -540,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"])(
-  _AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _AddEdit_vue_vue_type_template_id_20289233___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _AddEdit_vue_vue_type_template_id_20289233___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -552,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/TestResult/AddEdit.vue"
+component.options.__file = "resources/js/vue/views/TableList.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
-/*!********************************************************************************!*\
+/*!***********************************************************************!*\
-  !*** ./resources/js/vue/views/TestResult/AddEdit.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_AddEdit_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!./AddEdit.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AddEdit.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_AddEdit_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/TestResult/AddEdit.vue?vue&type=template&id=20289233&":
+/***/ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&":
-/*!**************************************************************************************!*\
+/*!*****************************************************************************!*\
-  !*** ./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=template&id=20289233& ***!
+  !*** ./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_AddEdit_vue_vue_type_template_id_20289233___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!./AddEdit.vue?vue&type=template&id=20289233& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=template&id=20289233&");
+/* 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_AddEdit_vue_vue_type_template_id_20289233___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_AddEdit_vue_vue_type_template_id_20289233___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/15.js

@@ -1,14 +1,24 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[15],{
 
-/***/ "./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/TestResult/AddEdit.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/TestResult/AddEdit.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************/
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 //
 //
 //
@@ -93,68 +103,119 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      headers: [{
+      result: ['Accept', 'Reject'],
-        sortable: false,
+      testTypeNames: [],
-        text: 'Name',
+      searchInput: '',
-        value: 'name'
+      form: {
-      }, {
+        autoclave_id: '',
-        sortable: false,
+        result: '',
-        text: 'Country',
+        data: []
-        value: 'country'
+      },
-      }, {
+      filter: {
-        sortable: false,
+        name: '',
-        text: 'City',
+        unique_code: ''
-        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'
-      }]
     };
+  },
+  created: function created() {
+    this.load();
+  },
+  methods: {
+    load: function () {
+      var _load = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].listTestTypeName);
+
+              case 2:
+                result = _context.sent;
+                this.testTypeNames = result.data.data;
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function load() {
+        return _load.apply(this, arguments);
+      }
+
+      return load;
+    }(),
+    selectTestType: function () {
+      var _selectTestType = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].getInputs, this.filter);
+
+              case 2:
+                result = _context2.sent;
+
+                if (result && result.status == 200) {
+                  this.form.data = result.data.data;
+                }
+
+              case 4:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function selectTestType() {
+        return _selectTestType.apply(this, arguments);
+      }
+
+      return selectTestType;
+    }()
   }
 });
 
 /***/ }),
 
-/***/ "./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/TestResult/AddEdit.vue?vue&type=template&id=20289233&":
-/*!***********************************************************************************************************************************************************************************************************!*\
+/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./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/TestResult/AddEdit.vue?vue&type=template&id=20289233& ***!
-  \***********************************************************************************************************************************************************************************************************/
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -167,129 +228,317 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-container",
+    "v-form",
-    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
+    { ref: "form" },
     [
       _c(
-        "v-layout",
+        "v-container",
-        { attrs: { "justify-center": "", wrap: "" } },
+        { attrs: { "grid-list-xs": "" } },
         [
           _c(
-            "v-flex",
+            "material-card",
-            { attrs: { md12: "" } },
+            { attrs: { color: "black", title: "Submit Test Result" } },
             [
               _c(
-                "material-card",
+                "v-layout",
                 {
-                  attrs: {
+                  staticClass: "px-5 my-3",
-                    color: "green",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                    title: "Simple Table",
-                    text: "Here is a subtitle for this table"
-                  }
                 },
                 [
-                  _c("v-data-table", {
+                  _c(
-                    attrs: {
+                    "v-flex",
-                      headers: _vm.headers,
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                      items: _vm.items,
+                    [
-                      "hide-actions": ""
+                      _c("v-autocomplete", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          "search-input": _vm.searchInput,
+                          items: _vm.testTypeNames,
+                          label: "Choose Test Type",
+                          color: "black"
+                        },
+                        on: {
+                          "update:searchInput": function($event) {
+                            _vm.searchInput = $event
+                          },
+                          "update:search-input": function($event) {
+                            _vm.searchInput = $event
+                          }
+                        },
+                        model: {
+                          value: _vm.filter.name,
+                          callback: function($$v) {
+                            _vm.$set(_vm.filter, "name", $$v)
+                          },
+                          expression: "filter.name"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm3: "", md3: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "testcode",
+                          label: "Or Enter Test Unique Code",
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.filter.unique_code,
+                          callback: function($$v) {
+                            _vm.$set(_vm.filter, "unique_code", $$v)
+                          },
+                          expression: "filter.unique_code"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    {
+                      staticClass:
+                        "text-xs-center text-sm-center text-md-center",
+                      attrs: { xs12: "", md2: "", sm2: "" }
                     },
-                    scopedSlots: _vm._u([
+                    [
-                      {
+                      _c(
-                        key: "headerCell",
+                        "v-btn",
-                        fn: function(ref) {
+                        {
-                          var header = ref.header
+                          staticClass:
-                          return [
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black",
-                            _c("span", {
+                          staticStyle: { padding: "10px 60px" },
-                              staticClass:
+                          on: { click: _vm.selectTestType }
-                                "subheading font-weight-light text-success text--darken-3",
+                        },
-                              domProps: { textContent: _vm._s(header.text) }
+                        [
-                            })
+                          _c(
-                          ]
+                            "v-icon",
-                        }
+                            { staticClass: "black--text mr-2 caption" },
-                      },
+                            [_vm._v("fas fa-chevron-right")]
-                      {
+                          ),
-                        key: "items",
+                          _vm._v(" "),
-                        fn: function(ref) {
+                          _c("span", { staticClass: "black--text" }, [
-                          var item = ref.item
+                            _vm._v("GO")
-                          return [
+                          ])
-                            _c("td", [_vm._v(_vm._s(item.name))]),
+                        ],
-                            _vm._v(" "),
+                        1
-                            _c("td", [_vm._v(_vm._s(item.country))]),
+                      )
-                            _vm._v(" "),
+                    ],
-                            _c("td", [_vm._v(_vm._s(item.city))]),
+                    1
-                            _vm._v(" "),
+                  )
-                            _c("td", { staticClass: "text-xs-right" }, [
-                              _vm._v(_vm._s(item.salary))
-                            ])
-                          ]
-                        }
-                      }
-                    ])
-                  })
                 ],
                 1
-              )
+              ),
-            ],
+              _vm._v(" "),
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "v-flex",
-            { attrs: { md12: "" } },
-            [
               _c(
-                "material-card",
+                "v-layout",
+                { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
+                [_c("v-divider")],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
                 {
-                  attrs: {
+                  staticClass: "px-5 my-3",
-                    color: "green",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                    flat: "",
-                    "full-width": "",
-                    title: "Table on Plain Background",
-                    text: "Here is a subtitle for this table"
-                  }
                 },
                 [
-                  _c("v-data-table", {
+                  _c(
-                    attrs: {
+                    "v-flex",
-                      headers: _vm.headers,
+                    { attrs: { xs12: "", sm4: "", md3: "" } },
-                      items: _vm.items.slice(0, 7),
+                    [
-                      "hide-actions": ""
+                      _c("v-text-field", {
-                    },
+                        staticClass: "pa-2",
-                    scopedSlots: _vm._u([
+                        attrs: {
-                      {
+                          name: "autoclave",
-                        key: "headerCell",
+                          label: "ID AutoClave",
-                        fn: function(ref) {
+                          color: "black"
-                          var header = ref.header
+                        },
-                          return [
+                        model: {
-                            _c("span", {
+                          value: _vm.form.autoclave_id,
-                              staticClass:
+                          callback: function($$v) {
-                                "subheading font-weight-light text--darken-3",
+                            _vm.$set(_vm.form, "autoclave_id", $$v)
-                              domProps: { textContent: _vm._s(header.text) }
+                          },
+                          expression: "form.autoclave_id"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md3: "" } },
+                    [
+                      _c("v-select", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          items: _vm.result,
+                          label: "Resualt",
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.form.result,
+                          callback: function($$v) {
+                            _vm.$set(_vm.form, "result", $$v)
+                          },
+                          expression: "form.result"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _vm._l(_vm.form.data, function(item, key) {
+                    return _c(
+                      "v-flex",
+                      { key: key },
+                      [
+                        item.type == "Text"
+                          ? _c("v-text-field", {
+                              staticClass: "pa-2",
+                              attrs: { label: item.name, color: "black" },
+                              model: {
+                                value: item[item.name],
+                                callback: function($$v) {
+                                  _vm.$set(item, item.name, $$v)
+                                },
+                                expression: "item[item.name]"
+                              }
                             })
-                          ]
+                          : _vm._e(),
-                        }
+                        _vm._v(" "),
-                      },
+                        item.type == "Select"
-                      {
+                          ? _c("v-select", {
-                        key: "items",
+                              staticClass: "pa-2",
-                        fn: function(ref) {
+                              attrs: {
-                          var item = ref.item
+                                items: item.options,
-                          return [
+                                label: item.name,
-                            _c("td", [_vm._v(_vm._s(item.name))]),
+                                color: "black",
-                            _vm._v(" "),
+                                "item-text": "title"
-                            _c("td", [_vm._v(_vm._s(item.country))]),
+                              },
-                            _vm._v(" "),
+                              model: {
-                            _c("td", [_vm._v(_vm._s(item.city))]),
+                                value: item[item.name],
-                            _vm._v(" "),
+                                callback: function($$v) {
-                            _c("td", { staticClass: "text-xs-right" }, [
+                                  _vm.$set(item, item.name, $$v)
-                              _vm._v(_vm._s(item.salary))
+                                },
-                            ])
+                                expression: "item[item.name]"
-                          ]
+                              }
-                        }
+                            })
-                      }
+                          : _vm._e(),
-                    ])
+                        _vm._v(" "),
+                        item.type == "CheckBox"
+                          ? [
+                              _c("p", [_vm._v(_vm._s(item.name))]),
+                              _vm._v(" "),
+                              _vm._l(item.options, function(
+                                optionValue,
+                                keyOption
+                              ) {
+                                return _c(
+                                  "v-container",
+                                  { key: keyOption, attrs: { fluid: "" } },
+                                  [
+                                    _c("v-checkbox", {
+                                      attrs: {
+                                        label: _vm.option.title,
+                                        value: optionValue
+                                      },
+                                      model: {
+                                        value: _vm.form.data[key][item.name],
+                                        callback: function($$v) {
+                                          _vm.$set(
+                                            _vm.form.data[key],
+                                            item.name,
+                                            $$v
+                                          )
+                                        },
+                                        expression: "form.data[key][item.name]"
+                                      }
+                                    })
+                                  ],
+                                  1
+                                )
+                              })
+                            ]
+                          : _vm._e()
+                      ],
+                      2
+                    )
                   })
                 ],
+                2
+              ),
+              _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: { name: "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
               )
             ],
@@ -309,18 +558,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue":
+/***/ "./resources/js/vue/views/TestResult/AddEdit.vue":
-/*!**********************************************!*\
+/*!*******************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue ***!
+  !*** ./resources/js/vue/views/TestResult/AddEdit.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 _AddEdit_vue_vue_type_template_id_20289233___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AddEdit.vue?vue&type=template&id=20289233& */ "./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=template&id=20289233&");
-/* 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 _AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AddEdit.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -329,9 +578,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"],
+  _AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _AddEdit_vue_vue_type_template_id_20289233___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _AddEdit_vue_vue_type_template_id_20289233___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -341,38 +590,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/TestResult/AddEdit.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=script&lang=js&":
-/*!***********************************************************************!*\
+/*!********************************************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/TestResult/AddEdit.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_AddEdit_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!./AddEdit.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AddEdit.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_AddEdit_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/TestResult/AddEdit.vue?vue&type=template&id=20289233&":
-/*!*****************************************************************************!*\
+/*!**************************************************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
+  !*** ./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=template&id=20289233& ***!
-  \*****************************************************************************/
+  \**************************************************************************************/
 /*! 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_AddEdit_vue_vue_type_template_id_20289233___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!./AddEdit.vue?vue&type=template&id=20289233& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=template&id=20289233&");
-/* 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_AddEdit_vue_vue_type_template_id_20289233___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_AddEdit_vue_vue_type_template_id_20289233___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/17.js

@@ -1,14 +1,29 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[17],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/List.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************!*\
+/*!*******************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/User/List.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************/
+  \*******************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -120,40 +135,254 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
+
-//
+
-//
+
-//
+/* harmony default export */ __webpack_exports__["default"] = ({
-//
+  data: function data() {
-//
+    return {
-//
+      headers: [{
-//
+        sortable: true,
-//
+        text: 'Operator',
-//
+        value: 'name'
-//
+      }, {
-//
+        sortable: false,
-//
+        text: 'Date',
-//
+        value: 'date'
-//
+      }, {
-//
+        sortable: false,
-//
+        text: 'Role',
-//
+        value: 'role'
-//
+      }, {
-//
+        sortable: true,
-//
+        text: 'Hospital',
-//
+        value: 'hospital'
-//
+      }, {
-//
+        sortable: false,
-//
+        text: 'Action',
-/* harmony default export */ __webpack_exports__["default"] = ({//
+        value: 'action',
+        align: 'right'
+      }],
+      items: []
+    };
+  },
+  created: function created() {
+    this.load();
+  },
+  methods: _objectSpread({
+    load: function () {
+      var _load = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_2__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_1__["urls"].listOpertor);
+
+              case 2:
+                result = _context.sent;
+
+                if (result && result.status == 200) {
+                  this.items = result.data.data.data;
+                } else {
+                  this.$router.push({
+                    name: "Dashboard"
+                  });
+                }
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function load() {
+        return _load.apply(this, arguments);
+      }
+
+      return load;
+    }(),
+    changeStatus: function () {
+      var _changeStatus = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(userId) {
+        var result, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, user;
+
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_2__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_1__["urls"].changeStatusUser(userId));
+
+              case 2:
+                result = _context2.sent;
+
+                if (!(result && result.status == 200)) {
+                  _context2.next = 25;
+                  break;
+                }
+
+                _iteratorNormalCompletion = true;
+                _didIteratorError = false;
+                _iteratorError = undefined;
+                _context2.prev = 7;
+
+                for (_iterator = this.items[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                  user = _step.value;
+
+                  if (user.id == userId) {
+                    user.status = result.data.data.status;
+                  }
+                }
+
+                _context2.next = 15;
+                break;
+
+              case 11:
+                _context2.prev = 11;
+                _context2.t0 = _context2["catch"](7);
+                _didIteratorError = true;
+                _iteratorError = _context2.t0;
+
+              case 15:
+                _context2.prev = 15;
+                _context2.prev = 16;
+
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                  _iterator.return();
+                }
+
+              case 18:
+                _context2.prev = 18;
+
+                if (!_didIteratorError) {
+                  _context2.next = 21;
+                  break;
+                }
+
+                throw _iteratorError;
+
+              case 21:
+                return _context2.finish(18);
+
+              case 22:
+                return _context2.finish(15);
+
+              case 23:
+                _context2.next = 26;
+                break;
+
+              case 25:
+                this.$router.push({
+                  name: "Dashboard"
+                });
+
+              case 26:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this, [[7, 11, 15, 23], [16,, 18, 22]]);
+      }));
+
+      function changeStatus(_x) {
+        return _changeStatus.apply(this, arguments);
+      }
+
+      return changeStatus;
+    }()
+  }, Object(vuex__WEBPACK_IMPORTED_MODULE_3__["mapMutations"])("modal", ["changeCurrentModal"]), {
+    changeRoleModal: function changeRoleModal(user) {
+      this.changeCurrentModal({
+        modal: "modal-user-role",
+        properties: {
+          user: user
+        }
+      });
+    },
+    remove: function () {
+      var _remove = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee3(userId) {
+        var result, key;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_2__["ApiService"].delete(_config_urls__WEBPACK_IMPORTED_MODULE_1__["urls"].deleteUser(userId));
+
+              case 2:
+                result = _context3.sent;
+
+                if (result && result.status == 200) {
+                  for (key in this.items) {
+                    if (this.items.hasOwnProperty(key) && this.items[key].id == userId) {
+                      this.items.splice(key, 1);
+                    }
+                  }
+                }
+
+              case 4:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this);
+      }));
+
+      function remove(_x2) {
+        return _remove.apply(this, arguments);
+      }
+
+      return remove;
+    }()
+  }),
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_3__["mapGetters"])("modal", ["getModalResult"])),
+  watch: {
+    getModalResult: function getModalResult(user) {
+      var _iteratorNormalCompletion2 = true;
+      var _didIteratorError2 = false;
+      var _iteratorError2 = undefined;
+
+      try {
+        for (var _iterator2 = this.items[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+          var userList = _step2.value;
+
+          if (userList.id == user.id) {
+            userList.roles = user.roles;
+          }
+        }
+      } catch (err) {
+        _didIteratorError2 = true;
+        _iteratorError2 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+            _iterator2.return();
+          }
+        } finally {
+          if (_didIteratorError2) {
+            throw _iteratorError2;
+          }
+        }
+      }
+    }
+  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c&":
-/*!*************************************************************************************************************************************************************************************************************!*\
+/*!***********************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c& ***!
-  \*************************************************************************************************************************************************************************************************************/
+  \***********************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -167,191 +396,79 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "v-container",
-    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
+    { attrs: { "grid-list-xs": "" } },
     [
       _c(
-        "v-layout",
+        "material-card",
-        { attrs: { "justify-center": "", wrap: "" } },
+        { attrs: { color: "black", title: "Member List" } },
         [
           _c(
-            "v-flex",
+            "v-layout",
-            { attrs: { xs12: "", md8: "" } },
+            {
+              staticClass: "px-5 mb-3",
+              attrs: { "align-center": "", "justify-center": "", wrap: "" }
+            },
             [
               _c(
-                "material-card",
+                "v-flex",
-                {
+                { attrs: { xs12: "", md3: "", sm3: "" } },
-                  attrs: {
+                [
-                    color: "green",
+                  _c("v-text-field", {
-                    title: "Edit Profile",
+                    staticClass: "pa-2",
-                    text: "Complete your profile"
+                    attrs: { color: "black", name: "name", label: "Name" }
-                  }
+                  })
-                },
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md3: "", sm3: "" } },
+                [
+                  _c("v-text-field", {
+                    staticClass: "pa-2",
+                    attrs: { color: "black", name: "date", label: "Date" }
+                  })
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md3: "", sm3: "" } },
+                [
+                  _c("v-text-field", {
+                    staticClass: "pa-2",
+                    attrs: {
+                      color: "black",
+                      name: "hospital",
+                      label: "Hospital"
+                    }
+                  })
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md3: "", sm3: "" } },
                 [
                   _c(
-                    "v-form",
+                    "v-btn",
+                    {
+                      staticClass: "WM-CyanBlueGradient-BG",
+                      staticStyle: { padding: "10px 60px" }
+                    },
                     [
                       _c(
-                        "v-container",
+                        "v-icon",
-                        { attrs: { "py-0": "" } },
+                        { staticClass: "white--text mr-2 caption" },
-                        [
+                        [_vm._v("fas fa-search")]
-                          _c(
+                      ),
-                            "v-layout",
+                      _vm._v(" "),
-                            { attrs: { wrap: "" } },
+                      _c("span", { staticClass: "white--text" }, [
-                            [
+                        _vm._v("Filter")
-                              _c(
+                      ])
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    attrs: {
-                                      label: "Company (disabled)",
-                                      disabled: ""
-                                    }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "User Name" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "Email Address" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md6: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "First Name" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md6: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "Last Name" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md12: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "Adress" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "City" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "Country" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: {
-                                      label: "Postal Code",
-                                      type: "number"
-                                    }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "" } },
-                                [
-                                  _c("v-textarea", {
-                                    staticClass: "purple-input",
-                                    attrs: {
-                                      label: "About Me",
-                                      value:
-                                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
-                                    }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", "text-xs-right": "" } },
-                                [
-                                  _c(
-                                    "v-btn",
-                                    {
-                                      staticClass: "mx-0 font-weight-light",
-                                      attrs: { color: "success" }
-                                    },
-                                    [
-                                      _vm._v(
-                                        "\n                  Update Profile\n                "
-                                      )
-                                    ]
-                                  )
-                                ],
-                                1
-                              )
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      )
                     ],
                     1
                   )
@@ -362,61 +479,223 @@ var render = function() {
             1
           ),
           _vm._v(" "),
+          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
+          _vm._v(" "),
           _c(
-            "v-flex",
+            "v-layout",
-            { attrs: { xs12: "", md4: "" } },
+            {
+              staticClass: "px-5 my-2",
+              attrs: { "align-center": "", "justify-center": "", wrap: "" }
+            },
             [
               _c(
-                "material-card",
+                "v-flex",
-                { staticClass: "v-card-profile" },
+                { attrs: { xs12: "", md12: "", sm12: "" } },
+                [
+                  _c("v-data-table", {
+                    attrs: {
+                      headers: _vm.headers,
+                      items: _vm.items,
+                      "hide-actions": ""
+                    },
+                    scopedSlots: _vm._u([
+                      {
+                        key: "headerCell",
+                        fn: function(ref) {
+                          var header = ref.header
+                          return [
+                            _c("span", {
+                              staticClass:
+                                "subheading font-weight-light text-white text--darken-3",
+                              domProps: { textContent: _vm._s(header.text) }
+                            })
+                          ]
+                        }
+                      },
+                      {
+                        key: "items",
+                        fn: function(ref) {
+                          var item = ref.item
+                          return [
+                            _c(
+                              "td",
+                              { staticClass: "headline font-weight-light" },
+                              [_vm._v(_vm._s(item.name))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.created_at))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              _vm._l(item.roles, function(role, key) {
+                                return _c("span", { key: key }, [
+                                  _vm._v(_vm._s(role.name))
+                                ])
+                              }),
+                              0
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.medical_center.name))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "text-xs-right" },
+                              [
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "mr-2 WM-ActionButton",
+                                    attrs: {
+                                      color:
+                                        item.status == "Active"
+                                          ? "red"
+                                          : "green"
+                                    },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.changeStatus(item.id)
+                                      }
+                                    }
+                                  },
+                                  [
+                                    item.status == "Active"
+                                      ? [
+                                          _c(
+                                            "v-icon",
+                                            {
+                                              staticClass:
+                                                "white--text mr-2 caption"
+                                            },
+                                            [_vm._v("fas fa-user-tag")]
+                                          ),
+                                          _vm._v(" "),
+                                          item.status == "Active"
+                                            ? _c("span", [_vm._v("Susspended")])
+                                            : _vm._e()
+                                        ]
+                                      : [
+                                          _c(
+                                            "v-icon",
+                                            {
+                                              staticClass:
+                                                "white--text mr-2 caption"
+                                            },
+                                            [_vm._v("fas fa-user-tag")]
+                                          ),
+                                          _vm._v(" "),
+                                          _c("span", [_vm._v("Active")])
+                                        ]
+                                  ],
+                                  2
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "mr-2 WM-ActionButton",
+                                    attrs: { color: "orange darken-1" },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.changeRoleModal(item)
+                                      }
+                                    }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-2 caption"
+                                      },
+                                      [_vm._v("fas fa-user-tag")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Role")])
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "WM-ActionButton",
+                                    attrs: { color: "pink" },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.remove(item.id)
+                                      }
+                                    }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-2 caption"
+                                      },
+                                      [_vm._v("fas fa-times")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Remove")])
+                                  ],
+                                  1
+                                )
+                              ],
+                              1
+                            )
+                          ]
+                        }
+                      }
+                    ])
+                  })
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "mt-3",
+              attrs: {
+                row: "",
+                wrap: "",
+                "align-center": "",
+                "justify-center": ""
+              }
+            },
+            [
+              _c(
+                "router-link",
+                { attrs: { to: "/dashboard" } },
                 [
                   _c(
-                    "v-avatar",
+                    "v-btn",
                     {
-                      staticClass: "mx-auto d-block",
+                      staticClass:
-                      attrs: { slot: "offset", size: "130" },
+                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
-                      slot: "offset"
                     },
-                    [_c("img", { attrs: { src: "/img/" } })]
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-card-text",
-                    { staticClass: "text-xs-center" },
                     [
                       _c(
-                        "h6",
+                        "v-icon",
-                        {
+                        { staticClass: "black--text mr-2 caption" },
-                          staticClass:
+                        [_vm._v("fas fa-chevron-left")]
-                            "category text-gray font-weight-thin mb-3"
-                        },
-                        [_vm._v("CEO / CO-FOUNDER")]
                       ),
                       _vm._v(" "),
-                      _c(
+                      _c("span", { staticClass: "black--text" }, [
-                        "h4",
+                        _vm._v("Back")
-                        { staticClass: "card-title font-weight-light" },
+                      ])
-                        [_vm._v("Alec Thompson")]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "p",
-                        { staticClass: "card-description font-weight-light" },
-                        [
-                          _vm._v(
-                            "Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is..."
-                          )
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "v-btn",
-                        {
-                          staticClass: "font-weight-light",
-                          attrs: { color: "success", round: "" }
-                        },
-                        [_vm._v("Follow")]
-                      )
                     ],
                     1
                   )
@@ -440,18 +719,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/UserProfile.vue":
+/***/ "./resources/js/vue/views/User/List.vue":
-/*!************************************************!*\
+/*!**********************************************!*\
-  !*** ./resources/js/vue/views/UserProfile.vue ***!
+  !*** ./resources/js/vue/views/User/List.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 _List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./List.vue?vue&type=template&id=5b60cb2c& */ "./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c&");
-/* 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 _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./List.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/User/List.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -460,9 +739,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -472,38 +751,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/UserProfile.vue"
+component.options.__file = "resources/js/vue/views/User/List.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/User/List.vue?vue&type=script&lang=js&":
-/*!*************************************************************************!*\
+/*!***********************************************************************!*\
-  !*** ./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/User/List.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************/
+  \***********************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./UserProfile.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_List_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!./List.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/List.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_List_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/User/List.vue?vue&type=template&id=5b60cb2c&":
-/*!*******************************************************************************!*\
+/*!*****************************************************************************!*\
-  !*** ./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346& ***!
+  !*** ./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c& ***!
-  \*******************************************************************************/
+  \*****************************************************************************/
 /*! 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_List_vue_vue_type_template_id_5b60cb2c___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!./List.vue?vue&type=template&id=5b60cb2c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c&");
-/* 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_List_vue_vue_type_template_id_5b60cb2c___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_List_vue_vue_type_template_id_5b60cb2c___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/User/List.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************!*\
+/*!*********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/User/List.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/User/MyInfo.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************/
+  \*********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -11,19 +11,14 @@
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
 /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
-/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
 
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //
 //
 //
@@ -110,68 +105,41 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      headers: [{
+      user: {
-        sortable: true,
+        cell_number: "",
-        text: 'Operator',
+        gender: "",
-        value: 'name'
+        name: "",
-      }, {
+        email: "",
-        sortable: false,
+        address: ""
-        text: 'Date',
+      },
-        value: 'date'
+      items: ["Male", "FeMale"],
-      }, {
+      rules: {
-        sortable: false,
+        required: function required(value) {
-        text: 'Role',
+          return !!value || "Required.";
-        value: 'role'
+        },
-      }, {
+        counter: function counter(value) {
-        sortable: true,
+          return value.length == 0 || value.length >= 5 || "Min 5 characters";
-        text: 'Hospital',
+        },
-        value: 'hospital'
+        email: function email(value) {
-      }, {
+          if (value.length > 0) {
-        sortable: false,
+            var pattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-        text: 'Action',
+            return pattern.test(value) || "Invalid e-mail.";
-        value: 'action',
+          }
-        align: 'right'
+        }
-      }],
+      }
-      items: []
     };
   },
   created: function created() {
-    this.load();
+    this.user = this.$store.state.user;
   },
-  methods: _objectSpread({
+  methods: {
-    load: function () {
+    saveInfo: function () {
-      var _load = _asyncToGenerator(
+      var _saveInfo = _asyncToGenerator(
       /*#__PURE__*/
       _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
         var result;
@@ -179,21 +147,27 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _context.next = 2;
+                if (!this.$refs.form.validate()) {
-                return _services__WEBPACK_IMPORTED_MODULE_2__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_1__["urls"].listOpertor);
+                  _context.next = 5;
+                  break;
+                }
 
-              case 2:
+                _context.next = 3;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].updateInfo, this.user);
+
+              case 3:
                 result = _context.sent;
 
                 if (result && result.status == 200) {
-                  this.items = result.data.data.data;
+                  this.$store.dispatch("info", {}, {
-                } else {
+                    root: true
+                  });
                   this.$router.push({
                     name: "Dashboard"
                   });
                 }
 
-              case 4:
+              case 5:
               case "end":
                 return _context.stop();
             }
@@ -201,188 +175,21 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         }, _callee, this);
       }));
 
-      function load() {
+      function saveInfo() {
-        return _load.apply(this, arguments);
+        return _saveInfo.apply(this, arguments);
       }
 
-      return load;
+      return saveInfo;
-    }(),
-    changeStatus: function () {
-      var _changeStatus = _asyncToGenerator(
-      /*#__PURE__*/
-      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(userId) {
-        var result, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, user;
-
-        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return _services__WEBPACK_IMPORTED_MODULE_2__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_1__["urls"].changeStatusUser(userId));
-
-              case 2:
-                result = _context2.sent;
-
-                if (!(result && result.status == 200)) {
-                  _context2.next = 25;
-                  break;
-                }
-
-                _iteratorNormalCompletion = true;
-                _didIteratorError = false;
-                _iteratorError = undefined;
-                _context2.prev = 7;
-
-                for (_iterator = this.items[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-                  user = _step.value;
-
-                  if (user.id == userId) {
-                    user.status = result.data.data.status;
-                  }
-                }
-
-                _context2.next = 15;
-                break;
-
-              case 11:
-                _context2.prev = 11;
-                _context2.t0 = _context2["catch"](7);
-                _didIteratorError = true;
-                _iteratorError = _context2.t0;
-
-              case 15:
-                _context2.prev = 15;
-                _context2.prev = 16;
-
-                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                  _iterator.return();
-                }
-
-              case 18:
-                _context2.prev = 18;
-
-                if (!_didIteratorError) {
-                  _context2.next = 21;
-                  break;
-                }
-
-                throw _iteratorError;
-
-              case 21:
-                return _context2.finish(18);
-
-              case 22:
-                return _context2.finish(15);
-
-              case 23:
-                _context2.next = 26;
-                break;
-
-              case 25:
-                this.$router.push({
-                  name: "Dashboard"
-                });
-
-              case 26:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this, [[7, 11, 15, 23], [16,, 18, 22]]);
-      }));
-
-      function changeStatus(_x) {
-        return _changeStatus.apply(this, arguments);
-      }
-
-      return changeStatus;
     }()
-  }, Object(vuex__WEBPACK_IMPORTED_MODULE_3__["mapMutations"])("modal", ["changeCurrentModal"]), {
-    changeRoleModal: function changeRoleModal(user) {
-      this.changeCurrentModal({
-        modal: "modal-user-role",
-        properties: {
-          user: user
-        }
-      });
-    },
-    remove: function () {
-      var _remove = _asyncToGenerator(
-      /*#__PURE__*/
-      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee3(userId) {
-        var result, key;
-        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                _context3.next = 2;
-                return _services__WEBPACK_IMPORTED_MODULE_2__["ApiService"].delete(_config_urls__WEBPACK_IMPORTED_MODULE_1__["urls"].deleteUser(userId));
-
-              case 2:
-                result = _context3.sent;
-
-                if (result && result.status == 200) {
-                  for (key in this.items) {
-                    if (this.items.hasOwnProperty(key) && this.items[key].id == userId) {
-                      this.items.splice(key, 1);
-                    }
-                  }
-                }
-
-              case 4:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3, this);
-      }));
-
-      function remove(_x2) {
-        return _remove.apply(this, arguments);
-      }
-
-      return remove;
-    }()
-  }),
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_3__["mapGetters"])("modal", ["getModalResult"])),
-  watch: {
-    getModalResult: function getModalResult(user) {
-      var _iteratorNormalCompletion2 = true;
-      var _didIteratorError2 = false;
-      var _iteratorError2 = undefined;
-
-      try {
-        for (var _iterator2 = this.items[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-          var userList = _step2.value;
-
-          if (userList.id == user.id) {
-            userList.roles = user.roles;
-          }
-        }
-      } catch (err) {
-        _didIteratorError2 = true;
-        _iteratorError2 = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
-            _iterator2.return();
-          }
-        } finally {
-          if (_didIteratorError2) {
-            throw _iteratorError2;
-          }
-        }
-      }
-    }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&":
-/*!***********************************************************************************************************************************************************************************************************!*\
+/*!*************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174& ***!
-  \***********************************************************************************************************************************************************************************************************/
+  \*************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -395,307 +202,247 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-container",
+    "v-form",
-    { attrs: { "grid-list-xs": "" } },
+    { ref: "form" },
     [
       _c(
-        "material-card",
+        "v-container",
-        { attrs: { color: "black", title: "Member List" } },
+        { attrs: { "grid-list-xs": "", fluid: "" } },
         [
           _c(
-            "v-layout",
+            "material-card",
-            {
+            { attrs: { color: "black", title: "My Info" } },
-              staticClass: "px-5 mb-3",
-              attrs: { "align-center": "", "justify-center": "", wrap: "" }
-            },
             [
               _c(
-                "v-flex",
+                "v-layout",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
+                {
-                [
+                  staticClass: "px-5 my-3",
-                  _c("v-text-field", {
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                    staticClass: "pa-2",
+                },
-                    attrs: { color: "black", name: "name", label: "Name" }
-                  })
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-flex",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
-                [
-                  _c("v-text-field", {
-                    staticClass: "pa-2",
-                    attrs: { color: "black", name: "date", label: "Date" }
-                  })
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-flex",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
-                [
-                  _c("v-text-field", {
-                    staticClass: "pa-2",
-                    attrs: {
-                      color: "black",
-                      name: "hospital",
-                      label: "Hospital"
-                    }
-                  })
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-flex",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
                 [
                   _c(
-                    "v-btn",
+                    "v-flex",
-                    {
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                      staticClass: "WM-CyanBlueGradient-BG",
-                      staticStyle: { padding: "10px 60px" }
-                    },
                     [
-                      _c(
+                      _c("v-text-field", {
-                        "v-icon",
+                        staticClass: "pa-2",
-                        { staticClass: "white--text mr-2 caption" },
+                        attrs: {
-                        [_vm._v("fas fa-search")]
+                          name: "name",
-                      ),
+                          label: "Name",
-                      _vm._v(" "),
+                          color: "black",
-                      _c("span", { staticClass: "white--text" }, [
+                          rules: [_vm.rules.required, _vm.rules.counter]
-                        _vm._v("Filter")
+                        },
-                      ])
+                        model: {
+                          value: _vm.user.name,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "name", $$v)
+                          },
+                          expression: "user.name"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-select", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          items: _vm.items,
+                          label: "Gender",
+                          name: "gender",
+                          "single-line": "",
+                          rules: [_vm.rules.required],
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.user.gender,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "gender", $$v)
+                          },
+                          expression: "user.gender"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "cellnumber",
+                          label: "Cell Number",
+                          mask: "0### ### ####",
+                          color: "black",
+                          disabled: ""
+                        },
+                        model: {
+                          value: _vm.user.cell_number,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "cell_number", $$v)
+                          },
+                          expression: "user.cell_number"
+                        }
+                      })
                     ],
                     1
                   )
                 ],
                 1
-              )
+              ),
-            ],
+              _vm._v(" "),
-            1
-          ),
-          _vm._v(" "),
-          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
-          _vm._v(" "),
-          _c(
-            "v-layout",
-            {
-              staticClass: "px-5 my-2",
-              attrs: { "align-center": "", "justify-center": "", wrap: "" }
-            },
-            [
               _c(
-                "v-flex",
+                "v-layout",
-                { attrs: { xs12: "", md12: "", sm12: "" } },
+                {
-                [
+                  staticClass: "px-5 mb-3",
-                  _c("v-data-table", {
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                    attrs: {
+                },
-                      headers: _vm.headers,
-                      items: _vm.items,
-                      "hide-actions": ""
-                    },
-                    scopedSlots: _vm._u([
-                      {
-                        key: "headerCell",
-                        fn: function(ref) {
-                          var header = ref.header
-                          return [
-                            _c("span", {
-                              staticClass:
-                                "subheading font-weight-light text-white text--darken-3",
-                              domProps: { textContent: _vm._s(header.text) }
-                            })
-                          ]
-                        }
-                      },
-                      {
-                        key: "items",
-                        fn: function(ref) {
-                          var item = ref.item
-                          return [
-                            _c(
-                              "td",
-                              { staticClass: "headline font-weight-light" },
-                              [_vm._v(_vm._s(item.name))]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "title font-weight-light" },
-                              [_vm._v(_vm._s(item.created_at))]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "title font-weight-light" },
-                              _vm._l(item.roles, function(role, key) {
-                                return _c("span", { key: key }, [
-                                  _vm._v(_vm._s(role.name))
-                                ])
-                              }),
-                              0
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "title font-weight-light" },
-                              [_vm._v(_vm._s(item.medical_center.name))]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "text-xs-right" },
-                              [
-                                _c(
-                                  "v-btn",
-                                  {
-                                    staticClass: "mr-2 WM-ActionButton",
-                                    attrs: {
-                                      color:
-                                        item.status == "Active"
-                                          ? "red"
-                                          : "green"
-                                    },
-                                    on: {
-                                      click: function($event) {
-                                        return _vm.changeStatus(item.id)
-                                      }
-                                    }
-                                  },
-                                  [
-                                    item.status == "Active"
-                                      ? [
-                                          _c(
-                                            "v-icon",
-                                            {
-                                              staticClass:
-                                                "white--text mr-2 caption"
-                                            },
-                                            [_vm._v("fas fa-user-tag")]
-                                          ),
-                                          _vm._v(" "),
-                                          item.status == "Active"
-                                            ? _c("span", [_vm._v("Susspended")])
-                                            : _vm._e()
-                                        ]
-                                      : [
-                                          _c(
-                                            "v-icon",
-                                            {
-                                              staticClass:
-                                                "white--text mr-2 caption"
-                                            },
-                                            [_vm._v("fas fa-user-tag")]
-                                          ),
-                                          _vm._v(" "),
-                                          _c("span", [_vm._v("Active")])
-                                        ]
-                                  ],
-                                  2
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "v-btn",
-                                  {
-                                    staticClass: "mr-2 WM-ActionButton",
-                                    attrs: { color: "orange darken-1" },
-                                    on: {
-                                      click: function($event) {
-                                        return _vm.changeRoleModal(item)
-                                      }
-                                    }
-                                  },
-                                  [
-                                    _c(
-                                      "v-icon",
-                                      {
-                                        staticClass: "white--text mr-2 caption"
-                                      },
-                                      [_vm._v("fas fa-user-tag")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("span", [_vm._v("Role")])
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "v-btn",
-                                  {
-                                    staticClass: "WM-ActionButton",
-                                    attrs: { color: "pink" },
-                                    on: {
-                                      click: function($event) {
-                                        return _vm.remove(item.id)
-                                      }
-                                    }
-                                  },
-                                  [
-                                    _c(
-                                      "v-icon",
-                                      {
-                                        staticClass: "white--text mr-2 caption"
-                                      },
-                                      [_vm._v("fas fa-times")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("span", [_vm._v("Remove")])
-                                  ],
-                                  1
-                                )
-                              ],
-                              1
-                            )
-                          ]
-                        }
-                      }
-                    ])
-                  })
-                ],
-                1
-              )
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
-          _vm._v(" "),
-          _c(
-            "v-layout",
-            {
-              staticClass: "mt-3",
-              attrs: {
-                row: "",
-                wrap: "",
-                "align-center": "",
-                "justify-center": ""
-              }
-            },
-            [
-              _c(
-                "router-link",
-                { attrs: { to: "/dashboard" } },
                 [
                   _c(
-                    "v-btn",
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "px-2",
+                        staticStyle: { "padding-top": "75px" },
+                        attrs: {
+                          name: "emailaddress",
+                          label: "Email Address",
+                          rules: [_vm.rules.email],
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.user.email,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "email", $$v)
+                          },
+                          expression: "user.email"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm8: "", md8: "" } },
+                    [
+                      _c("v-textarea", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          color: "black",
+                          rules: [_vm.rules.counter],
+                          name: "address"
+                        },
+                        scopedSlots: _vm._u([
+                          {
+                            key: "label",
+                            fn: function() {
+                              return [_c("div", [_vm._v("Address")])]
+                            },
+                            proxy: true
+                          }
+                        ]),
+                        model: {
+                          value: _vm.user.address,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "address", $$v)
+                          },
+                          expression: "user.address"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  attrs: {
+                    row: "",
+                    wrap: "",
+                    "justify-center": "",
+                    "align-center": ""
+                  }
+                },
+                [
+                  _c(
+                    "v-flex",
                     {
-                      staticClass:
+                      staticClass: "text-md-center text-xs-center",
-                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                      attrs: { xs12: "", md2: "", sm2: "" }
                     },
                     [
                       _c(
-                        "v-icon",
+                        "v-btn",
-                        { staticClass: "black--text mr-2 caption" },
+                        {
-                        [_vm._v("fas fa-chevron-left")]
+                          staticClass: "WM-CyanBlueGradient-BG",
-                      ),
+                          staticStyle: { padding: "10px 60px" },
-                      _vm._v(" "),
+                          on: {
-                      _c("span", { staticClass: "black--text" }, [
+                            click: function($event) {
-                        _vm._v("Back")
+                              return _vm.saveInfo()
-                      ])
+                            }
+                          }
+                        },
+                        [
+                          _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
+                      )
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    {
+                      staticClass:
+                        "text-md-center text-sm-center text-xs-center",
+                      attrs: { xs12: "", md2: "", sm2: "" }
+                    },
+                    [
+                      _c(
+                        "router-link",
+                        { attrs: { to: "/" } },
+                        [
+                          _c(
+                            "v-btn",
+                            {
+                              staticClass:
+                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                            },
+                            [
+                              _c("v-icon", { staticClass: "black--text" }, [
+                                _vm._v("keyboard_arrow_left")
+                              ]),
+                              _vm._v(" "),
+                              _c("span", { staticClass: "black--text" }, [
+                                _vm._v("Back")
+                              ])
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      )
                     ],
                     1
                   )
@@ -719,17 +466,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/User/List.vue":
+/***/ "./resources/js/vue/views/User/MyInfo.vue":
-/*!**********************************************!*\
+/*!************************************************!*\
-  !*** ./resources/js/vue/views/User/List.vue ***!
+  !*** ./resources/js/vue/views/User/MyInfo.vue ***!
-  \**********************************************/
+  \************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./List.vue?vue&type=template&id=5b60cb2c& */ "./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c&");
+/* harmony import */ var _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=template&id=67cde174& */ "./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&");
-/* harmony import */ var _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./List.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/User/List.vue?vue&type=script&lang=js&");
+/* harmony import */ var _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -739,9 +486,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -751,38 +498,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/User/List.vue"
+component.options.__file = "resources/js/vue/views/User/MyInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/User/List.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&":
-/*!***********************************************************************!*\
+/*!*************************************************************************!*\
-  !*** ./resources/js/vue/views/User/List.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************/
+  \*************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_List_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!./List.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/List.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c&":
+/***/ "./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&":
-/*!*****************************************************************************!*\
+/*!*******************************************************************************!*\
-  !*** ./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c& ***!
+  !*** ./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174& ***!
-  \*****************************************************************************/
+  \*******************************************************************************/
 /*! 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_List_vue_vue_type_template_id_5b60cb2c___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!./List.vue?vue&type=template&id=5b60cb2c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=template&id=67cde174& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&");
-/* 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_List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_67cde174___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_List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/19.js

@@ -1,24 +1,14 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[19],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/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/User/MyInfo.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/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 _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
-/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
-/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
-
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
 //
 //
 //
@@ -105,90 +95,64 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 //
 //
 //
-
+//
-
+//
-/* harmony default export */ __webpack_exports__["default"] = ({
+//
-  data: function data() {
+//
-    return {
+//
-      user: {
+//
-        cell_number: "",
+//
-        gender: "",
+//
-        name: "",
+//
-        email: "",
+//
-        address: ""
+//
-      },
+//
-      items: ["Male", "FeMale"],
+//
-      rules: {
+//
-        required: function required(value) {
+//
-          return !!value || "Required.";
+//
-        },
+//
-        counter: function counter(value) {
+//
-          return value.length == 0 || value.length >= 5 || "Min 5 characters";
+//
-        },
+//
-        email: function email(value) {
+//
-          if (value.length > 0) {
+//
-            var pattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+//
-            return pattern.test(value) || "Invalid e-mail.";
+//
-          }
+//
-        }
+//
-      }
+//
-    };
+//
-  },
+//
-  created: function created() {
+//
-    this.user = this.$store.state.user;
+//
-  },
+//
-  methods: {
+//
-    saveInfo: function () {
+//
-      var _saveInfo = _asyncToGenerator(
+//
-      /*#__PURE__*/
+//
-      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+//
-        var result;
+//
-        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+//
-          while (1) {
+//
-            switch (_context.prev = _context.next) {
+//
-              case 0:
+//
-                if (!this.$refs.form.validate()) {
+//
-                  _context.next = 5;
+//
-                  break;
+//
-                }
+//
-
+//
-                _context.next = 3;
+//
-                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].updateInfo, this.user);
+//
-
+//
-              case 3:
+/* harmony default export */ __webpack_exports__["default"] = ({//
-                result = _context.sent;
-
-                if (result && result.status == 200) {
-                  this.$store.dispatch("info", {}, {
-                    root: true
-                  });
-                  this.$router.push({
-                    name: "Dashboard"
-                  });
-                }
-
-              case 5:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function saveInfo() {
-        return _saveInfo.apply(this, arguments);
-      }
-
-      return saveInfo;
-    }()
-  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&":
+/***/ "./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/User/MyInfo.vue?vue&type=template&id=67cde174& ***!
+  !*** ./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__) {
@@ -202,241 +166,186 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
+    "v-container",
-    { ref: "form" },
+    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
     [
       _c(
-        "v-container",
+        "v-layout",
-        { attrs: { "grid-list-xs": "", fluid: "" } },
+        { attrs: { "justify-center": "", wrap: "" } },
         [
           _c(
-            "material-card",
+            "v-flex",
-            { attrs: { color: "black", title: "My Info" } },
+            { attrs: { xs12: "", md8: "" } },
             [
               _c(
-                "v-layout",
+                "material-card",
-                {
-                  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: "Name",
-                          color: "black",
-                          rules: [_vm.rules.required, _vm.rules.counter]
-                        },
-                        model: {
-                          value: _vm.user.name,
-                          callback: function($$v) {
-                            _vm.$set(_vm.user, "name", $$v)
-                          },
-                          expression: "user.name"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-select", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          items: _vm.items,
-                          label: "Gender",
-                          name: "gender",
-                          "single-line": "",
-                          rules: [_vm.rules.required],
-                          color: "black"
-                        },
-                        model: {
-                          value: _vm.user.gender,
-                          callback: function($$v) {
-                            _vm.$set(_vm.user, "gender", $$v)
-                          },
-                          expression: "user.gender"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "cellnumber",
-                          label: "Cell Number",
-                          mask: "0### ### ####",
-                          color: "black",
-                          disabled: ""
-                        },
-                        model: {
-                          value: _vm.user.cell_number,
-                          callback: function($$v) {
-                            _vm.$set(_vm.user, "cell_number", $$v)
-                          },
-                          expression: "user.cell_number"
-                        }
-                      })
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "px-5 mb-3",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                },
-                [
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "px-2",
-                        staticStyle: { "padding-top": "75px" },
-                        attrs: {
-                          name: "emailaddress",
-                          label: "Email Address",
-                          rules: [_vm.rules.email],
-                          color: "black"
-                        },
-                        model: {
-                          value: _vm.user.email,
-                          callback: function($$v) {
-                            _vm.$set(_vm.user, "email", $$v)
-                          },
-                          expression: "user.email"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm8: "", md8: "" } },
-                    [
-                      _c("v-textarea", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          color: "black",
-                          rules: [_vm.rules.counter],
-                          name: "address"
-                        },
-                        scopedSlots: _vm._u([
-                          {
-                            key: "label",
-                            fn: function() {
-                              return [_c("div", [_vm._v("Address")])]
-                            },
-                            proxy: true
-                          }
-                        ]),
-                        model: {
-                          value: _vm.user.address,
-                          callback: function($$v) {
-                            _vm.$set(_vm.user, "address", $$v)
-                          },
-                          expression: "user.address"
-                        }
-                      })
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
                 {
                   attrs: {
-                    row: "",
+                    color: "green",
-                    wrap: "",
+                    title: "Edit Profile",
-                    "justify-center": "",
+                    text: "Complete your profile"
-                    "align-center": ""
                   }
                 },
                 [
                   _c(
-                    "v-flex",
+                    "v-form",
-                    {
-                      staticClass: "text-md-center text-xs-center",
-                      attrs: { xs12: "", md2: "", sm2: "" }
-                    },
                     [
                       _c(
-                        "v-btn",
+                        "v-container",
-                        {
+                        { attrs: { "py-0": "" } },
-                          staticClass: "WM-CyanBlueGradient-BG",
-                          staticStyle: { padding: "10px 60px" },
-                          on: {
-                            click: function($event) {
-                              return _vm.saveInfo()
-                            }
-                          }
-                        },
                         [
                           _c(
-                            "v-icon",
+                            "v-layout",
-                            { staticClass: "white--text mr-2 caption" },
+                            { attrs: { wrap: "" } },
-                            [_vm._v("fas fa-check")]
-                          ),
-                          _vm._v(" "),
-                          _c("span", { staticClass: "white--text" }, [
-                            _vm._v("SAVE")
-                          ])
-                        ],
-                        1
-                      )
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    {
-                      staticClass:
-                        "text-md-center text-sm-center text-xs-center",
-                      attrs: { xs12: "", md2: "", sm2: "" }
-                    },
-                    [
-                      _c(
-                        "router-link",
-                        { attrs: { to: "/" } },
-                        [
-                          _c(
-                            "v-btn",
-                            {
-                              staticClass:
-                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
-                            },
                             [
-                              _c("v-icon", { staticClass: "black--text" }, [
+                              _c(
-                                _vm._v("keyboard_arrow_left")
+                                "v-flex",
-                              ]),
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    attrs: {
+                                      label: "Company (disabled)",
+                                      disabled: ""
+                                    }
+                                  })
+                                ],
+                                1
+                              ),
                               _vm._v(" "),
-                              _c("span", { staticClass: "black--text" }, [
+                              _c(
-                                _vm._v("Back")
+                                "v-flex",
-                              ])
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "User Name" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Email Address" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md6: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "First Name" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md6: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Last Name" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md12: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Adress" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "City" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Country" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: {
+                                      label: "Postal Code",
+                                      type: "number"
+                                    }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "" } },
+                                [
+                                  _c("v-textarea", {
+                                    staticClass: "purple-input",
+                                    attrs: {
+                                      label: "About Me",
+                                      value:
+                                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+                                    }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", "text-xs-right": "" } },
+                                [
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      staticClass: "mx-0 font-weight-light",
+                                      attrs: { color: "success" }
+                                    },
+                                    [
+                                      _vm._v(
+                                        "\n                  Update Profile\n                "
+                                      )
+                                    ]
+                                  )
+                                ],
+                                1
+                              )
                             ],
                             1
                           )
@@ -451,6 +360,71 @@ var render = function() {
               )
             ],
             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(
+                        "h4",
+                        { staticClass: "card-title font-weight-light" },
+                        [_vm._v("Alec Thompson")]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "p",
+                        { staticClass: "card-description font-weight-light" },
+                        [
+                          _vm._v(
+                            "Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is..."
+                          )
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass: "font-weight-light",
+                          attrs: { color: "success", round: "" }
+                        },
+                        [_vm._v("Follow")]
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            1
           )
         ],
         1
@@ -466,18 +440,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/User/MyInfo.vue":
+/***/ "./resources/js/vue/views/UserProfile.vue":
 /*!************************************************!*\
-  !*** ./resources/js/vue/views/User/MyInfo.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 _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=template&id=67cde174& */ "./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&");
+/* 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 _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/User/MyInfo.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");
+/* 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");
 
 
 
@@ -486,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"])(
-  _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -498,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/User/MyInfo.vue"
+component.options.__file = "resources/js/vue/views/UserProfile.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&":
 /*!*************************************************************************!*\
-  !*** ./resources/js/vue/views/User/MyInfo.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_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_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_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&":
+/***/ "./resources/js/vue/views/UserProfile.vue?vue&type=template&id=47383346&":
 /*!*******************************************************************************!*\
-  !*** ./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174& ***!
+  !*** ./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_MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=template&id=67cde174& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&");
+/* 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_MyInfo_vue_vue_type_template_id_67cde174___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_MyInfo_vue_vue_type_template_id_67cde174___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/2.js

@@ -555,7 +555,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-Border-Gray[data-v-5cc5a650] {\r\n  border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-5cc5a650] {\r\n  background-color: #f5f5f5;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-5cc5a650] {\r\n  top: -25px !important;\n}\n.v-btn--bottom.v-btn--absolute.v-btn--small[data-v-5cc5a650] {\r\n  bottom: -24px !important;\n}\r\n", ""]);
+exports.push([module.i, "\n.WM-Border-Gray[data-v-5cc5a650] {\n  border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-5cc5a650] {\n  background-color: #f5f5f5;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-5cc5a650] {\n  top: -25px !important;\n}\n.v-btn--bottom.v-btn--absolute.v-btn--small[data-v-5cc5a650] {\n  bottom: -24px !important;\n}\n", ""]);
 
 
 

public/3.js

@@ -222,7 +222,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-b1f1b72e] {\r\n  padding: 8px 22px;\n}\r\n", ""]);
+exports.push([module.i, "\n.WM-ActionButton[data-v-b1f1b72e] {\n  padding: 8px 22px;\n}\n", ""]);
 
 
 

public/mix-manifest.json

@@ -1,3 +1,3 @@
 {
-    "/vue/js/app.js": "/vue/js/app.js?id=4be06af79bba71b8ed15"
+    "/vue/js/app.js": "/vue/js/app.js?id=70764d956ce3c56f1280"
 }

public/vue/js/app.js

@@ -8263,7 +8263,7 @@ exports.push([module.i, "/*!\n* Vuetify v1.5.11\n* Forged by John Leider\n* Rele
 
 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#core-footer {\r\n  z-index: 0;\n}\r\n", ""]);
+exports.push([module.i, "\n#core-footer {\n  z-index: 0;\n}\n", ""]);
 
 
 
@@ -61844,6 +61844,7 @@ var urls = {
   logout: "/logout",
   storeMedicalCenter: "/MedicalCenters",
   listTestTypeName: "/TestTypes/ListNames",
+  getInputs: "/GetInputs",
   listOpertor: "/Users",
   listMedicalCenter: function listMedicalCenter(page) {
     return "/MedicalCenters?page=" + page;
@@ -62695,7 +62696,7 @@ var UserService = {
                 },
                 auth: {
                   username: "2",
-                  password: "vAhCu2Y4mxfjlr8uTSxpBmjn2rWPIEolnr73ETAE"
+                  password: "r46iu0QJFTrC30H0fEoBbxTGmbJQjjOlSQYFYS7w"
                 }
               };
               _context.prev = 1;
@@ -62755,7 +62756,7 @@ var UserService = {
                 },
                 auth: {
                   username: "2",
-                  password: "vAhCu2Y4mxfjlr8uTSxpBmjn2rWPIEolnr73ETAE"
+                  password: "r46iu0QJFTrC30H0fEoBbxTGmbJQjjOlSQYFYS7w"
                 }
               };
               _context2.prev = 1;
@@ -62810,7 +62811,7 @@ var UserService = {
                 },
                 auth: {
                   username: "2",
-                  password: "vAhCu2Y4mxfjlr8uTSxpBmjn2rWPIEolnr73ETAE"
+                  password: "r46iu0QJFTrC30H0fEoBbxTGmbJQjjOlSQYFYS7w"
                 }
               };
               _context3.prev = 1;
@@ -62864,7 +62865,7 @@ var UserService = {
                 },
                 auth: {
                   username: "2",
-                  password: "vAhCu2Y4mxfjlr8uTSxpBmjn2rWPIEolnr73ETAE"
+                  password: "r46iu0QJFTrC30H0fEoBbxTGmbJQjjOlSQYFYS7w"
                 }
               };
               _context4.prev = 2;
@@ -63979,11 +63980,11 @@ var map = {
 	],
 	"./TableList.vue": [
 		"./resources/js/vue/views/TableList.vue",
-		15
+		14
 	],
 	"./TestResult/AddEdit.vue": [
 		"./resources/js/vue/views/TestResult/AddEdit.vue",
-		14
+		15
 	],
 	"./TestResult/List.vue": [
 		"./resources/js/vue/views/TestResult/List.vue",
@@ -64007,15 +64008,15 @@ var map = {
 	],
 	"./User/List.vue": [
 		"./resources/js/vue/views/User/List.vue",
-		18
+		17
 	],
 	"./User/MyInfo.vue": [
 		"./resources/js/vue/views/User/MyInfo.vue",
-		19
+		18
 	],
 	"./UserProfile.vue": [
 		"./resources/js/vue/views/UserProfile.vue",
-		17
+		19
 	]
 };
 function webpackAsyncContext(req) {
@@ -64047,7 +64048,7 @@ module.exports = webpackAsyncContext;
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(/*! D:\Atom\Git\Laravel_CSSD\resources\js\vue\main.js */"./resources/js/vue/main.js");
+module.exports = __webpack_require__(/*! /home/saeid/Projects/Git/CSSD/resources/js/vue/main.js */"./resources/js/vue/main.js");
 
 
 /***/ })

resources/js/vue/config/urls.js

@@ -6,6 +6,7 @@ const urls = {
     logout : "/logout",
     storeMedicalCenter : "/MedicalCenters",
     listTestTypeName : "/TestTypes/ListNames",
+    getInputs : `/GetInputs`,
     listOpertor : "/Users",
     listMedicalCenter : function(page) {
         return "/MedicalCenters?page=" + page;

resources/js/vue/views/TestResult/AddEdit.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-form>
+  <v-form ref="form">
     <v-container grid-list-xs>
       <material-card
         color="black"
@@ -56,21 +56,22 @@
           <v-flex v-for="(item, key) in form.data" :key="key">
             <v-text-field
               v-if="item.type == 'Text'"
-              v-model="form.data[key][item.name]"
+              v-model="item[item.name]"
-              label="Resualt"
+              :label="item.name"
               color="black"
               class="pa-2"
             ></v-text-field>
             <v-select
               v-if="item.type == 'Select'"
               :items="item.options"
-              v-model="form.data[key][item.name]"
+              v-model="item[item.name]"
-              label="Resualt"
+              :label="item.name"
               color="black"
               class="pa-2"
               item-text="title"
             ></v-select>
             <template v-if="item.type == 'CheckBox'">
+              <p>{{ item.name }}</p>
               <v-container  fluid v-for="(optionValue, keyOption) in item.options" :key="keyOption">
                 <v-checkbox :label="option.title" v-model="form.data[key][item.name]" :value="optionValue"></v-checkbox>
               </v-container>
@@ -130,8 +131,11 @@ export default {
       const result = await ApiService.get(urls.listTestTypeName);
       this.testTypeNames = result.data.data;
     },
-    selectTestType() {
+    async selectTestType() {
-
+      const result = await ApiService.post(urls.getInputs, this.filter);
+      if (result && result.status == 200) {
+        this.form.data = result.data.data;
+      }
     }
   }
 }

routes/api.php

@@ -21,14 +21,13 @@ Route::group(['namespace' => 'Api'],function () {
 
 });
 
-
-Route::get('/GetInfo', 'UserController@getInfo')->middleware('auth:api');
-
 Route::get('TestTypes/ListNames', 'TestTypeController@listNames');
 Route::resource('TestTypes', 'TestTypeController');
 Route::resource('TestResults', 'TestResultController');
 Route::resource('MedicalCenters', 'MedicalCenterController');
+Route::post('/GetInputs', 'TestTypeController@GetInputs');
 
+Route::get('/GetInfo', 'UserController@getInfo')->middleware('auth:api');
 Route::get('Users/MedicalCenter/{MedicalCenter}', 'UserController@getByMedicalCenter')->middleware('auth:api');
 Route::post('Users/ChangeStatus/{User}', 'UserController@changeStatus')->middleware('auth:api');
 Route::post('Users/ChangeRole/{User}', 'UserController@changeRole')->middleware('auth:api');