next Edit

app/Http/Controllers/TestTypeController.php

@@ -358,7 +358,7 @@ class TestTypeController extends Controller
     }
 
     /////////////////////////////////////////////////////////////////////////////////////
-    public function GetInputs(Request $request)
+    public function getInputs(Request $request)
     {
         $TestType = TestType::where('name', $request->name)->orWhere('unique_code', $request->unique_code)->first();
         if ($TestType) {

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] {\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", ""]);
+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", ""]);
 
 
 

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

public/15.js

@@ -121,22 +121,58 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      result: ['Accept', 'Reject'],
+      result: ["Accept", "Reject"],
       testTypeNames: [],
-      searchInput: '',
+      searchInput: "",
       form: {
-        autoclave_id: '',
+        autoclave_id: "",
-        result: '',
+        result: "",
         data: []
       },
       filter: {
-        name: '',
+        name: "",
-        unique_code: ''
+        unique_code: ""
       }
     };
   },
@@ -435,39 +471,152 @@ var render = function() {
                             })
                           : _vm._e(),
                         _vm._v(" "),
-                        item.type == "CheckBox"
+                        item.type == "Checkbox"
-                          ? [
+                          ? _c(
-                              _c("p", [_vm._v(_vm._s(item.name))]),
+                              "v-container",
-                              _vm._v(" "),
+                              { attrs: { fluid: "" } },
-                              _vm._l(item.options, function(
+                              [
-                                optionValue,
+                                _c("p", [_vm._v(_vm._s(item.name))]),
-                                keyOption
+                                _vm._v(" "),
-                              ) {
+                                _vm._l(item.options, function(
-                                return _c(
+                                  optionValue,
-                                  "v-container",
+                                  keyOption
-                                  { key: keyOption, attrs: { fluid: "" } },
+                                ) {
-                                  [
+                                  return _c("v-checkbox", {
-                                    _c("v-checkbox", {
+                                    key: keyOption,
-                                      attrs: {
+                                    attrs: {
-                                        label: _vm.option.title,
+                                      label: optionValue.title,
-                                        value: optionValue
+                                      value: optionValue.title
+                                    },
+                                    model: {
+                                      value: item[item.name],
+                                      callback: function($$v) {
+                                        _vm.$set(item, item.name, $$v)
                                       },
-                                      model: {
+                                      expression: "item[item.name]"
-                                        value: _vm.form.data[key][item.name],
+                                    }
-                                        callback: function($$v) {
+                                  })
-                                          _vm.$set(
+                                })
-                                            _vm.form.data[key],
+                              ],
-                                            item.name,
+                              2
-                                            $$v
+                            )
-                                          )
+                          : _vm._e(),
-                                        },
+                        _vm._v(" "),
-                                        expression: "form.data[key][item.name]"
+                        item.type == "Form"
-                                      }
+                          ? [
-                                    })
+                              _c(
-                                  ],
+                                "v-layout",
-                                  1
+                                { attrs: { row: "", wrap: "" } },
-                                )
+                                [
-                              })
+                                  _c("h3", [_vm._v(_vm._s(item.name))]),
+                                  _vm._v(" "),
+                                  _vm._l(item.children, function(
+                                    children,
+                                    keyChildren
+                                  ) {
+                                    return _c(
+                                      "v-flex",
+                                      { key: keyChildren },
+                                      [
+                                        children.type == "Text"
+                                          ? _c("v-text-field", {
+                                              staticClass: "pa-2",
+                                              attrs: {
+                                                label: children.name,
+                                                color: "black"
+                                              },
+                                              model: {
+                                                value: children[children.name],
+                                                callback: function($$v) {
+                                                  _vm.$set(
+                                                    children,
+                                                    children.name,
+                                                    $$v
+                                                  )
+                                                },
+                                                expression:
+                                                  "children[children.name]"
+                                              }
+                                            })
+                                          : _vm._e(),
+                                        _vm._v(" "),
+                                        children.type == "Select"
+                                          ? _c("v-select", {
+                                              staticClass: "pa-2",
+                                              attrs: {
+                                                items: children.options,
+                                                label: children.name,
+                                                color: "black",
+                                                "item-text": "title"
+                                              },
+                                              model: {
+                                                value: children[children.name],
+                                                callback: function($$v) {
+                                                  _vm.$set(
+                                                    children,
+                                                    children.name,
+                                                    $$v
+                                                  )
+                                                },
+                                                expression:
+                                                  "children[children.name]"
+                                              }
+                                            })
+                                          : _vm._e(),
+                                        _vm._v(" "),
+                                        children.type == "Checkbox"
+                                          ? _c(
+                                              "v-container",
+                                              { attrs: { fluid: "" } },
+                                              [
+                                                _c("p", [
+                                                  _vm._v(_vm._s(children.name))
+                                                ]),
+                                                _vm._v(" "),
+                                                _vm._l(
+                                                  children.options,
+                                                  function(
+                                                    optionValue,
+                                                    keyOption
+                                                  ) {
+                                                    return _c("v-checkbox", {
+                                                      key: keyOption,
+                                                      attrs: {
+                                                        label:
+                                                          optionValue.title,
+                                                        value: optionValue.title
+                                                      },
+                                                      model: {
+                                                        value:
+                                                          children[
+                                                            children.name
+                                                          ],
+                                                        callback: function(
+                                                          $$v
+                                                        ) {
+                                                          _vm.$set(
+                                                            children,
+                                                            children.name,
+                                                            $$v
+                                                          )
+                                                        },
+                                                        expression:
+                                                          "children[children.name]"
+                                                      }
+                                                    })
+                                                  }
+                                                )
+                                              ],
+                                              2
+                                            )
+                                          : _vm._e()
+                                      ],
+                                      1
+                                    )
+                                  })
+                                ],
+                                2
+                              )
                             ]
                           : _vm._e()
                       ],

public/17.js

@@ -1,29 +1,14 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[17],{
 
-/***/ "./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/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& ***!
+  !*** ./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 _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; }
-
 //
 //
 //
@@ -135,254 +120,40 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-
+//
-
+//
-
+//
-/* 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',
+//
-        value: 'action',
+/* harmony default export */ __webpack_exports__["default"] = ({//
-        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/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/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& ***!
+  !*** ./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__) {
 
@@ -396,79 +167,191 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "v-container",
-    { attrs: { "grid-list-xs": "" } },
+    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
     [
       _c(
-        "material-card",
+        "v-layout",
-        { attrs: { color: "black", title: "Member List" } },
+        { attrs: { "justify-center": "", wrap: "" } },
         [
           _c(
-            "v-layout",
+            "v-flex",
-            {
+            { attrs: { xs12: "", md8: "" } },
-              staticClass: "px-5 mb-3",
-              attrs: { "align-center": "", "justify-center": "", wrap: "" }
-            },
             [
               _c(
-                "v-flex",
+                "material-card",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
+                {
-                [
+                  attrs: {
-                  _c("v-text-field", {
+                    color: "green",
-                    staticClass: "pa-2",
+                    title: "Edit Profile",
-                    attrs: { color: "black", name: "name", label: "Name" }
+                    text: "Complete your profile"
-                  })
+                  }
-                ],
+                },
-                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-form",
-                    {
-                      staticClass: "WM-CyanBlueGradient-BG",
-                      staticStyle: { padding: "10px 60px" }
-                    },
                     [
                       _c(
-                        "v-icon",
+                        "v-container",
-                        { staticClass: "white--text mr-2 caption" },
+                        { attrs: { "py-0": "" } },
-                        [_vm._v("fas fa-search")]
+                        [
-                      ),
+                          _c(
-                      _vm._v(" "),
+                            "v-layout",
-                      _c("span", { staticClass: "white--text" }, [
+                            { attrs: { wrap: "" } },
-                        _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
                   )
@@ -479,223 +362,61 @@ var render = function() {
             1
           ),
           _vm._v(" "),
-          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
-          _vm._v(" "),
           _c(
-            "v-layout",
+            "v-flex",
-            {
+            { attrs: { xs12: "", md4: "" } },
-              staticClass: "px-5 my-2",
-              attrs: { "align-center": "", "justify-center": "", wrap: "" }
-            },
             [
               _c(
-                "v-flex",
+                "material-card",
-                { attrs: { xs12: "", md12: "", sm12: "" } },
+                { staticClass: "v-card-profile" },
-                [
-                  _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-btn",
+                    "v-avatar",
                     {
-                      staticClass:
+                      staticClass: "mx-auto d-block",
-                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                      attrs: { slot: "offset", size: "130" },
+                      slot: "offset"
                     },
+                    [_c("img", { attrs: { src: "/img/" } })]
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-card-text",
+                    { staticClass: "text-xs-center" },
                     [
                       _c(
-                        "v-icon",
+                        "h6",
-                        { staticClass: "black--text mr-2 caption" },
+                        {
-                        [_vm._v("fas fa-chevron-left")]
+                          staticClass:
+                            "category text-gray font-weight-thin mb-3"
+                        },
+                        [_vm._v("CEO / CO-FOUNDER")]
                       ),
                       _vm._v(" "),
-                      _c("span", { staticClass: "black--text" }, [
+                      _c(
-                        _vm._v("Back")
+                        "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
                   )
@@ -719,18 +440,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/User/List.vue":
+/***/ "./resources/js/vue/views/UserProfile.vue":
-/*!**********************************************!*\
+/*!************************************************!*\
-  !*** ./resources/js/vue/views/User/List.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 _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_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_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 _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");
 
 
 
@@ -739,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"])(
-  _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -751,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/List.vue"
+component.options.__file = "resources/js/vue/views/UserProfile.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/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& ***!
-  \***********************************************************************/
+  \*************************************************************************/
 /*! 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_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_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_UserProfile_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/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& ***!
-  \*****************************************************************************/
+  \*******************************************************************************/
 /*! 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_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_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_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_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_UserProfile_vue_vue_type_template_id_47383346___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/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/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& ***!
+  !*** ./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__) {
 
@@ -11,14 +11,19 @@
 __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_1__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
-/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __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; }
+
 //
 //
 //
@@ -105,41 +110,68 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      user: {
+      headers: [{
-        cell_number: "",
+        sortable: true,
-        gender: "",
+        text: 'Operator',
-        name: "",
+        value: 'name'
-        email: "",
+      }, {
-        address: ""
+        sortable: false,
-      },
+        text: 'Date',
-      items: ["Male", "FeMale"],
+        value: 'date'
-      rules: {
+      }, {
-        required: function required(value) {
+        sortable: false,
-          return !!value || "Required.";
+        text: 'Role',
-        },
+        value: 'role'
-        counter: function counter(value) {
+      }, {
-          return value.length == 0 || value.length >= 5 || "Min 5 characters";
+        sortable: true,
-        },
+        text: 'Hospital',
-        email: function email(value) {
+        value: 'hospital'
-          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,}))$/;
+        sortable: false,
-            return pattern.test(value) || "Invalid e-mail.";
+        text: 'Action',
-          }
+        value: 'action',
-        }
+        align: 'right'
-      }
+      }],
+      items: []
     };
   },
   created: function created() {
-    this.user = this.$store.state.user;
+    this.load();
   },
-  methods: {
+  methods: _objectSpread({
-    saveInfo: function () {
+    load: function () {
-      var _saveInfo = _asyncToGenerator(
+      var _load = _asyncToGenerator(
       /*#__PURE__*/
       _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
         var result;
@@ -147,27 +179,21 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                if (!this.$refs.form.validate()) {
+                _context.next = 2;
-                  _context.next = 5;
+                return _services__WEBPACK_IMPORTED_MODULE_2__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_1__["urls"].listOpertor);
-                  break;
-                }
 
-                _context.next = 3;
+              case 2:
-                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.$store.dispatch("info", {}, {
+                  this.items = result.data.data.data;
-                    root: true
+                } else {
-                  });
                   this.$router.push({
                     name: "Dashboard"
                   });
                 }
 
-              case 5:
+              case 4:
               case "end":
                 return _context.stop();
             }
@@ -175,21 +201,188 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
         }, _callee, this);
       }));
 
-      function saveInfo() {
+      function load() {
-        return _saveInfo.apply(this, arguments);
+        return _load.apply(this, arguments);
       }
 
-      return saveInfo;
+      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/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/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& ***!
+  !*** ./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__) {
 
@@ -202,247 +395,307 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
+    "v-container",
-    { ref: "form" },
+    { attrs: { "grid-list-xs": "" } },
     [
       _c(
-        "v-container",
+        "material-card",
-        { attrs: { "grid-list-xs": "", fluid: "" } },
+        { attrs: { color: "black", title: "Member List" } },
         [
           _c(
-            "material-card",
+            "v-layout",
-            { attrs: { color: "black", title: "My Info" } },
+            {
+              staticClass: "px-5 mb-3",
+              attrs: { "align-center": "", "justify-center": "", wrap: "" }
+            },
             [
               _c(
-                "v-layout",
+                "v-flex",
-                {
+                { attrs: { xs12: "", md3: "", sm3: "" } },
-                  staticClass: "px-5 my-3",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                },
                 [
-                  _c(
+                  _c("v-text-field", {
-                    "v-flex",
+                    staticClass: "pa-2",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    attrs: { color: "black", name: "name", label: "Name" }
-                    [
+                  })
-                      _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",
+                "v-flex",
-                {
+                { attrs: { xs12: "", md3: "", sm3: "" } },
-                  staticClass: "px-5 mb-3",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                },
                 [
-                  _c(
+                  _c("v-text-field", {
-                    "v-flex",
+                    staticClass: "pa-2",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    attrs: { color: "black", name: "date", label: "Date" }
-                    [
+                  })
-                      _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",
+                "v-flex",
-                {
+                { attrs: { xs12: "", md3: "", sm3: "" } },
-                  attrs: {
+                [
-                    row: "",
+                  _c("v-text-field", {
-                    wrap: "",
+                    staticClass: "pa-2",
-                    "justify-center": "",
+                    attrs: {
-                    "align-center": ""
+                      color: "black",
-                  }
+                      name: "hospital",
-                },
+                      label: "Hospital"
+                    }
+                  })
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md3: "", sm3: "" } },
                 [
                   _c(
-                    "v-flex",
+                    "v-btn",
                     {
-                      staticClass: "text-md-center text-xs-center",
+                      staticClass: "WM-CyanBlueGradient-BG",
-                      attrs: { xs12: "", md2: "", sm2: "" }
+                      staticStyle: { padding: "10px 60px" }
                     },
                     [
                       _c(
-                        "v-btn",
+                        "v-icon",
-                        {
+                        { staticClass: "white--text mr-2 caption" },
-                          staticClass: "WM-CyanBlueGradient-BG",
+                        [_vm._v("fas fa-search")]
-                          staticStyle: { padding: "10px 60px" },
+                      ),
-                          on: {
+                      _vm._v(" "),
-                            click: function($event) {
+                      _c("span", { staticClass: "white--text" }, [
-                              return _vm.saveInfo()
+                        _vm._v("Filter")
-                            }
+                      ])
-                          }
-                        },
-                        [
-                          _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(" "),
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "px-5 my-2",
+              attrs: { "align-center": "", "justify-center": "", wrap: "" }
+            },
+            [
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md12: "", sm12: "" } },
+                [
+                  _c("v-data-table", {
+                    attrs: {
+                      headers: _vm.headers,
+                      items: _vm.items,
+                      "hide-actions": ""
+                    },
+                    scopedSlots: _vm._u([
+                      {
+                        key: "headerCell",
+                        fn: function(ref) {
+                          var header = ref.header
+                          return [
+                            _c("span", {
+                              staticClass:
+                                "subheading font-weight-light text-white text--darken-3",
+                              domProps: { textContent: _vm._s(header.text) }
+                            })
+                          ]
+                        }
+                      },
+                      {
+                        key: "items",
+                        fn: function(ref) {
+                          var item = ref.item
+                          return [
+                            _c(
+                              "td",
+                              { staticClass: "headline font-weight-light" },
+                              [_vm._v(_vm._s(item.name))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.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-flex",
+                    "v-btn",
                     {
                       staticClass:
-                        "text-md-center text-sm-center text-xs-center",
+                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
-                      attrs: { xs12: "", md2: "", sm2: "" }
                     },
                     [
                       _c(
-                        "router-link",
+                        "v-icon",
-                        { attrs: { to: "/" } },
+                        { staticClass: "black--text mr-2 caption" },
-                        [
+                        [_vm._v("fas fa-chevron-left")]
-                          _c(
+                      ),
-                            "v-btn",
+                      _vm._v(" "),
-                            {
+                      _c("span", { staticClass: "black--text" }, [
-                              staticClass:
+                        _vm._v("Back")
-                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                      ])
-                            },
-                            [
-                              _c("v-icon", { staticClass: "black--text" }, [
-                                _vm._v("keyboard_arrow_left")
-                              ]),
-                              _vm._v(" "),
-                              _c("span", { staticClass: "black--text" }, [
-                                _vm._v("Back")
-                              ])
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      )
                     ],
                     1
                   )
@@ -466,17 +719,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/User/MyInfo.vue":
+/***/ "./resources/js/vue/views/User/List.vue":
-/*!************************************************!*\
+/*!**********************************************!*\
-  !*** ./resources/js/vue/views/User/MyInfo.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 _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_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_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 _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");
 
 
@@ -486,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"])(
-  _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -498,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/User/MyInfo.vue"
+component.options.__file = "resources/js/vue/views/User/List.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/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& ***!
-  \*************************************************************************/
+  \***********************************************************************/
 /*! 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_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_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_List_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/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& ***!
-  \*******************************************************************************/
+  \*****************************************************************************/
 /*! 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_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_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_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_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_List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/19.js

@@ -1,14 +1,24 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[19],{
 
-/***/ "./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/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& ***!
+  !*** ./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__) {
 
 "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); }); }; }
+
 //
 //
 //
@@ -95,64 +105,90 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
+
-//
+
-//
+/* 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);
-//
+
-/* harmony default export */ __webpack_exports__["default"] = ({//
+              case 3:
+                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/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/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& ***!
+  !*** ./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__) {
@@ -166,256 +202,246 @@ 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": "", fluid: "" } },
         [
           _c(
-            "v-flex",
+            "material-card",
-            { attrs: { xs12: "", md8: "" } },
+            { attrs: { color: "black", title: "My Info" } },
             [
               _c(
-                "material-card",
+                "v-layout",
                 {
-                  attrs: {
+                  staticClass: "px-5 my-3",
-                    color: "green",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                    title: "Edit Profile",
-                    text: "Complete your profile"
-                  }
                 },
                 [
                   _c(
-                    "v-form",
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
                     [
-                      _c(
+                      _c("v-text-field", {
-                        "v-container",
+                        staticClass: "pa-2",
-                        { attrs: { "py-0": "" } },
+                        attrs: {
-                        [
+                          name: "name",
-                          _c(
+                          label: "Name",
-                            "v-layout",
+                          color: "black",
-                            { attrs: { wrap: "" } },
+                          rules: [_vm.rules.required, _vm.rules.counter]
-                            [
+                        },
-                              _c(
+                        model: {
-                                "v-flex",
+                          value: _vm.user.name,
-                                { attrs: { xs12: "", md4: "" } },
+                          callback: function($$v) {
-                                [
+                            _vm.$set(_vm.user, "name", $$v)
-                                  _c("v-text-field", {
+                          },
-                                    attrs: {
+                          expression: "user.name"
-                                      label: "Company (disabled)",
+                        }
-                                      disabled: ""
+                      })
-                                    }
+                    ],
-                                  })
+                    1
-                                ],
+                  ),
-                                1
+                  _vm._v(" "),
-                              ),
+                  _c(
-                              _vm._v(" "),
+                    "v-flex",
-                              _c(
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                                "v-flex",
+                    [
-                                { attrs: { xs12: "", md4: "" } },
+                      _c("v-select", {
-                                [
+                        staticClass: "pa-2",
-                                  _c("v-text-field", {
+                        attrs: {
-                                    staticClass: "purple-input",
+                          items: _vm.items,
-                                    attrs: { label: "User Name" }
+                          label: "Gender",
-                                  })
+                          name: "gender",
-                                ],
+                          "single-line": "",
-                                1
+                          rules: [_vm.rules.required],
-                              ),
+                          color: "black"
-                              _vm._v(" "),
+                        },
-                              _c(
+                        model: {
-                                "v-flex",
+                          value: _vm.user.gender,
-                                { attrs: { xs12: "", md4: "" } },
+                          callback: function($$v) {
-                                [
+                            _vm.$set(_vm.user, "gender", $$v)
-                                  _c("v-text-field", {
+                          },
-                                    staticClass: "purple-input",
+                          expression: "user.gender"
-                                    attrs: { label: "Email Address" }
+                        }
-                                  })
+                      })
-                                ],
+                    ],
-                                1
+                    1
-                              ),
+                  ),
-                              _vm._v(" "),
+                  _vm._v(" "),
-                              _c(
+                  _c(
-                                "v-flex",
+                    "v-flex",
-                                { attrs: { xs12: "", md6: "" } },
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                                [
+                    [
-                                  _c("v-text-field", {
+                      _c("v-text-field", {
-                                    staticClass: "purple-input",
+                        staticClass: "pa-2",
-                                    attrs: { label: "First Name" }
+                        attrs: {
-                                  })
+                          name: "cellnumber",
-                                ],
+                          label: "Cell Number",
-                                1
+                          mask: "0### ### ####",
-                              ),
+                          color: "black",
-                              _vm._v(" "),
+                          disabled: ""
-                              _c(
+                        },
-                                "v-flex",
+                        model: {
-                                { attrs: { xs12: "", md6: "" } },
+                          value: _vm.user.cell_number,
-                                [
+                          callback: function($$v) {
-                                  _c("v-text-field", {
+                            _vm.$set(_vm.user, "cell_number", $$v)
-                                    staticClass: "purple-input",
+                          },
-                                    attrs: { label: "Last Name" }
+                          expression: "user.cell_number"
-                                  })
+                        }
-                                ],
+                      })
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md12: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "Adress" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "City" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: { label: "Country" }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", md4: "" } },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "purple-input",
-                                    attrs: {
-                                      label: "Postal Code",
-                                      type: "number"
-                                    }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "" } },
-                                [
-                                  _c("v-textarea", {
-                                    staticClass: "purple-input",
-                                    attrs: {
-                                      label: "About Me",
-                                      value:
-                                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
-                                    }
-                                  })
-                                ],
-                                1
-                              ),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs12: "", "text-xs-right": "" } },
-                                [
-                                  _c(
-                                    "v-btn",
-                                    {
-                                      staticClass: "mx-0 font-weight-light",
-                                      attrs: { color: "success" }
-                                    },
-                                    [
-                                      _vm._v(
-                                        "\n                  Update Profile\n                "
-                                      )
-                                    ]
-                                  )
-                                ],
-                                1
-                              )
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      )
                     ],
                     1
                   )
                 ],
                 1
-              )
+              ),
-            ],
+              _vm._v(" "),
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "v-flex",
-            { attrs: { xs12: "", md4: "" } },
-            [
               _c(
-                "material-card",
+                "v-layout",
-                { staticClass: "v-card-profile" },
+                {
+                  staticClass: "px-5 mb-3",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                },
                 [
                   _c(
-                    "v-avatar",
+                    "v-flex",
-                    {
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                      staticClass: "mx-auto d-block",
+                    [
-                      attrs: { slot: "offset", size: "130" },
+                      _c("v-text-field", {
-                      slot: "offset"
+                        staticClass: "px-2",
-                    },
+                        staticStyle: { "padding-top": "75px" },
-                    [_c("img", { attrs: { src: "/img/" } })]
+                        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-card-text",
+                    "v-flex",
-                    { staticClass: "text-xs-center" },
+                    { attrs: { xs12: "", sm8: "", md8: "" } },
                     [
-                      _c(
+                      _c("v-textarea", {
-                        "h6",
+                        staticClass: "pa-2",
-                        {
+                        attrs: {
-                          staticClass:
+                          color: "black",
-                            "category text-gray font-weight-thin mb-3"
+                          rules: [_vm.rules.counter],
+                          name: "address"
                         },
-                        [_vm._v("CEO / CO-FOUNDER")]
+                        scopedSlots: _vm._u([
-                      ),
+                          {
-                      _vm._v(" "),
+                            key: "label",
-                      _c(
+                            fn: function() {
-                        "h4",
+                              return [_c("div", [_vm._v("Address")])]
-                        { staticClass: "card-title font-weight-light" },
+                            },
-                        [_vm._v("Alec Thompson")]
+                            proxy: true
-                      ),
+                          }
-                      _vm._v(" "),
+                        ]),
-                      _c(
+                        model: {
-                        "p",
+                          value: _vm.user.address,
-                        { staticClass: "card-description font-weight-light" },
+                          callback: function($$v) {
-                        [
+                            _vm.$set(_vm.user, "address", $$v)
-                          _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..."
+                          expression: "user.address"
-                          )
+                        }
-                        ]
+                      })
-                      ),
+                    ],
-                      _vm._v(" "),
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  attrs: {
+                    row: "",
+                    wrap: "",
+                    "justify-center": "",
+                    "align-center": ""
+                  }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    {
+                      staticClass: "text-md-center text-xs-center",
+                      attrs: { xs12: "", md2: "", sm2: "" }
+                    },
+                    [
                       _c(
                         "v-btn",
                         {
-                          staticClass: "font-weight-light",
+                          staticClass: "WM-CyanBlueGradient-BG",
-                          attrs: { color: "success", round: "" }
+                          staticStyle: { padding: "10px 60px" },
+                          on: {
+                            click: function($event) {
+                              return _vm.saveInfo()
+                            }
+                          }
                         },
-                        [_vm._v("Follow")]
+                        [
+                          _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
@@ -440,18 +466,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/UserProfile.vue":
+/***/ "./resources/js/vue/views/User/MyInfo.vue":
 /*!************************************************!*\
-  !*** ./resources/js/vue/views/UserProfile.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 _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_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_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 _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");
+/* 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 +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"])(
-  _UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _UserProfile_vue_vue_type_template_id_47383346___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -472,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/UserProfile.vue"
+component.options.__file = "resources/js/vue/views/User/MyInfo.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/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& ***!
   \*************************************************************************/
 /*! 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_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_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_MyInfo_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/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& ***!
   \*******************************************************************************/
 /*! 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_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_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_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_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_MyInfo_vue_vue_type_template_id_67cde174___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] {\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", ""]);
+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", ""]);
 
 
 

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

public/mix-manifest.json

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

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 {\n  z-index: 0;\n}\n", ""]);
+exports.push([module.i, "\n#core-footer {\r\n  z-index: 0;\n}\r\n", ""]);
 
 
 
@@ -62696,7 +62696,7 @@ var UserService = {
                 },
                 auth: {
                   username: "2",
-                  password: "r46iu0QJFTrC30H0fEoBbxTGmbJQjjOlSQYFYS7w"
+                  password: "vAhCu2Y4mxfjlr8uTSxpBmjn2rWPIEolnr73ETAE"
                 }
               };
               _context.prev = 1;
@@ -62756,7 +62756,7 @@ var UserService = {
                 },
                 auth: {
                   username: "2",
-                  password: "r46iu0QJFTrC30H0fEoBbxTGmbJQjjOlSQYFYS7w"
+                  password: "vAhCu2Y4mxfjlr8uTSxpBmjn2rWPIEolnr73ETAE"
                 }
               };
               _context2.prev = 1;
@@ -62811,7 +62811,7 @@ var UserService = {
                 },
                 auth: {
                   username: "2",
-                  password: "r46iu0QJFTrC30H0fEoBbxTGmbJQjjOlSQYFYS7w"
+                  password: "vAhCu2Y4mxfjlr8uTSxpBmjn2rWPIEolnr73ETAE"
                 }
               };
               _context3.prev = 1;
@@ -62865,7 +62865,7 @@ var UserService = {
                 },
                 auth: {
                   username: "2",
-                  password: "r46iu0QJFTrC30H0fEoBbxTGmbJQjjOlSQYFYS7w"
+                  password: "vAhCu2Y4mxfjlr8uTSxpBmjn2rWPIEolnr73ETAE"
                 }
               };
               _context4.prev = 2;
@@ -64008,15 +64008,15 @@ var map = {
 	],
 	"./User/List.vue": [
 		"./resources/js/vue/views/User/List.vue",
-		17
+		18
 	],
 	"./User/MyInfo.vue": [
 		"./resources/js/vue/views/User/MyInfo.vue",
-		18
+		19
 	],
 	"./UserProfile.vue": [
 		"./resources/js/vue/views/UserProfile.vue",
-		19
+		17
 	]
 };
 function webpackAsyncContext(req) {
@@ -64048,7 +64048,7 @@ module.exports = webpackAsyncContext;
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(/*! /home/saeid/Projects/Git/CSSD/resources/js/vue/main.js */"./resources/js/vue/main.js");
+module.exports = __webpack_require__(/*! D:\Atom\Git\Laravel_CSSD\resources\js\vue\main.js */"./resources/js/vue/main.js");
 
 
 /***/ })

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

@@ -1,9 +1,7 @@
 <template>
   <v-form ref="form">
     <v-container grid-list-xs>
-      <material-card
+      <material-card color="black" title="Submit Test Result">
-        color="black"
-        title="Submit Test Result">
         <v-layout align-center justify-center wrap class="px-5 my-3">
           <v-flex xs12 sm4 md4>
             <v-autocomplete
@@ -25,7 +23,11 @@
             ></v-text-field>
           </v-flex>
           <v-flex xs12 md2 sm2 class="text-xs-center text-sm-center text-md-center">
-            <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black" @click="selectTestType" style="padding:10px 60px;">
+            <v-btn
+              class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+              @click="selectTestType"
+              style="padding:10px 60px;"
+            >
               <v-icon class="black--text mr-2 caption">fas fa-chevron-right</v-icon>
               <span class="black--text">GO</span>
             </v-btn>
@@ -70,15 +72,49 @@
               class="pa-2"
               item-text="title"
             ></v-select>
-            <template v-if="item.type == 'CheckBox'">
+            <v-container fluid v-if="item.type == 'Checkbox'">
               <p>{{ item.name }}</p>
-              <v-container  fluid v-for="(optionValue, keyOption) in item.options" :key="keyOption">
+              <v-checkbox
-                <v-checkbox :label="option.title" v-model="form.data[key][item.name]" :value="optionValue"></v-checkbox>
+                v-for="(optionValue, keyOption) in item.options"
-              </v-container>
+                :key="keyOption"
+                :label="optionValue.title"
+                v-model="item[item.name]"
+                :value="optionValue.title"
+              ></v-checkbox>
+            </v-container>
+            <template v-if="item.type == 'Form'">
+              <v-layout row wrap>
+                <h3>{{ item.name }}</h3>
+                <v-flex v-for="(children, keyChildren) in item.children" :key="keyChildren">
+                  <v-text-field
+                    v-if="children.type == 'Text'"
+                    v-model="children[children.name]"
+                    :label="children.name"
+                    color="black"
+                    class="pa-2"
+                  ></v-text-field>
+                  <v-select
+                    v-if="children.type == 'Select'"
+                    :items="children.options"
+                    v-model="children[children.name]"
+                    :label="children.name"
+                    color="black"
+                    class="pa-2"
+                    item-text="title"
+                  ></v-select>
+                  <v-container fluid v-if="children.type == 'Checkbox'">
+                    <p>{{ children.name }}</p>
+                    <v-checkbox
+                      v-for="(optionValue, keyOption) in children.options"
+                      :key="keyOption"
+                      :label="optionValue.title"
+                      v-model="children[children.name]"
+                      :value="optionValue.title"
+                    ></v-checkbox>
+                  </v-container>
+                </v-flex>
+              </v-layout>
             </template>
-            <!-- <template v-if="item.type == 'Form'">
-
-            </template> -->
           </v-flex>
         </v-layout>
         <v-layout row wrap class="px-5 my-3">
@@ -96,7 +132,7 @@
             </v-btn>
           </router-link>
         </v-layout>
-     </material-card>
+      </material-card>
     </v-container>
   </v-form>
 </template>
@@ -105,28 +141,23 @@ import { ApiService } from "@/services";
 import { urls } from "@/config/urls";
 export default {
   data: () => ({
-    result: [
+    result: ["Accept", "Reject"],
-      'Accept',
-      'Reject',
-    ],
     testTypeNames: [],
-    searchInput: '',
+    searchInput: "",
     form: {
-      autoclave_id: '',
+      autoclave_id: "",
-      result: '',
+      result: "",
-      data: [
+      data: []
-
-      ]
     },
     filter: {
-      name:'',
+      name: "",
-      unique_code:''
+      unique_code: ""
     }
   }),
   created() {
     this.load();
   },
-  methods:{
+  methods: {
     async load() {
       const result = await ApiService.get(urls.listTestTypeName);
       this.testTypeNames = result.data.data;
@@ -138,5 +169,5 @@ export default {
       }
     }
   }
-}
+};
 </script>

routes/api.php

@@ -25,7 +25,7 @@ Route::get('TestTypes/ListNames', 'TestTypeController@listNames');
 Route::resource('TestTypes', 'TestTypeController');
 Route::resource('TestResults', 'TestResultController');
 Route::resource('MedicalCenters', 'MedicalCenterController');
-Route::post('/GetInputs', 'TestTypeController@GetInputs');
+Route::post('/GetInputs', 'TestTypeController@getInputs');
 
 Route::get('/GetInfo', 'UserController@getInfo')->middleware('auth:api');
 Route::get('Users/MedicalCenter/{MedicalCenter}', 'UserController@getByMedicalCenter')->middleware('auth:api');