Next Edit

app/Http/Controllers/MedicalCenterController.php

@@ -22,7 +22,7 @@ class MedicalCenterController extends Controller
 
     public function store(StoreMedicalCenterRequest $request)
     {
-        MedicalCenter::create($request->all());
+        $MedicalCenter = MedicalCenter::create($request->all());
         return response()->json(trans('messages.success'));
     }
 

app/Http/Controllers/TestTypeController.php

@@ -16,6 +16,12 @@ class TestTypeController extends Controller
         return \MessageResponse::data($TestTypes);
     }
 
+    public function listNames()
+    {
+        $TestTypes = TestType::pluck('name');
+        return \MessageResponse::data($TestTypes);
+    }
+
     public function create()
     {
         //
@@ -49,6 +55,7 @@ class TestTypeController extends Controller
         return $InputObj;
 
     }
+
     public function CreateChildForm($Input,$TestType,$InputObj)
     {
         if (isset($Input['children'])) {
@@ -60,6 +67,7 @@ class TestTypeController extends Controller
             }
         }
     }
+
     public function store(StoreTestTypeRequest $request)
     {
         try {
@@ -96,12 +104,13 @@ class TestTypeController extends Controller
 
     //////////////////////////////////////////////////////////////////////////////////////////////////
     //////////////////////////////////////////////////////////////////////////////////////////////////
-    ///////////////////////             Edit TestType                      /////////////////////////
+    ///////////////////////             Edit TestType                      ///////////////////////////
     //////////////////////////////////////////////////////////////////////////////////////////////////
     //////////////////////////////////////////////////////////////////////////////////////////////////
 
     public function CreateInputInfo($Input)
     {
+        $Options = [];
         //------------------------------------------------------Input
         $InputInfo = [
             'id' => $Input->id,
@@ -157,6 +166,7 @@ class TestTypeController extends Controller
     // }
     public function CreateChildFormInfo($Input,$InputInfo)
     {
+        $Children = [];
         foreach ($Input['children'] as $InputChild) {
 
             $ChildInfo = $this->CreateInputInfo($InputChild);
@@ -211,37 +221,73 @@ class TestTypeController extends Controller
             'test_type_id' => $TestType->id,
             'parent_id' => $ParentID
         ];
-        $InputObj = Input::where('id',$Input['id'])->update($InputData);
+        Input::where('id',$Input['id'])->update($InputData);
+        $InputObj = Input::findOrFail($Input['id']);
         //---------------------------------------------Input
         //---------------------------------------------Option
         if ($Input['type'] == 'Checkbox' || $Input['type'] == 'Select') {
+
+
+            //**************************
+            $DeletedOptionIDs = $InputObj->options->pluck('id')->toArray();
+            //**************************
+
             foreach ($Input['options'] as $Option) {
                 if ($Option['id'] == 0) {//--new
                     $Option = Option::create(['title' => $Option['title'] , 'input_id' => $Input['id'] ]);
                 }
                 else {
+                    //**************************
+                    if(in_array($Option['id'],$DeletedOptionIDs)){
+                        foreach ($DeletedOptionIDs as $index=>$DeletedOptionID){
+                            if($DeletedOptionID == $Option['id']){
+                                unset($DeletedOptionIDs[$index]);
+                            }
+                        }
+                    }
+                    //****************************
                     $Option = Option::where('id', $Option['id'])->update(['title' => $Option['title'] ]);
                 }
             }
+
+            //**************************
+            foreach ($DeletedOptionIDs as $DeletedOptionID){
+                $DeletedOption = Option::findOrFail($DeletedOptionID);
+                $DeletedOption->delete();
+            }
+            //**************************
         }
         //---------------------------------------------Option
-// dd($Input);
         return $Input;
-
     }
+
     public function UpdateChildForm($Input,$TestType,$InputObj)
     {
+        //**********************************
+        $InputObject = Input::findOrFail($InputObj['id']);//$InputObj['id'] OR $Input['id']???????
+        // dd($InputObject);
+        $DeletedChildIDs = $InputObject->children->pluck('id')->toArray();
+        //**********************************
+
         if (isset($Input['children'])) {
             foreach ($Input['children'] as $InputChild) {
                 if ($InputChild['id'] == 0) {//--newChild
 
-                    $InputChildObj = $this->CreateInput($InputChild,$TestType,$InputObj->id);
+                    $InputChildObj = $this->CreateInput($InputChild,$TestType,$InputObj['id']);
                     if (isset($InputChild['children'])) {
                         $this->CreateChildForm($InputChild,$TestType,$InputChildObj);
                     }
                 }
                 else {
-                    // dd($InputObj);
+                    //******************************
+                    if(in_array($InputChild['id'],$DeletedChildIDs)){
+                        foreach ($DeletedChildIDs as $index=>$DeletedChildID){
+                            if($DeletedChildID == $InputChild['id']){
+                                unset($DeletedChildIDs[$index]);
+                            }
+                        }
+                    }
+                    //******************************
                     $InputChildObj = $this->UpdateInput($InputChild,$TestType,$InputObj['id']);
                     if (isset($InputChild['children'])) {
                         $this->UpdateChildForm($InputChild,$TestType,$InputChildObj);
@@ -249,34 +295,74 @@ class TestTypeController extends Controller
                 }
 
             }
+            //*****************************
+            foreach ($DeletedChildIDs as $DeletedChildID){
+                $DeletedChild = Input::findOrFail($DeletedChildID);
+                $DeletedChild->options()->delete();
+                foreach ($DeletedChild->children as $DeletedChild1) {
+                    $DeletedChild1->options()->delete();
+                    $DeletedChild1->delete();
+                }
+                // $DeletedChild->children()->delete();
+                $DeletedChild->delete();
+            }
+            //*****************************
         }
     }
 
     public function update(StoreTestTypeRequest $request, TestType $TestType)
     {
-        // dd($request->all());
         $TestTypeData = [
             'name' => $request['name'],
             'unique_code' => $request['unique_code'],
         ];
         $TestType->update($TestTypeData);
         $TestTypeInfo = $request['info'];
+        $DeletedInputIDs = $TestType->inputs->where('parent_id',null)->pluck('id')->toArray();
 
         foreach ($TestTypeInfo as $Input) {
             if ($Input['id'] == 0) {//--new
                 $InputObj = $this->CreateInput($Input,$TestType);
             }
             else {
+                //**************************
+                if(in_array($Input['id'],$DeletedInputIDs)){
+                    foreach ($DeletedInputIDs as $index=>$DeletedInputID){
+                        if($DeletedInputID == $Input['id']){
+                            unset($DeletedInputIDs[$index]);
+                        }
+                    }
+                }
+                //****************************
                 $InputObj = $this->UpdateInput($Input,$TestType);
-                // dd($InputObj);
             }
             if ($Input['type'] == 'Form') {
                 $this->UpdateChildForm($Input,$TestType,$InputObj);
             }
         }
+
+        //******************************
+        foreach ($DeletedInputIDs as $DeletedInputID){
+            $DeletedInput = Input::findOrFail($DeletedInputID);
+            $DeletedInput->options()->delete();
+            foreach ($DeletedInput->children as $DeletedInput1) {
+                $DeletedInput1->options()->delete();
+                $DeletedInput1->delete();
+            }
+            // $DeletedInput->children()->delete();
+            $DeletedInput->delete();
+        }
+        //******************************
+
         return \MessageResponse::success(null,trans('messages.update'));
     }
 
+    /////////////////////////////////////////////////////////////////////////////////////
+    public function GetInputs($id)
+    {
+        $Inputs = Input::select('id','name','type','size','parent_id')->with('options','children','children.options')->whereNull('parent_id')->where('test_type_id',$id)->get();
+        return \MessageResponse::data($Inputs);
+    }
     public function destroy($id)
     {
         //

app/Http/Requests/StoreMedicalCenterRequest.php

@@ -1,106 +1,53 @@
 <?php␍
 ␍
-
-
 namespace App\Http\Requests;␍
 ␍
-
-
 use App\MedicalCenter;␍
-
 use Illuminate\Validation\Rule;␍
-
 use Illuminate\Foundation\Http\FormRequest;␍
-
 use Illuminate\Contracts\Validation\Validator;␍
 ␍
 ␍
-
-
-
 class StoreMedicalCenterRequest extends FormRequest␍
-
 {␍
-
     public function authorize()␍
-
     {␍
-
         if ($this->method() == 'POST') {␍
-
             return auth('api')->check() &&  auth('api')->user()->can('store', MedicalCenter::class);␍
-
         } else {␍
-
             $MedicalCenter = $this->route('MedicalCenter');␍
-
             return auth('api')->check() && $MedicalCenter && auth('api')->user()->can('update', $MedicalCenter);␍
-
         }␍
-
     }␍
 ␍
-
-
     public function rules()␍
-
     {␍
-
         switch ($this->method()) {␍
-
             case 'POST': {␍
-
                 return [␍
-
                     'name' => 'required|max:100|unique:medical_centers',␍
-
                     // 'operatores.*.name'=>'required|string|max:255',␍
-
                     // 'operatores.*.cell_number'=>'required|digits_between:10,11|unique:users',␍
-
                     // 'operatores.*.password'=>'required|string|min:6',␍
-
                 ];␍
-
                 break;␍
-
             }␍
-
             case 'PUT':␍
-
             case 'PATCH': {␍
-
                 $MedicalCenter =  $this->route('MedicalCenter');␍
-
                 return [␍
-
                     'name' => 'required|max:100|unique:medical_centers,id,'.$MedicalCenter->id,␍
-
                     // 'operatores.*.name'=>'required|string|max:255',␍
-
                     // 'operatores.*.cell_number'=>'required|digits_between:10,11|unique:users',␍
-
                     // 'operatores.*.password'=>'required|string|min:6',␍
-
                 ];␍
-
                 break;␍
 ␍
-
-
             }␍
-
             default:␍
-
                 break;␍
-
         }␍
 ␍
-
-
     }␍
 ␍
-
-
 }␍
-

public/12.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[12],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************************!*\
+/*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************************/
+  \************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -12,13 +12,18 @@ __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");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_3__ = __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); }); }; }
 
+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; }
+
 //
 //
 //
@@ -56,22 +61,85 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      medicalCenter: {
+      headers: [{
-        name: ""
+        sortable: true,
-      },
+        text: "Operator Name",
-      rules: {
+        value: "name"
-        required: function required(value) {
+      }, {
-          return !!value || "Required.";
+        sortable: false,
-        },
+        text: "Role",
-        counter: function counter(value) {
+        value: "role"
-          return value.length <= 30 || "Max 30 characters";
+      }, {
-        }
+        sortable: false,
-      }
+        text: "Number",
+        value: "number"
+      }, {
+        sortable: false,
+        text: "Status",
+        value: "status"
+      }, {
+        sortable: false,
+        text: "Action",
+        value: "action",
+        align: "right"
+      }],
+      items: [],
+      name: ""
     };
   },
   created: function created() {
@@ -79,22 +147,30 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
       this.load(this.$route.params.medicalCenter);
     }
   },
-  methods: {
+  methods: _objectSpread({
     load: function () {
       var _load = _asyncToGenerator(
       /*#__PURE__*/
-      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee(id) {
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee(medicalCenterId) {
         var result;
         return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
                 _context.next = 2;
-                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get("MedicalCenters/".concat(id, "/edit"));
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].listOpertorMedicalCenter(medicalCenterId));
 
               case 2:
                 result = _context.sent;
-                this.medicalCenter = result.data.MedicalCenter;
+
+                if (result && result.status == 200) {
+                  this.items = result.data.data.users;
+                  this.name = result.data.data.name;
+                } else {
+                  this.$router.push({
+                    name: "Dashboard"
+                  });
+                }
 
               case 4:
               case "end":
@@ -110,70 +186,182 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
       return load;
     }(),
-    AddMedicalCenter: function () {
+    changeStatus: function () {
-      var _AddMedicalCenter = _asyncToGenerator(
+      var _changeStatus = _asyncToGenerator(
       /*#__PURE__*/
-      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2() {
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(userId) {
-        var result;
+        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:
-                if (!this.$refs.form.validate()) {
+                _context2.next = 2;
-                  _context2.next = 11;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].changeStatusUser(userId));
-                  break;
-                }
 
-                if (!this.$route.params.medicalCenter) {
+              case 2:
-                  _context2.next = 7;
-                  break;
-                }
-
-                _context2.next = 4;
-                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].put(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].updateMedicalCenter(this.$route.params.medicalCenter), this.medicalCenter);
-
-              case 4:
                 result = _context2.sent;
-                _context2.next = 10;
+
+                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 7:
+              case 11:
-                _context2.next = 9;
+                _context2.prev = 11;
-                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].storeMedicalCenter, this.medicalCenter);
+                _context2.t0 = _context2["catch"](7);
+                _didIteratorError = true;
+                _iteratorError = _context2.t0;
 
-              case 9:
+              case 15:
-                result = _context2.sent;
+                _context2.prev = 15;
+                _context2.prev = 16;
 
-              case 10:
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                if (result && result.status == 200) {
+                  _iterator.return();
-                  this.$router.push({
-                    name: "ManageMedicalCenter"
-                  });
                 }
 
-              case 11:
+              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);
+        }, _callee2, this, [[7, 11, 15, 23], [16,, 18, 22]]);
       }));
 
