list Test result

public/16.js

@@ -9,6 +9,16 @@
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 //
 //
 //
@@ -97,11 +107,83 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
+
-//
+
-//
+/* harmony default export */ __webpack_exports__["default"] = ({
-//
+  data: function data() {
-/* harmony default export */ __webpack_exports__["default"] = ({});
+    return {
+      headers: [{
+        sortable: false,
+        text: "AutoClaveId",
+        value: "name"
+      }, {
+        sortable: false,
+        text: "Hospital",
+        value: "Hospital"
+      }, {
+        sortable: false,
+        text: "User",
+        value: "Users"
+      }, {
+        sortable: false,
+        text: "Result",
+        value: "result"
+      }, {
+        sortable: false,
+        text: "Date",
+        value: "date"
+      }, {
+        sortable: false,
+        text: "Action",
+        value: "action",
+        align: "right"
+      }],
+      items: [],
+      currentPage: 1,
+      lastPage: 1
+    };
+  },
+  created: function created() {
+    this.load();
+  },
+  methods: {
+    load: function () {
+      var _load = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].listTestResult);
+
+              case 2:
+                result = _context.sent;
+
+                if (result && result.status == 200) {
+                  this.items = result.data.data.data;
+                  this.currentPage = result.data.data.current_page;
+                  this.lastPage = result.data.data.last_page;
+                }
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function load() {
+        return _load.apply(this, arguments);
+      }
+
+      return load;
+    }()
+  }
+});
 
 /***/ }),
 
