Product

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

@@ -2,7 +2,7 @@
   <v-form ref="form">
     <v-container grid-list-xs>
       <material-card color="black" title="Submit Test Result">
-        <v-layout align-center justify-center wrap class="px-5 my-3">
+        <v-layout align-center justify-center wrap class="px-5 my-3" v-if="!$route.params.testResult">
           <v-flex xs12 sm4 md4>
             <v-autocomplete
               :search-input.sync="searchInput"
@@ -33,7 +33,7 @@
             </v-btn>
           </v-flex>
         </v-layout>
-        <v-layout row wrap class="px-5 my-3">
+        <v-layout row wrap class="px-5 my-3" v-if="!$route.params.testResult">
           <v-divider></v-divider>
         </v-layout>
         <v-layout align-center justify-center wrap class="px-5 my-3">
@@ -143,16 +143,23 @@ export default {
     searchInput: "",
     form: [],
     filter: {
+      test_result_id: "",
       name: "",
       unique_code: ""
     },
     formData : {
       autoclave_id: "",
       result: "",
+      test_type_id: "",
     }
   }),
   created() {
+    if (this.$route.params.testResult) {
+      this.filter.test_result_id = this.$route.params.testResult;
+      this.selectTestType();
+    }
     this.load();
+    
   },
   methods: {
     async load() {
@@ -162,20 +169,29 @@ export default {
     async selectTestType() {
       const result = await ApiService.post(urls.getInputs, this.filter);
       if (result && result.status == 200) {
-        this.form = result.data.data;
-        for (const key in result.data.data) {
-          if (result.data.data.hasOwnProperty(key)) {
-            if(result.data.data[key].type !== 'Form') {
-              this.formData[result.data.data[key].name] = '';
-            } else {
-              for (const keyForm in result.data.data[key].children) {
-                if (result.data.data[key].children.hasOwnProperty(keyForm)) {
-                  this.formData[result.data.data[key].children[keyForm].name] = '';
+        this.form = result.data.data.inputs;
+        this.formData.test_type_id = result.data.data.testType.id;
+        for (const key in result.data.data.inputs) {
+          if (result.data.data.inputs.hasOwnProperty(key)) {
+            if(result.data.data.inputs[key].type == 'Form') {
+              for (const keyForm in result.data.data.inputs[key].children) {
+                if (result.data.data.inputs[key].children.hasOwnProperty(keyForm)) {
+                  this.formData[result.data.data.inputs[key].children[keyForm].name] = '';
                 }
-              }
+              }  
+            } else if(result.data.data.inputs[key].type == 'Checkbox') {
+              this.formData[result.data.data.inputs[key].name] = [];
+            } else {
+              this.formData[result.data.data.inputs[key].name] = '';
             }
           }
         }
+        if (this.$route.params.testResult) {
+          const result = await ApiService.get(urls.editTestResult(this.$route.params.testResult));
+          if (result && result.status == 200) {
+            this.formData = result.data.data;
+          }
+        }
       }
     },
     async submitForm() {

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

@@ -59,9 +59,15 @@
                   <v-icon class="white--text mr-1 caption">fas fa-folder</v-icon>
                   <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>
+                <router-link :to="{name: 'EditTestResult', params: {testResult: item.id}}">
+                  <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>
+                </router-link>
+                <v-btn color="pink" class="mr-2" @click="remove(item.id)" >
+                  <v-icon class="white--text mr-1 caption">fas fa-times</v-icon>
+                  <span>Remove</span>
                 </v-btn>
               </td>
             </template>
@@ -141,9 +147,24 @@ export default {
         this.lastPage = result.data.data.last_page;
       }
     },
+    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;
+      }
+    },
+    async remove(testResultId) {
+      const result = await ApiService.get(urls.removeTestResult(testResultId));
+      if (result && result.status == 200) {
+        for (const key in this.items) {
+          if (this.items.hasOwnProperty(key) && this.items[key].id == testResultId) {
+            this.items.splice(key, 1);
+          }
+        }
+      }
+    },
   }
 }
-</script>
-
-<style lang="css" scoped>
-</style>
+</script>