-      function AddMedicalCenter() {
+      function changeStatus(_x2) {
-        return _AddMedicalCenter.apply(this, arguments);
+        return _changeStatus.apply(this, arguments);
       }
 
-      return AddMedicalCenter;
+      return changeStatus;
     }()
+  }, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["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_1__["ApiService"].delete(_config_urls__WEBPACK_IMPORTED_MODULE_3__["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(_x3) {
+        return _remove.apply(this, arguments);
+      }
+
+      return remove;
+    }()
+  }),
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["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/MedicalCenter/AddEdit.vue?vue&type=template&id=7e71354a&scoped=true&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a&":
-/*!***********************************************************************************************************************************************************************************************************************************!*\
+/*!****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=template&id=7e71354a&scoped=true& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a& ***!
-  \***********************************************************************************************************************************************************************************************************************************/
+  \****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -186,42 +374,80 @@ 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": "" } },
+        {
+          attrs: {
+            color: "black",
+            title: "Operator List " + _vm.name,
+            text: ""
+          }
+        },
         [
           _c(
-            "material-card",
+            "v-layout",
-            {
+            { staticClass: "px-5 mb-3", attrs: { row: "", wrap: "" } },
-              attrs: { color: "black", title: "Add Medical Center", text: "" }
-            },
             [
               _c(
-                "v-layout",
+                "v-flex",
-                { staticClass: "px-5 mb-3", attrs: { row: "", wrap: "" } },
+                { attrs: { xs12: "", md3: "", xs3: "" } },
+                [
+                  _c("v-text-field", {
+                    staticClass: "pa-2",
+                    attrs: {
+                      name: "Name",
+                      label: "Name",
+                      color: "black",
+                      id: "id"
+                    }
+                  })
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md3: "", xs3: "" } },
+                [
+                  _c("v-text-field", {
+                    staticClass: "pa-2",
+                    attrs: {
+                      name: "cell_number",
+                      label: "Cell Number",
+                      color: "black",
+                      id: "id"
+                    }
+                  })
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                {
+                  staticClass: "text-xs-right",
+                  attrs: { xs12: "", md2: "", sm2: "" }
+                },
                 [
                   _c(
-                    "v-flex",
+                    "v-btn",
-                    { attrs: { xs12: "", md3: "", xs3: "" } },
+                    {
+                      staticClass: "WM-CyanBlueGradient-BG",
+                      staticStyle: { padding: "10px 60px" }
+                    },
                     [
-                      _c("v-text-field", {
+                      _c(
-                        staticClass: "pa-2",
+                        "v-icon",
-                        attrs: {
+                        { staticClass: "white--text mr-2 caption" },
-                          label: "Name",
+                        [_vm._v("fas fa-search")]
-                          color: "black",
+                      ),
-                          rules: [_vm.rules.required, _vm.rules.counter]
+                      _vm._v(" "),
-                        },
+                      _c("span", { staticClass: "white--text" }, [
-                        model: {
+                        _vm._v("Filter")
-                          value: _vm.medicalCenter.name,
+                      ])
-                          callback: function($$v) {
-                            _vm.$set(_vm.medicalCenter, "name", $$v)
-                          },
-                          expression: "medicalCenter.name"
-                        }
-                      })
                     ],
                     1
                   )
@@ -229,72 +455,38 @@ var render = function() {
                 1
               ),
               _vm._v(" "),
+              _c("v-spacer"),
+              _vm._v(" "),
               _c(
-                "v-layout",
+                "v-flex",
                 {
-                  staticClass: "mt-3",
+                  staticClass: "text-xs-right",
-                  attrs: {
+                  attrs: { xs12: "", md2: "", sm2: "" }
-                    row: "",
-                    wrap: "",
-                    "align-center": "",
-                    "justify-center": ""
-                  }
                 },
                 [
-                  _c(
-                    "v-btn",
-                    {
-                      staticClass: "WM-CyanBlueGradient-BG",
-                      staticStyle: { padding: "10px 60px" },
-                      on: { click: _vm.AddMedicalCenter }
-                    },
-                    [
-                      _vm.$route.params.medicalCenter
-                        ? [
-                            _c(
-                              "v-icon",
-                              { staticClass: "white--text mr-2 caption" },
-                              [_vm._v("fas fa-edit")]
-                            ),
-                            _vm._v(" "),
-                            _c("span", { staticClass: "white--text" }, [
-                              _vm._v("Edit")
-                            ])
-                          ]
-                        : [
-                            _c(
-                              "v-icon",
-                              { staticClass: "white--text mr-2 caption" },
-                              [_vm._v("fas fa-plus")]
-                            ),
-                            _vm._v(" "),
-                            _c("span", { staticClass: "white--text" }, [
-                              _vm._v("Add")
-                            ])
-                          ]
-                    ],
-                    2
-                  ),
-                  _vm._v(" "),
                   _c(
                     "router-link",
-                    { attrs: { to: { name: "ManageMedicalCenter" } } },
+                    {
+                      attrs: {
+                        to: "/add-operator/" + _vm.$route.params.medicalCenter
+                      }
+                    },
                     [
                       _c(
                         "v-btn",
                         {
                           staticClass:
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
                         },
                         [
                           _c(
                             "v-icon",
                             { staticClass: "black--text mr-2 caption" },
-                            [_vm._v("fas fa-chevron-left")]
+                            [_vm._v("fas fa-plus")]
                           ),
                           _vm._v(" "),
                           _c("span", { staticClass: "black--text" }, [
-                            _vm._v("Back")
+                            _vm._v("Add")
                           ])
                         ],
                         1
@@ -307,6 +499,236 @@ var render = function() {
               )
             ],
             1
+          ),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "px-5 mt-3",
+              attrs: {
+                row: "",
+                "align-center": "",
+                "justify-center": "",
+                wrap: ""
+              }
+            },
+            [
+              _c(
+                "v-flex",
+                { attrs: { md12: "" } },
+                [
+                  _c("v-data-table", {
+                    attrs: {
+                      headers: _vm.headers,
+                      items: _vm.items,
+                      "hide-actions": ""
+                    },
+                    scopedSlots: _vm._u([
+                      {
+                        key: "headerCell",
+                        fn: function(ref) {
+                          var header = ref.header
+                          return [
+                            _c("span", {
+                              staticClass:
+                                "subheading font-weight-light text-white text--darken-3",
+                              domProps: { textContent: _vm._s(header.text) }
+                            })
+                          ]
+                        }
+                      },
+                      {
+                        key: "items",
+                        fn: function(ref) {
+                          var item = ref.item
+                          return [
+                            _c(
+                              "td",
+                              { staticClass: "headline font-weight-light" },
+                              [_vm._v(_vm._s(item.name))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              _vm._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.cell_number))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.status))]
+                            ),
+                            _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-divider"),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "mt-3",
+              attrs: {
+                row: "",
+                wrap: "",
+                "align-center": "",
+                "justify-center": ""
+              }
+            },
+            [
+              _c(
+                "router-link",
+                { attrs: { to: "/manage-medical-center" } },
+                [
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass:
+                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                    },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "black--text mr-2 caption" },
+                        [_vm._v("fas fa-chevron-left")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "black--text" }, [
+                        _vm._v("Back")
+                      ])
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            1
           )
         ],
         1
@@ -322,17 +744,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/MedicalCenter/AddEdit.vue":
+/***/ "./resources/js/vue/views/MedicalCenter/OperatorList.vue":
-/*!**********************************************************!*\
+/*!***************************************************************!*\
-  !*** ./resources/js/vue/views/MedicalCenter/AddEdit.vue ***!
+  !*** ./resources/js/vue/views/MedicalCenter/OperatorList.vue ***!
-  \**********************************************************/
+  \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _AddEdit_vue_vue_type_template_id_7e71354a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AddEdit.vue?vue&type=template&id=7e71354a&scoped=true& */ "./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=template&id=7e71354a&scoped=true&");
+/* harmony import */ var _OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./OperatorList.vue?vue&type=template&id=a2d4b11a& */ "./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a&");
-/* harmony import */ var _AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AddEdit.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=script&lang=js&");
+/* harmony import */ var _OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./OperatorList.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -342,50 +764,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _AddEdit_vue_vue_type_template_id_7e71354a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _AddEdit_vue_vue_type_template_id_7e71354a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "7e71354a",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/MedicalCenter/AddEdit.vue"
+component.options.__file = "resources/js/vue/views/MedicalCenter/OperatorList.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************!*\
+/*!****************************************************************************************!*\
-  !*** ./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************/
+  \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddEdit.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./OperatorList.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=template&id=7e71354a&scoped=true&":
+/***/ "./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a&":
-/*!*****************************************************************************************************!*\
+/*!**********************************************************************************************!*\
-  !*** ./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=template&id=7e71354a&scoped=true& ***!
+  !*** ./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a& ***!
-  \*****************************************************************************************************/
+  \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_template_id_7e71354a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddEdit.vue?vue&type=template&id=7e71354a&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=template&id=7e71354a&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./OperatorList.vue?vue&type=template&id=a2d4b11a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_template_id_7e71354a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_template_id_7e71354a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/15.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[15],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
+/*!*******************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+  \*******************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -90,21 +90,71 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
-  name: "",
   data: function data() {
     return {
-      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4']
+      headers: [{
+        sortable: false,
+        text: 'Name',
+        value: 'name'
+      }, {
+        sortable: false,
+        text: 'Country',
+        value: 'country'
+      }, {
+        sortable: false,
+        text: 'City',
+        value: 'city'
+      }, {
+        sortable: false,
+        text: 'Salary',
+        value: 'salary',
+        align: 'right'
+      }],
+      items: [{
+        name: 'Dakota Rice',
+        country: 'Niger',
+        city: 'Oud-Tunrhout',
+        salary: '$35,738'
+      }, {
+        name: 'Minerva Hooper',
+        country: 'Curaçao',
+        city: 'Sinaai-Waas',
+        salary: '$23,738'
+      }, {
+        name: 'Sage Rodriguez',
+        country: 'Netherlands',
+        city: 'Overland Park',
+        salary: '$56,142'
+      }, {
+        name: 'Philip Chanley',
+        country: 'Korea, South',
+        city: 'Gloucester',
+        salary: '$38,735'
+      }, {
+        name: 'Doris Greene',
+        country: 'Malawi',
+        city: 'Feldkirchen in Kārnten',
+        salary: '$63,542'
+      }, {
+        name: 'Mason Porter',
+        country: 'Chile',
+        city: 'Gloucester',
+        salary: '$78,615'
+      }]
     };
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&":
-/*!******************************************************************************************************************************************************************************************************************************!*\
+/*!***********************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
-  \******************************************************************************************************************************************************************************************************************************/
+  \***********************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -117,218 +167,128 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
+    "v-container",
+    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
     [
       _c(
-        "v-container",
+        "v-layout",
-        { attrs: { "grid-list-xs": "" } },
+        { attrs: { "justify-center": "", wrap: "" } },
         [
           _c(
-            "material-card",
+            "v-flex",
-            { attrs: { color: "black", title: "Submit Test Result" } },
+            { attrs: { md12: "" } },
             [
               _c(
-                "v-layout",
+                "material-card",
                 {
-                  staticClass: "px-5 my-3",
+                  attrs: {
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                    color: "green",
+                    title: "Simple Table",
+                    text: "Here is a subtitle for this table"
+                  }
                 },
                 [
-                  _c(
+                  _c("v-data-table", {
-                    "v-flex",
+                    attrs: {
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                      headers: _vm.headers,
-                    [
+                      items: _vm.items,
-                      _c("v-select", {
+                      "hide-actions": ""
-                        staticClass: "pa-2",
-                        attrs: {
-                          items: _vm.items,
-                          label: "Choose Test Type",
-                          color: "black"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm3: "", md3: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "testcode",
-                          label: "Or Enter Test Code",
-                          id: "id",
-                          color: "black"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    {
-                      staticClass:
-                        "text-xs-center text-sm-center text-md-center",
-                      attrs: { xs12: "", md2: "", sm2: "" }
                     },
-                    [
+                    scopedSlots: _vm._u([
-                      _c(
+                      {
-                        "v-btn",
+                        key: "headerCell",
-                        {
+                        fn: function(ref) {
-                          staticClass:
+                          var header = ref.header
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black",
+                          return [
-                          staticStyle: { padding: "10px 60px" }
+                            _c("span", {
-                        },
+                              staticClass:
-                        [
+                                "subheading font-weight-light text-success text--darken-3",
-                          _c(
+                              domProps: { textContent: _vm._s(header.text) }
-                            "v-icon",
+                            })
-                            { staticClass: "black--text mr-2 caption" },
+                          ]
-                            [_vm._v("fas fa-chevron-right")]
+                        }
-                          ),
+                      },
-                          _vm._v(" "),
+                      {
-                          _c("span", { staticClass: "black--text" }, [
+                        key: "items",
-                            _vm._v("GO")
+                        fn: function(ref) {
-                          ])
+                          var item = ref.item
-                        ],
+                          return [
-                        1
+                            _c("td", [_vm._v(_vm._s(item.name))]),
-                      )
+                            _vm._v(" "),
-                    ],
+                            _c("td", [_vm._v(_vm._s(item.country))]),
-                    1
+                            _vm._v(" "),
-                  )
+                            _c("td", [_vm._v(_vm._s(item.city))]),
+                            _vm._v(" "),
+                            _c("td", { staticClass: "text-xs-right" }, [
+                              _vm._v(_vm._s(item.salary))
+                            ])
+                          ]
+                        }
+                      }
+                    ])
+                  })
                 ],
                 1
-              ),
+              )
-              _vm._v(" "),
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "v-flex",
+            { attrs: { md12: "" } },
+            [
               _c(
-                "v-layout",
+                "material-card",
-                { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
-                [_c("v-divider")],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
                 {
-                  staticClass: "px-5 my-3",
+                  attrs: {
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                    color: "green",
+                    flat: "",
+                    "full-width": "",
+                    title: "Table on Plain Background",
+                    text: "Here is a subtitle for this table"
+                  }
                 },
                 [
-                  _c(
+                  _c("v-data-table", {
-                    "v-flex",
+                    attrs: {
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                      headers: _vm.headers,
-                    [
+                      items: _vm.items.slice(0, 7),
-                      _c("v-text-field", {
+                      "hide-actions": ""
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "cssd",
-                          label: "ID CSSD",
-                          color: "black",
-                          id: "id"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "autoclave",
-                          label: "ID AutoClave",
-                          color: "black",
-                          id: "id"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-select", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          items: _vm.items,
-                          label: "Resualt",
-                          color: "black"
-                        }
-                      })
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
-                [_c("v-divider")],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "px-5 mt-2",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                },
-                [
-                  _c(
-                    "v-btn",
-                    {
-                      staticClass: "WM-CyanBlueGradient-BG",
-                      staticStyle: { padding: "10px 60px" }
                     },
-                    [
+                    scopedSlots: _vm._u([
-                      _c(
+                      {
-                        "v-icon",
+                        key: "headerCell",
-                        { staticClass: "white--text mr-2 caption" },
+                        fn: function(ref) {
-                        [_vm._v("fas fa-check")]
+                          var header = ref.header
-                      ),
+                          return [
-                      _vm._v(" "),
+                            _c("span", {
-                      _c("span", { staticClass: "white--text" }, [
+                              staticClass:
-                        _vm._v("SAVE")
+                                "subheading font-weight-light text--darken-3",
-                      ])
+                              domProps: { textContent: _vm._s(header.text) }
-                    ],
+                            })
-                    1
+                          ]
-                  ),
+                        }
-                  _vm._v(" "),
+                      },
-                  _c(
+                      {
-                    "router-link",
+                        key: "items",
-                    { attrs: { to: "/dashboard" } },
+                        fn: function(ref) {
-                    [
+                          var item = ref.item
-                      _c(
+                          return [
-                        "v-btn",
+                            _c("td", [_vm._v(_vm._s(item.name))]),
-                        {
+                            _vm._v(" "),
-                          staticClass:
+                            _c("td", [_vm._v(_vm._s(item.country))]),
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                            _vm._v(" "),
-                        },
+                            _c("td", [_vm._v(_vm._s(item.city))]),
-                        [
+                            _vm._v(" "),
-                          _c(
+                            _c("td", { staticClass: "text-xs-right" }, [
-                            "v-icon",
+                              _vm._v(_vm._s(item.salary))
-                            { staticClass: "black--text mr-2 caption" },
+                            ])
-                            [_vm._v("fas fa-chevron-left")]
+                          ]
-                          ),
+                        }
-                          _vm._v(" "),
+                      }
-                          _c("span", { staticClass: "black--text" }, [
+                    ])
-                            _vm._v("Back")
+                  })
-                          ])
-                        ],
-                        1
-                      )
-                    ],
-                    1
-                  )
                 ],
                 1
               )
@@ -349,17 +309,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SubmitTestResult.vue":
+/***/ "./resources/js/vue/views/TableList.vue":
-/*!*****************************************************!*\
+/*!**********************************************!*\
-  !*** ./resources/js/vue/views/SubmitTestResult.vue ***!
+  !*** ./resources/js/vue/views/TableList.vue ***!
-  \*****************************************************/
+  \**********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& */ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&");
+/* harmony import */ var _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TableList.vue?vue&type=template&id=27579e74& */ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&");
-/* harmony import */ var _SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SubmitTestResult.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&");
+/* harmony import */ var _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TableList.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -369,50 +329,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "6799764f",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/SubmitTestResult.vue"
+component.options.__file = "resources/js/vue/views/TableList.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
+/*!***********************************************************************!*\
-  !*** ./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/TableList.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+  \***********************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./SubmitTestResult.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./TableList.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&":
+/***/ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&":
-/*!************************************************************************************************!*\
+/*!*****************************************************************************!*\
-  !*** ./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& ***!
+  !*** ./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
-  \************************************************************************************************/
+  \*****************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./TableList.vue?vue&type=template&id=27579e74& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/16.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[16],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/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/TableList.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestResult/List.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************/
+  \*************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -93,68 +93,22 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
+//
-  data: function data() {
+//
-    return {
+//
-      headers: [{
+//
-        sortable: false,
+//
-        text: 'Name',
+//
-        value: 'name'
+//
-      }, {
+//
-        sortable: false,
+/* harmony default export */ __webpack_exports__["default"] = ({});
-        text: 'Country',
-        value: 'country'
-      }, {
-        sortable: false,
-        text: 'City',
-        value: 'city'
-      }, {
-        sortable: false,
-        text: 'Salary',
-        value: 'salary',
-        align: 'right'
-      }],
-      items: [{
-        name: 'Dakota Rice',
-        country: 'Niger',
-        city: 'Oud-Tunrhout',
-        salary: '$35,738'
-      }, {
-        name: 'Minerva Hooper',
-        country: 'Curaçao',
-        city: 'Sinaai-Waas',
-        salary: '$23,738'
-      }, {
-        name: 'Sage Rodriguez',
-        country: 'Netherlands',
-        city: 'Overland Park',
-        salary: '$56,142'
-      }, {
-        name: 'Philip Chanley',
-        country: 'Korea, South',
-        city: 'Gloucester',
-        salary: '$38,735'
-      }, {
-        name: 'Doris Greene',
-        country: 'Malawi',
-        city: 'Feldkirchen in Kārnten',
-        salary: '$63,542'
-      }, {
-        name: 'Mason Porter',
-        country: 'Chile',
-        city: 'Gloucester',
-        salary: '$78,615'
-      }]
-    };
-  }
-});
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&scoped=true&":
-/*!***********************************************************************************************************************************************************************************************************!*\
+/*!*****************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&scoped=true& ***!
-  \***********************************************************************************************************************************************************************************************************/
+  \*****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -167,128 +121,223 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-container",
+    "div",
-    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
+    {},
     [
       _c(
-        "v-layout",
+        "v-container",
-        { attrs: { "justify-center": "", wrap: "" } },
+        { attrs: { fluid: "" } },
         [
           _c(
-            "v-flex",
+            "material-card",
-            { attrs: { md12: "" } },
+            { attrs: { color: "black", title: "All Test Resualt", text: "" } },
             [
               _c(
-                "material-card",
+                "v-layout",
                 {
-                  attrs: {
+                  staticClass: "my-3",
-                    color: "green",
+                  attrs: { "align-center": "", wrap: "" }
-                    title: "Simple Table",
-                    text: "Here is a subtitle for this table"
-                  }
                 },
                 [
-                  _c("v-data-table", {
+                  _c(
-                    attrs: {
+                    "v-flex",
-                      headers: _vm.headers,
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
-                      items: _vm.items,
+                    [
-                      "hide-actions": ""
+                      _c("v-text-field", {
-                    },
+                        staticClass: "pa-2",
-                    scopedSlots: _vm._u([
+                        attrs: { label: "Name", color: "black" }
-                      {
+                      })
-                        key: "headerCell",
+                    ],
-                        fn: function(ref) {
+                    1
-                          var header = ref.header
+                  ),
-                          return [
+                  _vm._v(" "),
-                            _c("span", {
+                  _c(
-                              staticClass:
+                    "v-flex",
-                                "subheading font-weight-light text-success text--darken-3",
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
-                              domProps: { textContent: _vm._s(header.text) }
+                    [
-                            })
+                      _c("v-text-field", {
-                          ]
+                        staticClass: "pa-2",
-                        }
+                        attrs: { label: "Date", color: "black" }
-                      },
+                      })
-                      {
+                    ],
-                        key: "items",
+                    1
-                        fn: function(ref) {
+                  ),
-                          var item = ref.item
+                  _vm._v(" "),
-                          return [
+                  _c(
-                            _c("td", [_vm._v(_vm._s(item.name))]),
+                    "v-flex",
-                            _vm._v(" "),
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
-                            _c("td", [_vm._v(_vm._s(item.country))]),
+                    [
-                            _vm._v(" "),
+                      _c("v-text-field", {
-                            _c("td", [_vm._v(_vm._s(item.city))]),
+                        staticClass: "pa-2",
-                            _vm._v(" "),
+                        attrs: { label: "Hospital", color: "black" }
-                            _c("td", { staticClass: "text-xs-right" }, [
+                      })
-                              _vm._v(_vm._s(item.salary))
+                    ],
-                            ])
+                    1
-                          ]
+                  ),
-                        }
+                  _vm._v(" "),
-                      }
+                  _c(
-                    ])
+                    "v-flex",
-                  })
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass: "WM-CyanBlueGradient-BG",
+                          staticStyle: { padding: "10px 60px" }
+                        },
+                        [
+                          _c(
+                            "v-icon",
+                            { staticClass: "white--text mr-2 caption" },
+                            [_vm._v("fas fa-search")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "white--text" }, [
+                            _vm._v("Filter")
+                          ])
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
                 ],
                 1
-              )
+              ),
-            ],
+              _vm._v(" "),
-            1
+              _c("v-divider"),
-          ),
+              _vm._v(" "),
-          _vm._v(" "),
-          _c(
-            "v-flex",
-            { attrs: { md12: "" } },
-            [
               _c(
-                "material-card",
+                "v-layout",
                 {
+                  staticClass: "my-3",
+                  attrs: { "align-center": "", wrap: "" }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    { attrs: { xs1: "" } },
+                    [
+                      _c("v-card-title", [
+                        _c("div", [
+                          _c("div", [
+                            _vm._v("\n              222\n            ")
+                          ]),
+                          _vm._v(" "),
+                          _c("div", [
+                            _vm._v("\n              Test\n            ")
+                          ]),
+                          _vm._v(" "),
+                          _c("div", {}, [
+                            _vm._v("\n              1\n            ")
+                          ])
+                        ])
+                      ])
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs6: "" } },
+                    [
+                      _c("v-card-text", [
+                        _c("p", [
+                          _vm._v(
+                            "\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna\n          "
+                          )
+                        ])
+                      ])
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs4: "" } },
+                    [
+                      _c(
+                        "v-card-text",
+                        [
+                          _c(
+                            "v-btn",
+                            { staticClass: "mr-2", attrs: { color: "black" } },
+                            [
+                              _c(
+                                "v-icon",
+                                { staticClass: "white--text mr-1 caption" },
+                                [_vm._v("fas fa-folder")]
+                              ),
+                              _vm._v(" "),
+                              _c("span", [_vm._v("Archive")])
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "v-btn",
+                            { staticClass: "mr-2", attrs: { color: "cyan" } },
+                            [
+                              _c(
+                                "v-icon",
+                                { staticClass: "white--text mr-1 caption" },
+                                [_vm._v("fas fa-pen")]
+                              ),
+                              _vm._v(" "),
+                              _c("span", [_vm._v("Edit")])
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c("v-divider"),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  staticClass: "mt-3",
                   attrs: {
-                    color: "green",
+                    row: "",
-                    flat: "",
+                    wrap: "",
-                    "full-width": "",
+                    "align-center": "",
-                    title: "Table on Plain Background",
+                    "justify-center": ""
-                    text: "Here is a subtitle for this table"
                   }
                 },
                 [
-                  _c("v-data-table", {
+                  _c(
-                    attrs: {
+                    "router-link",
-                      headers: _vm.headers,
+                    { attrs: { to: "/dashboard" } },
-                      items: _vm.items.slice(0, 7),
+                    [
-                      "hide-actions": ""
+                      _c(
-                    },
+                        "v-btn",
-                    scopedSlots: _vm._u([
+                        {
-                      {
+                          staticClass:
-                        key: "headerCell",
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
-                        fn: function(ref) {
+                        },
-                          var header = ref.header
+                        [
-                          return [
+                          _c(
-                            _c("span", {
+                            "v-icon",
-                              staticClass:
+                            { staticClass: "black--text mr-2 caption" },
-                                "subheading font-weight-light text--darken-3",
+                            [_vm._v("fas fa-chevron-left")]
-                              domProps: { textContent: _vm._s(header.text) }
+                          ),
-                            })
+                          _vm._v(" "),
-                          ]
+                          _c("span", { staticClass: "black--text" }, [
-                        }
+                            _vm._v("Back")
-                      },
+                          ])
-                      {
+                        ],
-                        key: "items",
+                        1
-                        fn: function(ref) {
+                      )
-                          var item = ref.item
+                    ],
-                          return [
+                    1
-                            _c("td", [_vm._v(_vm._s(item.name))]),
+                  )
-                            _vm._v(" "),
-                            _c("td", [_vm._v(_vm._s(item.country))]),
-                            _vm._v(" "),
-                            _c("td", [_vm._v(_vm._s(item.city))]),
-                            _vm._v(" "),
-                            _c("td", { staticClass: "text-xs-right" }, [
-                              _vm._v(_vm._s(item.salary))
-                            ])
-                          ]
-                        }
-                      }
-                    ])
-                  })
                 ],
                 1
               )
@@ -309,18 +358,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue":
+/***/ "./resources/js/vue/views/TestResult/List.vue":
-/*!**********************************************!*\
+/*!****************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue ***!
+  !*** ./resources/js/vue/views/TestResult/List.vue ***!
-  \**********************************************/
+  \****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TableList.vue?vue&type=template&id=27579e74& */ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&");
+/* harmony import */ var _List_vue_vue_type_template_id_5a2f7b66_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./List.vue?vue&type=template&id=5a2f7b66&scoped=true& */ "./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&scoped=true&");
-/* harmony import */ var _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TableList.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&");
+/* harmony import */ var _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./List.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TestResult/List.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -329,50 +378,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _List_vue_vue_type_template_id_5a2f7b66_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _List_vue_vue_type_template_id_5a2f7b66_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "5a2f7b66",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/TableList.vue"
+component.options.__file = "resources/js/vue/views/TestResult/List.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/TestResult/List.vue?vue&type=script&lang=js&":
-/*!***********************************************************************!*\
+/*!*****************************************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/TestResult/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_TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./TableList.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_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/TestResult/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_TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&":
+/***/ "./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&scoped=true&":
-/*!*****************************************************************************!*\
+/*!***********************************************************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
+  !*** ./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&scoped=true& ***!
-  \*****************************************************************************/
+  \***********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./TableList.vue?vue&type=template&id=27579e74& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_5a2f7b66_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=template&id=5a2f7b66&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_5a2f7b66_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_5a2f7b66_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/21.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[21],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AllResultTest.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/SubmitTestResult.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************************!*\
+/*!*************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestResult/AllResultTest.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestResult/SubmitTestResult.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************************/
+  \*************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -90,25 +90,21 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
+/* harmony default export */ __webpack_exports__["default"] = ({
-//
+  name: "",
-//
+  data: function data() {
-//
+    return {
-//
+      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4']
-//
+    };
-//
+  }
-//
+});
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({});
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AllResultTest.vue?vue&type=template&id=74721790&scoped=true&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/SubmitTestResult.vue?vue&type=template&id=a8fcf062&scoped=true&":
-/*!**************************************************************************************************************************************************************************************************************************************!*\
+/*!*****************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestResult/AllResultTest.vue?vue&type=template&id=74721790&scoped=true& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestResult/SubmitTestResult.vue?vue&type=template&id=a8fcf062&scoped=true& ***!
-  \**************************************************************************************************************************************************************************************************************************************/
+  \*****************************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -121,31 +117,34 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "div",
+    "v-form",
-    {},
     [
       _c(
         "v-container",
-        { attrs: { fluid: "" } },
+        { attrs: { "grid-list-xs": "" } },
         [
           _c(
             "material-card",
-            { attrs: { color: "black", title: "All Test Resualt", text: "" } },
+            { attrs: { color: "black", title: "Submit Test Result" } },
             [
               _c(
                 "v-layout",
                 {
-                  staticClass: "my-3",
+                  staticClass: "px-5 my-3",
-                  attrs: { "align-center": "", wrap: "" }
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
                 },
                 [
                   _c(
                     "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
                     [
-                      _c("v-text-field", {
+                      _c("v-select", {
                         staticClass: "pa-2",
-                        attrs: { label: "Name", color: "black" }
+                        attrs: {
+                          items: _vm.items,
+                          label: "Choose Test Type",
+                          color: "black"
+                        }
                       })
                     ],
                     1
@@ -153,11 +152,16 @@ var render = function() {
                   _vm._v(" "),
                   _c(
                     "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    { attrs: { xs12: "", sm3: "", md3: "" } },
                     [
                       _c("v-text-field", {
                         staticClass: "pa-2",
-                        attrs: { label: "Date", color: "black" }
+                        attrs: {
+                          name: "testcode",
+                          label: "Or Enter Test Code",
+                          id: "id",
+                          color: "black"
+                        }
                       })
                     ],
                     1
@@ -165,35 +169,28 @@ var render = function() {
                   _vm._v(" "),
                   _c(
                     "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    {
-                    [
+                      staticClass:
-                      _c("v-text-field", {
+                        "text-xs-center text-sm-center text-md-center",
-                        staticClass: "pa-2",
+                      attrs: { xs12: "", md2: "", sm2: "" }
-                        attrs: { label: "Hospital", color: "black" }
+                    },
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
                     [
                       _c(
                         "v-btn",
                         {
-                          staticClass: "WM-CyanBlueGradient-BG",
+                          staticClass:
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black",
                           staticStyle: { padding: "10px 60px" }
                         },
                         [
                           _c(
                             "v-icon",
-                            { staticClass: "white--text mr-2 caption" },
+                            { staticClass: "black--text mr-2 caption" },
-                            [_vm._v("fas fa-search")]
+                            [_vm._v("fas fa-chevron-right")]
                           ),
                           _vm._v(" "),
-                          _c("span", { staticClass: "white--text" }, [
+                          _c("span", { staticClass: "black--text" }, [
-                            _vm._v("Filter")
+                            _vm._v("GO")
                           ])
                         ],
                         1
@@ -205,113 +202,107 @@ var render = function() {
                 1
               ),
               _vm._v(" "),
-              _c("v-divider"),
+              _c(
+                "v-layout",
+                { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
+                [_c("v-divider")],
+                1
+              ),
               _vm._v(" "),
               _c(
                 "v-layout",
                 {
-                  staticClass: "my-3",
+                  staticClass: "px-5 my-3",
-                  attrs: { "align-center": "", wrap: "" }
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
                 },
                 [
                   _c(
                     "v-flex",
-                    { attrs: { xs1: "" } },
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
                     [
-                      _c("v-card-title", [
+                      _c("v-text-field", {
-                        _c("div", [
+                        staticClass: "pa-2",
-                          _c("div", [
+                        attrs: {
-                            _vm._v("\n              222\n            ")
+                          name: "cssd",
-                          ]),
+                          label: "ID CSSD",
-                          _vm._v(" "),
+                          color: "black",
-                          _c("div", [
+                          id: "id"
-                            _vm._v("\n              Test\n            ")
+                        }
-                          ]),
+                      })
-                          _vm._v(" "),
-                          _c("div", {}, [
-                            _vm._v("\n              1\n            ")
-                          ])
-                        ])
-                      ])
                     ],
                     1
                   ),
                   _vm._v(" "),
                   _c(
                     "v-flex",
-                    { attrs: { xs6: "" } },
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
                     [
-                      _c("v-card-text", [
+                      _c("v-text-field", {
-                        _c("p", [
+                        staticClass: "pa-2",
-                          _vm._v(
+                        attrs: {
-                            "\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna\n          "
+                          name: "autoclave",
-                          )
+                          label: "ID AutoClave",
-                        ])
+                          color: "black",
-                      ])
+                          id: "id"
+                        }
+                      })
                     ],
                     1
                   ),
                   _vm._v(" "),
                   _c(
                     "v-flex",
-                    { attrs: { xs4: "" } },
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-select", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          items: _vm.items,
+                          label: "Resualt",
+                          color: "black"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
+                [_c("v-divider")],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  staticClass: "px-5 mt-2",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                },
+                [
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass: "WM-CyanBlueGradient-BG",
+                      staticStyle: { padding: "10px 60px" }
+                    },
                     [
                       _c(
-                        "v-card-text",
+                        "v-icon",
-                        [
+                        { staticClass: "white--text mr-2 caption" },
-                          _c(
+                        [_vm._v("fas fa-check")]
-                            "v-btn",
+                      ),
-                            { staticClass: "mr-2", attrs: { color: "black" } },
+                      _vm._v(" "),
-                            [
+                      _c("span", { staticClass: "white--text" }, [
-                              _c(
+                        _vm._v("SAVE")
-                                "v-icon",
+                      ])
-                                { staticClass: "white--text mr-1 caption" },
-                                [_vm._v("fas fa-folder")]
-                              ),
-                              _vm._v(" "),
-                              _c("span", [_vm._v("Archive")])
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-btn",
-                            { staticClass: "mr-2", attrs: { color: "cyan" } },
-                            [
-                              _c(
-                                "v-icon",
-                                { staticClass: "white--text mr-1 caption" },
-                                [_vm._v("fas fa-pen")]
-                              ),
-                              _vm._v(" "),
-                              _c("span", [_vm._v("Edit")])
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      )
                     ],
                     1
-                  )
+                  ),
-                ],
+                  _vm._v(" "),
-                1
-              ),
-              _vm._v(" "),
-              _c("v-divider"),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "mt-3",
-                  attrs: {
-                    row: "",
-                    wrap: "",
-                    "align-center": "",
-                    "justify-center": ""
-                  }
-                },
-                [
                   _c(
                     "router-link",
                     { attrs: { to: "/dashboard" } },
@@ -358,17 +349,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TestResult/AllResultTest.vue":
+/***/ "./resources/js/vue/views/TestResult/SubmitTestResult.vue":
-/*!*************************************************************!*\
+/*!****************************************************************!*\
-  !*** ./resources/js/vue/views/TestResult/AllResultTest.vue ***!
+  !*** ./resources/js/vue/views/TestResult/SubmitTestResult.vue ***!
-  \*************************************************************/
+  \****************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _AllResultTest_vue_vue_type_template_id_74721790_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AllResultTest.vue?vue&type=template&id=74721790&scoped=true& */ "./resources/js/vue/views/TestResult/AllResultTest.vue?vue&type=template&id=74721790&scoped=true&");
+/* harmony import */ var _SubmitTestResult_vue_vue_type_template_id_a8fcf062_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubmitTestResult.vue?vue&type=template&id=a8fcf062&scoped=true& */ "./resources/js/vue/views/TestResult/SubmitTestResult.vue?vue&type=template&id=a8fcf062&scoped=true&");
-/* harmony import */ var _AllResultTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AllResultTest.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TestResult/AllResultTest.vue?vue&type=script&lang=js&");
+/* harmony import */ var _SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SubmitTestResult.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TestResult/SubmitTestResult.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -378,50 +369,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _AllResultTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _AllResultTest_vue_vue_type_template_id_74721790_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _SubmitTestResult_vue_vue_type_template_id_a8fcf062_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _AllResultTest_vue_vue_type_template_id_74721790_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _SubmitTestResult_vue_vue_type_template_id_a8fcf062_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "74721790",
+  "a8fcf062",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/TestResult/AllResultTest.vue"
+component.options.__file = "resources/js/vue/views/TestResult/SubmitTestResult.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TestResult/AllResultTest.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/TestResult/SubmitTestResult.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************!*\
+/*!*****************************************************************************************!*\
-  !*** ./resources/js/vue/views/TestResult/AllResultTest.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/TestResult/SubmitTestResult.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************/
+  \*****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AllResultTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AllResultTest.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AllResultTest.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./SubmitTestResult.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/SubmitTestResult.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AllResultTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TestResult/AllResultTest.vue?vue&type=template&id=74721790&scoped=true&":
+/***/ "./resources/js/vue/views/TestResult/SubmitTestResult.vue?vue&type=template&id=a8fcf062&scoped=true&":
-/*!********************************************************************************************************!*\
+/*!***********************************************************************************************************!*\
-  !*** ./resources/js/vue/views/TestResult/AllResultTest.vue?vue&type=template&id=74721790&scoped=true& ***!
+  !*** ./resources/js/vue/views/TestResult/SubmitTestResult.vue?vue&type=template&id=a8fcf062&scoped=true& ***!
-  \********************************************************************************************************/
+  \***********************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AllResultTest_vue_vue_type_template_id_74721790_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AllResultTest.vue?vue&type=template&id=74721790&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AllResultTest.vue?vue&type=template&id=74721790&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_a8fcf062_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./SubmitTestResult.vue?vue&type=template&id=a8fcf062&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/SubmitTestResult.vue?vue&type=template&id=a8fcf062&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AllResultTest_vue_vue_type_template_id_74721790_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_a8fcf062_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AllResultTest_vue_vue_type_template_id_74721790_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_a8fcf062_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/6.js

@@ -1,14 +1,19 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/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/Auth/ForgotPassword.vue?vue&type=script&lang=js&":
-/*!*************************************************************************************************************************************************************************!*\
+/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestResult/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/Auth/ForgotPassword.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************************************************************************************************************/
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -52,63 +57,28 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
+
-//
+/* harmony default export */ __webpack_exports__["default"] = ({
-//
+  data: function data() {
-//
+    return {
-//
+      cell_number: ""
-//
+    };
-//
+  },
-//
+  methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapActions"])("auth", ["forgotPassword"]), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapMutations"])("modal", ["changeCurrentModal"]), {
-//
+    handleSubmit: function handleSubmit() {
-//
+      this.changeCurrentModal({
-//
+        modal: "modal-auth-verify-code"
-//
+      });
-//
+    }
-//
+  })
-//
+});
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({});
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&scoped=true&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6&":
-/*!*****************************************************************************************************************************************************************************************************************************!*\
+/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&scoped=true& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6& ***!
-  \*****************************************************************************************************************************************************************************************************************************/
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -121,217 +91,138 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "div",
+    "v-form",
-    {},
     [
       _c(
         "v-container",
-        { attrs: { fluid: "" } },
+        { attrs: { "grid-list-xs": "" } },
         [
           _c(
-            "material-card",
+            "v-layout",
-            { attrs: { color: "black", title: "All Test Resualt", text: "" } },
+            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
             [
               _c(
-                "v-layout",
+                "v-flex",
                 {
-                  staticClass: "my-3",
+                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
-                  attrs: { "align-center": "", wrap: "" }
+                  attrs: { xs12: "", md3: "", sm3: "" }
                 },
                 [
                   _c(
-                    "v-flex",
+                    "material-card",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    { attrs: { color: "black", title: "Login Page" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: { label: "Name", color: "black" }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: { label: "Date", color: "black" }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: { label: "Hospital", color: "black" }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
                     [
                       _c(
-                        "v-btn",
+                        "v-layout",
-                        {
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
-                          staticClass: "WM-CyanBlueGradient-BG",
-                          staticStyle: { padding: "10px 60px" }
-                        },
                         [
                           _c(
-                            "v-icon",
+                            "v-flex",
-                            { staticClass: "white--text mr-2 caption" },
+                            { attrs: { xs12: "", md12: "", sm12: "" } },
-                            [_vm._v("fas fa-search")]
-                          ),
-                          _vm._v(" "),
-                          _c("span", { staticClass: "white--text" }, [
-                            _vm._v("Filter")
-                          ])
-                        ],
-                        1
-                      )
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c("v-divider"),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "my-3",
-                  attrs: { "align-center": "", wrap: "" }
-                },
-                [
-                  _c(
-                    "v-flex",
-                    { attrs: { xs1: "" } },
-                    [
-                      _c("v-card-title", [
-                        _c("div", [
-                          _c("div", [
-                            _vm._v("\n              222\n            ")
-                          ]),
-                          _vm._v(" "),
-                          _c("div", [
-                            _vm._v("\n              Test\n            ")
-                          ]),
-                          _vm._v(" "),
-                          _c("div", {}, [
-                            _vm._v("\n              1\n            ")
-                          ])
-                        ])
-                      ])
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs6: "" } },
-                    [
-                      _c("v-card-text", [
-                        _c("p", [
-                          _vm._v(
-                            "\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna\n          "
-                          )
-                        ])
-                      ])
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs4: "" } },
-                    [
-                      _c(
-                        "v-card-text",
-                        [
-                          _c(
-                            "v-btn",
-                            { staticClass: "mr-2", attrs: { color: "black" } },
                             [
-                              _c(
+                              _c("v-text-field", {
-                                "v-icon",
+                                attrs: {
-                                { staticClass: "white--text mr-1 caption" },
+                                  name: "cellnumber",
-                                [_vm._v("fas fa-folder")]
+                                  label: "Cell Number",
-                              ),
+                                  id: "id1",
-                              _vm._v(" "),
+                                  color: "black"
-                              _c("span", [_vm._v("Archive")])
+                                },
-                            ],
+                                model: {
-                            1
+                                  value: _vm.cell_number,
-                          ),
+                                  callback: function($$v) {
-                          _vm._v(" "),
+                                    _vm.cell_number = $$v
-                          _c(
+                                  },
-                            "v-btn",
+                                  expression: "cell_number"
-                            { staticClass: "mr-2", attrs: { color: "cyan" } },
+                                }
-                            [
+                              })
-                              _c(
-                                "v-icon",
-                                { staticClass: "white--text mr-1 caption" },
-                                [_vm._v("fas fa-pen")]
-                              ),
-                              _vm._v(" "),
-                              _c("span", [_vm._v("Edit")])
                             ],
                             1
                           )
                         ],
                         1
-                      )
+                      ),
-                    ],
+                      _vm._v(" "),
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c("v-divider"),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "mt-3",
-                  attrs: {
-                    row: "",
-                    wrap: "",
-                    "align-center": "",
-                    "justify-center": ""
-                  }
-                },
-                [
-                  _c(
-                    "router-link",
-                    { attrs: { to: "/dashboard" } },
-                    [
                       _c(
-                        "v-btn",
+                        "v-layout",
-                        {
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
-                          staticClass:
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
-                        },
                         [
                           _c(
-                            "v-icon",
+                            "v-flex",
-                            { staticClass: "black--text mr-2 caption" },
+                            {
-                            [_vm._v("fas fa-chevron-left")]
+                              staticClass:
+                                "text-md-left text-sm-center text-xs-center",
+                              attrs: { xs12: "", md6: "", sm6: "" }
+                            },
+                            [
+                              _c(
+                                "v-btn",
+                                {
+                                  staticClass: "WM-CyanBlueGradient-BG",
+                                  staticStyle: { padding: "10px 60px" },
+                                  on: { click: _vm.handleSubmit }
+                                },
+                                [
+                                  _c(
+                                    "v-icon",
+                                    { staticClass: "white--text mr-2 caption" },
+                                    [_vm._v("fas fa-sign-in-alt")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("span", { staticClass: "white--text" }, [
+                                    _vm._v("Send")
+                                  ])
+                                ],
+                                1
+                              )
+                            ],
+                            1
                           ),
                           _vm._v(" "),
-                          _c("span", { staticClass: "black--text" }, [
+                          _c(
-                            _vm._v("Back")
+                            "v-flex",
-                          ])
+                            {
+                              staticClass:
+                                "text-md-right text-sm-center text-xs-center",
+                              attrs: { xs12: "", md6: "", sm6: "" }
+                            },
+                            [
+                              _c(
+                                "router-link",
+                                {
+                                  staticClass: "black--text",
+                                  attrs: { to: "login" }
+                                },
+                                [
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      staticClass:
+                                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                                    },
+                                    [
+                                      _c(
+                                        "v-icon",
+                                        {
+                                          staticClass:
+                                            "black--text mr-2 caption"
+                                        },
+                                        [_vm._v("fas fa-sign-in-alt")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "span",
+                                        { staticClass: "black--text" },
+                                        [_vm._v("Login")]
+                                      )
+                                    ],
+                                    1
+                                  )
+                                ],
+                                1
+                              )
+                            ],
+                            1
+                          )
                         ],
                         1
                       )
@@ -358,17 +249,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TestResult/List.vue":
+/***/ "./resources/js/vue/views/Auth/ForgotPassword.vue":
-/*!****************************************************!*\
+/*!********************************************************!*\
-  !*** ./resources/js/vue/views/TestResult/List.vue ***!
+  !*** ./resources/js/vue/views/Auth/ForgotPassword.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_5a2f7b66_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./List.vue?vue&type=template&id=5a2f7b66&scoped=true& */ "./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&scoped=true&");
+/* harmony import */ var _ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ForgotPassword.vue?vue&type=template&id=384f72a6& */ "./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6&");
-/* 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/TestResult/List.vue?vue&type=script&lang=js&");
+/* harmony import */ var _ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ForgotPassword.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Auth/ForgotPassword.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");
 
 
@@ -378,50 +269,50 @@ __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"],
+  _ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _List_vue_vue_type_template_id_5a2f7b66_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _List_vue_vue_type_template_id_5a2f7b66_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "5a2f7b66",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/TestResult/List.vue"
+component.options.__file = "resources/js/vue/views/Auth/ForgotPassword.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TestResult/List.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************!*\
+/*!*********************************************************************************!*\
-  !*** ./resources/js/vue/views/TestResult/List.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/Auth/ForgotPassword.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/TestResult/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_ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./ForgotPassword.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_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_ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&scoped=true&":
+/***/ "./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6&":
-/*!***********************************************************************************************!*\
+/*!***************************************************************************************!*\
-  !*** ./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&scoped=true& ***!
+  !*** ./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6& ***!
-  \***********************************************************************************************/
+  \***************************************************************************************/
 /*! 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_5a2f7b66_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=template&id=5a2f7b66&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./ForgotPassword.vue?vue&type=template&id=384f72a6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6&");
-/* 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_5a2f7b66_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_384f72a6___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_5a2f7b66_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/7.js

@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
+/*!********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+  \********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -57,28 +57,55 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      cell_number: ""
+      cell_number: "",
+      password: "",
+      show1: false
     };
   },
-  methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapActions"])("auth", ["forgotPassword"]), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapMutations"])("modal", ["changeCurrentModal"]), {
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', ['authenticating', 'authenticationError', 'authenticationErrorCode'])),
+  methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapActions"])('auth', ['login']), {
     handleSubmit: function handleSubmit() {
-      this.changeCurrentModal({
+      // Perform a simple validation that cell_number and password have been typed in
-        modal: "modal-auth-verify-code"
+      if (this.cell_number != '' && this.password != '') {
-      });
+        this.login({
+          cell_number: this.cell_number,
+          password: this.password
+        });
+        this.password = "";
+      }
     }
   })
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true&":
-/*!*********************************************************************************************************************************************************************************************************************!*\
+/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true& ***!
-  \*********************************************************************************************************************************************************************************************************************/
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -142,6 +169,45 @@ var render = function() {
                         1
                       ),
                       _vm._v(" "),
+                      _c(
+                        "v-layout",
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+                        [
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md12: "", sm12: "" } },
+                            [
+                              _c("v-text-field", {
+                                staticClass: "pa-2",
+                                attrs: {
+                                  name: "password",
+                                  label: "Password",
+                                  type: _vm.show1 ? "text" : "password",
+                                  "append-icon": _vm.show1
+                                    ? "visibility"
+                                    : "visibility_off",
+                                  color: "black"
+                                },
+                                on: {
+                                  "click:append": function($event) {
+                                    _vm.show1 = !_vm.show1
+                                  }
+                                },
+                                model: {
+                                  value: _vm.password,
+                                  callback: function($$v) {
+                                    _vm.password = $$v
+                                  },
+                                  expression: "password"
+                                }
+                              })
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
                       _c(
                         "v-layout",
                         { staticClass: "px-3", attrs: { row: "", wrap: "" } },
@@ -169,7 +235,7 @@ var render = function() {
                                   ),
                                   _vm._v(" "),
                                   _c("span", { staticClass: "white--text" }, [
-                                    _vm._v("Send")
+                                    _vm._v("Login")
                                   ])
                                 ],
                                 1
@@ -190,7 +256,7 @@ var render = function() {
                                 "router-link",
                                 {
                                   staticClass: "black--text",
-                                  attrs: { to: "login" }
+                                  attrs: { to: "register" }
                                 },
                                 [
                                   _c(
@@ -206,13 +272,13 @@ var render = function() {
                                           staticClass:
                                             "black--text mr-2 caption"
                                         },
-                                        [_vm._v("fas fa-sign-in-alt")]
+                                        [_vm._v("fas fa-plus")]
                                       ),
                                       _vm._v(" "),
                                       _c(
                                         "span",
                                         { staticClass: "black--text" },
-                                        [_vm._v("Login")]
+                                        [_vm._v("Register")]
                                       )
                                     ],
                                     1
@@ -225,6 +291,44 @@ var render = function() {
                           )
                         ],
                         1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-layout",
+                        {
+                          staticClass:
+                            "text-md-left text-sm-center text-xs-center",
+                          attrs: { row: "", wrap: "" }
+                        },
+                        [
+                          _c(
+                            "v-flex",
+                            {
+                              staticClass: "px-4 py-3",
+                              attrs: { xs12: "", md6: "", sm6: "" }
+                            },
+                            [
+                              _c(
+                                "router-link",
+                                { attrs: { to: "/forgot-password" } },
+                                [
+                                  _c(
+                                    "span",
+                                    {
+                                      staticClass: "black--text",
+                                      staticStyle: {
+                                        "border-bottom": "1px solid #000"
+                                      }
+                                    },
+                                    [_vm._v("Forgot Password ?")]
+                                  )
+                                ]
+                              )
+                            ],
+                            1
+                          )
+                        ],
+                        1
                       )
                     ],
                     1
@@ -249,17 +353,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Auth/ForgotPassword.vue":
+/***/ "./resources/js/vue/views/Auth/Login.vue":
-/*!********************************************************!*\
+/*!***********************************************!*\
-  !*** ./resources/js/vue/views/Auth/ForgotPassword.vue ***!
+  !*** ./resources/js/vue/views/Auth/Login.vue ***!
-  \********************************************************/
+  \***********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ForgotPassword.vue?vue&type=template&id=384f72a6& */ "./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6&");
+/* harmony import */ var _Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Login.vue?vue&type=template&id=36ebd76a&scoped=true& */ "./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true&");
-/* harmony import */ var _ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ForgotPassword.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js&");
+/* harmony import */ var _Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Login.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -269,50 +373,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "36ebd76a",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Auth/ForgotPassword.vue"
+component.options.__file = "resources/js/vue/views/Auth/Login.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
+/*!************************************************************************!*\
-  !*** ./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+  \************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./ForgotPassword.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Login.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6&":
+/***/ "./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true&":
-/*!***************************************************************************************!*\
+/*!******************************************************************************************!*\
-  !*** ./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6& ***!
+  !*** ./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true& ***!
-  \***************************************************************************************/
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./ForgotPassword.vue?vue&type=template&id=384f72a6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Login.vue?vue&type=template&id=36ebd76a&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/8.js

@@ -1,19 +1,43 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[8],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************!*\
+/*!***********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************/
+  \***********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+/* 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");
 
-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; }
 
+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); }); }; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -79,33 +103,87 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
-    return {
+    var defaultForm = Object.freeze({
       cell_number: "",
       password: "",
-      show1: false
+      name: "",
+      gender: "",
+      medical_center_id: this.$route.params.medicalCenter ? this.$route.params.medicalCenter : ''
+    });
+    return {
+      form: Object.assign({}, defaultForm),
+      show1: false,
+      items: ["Male", "FeMale"],
+      isLogin: _services__WEBPACK_IMPORTED_MODULE_1__["TokenService"].getInfo(),
+      rules: {
+        required: function required(value) {
+          return !!value || "Required.";
+        },
+        nameCounter: function nameCounter(value) {
+          return value.length >= 5 || "Min 5 characters";
+        },
+        passCounter: function passCounter(value) {
+          return value.length >= 6 || "Min 6 characters";
+        },
+        cellNumberCounter: function cellNumberCounter(value) {
+          return value.length == 11 || "must 11 characters";
+        }
+      }
     };
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', ['authenticating', 'authenticationError', 'authenticationErrorCode'])),
+  methods: {
-  methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapActions"])('auth', ['login']), {
+    register: function () {
-    handleSubmit: function handleSubmit() {
+      var _register = _asyncToGenerator(
-      // Perform a simple validation that cell_number and password have been typed in
+      /*#__PURE__*/
-      if (this.cell_number != '' && this.password != '') {
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
-        this.login({
+        var result;
-          cell_number: this.cell_number,
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
-          password: this.password
+          while (1) {
-        });
+            switch (_context.prev = _context.next) {
-        this.password = "";
+              case 0:
+                if (!this.$refs.form.validate()) {
+                  _context.next = 5;
+                  break;
+                }
+
+                _context.next = 3;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post("register", this.form);
+
+              case 3:
+                result = _context.sent;
+
+                if (result && result.status == 200) {
+                  this.$router.push({
+                    name: "OperatorList",
+                    params: {
+                      medicalCenter: this.form.medical_center_id
+                    }
+                  });
+                }
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function register() {
+        return _register.apply(this, arguments);
       }
-    }
+
-  })
+      return register;
+    }()
+  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c&":
-/*!************************************************************************************************************************************************************************************************************************!*\
+/*!***************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c& ***!
-  \************************************************************************************************************************************************************************************************************************/
+  \***************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -119,6 +197,7 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "v-form",
+    { ref: "form" },
     [
       _c(
         "v-container",
@@ -132,50 +211,101 @@ var render = function() {
                 "v-flex",
                 {
                   staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
-                  attrs: { xs12: "", md3: "", sm3: "" }
+                  attrs: { xs12: "", md3: "", sm6: "" }
                 },
                 [
                   _c(
                     "material-card",
-                    { attrs: { color: "black", title: "Login Page" } },
+                    { attrs: { color: "black", title: "Register Page" } },
                     [
                       _c(
                         "v-layout",
-                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+                        { attrs: { column: "" } },
                         [
                           _c(
                             "v-flex",
-                            { attrs: { xs12: "", md12: "", sm12: "" } },
+                            { attrs: { xs12: "", md2: "", sm2: "" } },
                             [
                               _c("v-text-field", {
+                                staticClass: "pa-2",
                                 attrs: {
-                                  name: "cellnumber",
+                                  name: "name",
-                                  label: "Cell Number",
+                                  label: "Name",
-                                  id: "id1",
+                                  color: "black",
-                                  color: "black"
+                                  rules: [
+                                    _vm.rules.required,
+                                    _vm.rules.nameCounter
+                                  ]
                                 },
                                 model: {
-                                  value: _vm.cell_number,
+                                  value: _vm.form.name,
                                   callback: function($$v) {
-                                    _vm.cell_number = $$v
+                                    _vm.$set(_vm.form, "name", $$v)
                                   },
-                                  expression: "cell_number"
+                                  expression: "form.name"
                                 }
                               })
                             ],
                             1
-                          )
+                          ),
-                        ],
+                          _vm._v(" "),
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "v-layout",
-                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
-                        [
                           _c(
                             "v-flex",
-                            { attrs: { xs12: "", md12: "", sm12: "" } },
+                            { attrs: { xs12: "", md2: "", sm2: "" } },
+                            [
+                              _c("v-select", {
+                                staticClass: "pa-2",
+                                attrs: {
+                                  items: _vm.items,
+                                  label: "Gender",
+                                  name: "gender",
+                                  "single-line": "",
+                                  color: "black",
+                                  rules: [_vm.rules.required]
+                                },
+                                model: {
+                                  value: _vm.form.gender,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "gender", $$v)
+                                  },
+                                  expression: "form.gender"
+                                }
+                              })
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md2: "", sm2: "" } },
+                            [
+                              _c("v-text-field", {
+                                staticClass: "pa-2",
+                                attrs: {
+                                  name: "cell_number",
+                                  label: "Cell Number",
+                                  color: "black",
+                                  rules: [
+                                    _vm.rules.required,
+                                    _vm.rules.cellNumberCounter
+                                  ],
+                                  mask: "#### ### ####"
+                                },
+                                model: {
+                                  value: _vm.form.cell_number,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "cell_number", $$v)
+                                  },
+                                  expression: "form.cell_number"
+                                }
+                              })
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md2: "", sm2: "" } },
                             [
                               _c("v-text-field", {
                                 staticClass: "pa-2",
@@ -186,7 +316,11 @@ var render = function() {
                                   "append-icon": _vm.show1
                                     ? "visibility"
                                     : "visibility_off",
-                                  color: "black"
+                                  color: "black",
+                                  rules: [
+                                    _vm.rules.required,
+                                    _vm.rules.passCounter
+                                  ]
                                 },
                                 on: {
                                   "click:append": function($event) {
@@ -194,11 +328,11 @@ var render = function() {
                                   }
                                 },
                                 model: {
-                                  value: _vm.password,
+                                  value: _vm.form.password,
                                   callback: function($$v) {
-                                    _vm.password = $$v
+                                    _vm.$set(_vm.form, "password", $$v)
                                   },
-                                  expression: "password"
+                                  expression: "form.password"
                                 }
                               })
                             ],
@@ -210,7 +344,7 @@ var render = function() {
                       _vm._v(" "),
                       _c(
                         "v-layout",
-                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+                        { attrs: { row: "", wrap: "" } },
                         [
                           _c(
                             "v-flex",
@@ -225,17 +359,17 @@ var render = function() {
                                 {
                                   staticClass: "WM-CyanBlueGradient-BG",
                                   staticStyle: { padding: "10px 60px" },
-                                  on: { click: _vm.handleSubmit }
+                                  on: { click: _vm.register }
                                 },
                                 [
                                   _c(
                                     "v-icon",
                                     { staticClass: "white--text mr-2 caption" },
-                                    [_vm._v("fas fa-sign-in-alt")]
+                                    [_vm._v("fas fa-plus")]
                                   ),
                                   _vm._v(" "),
                                   _c("span", { staticClass: "white--text" }, [
-                                    _vm._v("Login")
+                                    _vm._v("Register")
                                   ])
                                 ],
                                 1
@@ -244,41 +378,42 @@ var render = function() {
                             1
                           ),
                           _vm._v(" "),
-                          _c(
+                          !_vm.isLogin
-                            "v-flex",
+                            ? _c(
-                            {
+                                "v-flex",
-                              staticClass:
-                                "text-md-right text-sm-center text-xs-center",
-                              attrs: { xs12: "", md6: "", sm6: "" }
-                            },
-                            [
-                              _c(
-                                "router-link",
                                 {
-                                  staticClass: "black--text",
+                                  staticClass:
-                                  attrs: { to: "register" }
+                                    "text-md-right text-sm-center text-xs-center",
+                                  attrs: { xs12: "", md6: "", sm6: "" }
                                 },
                                 [
                                   _c(
-                                    "v-btn",
+                                    "router-link",
-                                    {
+                                    { attrs: { to: "/login" } },
-                                      staticClass:
-                                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
-                                    },
                                     [
                                       _c(
-                                        "v-icon",
+                                        "v-btn",
                                         {
                                           staticClass:
-                                            "black--text mr-2 caption"
+                                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
                                         },
-                                        [_vm._v("fas fa-plus")]
+                                        [
-                                      ),
+                                          _c(
-                                      _vm._v(" "),
+                                            "v-icon",
-                                      _c(
+                                            {
-                                        "span",
+                                              staticClass:
-                                        { staticClass: "black--text" },
+                                                "black--text mr-2 caption"
-                                        [_vm._v("Register")]
+                                            },
+                                            [_vm._v("fas fa-sign-in-alt")]
+                                          ),
+                                          _vm._v(" "),
+                                          _c(
+                                            "span",
+                                            { staticClass: "black--text" },
+                                            [_vm._v("Login")]
+                                          )
+                                        ],
+                                        1
                                       )
                                     ],
                                     1
@@ -286,47 +421,7 @@ var render = function() {
                                 ],
                                 1
                               )
-                            ],
+                            : _vm._e()
-                            1
-                          )
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "v-layout",
-                        {
-                          staticClass:
-                            "text-md-left text-sm-center text-xs-center",
-                          attrs: { row: "", wrap: "" }
-                        },
-                        [
-                          _c(
-                            "v-flex",
-                            {
-                              staticClass: "px-4 py-3",
-                              attrs: { xs12: "", md6: "", sm6: "" }
-                            },
-                            [
-                              _c(
-                                "router-link",
-                                { attrs: { to: "/forgot-password" } },
-                                [
-                                  _c(
-                                    "span",
-                                    {
-                                      staticClass: "black--text",
-                                      staticStyle: {
-                                        "border-bottom": "1px solid #000"
-                                      }
-                                    },
-                                    [_vm._v("Forgot Password ?")]
-                                  )
-                                ]
-                              )
-                            ],
-                            1
-                          )
                         ],
                         1
                       )
@@ -353,17 +448,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Auth/Login.vue":
+/***/ "./resources/js/vue/views/Auth/Register.vue":
-/*!***********************************************!*\
+/*!**************************************************!*\
-  !*** ./resources/js/vue/views/Auth/Login.vue ***!
+  !*** ./resources/js/vue/views/Auth/Register.vue ***!
-  \***********************************************/
+  \**************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Login.vue?vue&type=template&id=36ebd76a&scoped=true& */ "./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true&");
+/* harmony import */ var _Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Register.vue?vue&type=template&id=051bdd9c& */ "./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c&");
-/* harmony import */ var _Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Login.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js&");
+/* harmony import */ var _Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Register.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -373,50 +468,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "36ebd76a",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Auth/Login.vue"
+component.options.__file = "resources/js/vue/views/Auth/Register.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js&":
-/*!************************************************************************!*\
+/*!***************************************************************************!*\
-  !*** ./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js& ***!
-  \************************************************************************/
+  \***************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Login.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Register.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true&":
+/***/ "./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c&":
-/*!******************************************************************************************!*\
+/*!*********************************************************************************!*\
-  !*** ./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true& ***!
+  !*** ./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c& ***!
-  \******************************************************************************************/
+  \*********************************************************************************/
 /*! 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_Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Login.vue?vue&type=template&id=36ebd76a&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Register.vue?vue&type=template&id=051bdd9c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_051bdd9c___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_Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/9.js

@@ -1,23 +1,14 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************!*\
+/*!*******************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************/
+  \*******************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _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");
-
-
-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); }); }; }
-
 //
 //
 //
@@ -43,147 +34,97 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
-    var defaultForm = Object.freeze({
-      cell_number: "",
-      password: "",
-      name: "",
-      gender: "",
-      medical_center_id: this.$route.params.medicalCenter ? this.$route.params.medicalCenter : ''
-    });
     return {
-      form: Object.assign({}, defaultForm),
+      Cards: [{
-      show1: false,
+        title: 'My Info',
-      items: ["Male", "FeMale"],
+        text: 'You can easily edit your registration information',
-      isLogin: _services__WEBPACK_IMPORTED_MODULE_1__["TokenService"].getInfo(),
+        icon: '/img/Static/Dashboard/darkmug.png',
-      rules: {
+        color: 'WM-OrangeGradient-BG',
-        required: function required(value) {
+        route: {
-          return !!value || "Required.";
+          name: 'MyInfo'
         },
-        nameCounter: function nameCounter(value) {
+        aligntext: 'text-md-left',
-          return value.length >= 5 || "Min 5 characters";
+        alignimg: 'text-md-right',
+        column: 'xs12 md6 sm6'
+      }, {
+        title: 'All Test Result',
+        text: 'You can see all user tests and own tests',
+        icon: '/img/Static/Dashboard/pad.png',
+        color: 'WM-GreenGradient-BG',
+        route: {
+          name: 'AllResultTest'
         },
-        passCounter: function passCounter(value) {
+        aligntext: 'text-md-left',
-          return value.length >= 6 || "Min 6 characters";
+        alignimg: 'text-md-right',
+        column: 'xs12 md6 sm6'
+      }, {
+        title: 'Manage Users',
+        text: 'You can edit the medical center information',
+        icon: '/img/Static/Dashboard/ipad.png',
+        color: 'WM-YellowPinkGradient-BG',
+        route: {
+          name: 'ManageUsers'
         },
-        cellNumberCounter: function cellNumberCounter(value) {
+        aligntext: 'text-md-center',
-          return value.length == 11 || "must 11 characters";
+        alignimg: 'text-md-left',
-        }
+        column: 'xs12 md12 sm12'
-      }
+      }, {
+        title: 'Manage Medical Center',
+        text: 'Managing users very fast by ...',
+        icon: '/img/Static/Dashboard/Macbook.png',
+        color: 'WM-MuskGradient-BG',
+        route: {
+          name: 'ManageMedicalCenter'
+        },
+        aligntext: 'text-md-left',
+        alignimg: 'text-md-right',
+        column: 'xs12 md7 sm7'
+      }, {
+        title: 'List Test Type',
+        text: 'You can simply add your own test type',
+        icon: '/img/Static/Dashboard/Book-and-Pen.png',
+        color: 'WM-GreyGradient-BG',
+        route: {
+          name: 'ListTestType'
+        },
+        aligntext: 'text-md-left',
+        alignimg: 'text-md-right',
+        column: 'xs12 md5 sm5'
+      }, {
+        title: 'Test to Verify',
+        text: 'You can simply add your own test type in this section of website',
+        icon: '/img/Static/Dashboard/notepad-colorful.png',
+        color: 'WM-PinkGradient-BG',
+        route: {
+          name: 'SubmitTestResult'
+        },
+        aligntext: 'text-md-center',
+        alignimg: 'text-md-left',
+        column: 'xs12 md12 sm12'
+      }, {
+        title: 'Add a Test Result',
+        text: 'You can edit the medical center information',
+        icon: '/img/Static/Dashboard/ipad.png',
+        color: 'WM-YellowPinkGradient-BG',
+        route: {
+          name: 'SubmitTestResult'
+        },
+        aligntext: 'text-md-center',
+        alignimg: 'text-md-left',
+        column: 'xs12 md12 sm12'
+      }]
     };
-  },
-  methods: {
-    register: function () {
-      var _register = _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("register", this.form);
-
-              case 3:
-                result = _context.sent;
-
-                if (result && result.status == 200) {
-                  this.$router.push({
-                    name: "OperatorList",
-                    params: {
-                      medicalCenter: this.form.medical_center_id
-                    }
-                  });
-                }
-
-              case 5:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function register() {
-        return _register.apply(this, arguments);
-      }
-
-      return register;
-    }()
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&":
-/*!***************************************************************************************************************************************************************************************************************!*\
+/*!***********************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c& ***!
-  \***************************************************************************************************************************************************************************************************************/
+  \***********************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -196,242 +137,48 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
+    "v-container",
-    { ref: "form" },
+    { attrs: { fluid: "" } },
     [
       _c(
-        "v-container",
+        "material-card",
-        { attrs: { "grid-list-xs": "" } },
+        {
+          attrs: {
+            color: "black",
+            title: "Material Dashboard Heading",
+            text: ""
+          }
+        },
         [
           _c(
             "v-layout",
-            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
+            { attrs: { row: "", wrap: "" } },
-            [
+            _vm._l(_vm.Cards, function(Card, Key) {
-              _c(
+              return _c(
                 "v-flex",
-                {
+                { key: Key, class: [Card.column, "pa-2"] },
-                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
-                  attrs: { xs12: "", md3: "", sm6: "" }
-                },
                 [
                   _c(
-                    "material-card",
+                    "router-link",
-                    { attrs: { color: "black", title: "Register Page" } },
+                    { attrs: { to: Card.route } },
                     [
-                      _c(
+                      _c("material-cards", {
-                        "v-layout",
+                        attrs: {
-                        { attrs: { column: "" } },
+                          title: Card.title,
-                        [
+                          icon: Card.icon,
-                          _c(
+                          color: Card.color,
-                            "v-flex",
+                          text: Card.text,
-                            { attrs: { xs12: "", md2: "", sm2: "" } },
+                          aligntext: Card.aligntext,
-                            [
+                          alignimg: Card.alignimg
-                              _c("v-text-field", {
+                        }
-                                staticClass: "pa-2",
+                      })
-                                attrs: {
-                                  name: "name",
-                                  label: "Name",
-                                  color: "black",
-                                  rules: [
-                                    _vm.rules.required,
-                                    _vm.rules.nameCounter
-                                  ]
-                                },
-                                model: {
-                                  value: _vm.form.name,
-                                  callback: function($$v) {
-                                    _vm.$set(_vm.form, "name", $$v)
-                                  },
-                                  expression: "form.name"
-                                }
-                              })
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-flex",
-                            { attrs: { xs12: "", md2: "", sm2: "" } },
-                            [
-                              _c("v-select", {
-                                staticClass: "pa-2",
-                                attrs: {
-                                  items: _vm.items,
-                                  label: "Gender",
-                                  name: "gender",
-                                  "single-line": "",
-                                  color: "black",
-                                  rules: [_vm.rules.required]
-                                },
-                                model: {
-                                  value: _vm.form.gender,
-                                  callback: function($$v) {
-                                    _vm.$set(_vm.form, "gender", $$v)
-                                  },
-                                  expression: "form.gender"
-                                }
-                              })
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-flex",
-                            { attrs: { xs12: "", md2: "", sm2: "" } },
-                            [
-                              _c("v-text-field", {
-                                staticClass: "pa-2",
-                                attrs: {
-                                  name: "cell_number",
-                                  label: "Cell Number",
-                                  color: "black",
-                                  rules: [
-                                    _vm.rules.required,
-                                    _vm.rules.cellNumberCounter
-                                  ],
-                                  mask: "#### ### ####"
-                                },
-                                model: {
-                                  value: _vm.form.cell_number,
-                                  callback: function($$v) {
-                                    _vm.$set(_vm.form, "cell_number", $$v)
-                                  },
-                                  expression: "form.cell_number"
-                                }
-                              })
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-flex",
-                            { attrs: { xs12: "", md2: "", sm2: "" } },
-                            [
-                              _c("v-text-field", {
-                                staticClass: "pa-2",
-                                attrs: {
-                                  name: "password",
-                                  label: "Password",
-                                  type: _vm.show1 ? "text" : "password",
-                                  "append-icon": _vm.show1
-                                    ? "visibility"
-                                    : "visibility_off",
-                                  color: "black",
-                                  rules: [
-                                    _vm.rules.required,
-                                    _vm.rules.passCounter
-                                  ]
-                                },
-                                on: {
-                                  "click:append": function($event) {
-                                    _vm.show1 = !_vm.show1
-                                  }
-                                },
-                                model: {
-                                  value: _vm.form.password,
-                                  callback: function($$v) {
-                                    _vm.$set(_vm.form, "password", $$v)
-                                  },
-                                  expression: "form.password"
-                                }
-                              })
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "v-layout",
-                        { attrs: { row: "", wrap: "" } },
-                        [
-                          _c(
-                            "v-flex",
-                            {
-                              staticClass:
-                                "text-md-left text-sm-center text-xs-center",
-                              attrs: { xs12: "", md6: "", sm6: "" }
-                            },
-                            [
-                              _c(
-                                "v-btn",
-                                {
-                                  staticClass: "WM-CyanBlueGradient-BG",
-                                  staticStyle: { padding: "10px 60px" },
-                                  on: { click: _vm.register }
-                                },
-                                [
-                                  _c(
-                                    "v-icon",
-                                    { staticClass: "white--text mr-2 caption" },
-                                    [_vm._v("fas fa-plus")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("span", { staticClass: "white--text" }, [
-                                    _vm._v("Register")
-                                  ])
-                                ],
-                                1
-                              )
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          !_vm.isLogin
-                            ? _c(
-                                "v-flex",
-                                {
-                                  staticClass:
-                                    "text-md-right text-sm-center text-xs-center",
-                                  attrs: { xs12: "", md6: "", sm6: "" }
-                                },
-                                [
-                                  _c(
-                                    "router-link",
-                                    { attrs: { to: "/login" } },
-                                    [
-                                      _c(
-                                        "v-btn",
-                                        {
-                                          staticClass:
-                                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
-                                        },
-                                        [
-                                          _c(
-                                            "v-icon",
-                                            {
-                                              staticClass:
-                                                "black--text mr-2 caption"
-                                            },
-                                            [_vm._v("fas fa-sign-in-alt")]
-                                          ),
-                                          _vm._v(" "),
-                                          _c(
-                                            "span",
-                                            { staticClass: "black--text" },
-                                            [_vm._v("Login")]
-                                          )
-                                        ],
-                                        1
-                                      )
-                                    ],
-                                    1
-                                  )
-                                ],
-                                1
-                              )
-                            : _vm._e()
-                        ],
-                        1
-                      )
                     ],
                     1
                   )
                 ],
                 1
               )
-            ],
+            }),
             1
           )
         ],
@@ -448,18 +195,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Auth/Register.vue":
+/***/ "./resources/js/vue/views/Dashboard.vue":
-/*!**************************************************!*\
+/*!**********************************************!*\
-  !*** ./resources/js/vue/views/Auth/Register.vue ***!
+  !*** ./resources/js/vue/views/Dashboard.vue ***!
-  \**************************************************/
+  \**********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Register.vue?vue&type=template&id=051bdd9c& */ "./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c&");
+/* harmony import */ var _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Dashboard.vue?vue&type=template&id=1e64fb7c& */ "./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&");
-/* harmony import */ var _Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Register.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js&");
+/* harmony import */ var _Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Dashboard.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* 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");
 
 
 
@@ -468,9 +215,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -480,38 +227,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Auth/Register.vue"
+component.options.__file = "resources/js/vue/views/Dashboard.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&":
-/*!***************************************************************************!*\
+/*!***********************************************************************!*\
-  !*** ./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************/
+  \***********************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Register.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Dashboard.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c&":
+/***/ "./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&":
-/*!*********************************************************************************!*\
+/*!*****************************************************************************!*\
-  !*** ./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c& ***!
+  !*** ./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c& ***!
-  \*********************************************************************************/
+  \*****************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Register.vue?vue&type=template&id=051bdd9c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c&");
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Dashboard.vue?vue&type=template&id=1e64fb7c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 

public/mix-manifest.json

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

public/vue/js/app.js

@@ -61843,6 +61843,7 @@ var urls = {
   login: "/login",
   logout: "/logout",
   storeMedicalCenter: "/MedicalCenters",
+  listTestTypeName: "/TestTypes/ListNames",
   listOpertor: "/Users",
   listMedicalCenter: function listMedicalCenter(page) {
     return "/MedicalCenters?page=" + page;
@@ -61862,6 +61863,9 @@ var urls = {
   updateMedicalCenter: function updateMedicalCenter(id) {
     return "/MedicalCenters/".concat(id);
   },
+  editMedicalCenter: function editMedicalCenter(id) {
+    return "/MedicalCenters/".concat(id, "/edit");
+  },
   deleteMedicalCenter: function deleteMedicalCenter(id) {
     return "/MedicalCenters/".concat(id);
   },
@@ -62471,9 +62475,9 @@ __webpack_require__.r(__webpack_exports__);
   name: 'AllResultTest',
   view: 'TestResult/List'
 }, {
-  path: '/submit-test-result',
+  path: '/add-test-result',
   name: 'SubmitTestResult',
-  view: 'SubmitTestResult'
+  view: 'TestResult/AddEdit'
 }, {
   path: '/test-creator',
   name: 'TestCreator',
@@ -63935,23 +63939,23 @@ var map = {
 	],
 	"./Auth/ForgotPassword.vue": [
 		"./resources/js/vue/views/Auth/ForgotPassword.vue",
-		7
+		6
 	],
 	"./Auth/Login.vue": [
 		"./resources/js/vue/views/Auth/Login.vue",
-		8
+		7
 	],
 	"./Auth/Register.vue": [
 		"./resources/js/vue/views/Auth/Register.vue",
-		9
+		8
 	],
 	"./Dashboard.vue": [
 		"./resources/js/vue/views/Dashboard.vue",
-		10
+		9
 	],
 	"./Icons.vue": [
 		"./resources/js/vue/views/Icons.vue",
-		11
+		10
 	],
 	"./Maps.vue": [
 		"./resources/js/vue/views/Maps.vue",
@@ -63959,7 +63963,7 @@ var map = {
 	],
 	"./MedicalCenter/AddEdit.vue": [
 		"./resources/js/vue/views/MedicalCenter/AddEdit.vue",
-		12
+		11
 	],
 	"./MedicalCenter/List.vue": [
 		"./resources/js/vue/views/MedicalCenter/List.vue",
@@ -63967,23 +63971,23 @@ var map = {
 	],
 	"./MedicalCenter/OperatorList.vue": [
 		"./resources/js/vue/views/MedicalCenter/OperatorList.vue",
-		13
+		12
 	],
 	"./Notifications.vue": [
 		"./resources/js/vue/views/Notifications.vue",
-		14
+		13
-	],
-	"./SubmitTestResult.vue": [
-		"./resources/js/vue/views/SubmitTestResult.vue",
-		15
 	],
 	"./TableList.vue": [
 		"./resources/js/vue/views/TableList.vue",
-		16
+		15
+	],
+	"./TestResult/AddEdit.vue": [
+		"./resources/js/vue/views/TestResult/AddEdit.vue",
+		14
 	],
 	"./TestResult/List.vue": [
 		"./resources/js/vue/views/TestResult/List.vue",
-		6
+		16
 	],
 	"./TestType/AddEdit.vue": [
 		"./resources/js/vue/views/TestType/AddEdit.vue",

resources/js/vue/config/urls.js

@@ -5,6 +5,7 @@ const urls = {
     login : "/login",
     logout : "/logout",
     storeMedicalCenter : "/MedicalCenters",
+    listTestTypeName : "/TestTypes/ListNames",
     listOpertor : "/Users",
     listMedicalCenter : function(page) {
         return "/MedicalCenters?page=" + page;
@@ -24,6 +25,9 @@ const urls = {
     updateMedicalCenter : function(id) {
         return `/MedicalCenters/${id}`;
     },
+    editMedicalCenter : function(id) {
+        return `/MedicalCenters/${id}/edit`;
+    },
     deleteMedicalCenter : function(id) {
         return `/MedicalCenters/${id}`;
     },

resources/js/vue/router/paths.js

@@ -91,16 +91,16 @@ export default [
     name: 'AllResultTest',
     view: 'TestResult/List'
   },
-
-
-
-
-
   {
-    path: '/submit-test-result',
+    path: '/add-test-result',
     name: 'SubmitTestResult',
-    view: 'SubmitTestResult'
+    view: 'TestResult/AddEdit'
   },
+
+
+
+
+
   {
     path: '/test-creator',
     name: 'TestCreator',

resources/js/vue/views/Dashboard.vue

@@ -34,7 +34,7 @@ export default {
              {title:'Manage Medical Center', text:'Managing users very fast by ...',icon:'/img/Static/Dashboard/Macbook.png',color:'WM-MuskGradient-BG',route:{name: 'ManageMedicalCenter'},aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md7 sm7'},
              {title:'List Test Type', text:'You can simply add your own test type',icon:'/img/Static/Dashboard/Book-and-Pen.png',color:'WM-GreyGradient-BG',route:{name: 'ListTestType'},aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md5 sm5'},
              {title:'Test to Verify', text:'You can simply add your own test type in this section of website',icon:'/img/Static/Dashboard/notepad-colorful.png',color:'WM-PinkGradient-BG',route:{name: 'SubmitTestResult'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12'},
-             {title:'Add a Test Result', text:'You can edit the medical center information',icon:'/img/Static/Dashboard/ipad.png',color:'WM-YellowPinkGradient-BG',route:{name: 'ManageMedicalCenter'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12'},
+             {title:'Add a Test Result', text:'You can edit the medical center information',icon:'/img/Static/Dashboard/ipad.png',color:'WM-YellowPinkGradient-BG',route:{name: 'SubmitTestResult'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12'},
          ]
      }
  }

resources/js/vue/views/MedicalCenter/AddEdit.vue

@@ -57,7 +57,7 @@ export default {
   },
   methods: {
     async load(id) {
-      const result = await ApiService.get(`MedicalCenters/${id}/edit`);
+      const result = await ApiService.get(urls.editMedicalCenter(id));
       this.medicalCenter = result.data.MedicalCenter;
     },
     async AddMedicalCenter() {

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

@@ -6,24 +6,26 @@
         title="Submit Test Result">
         <v-layout align-center justify-center wrap class="px-5 my-3">
           <v-flex xs12 sm4 md4>
-            <v-select
+            <v-autocomplete
-              :items="items"
+              :search-input.sync="searchInput"
+              :items="testTypeNames"
+              v-model="filter.name"
               label="Choose Test Type"
               color="black"
               class="pa-2"
-            ></v-select>
+            ></v-autocomplete>
           </v-flex>
           <v-flex xs12 sm3 md3>
             <v-text-field
               name="testcode"
-              label="Or Enter Test Code"
+              v-model="filter.unique_code"
-              id="id"
+              label="Or Enter Test Unique Code"
               color="black"
               class="pa-2"
             ></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" 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>
@@ -33,32 +35,50 @@
           <v-divider></v-divider>
         </v-layout>
         <v-layout align-center justify-center wrap class="px-5 my-3">
-          <v-flex xs12 sm4 md4>
+          <v-flex xs12 sm4 md3>
-            <v-text-field
-              name="cssd"
-              label="ID CSSD"
-              color="black"
-              id="id"
-              class="pa-2"
-            ></v-text-field>
-          </v-flex>
-          <v-flex xs12 sm4 md4>
             <v-text-field
               name="autoclave"
+              v-model="form.autoclave_id"
               label="ID AutoClave"
               color="black"
-              id="id"
               class="pa-2"
             ></v-text-field>
           </v-flex>
-          <v-flex xs12 sm4 md4>
+          <v-flex xs12 sm4 md3>
             <v-select
-              :items="items"
+              :items="result"
+              v-model="form.result"
               label="Resualt"
               color="black"
               class="pa-2"
             ></v-select>
           </v-flex>
+          <v-flex v-for="(item, key) in form.data" :key="key">
+            <v-text-field
+              v-if="item.type == 'Text'"
+              v-model="form.data[key][item.name]"
+              label="Resualt"
+              color="black"
+              class="pa-2"
+            ></v-text-field>
+            <v-select
+              v-if="item.type == 'Select'"
+              :items="item.options"
+              v-model="form.data[key][item.name]"
+              label="Resualt"
+              color="black"
+              class="pa-2"
+              item-text="title"
+            ></v-select>
+            <template v-if="item.type == 'CheckBox'">
+              <v-container  fluid v-for="(optionValue, keyOption) in item.options" :key="keyOption">
+                <v-checkbox :label="option.title" v-model="form.data[key][item.name]" :value="optionValue"></v-checkbox>
+              </v-container>
+            </template>
+            <!-- <template v-if="item.type == 'Form'">
+
+            </template> -->
+          </v-flex>
         </v-layout>
         <v-layout row wrap class="px-5 my-3">
           <v-divider></v-divider>
@@ -68,7 +88,7 @@
             <v-icon class="white--text mr-2 caption">fas fa-check</v-icon>
             <span class="white--text">SAVE</span>
           </v-btn>
-          <router-link to="/dashboard">
+          <router-link :to="{name: 'Dashboard'}">
             <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
               <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
               <span class="black--text">Back</span>
@@ -80,17 +100,39 @@
   </v-form>
 </template>
 <script>
+import { ApiService } from "@/services";
+import { urls } from "@/config/urls";
 export default {
-  name: "",
   data: () => ({
-    items: [
+    result: [
-      'Item 1',
+      'Accept',
-      'Item 2',
+      'Reject',
-      'Item 3',
+    ],
-      'Item 4'
+    testTypeNames: [],
-    ]
+    searchInput: '',
-  })
+    form: {
+      autoclave_id: '',
+      result: '',
+      data: [
+
+      ]
+    },
+    filter: {
+      name:'',
+      unique_code:''
+    }
+  }),
+  created() {
+    this.load();
+  },
+  methods:{
+    async load() {
+      const result = await ApiService.get(urls.listTestTypeName);
+      this.testTypeNames = result.data.data;
+    },
+    selectTestType() {
+
+    }
+  }
 }
 </script>
-<style lang="scss" scoped>
-</style>

routes/api.php

@@ -24,6 +24,7 @@ Route::group(['namespace' => 'Api'],function () {
 
 Route::get('/GetInfo', 'UserController@getInfo')->middleware('auth:api');
 
+Route::get('TestTypes/ListNames', 'TestTypeController@listNames');
 Route::resource('TestTypes', 'TestTypeController');
 Route::resource('TestResults', 'TestResultController');
 Route::resource('MedicalCenters', 'MedicalCenterController');