@@ -216,81 +298,120 @@ var render = function() {
                 [
                   _c(
                     "v-flex",
-                    { attrs: { xs1: "" } },
+                    { attrs: { md12: "" } },
                     [
-                      _c("v-card-title", [
+                      _c("v-data-table", {
-                        _c("div", [
+                        attrs: {
-                          _c("div", [
+                          headers: _vm.headers,
-                            _vm._v("\n              222\n            ")
+                          items: _vm.items,
-                          ]),
+                          "hide-actions": ""
-                          _vm._v(" "),
+                        },
-                          _c("div", [
+                        scopedSlots: _vm._u([
-                            _vm._v("\n              Test\n            ")
+                          {
-                          ]),
+                            key: "headerCell",
-                          _vm._v(" "),
+                            fn: function(ref) {
-                          _c("div", {}, [
+                              var header = ref.header
-                            _vm._v("\n              1\n            ")
+                              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.autoclave_id))]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  { staticClass: "title font-weight-light" },
+                                  [
+                                    _vm._v(
+                                      _vm._s(item.user.medical_center.name)
+                                    )
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  { staticClass: "title font-weight-light" },
+                                  [_vm._v(_vm._s(item.user.name))]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  { staticClass: "title font-weight-light" },
+                                  [_vm._v(_vm._s(item.result))]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  { staticClass: "title font-weight-light" },
+                                  [_vm._v(_vm._s(item.created_at))]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  { staticClass: "text-xs-right" },
+                                  [
+                                    _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
-                  ),
-                  _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
                   )
@@ -300,6 +421,26 @@ var render = function() {
               _vm._v(" "),
               _c("v-divider"),
               _vm._v(" "),
+              _vm.lastPage > 1
+                ? _c(
+                    "div",
+                    { staticClass: "text-xs-center" },
+                    [
+                      _c("v-pagination", {
+                        attrs: { length: _vm.lastPage, "total-visible": 6 },
+                        model: {
+                          value: _vm.currentPage,
+                          callback: function($$v) {
+                            _vm.currentPage = $$v
+                          },
+                          expression: "currentPage"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
               _c(
                 "v-layout",
                 {

public/3.js

@@ -148,11 +148,14 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
               case 3:
                 result = _context.sent;
-                this.items = result.data.data.data;
-                this.currentPage = result.data.data.current_page;
-                this.lastPage = result.data.data.last_page;
 
-              case 7:
+                if (result && result.status == 200) {
+                  this.items = result.data.data.data;
+                  this.currentPage = result.data.data.current_page;
+                  this.lastPage = result.data.data.last_page;
+                }
+
+              case 5:
               case "end":
                 return _context.stop();
             }

public/mix-manifest.json

@@ -1,3 +1,3 @@
 {
-    "/vue/js/app.js": "/vue/js/app.js?id=705b759be318dc6a6352"
+    "/vue/js/app.js": "/vue/js/app.js?id=1f02d7209c44ae957984"
 }

public/vue/js/app.js

@@ -61844,6 +61844,7 @@ var urls = {
   logout: "/logout",
   storeMedicalCenter: "/MedicalCenters",
   storeTestResult: "/TestResults",
+  listTestResult: "/TestResults",
   listTestTypeName: "/TestTypes/ListNames",
   getInputs: "/GetInputs",
   listOpertor: "/Users",

resources/js/vue/config/urls.js

@@ -6,6 +6,7 @@ const urls = {
     logout : "/logout",
     storeMedicalCenter : "/MedicalCenters",
     storeTestResult : "/TestResults",
+    listTestResult : "/TestResults",
     listTestTypeName : "/TestTypes/ListNames",
     getInputs : `/GetInputs`,
     listOpertor : "/Users",

resources/js/vue/views/TestResult/List.vue

@@ -40,42 +40,38 @@
       </v-layout>
       <v-divider></v-divider>
       <v-layout align-center wrap class="my-3">
-        <v-flex xs1>
+         <v-flex md12>
-          <v-card-title>
+          <v-data-table :headers="headers" :items="items" hide-actions>
-            <div>
+            <template slot="headerCell" slot-scope="{ header }">
-              <div>
+              <span
-                222
+                class="subheading font-weight-light text-white text--darken-3"
-              </div>
+                v-text="header.text"
-              <div>
+              />
-                Test
+            </template>
-              </div>
+            <template slot="items" slot-scope="{ item }">
-              <div class="">
+              <td class="headline font-weight-light">{{ item.autoclave_id }}</td>
-                1
+              <td class="title font-weight-light">{{ item.user.medical_center.name }}</td>
-              </div>
+              <td class="title font-weight-light">{{ item.user.name }}</td>
-            </div>
+              <td class="title font-weight-light">{{ item.result }}</td>
-          </v-card-title>
+              <td class="title font-weight-light">{{ item.created_at }}</td>
-        </v-flex>
+              <td class="text-xs-right">
-        <v-flex xs6>
+                <v-btn color="black" class="mr-2">
-          <v-card-text>
+                  <v-icon class="white--text mr-1 caption">fas fa-folder</v-icon>
-            <p>
+                  <span>Archive</span>
-                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+                </v-btn>
-            </p>
+                <v-btn color="cyan" class="mr-2">
-          </v-card-text>
+                  <v-icon class="white--text mr-1 caption">fas fa-pen</v-icon>
-        </v-flex>
+                  <span>Edit</span>
-        <v-flex xs4>
+                </v-btn>
-          <v-card-text>
+              </td>
-            <v-btn color="black" class="mr-2">
+            </template>
-              <v-icon class="white--text mr-1 caption">fas fa-folder</v-icon>
+          </v-data-table>
-              <span>Archive</span>
-            </v-btn>
-            <v-btn color="cyan" class="mr-2">
-              <v-icon class="white--text mr-1 caption">fas fa-pen</v-icon>
-              <span>Edit</span>
-            </v-btn>
-          </v-card-text>
         </v-flex>
       </v-layout>
       <v-divider></v-divider>
+      <div class="text-xs-center" v-if="lastPage > 1">
+        <v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
+      </div>
       <v-layout row wrap align-center justify-center class="mt-3">
         <router-link to="/dashboard">
           <v-btn
@@ -91,7 +87,61 @@
 </template>
 
 <script>
+import { ApiService } from "@/services";
+import { urls } from "@/config/urls";
+
 export default {
+  data: () => ({
+    headers: [
+      {
+        sortable: false,
+        text: "AutoClaveId",
+        value: "name"
+      },
+      {
+        sortable: false,
+        text: "Hospital",
+        value: "Hospital"
+      },
+      {
+        sortable: false,
+        text: "User",
+        value: "Users"
+      },
+      {
+        sortable: false,
+        text: "Result",
+        value: "result"
+      },
+      {
+        sortable: false,
+        text: "Date",
+        value: "date"
+      },
+      {
+        sortable: false,
+        text: "Action",
+        value: "action",
+        align: "right"
+      }
+    ],
+    items:[],
+    currentPage:1,
+    lastPage:1,
+  }),
+    created() {
+    this.load();
+  },
+  methods: {
+    async load() {
+      const result = await ApiService.get(urls.listTestResult);
+      if (result && result.status == 200) {
+        this.items = result.data.data.data;
+        this.currentPage = result.data.data.current_page;
+        this.lastPage = result.data.data.last_page;
+      }
+    },
+  }
 }
 </script>
 

resources/js/vue/views/TestType/List.vue

@@ -117,9 +117,11 @@ export default {
   methods: {
     async getData(page = 1) {
       const result = await ApiService.get(urls.listTestType(page));
-      this.items = result.data.data.data;
+      if (result && result.status == 200) {
-      this.currentPage = result.data.data.current_page;
+        this.items = result.data.data.data;
-      this.lastPage = result.data.data.last_page;
+        this.currentPage = result.data.data.current_page;
+        this.lastPage = result.data.data.last_page;
+      }
     },
     async remove(id) {
       const result = await ApiService.delete(urls.deleteTestType(id));