Shokouhi

resources/js/vue/components/modal/testresult/Show.vue

@@ -1,8 +1,14 @@
-<template>
+<!-- <template>
 <div>
     <v-container fluid>
             <material-card class color="black" title="Show Test Resualt" text>
                 <v-layout align-center wrap class="my-3">
+
+                  <v-layout row wrap class="">
+                    <h2>Common Info</h2>
+                  </v-layout>
+                    <v-divider></v-divider>
+                  <v-layout row wrap class="ml-3">
                     <v-flex xs12 md12 sm12>
                         <div>Auto Clave Id : {{ data.autoclave_id }}</div>
                     </v-flex>
@@ -15,6 +21,8 @@
                     <v-flex xs12 md12 sm12>
                         <div>Register User : {{ data.user.name }}</div>
                     </v-flex>
+                  </v-layout>
+
                     <template v-if="data.inputs">
                         <v-flex xs12 md12 sm12 v-for="(inputData, keyInputs) in data.inputs" :key="keyInputs">
                             <div>{{keyInputs}} : {{inputData}}</div>
@@ -29,9 +37,9 @@
                         <v-flex xs12 md12 sm12 v-for="(formData, keyForm) in data.children" :key="keyForm">
                             <h1>{{keyForm}}</h1>
                             <div v-for="(childData, keyChild) in formData" :key="keyChild">
-                                <div>{{keyChild}} : 
+                                <div>{{keyChild}} :
                                     <template v-if="Array.isArray(childData)"><span  v-for="(data, dataKey) in childData" :key="dataKey">{{data}}, </span> </template>
-                                    <template v-else > <span>{{childData}}</span> </template> 
+                                    <template v-else > <span>{{childData}}</span> </template>
                                 </div>
                             </div>
                         </v-flex>
@@ -42,17 +50,135 @@
                     <v-flex md12>
                     </v-flex>
                 </v-layout>
+                <v-layout row wrap>
+                  <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-icon class="black--text mr-2 caption">fas fa-chevron-right</v-icon>
+                      <span class="black--text">Verify</span>
+                    </v-btn>
+                  </v-flex>
+                </v-layout>
             </material-card>
     </v-container>
 </div>
+</template> -->
+<template>
+  <v-container grid-list-xs>
+    <material-card color="black" title="Submit Test Result">
+      <v-layout
+        align-left
+        justify-left
+        wrap
+        class="px-5 my-3"
+      >
+      <h3 class="ml-3">Common Info</h3>
+      <v-flex xs12>
+        <hr class="v-divider theme--light">
+      </v-flex>
+      <v-layout row wrap class="ml-4">
+        <v-flex xs12 md6 sm6>
+          <div class="">
+            <span class="title">Auto Clave Id : </span>
+            <span class="headline ml-2">{{ data.autoclave_id }}</span>
+          </div>
+        </v-flex>
+        <v-flex xs12 md6 sm6>
+          <div class="">
+            <span class="title">Result : </span>
+              <v-icon class="green--text ml-2 caption">fas fa-check</v-icon>
+            <span class="headline ml-1">{{ data.result }}</span>
+          </div>
+        </v-flex>
+        <v-flex xs12 md6 sm6>
+          <div class="">
+            <span class="title">verify : </span>
+            <v-icon class="pink--text ml-2 caption">fas fa-times</v-icon>
+            <span class="headline ml-1">{{ data.verified }}</span>
+          </div>
+        </v-flex>
+        <v-flex xs12 md6 sm6>
+          <div class="">
+            <span class="title">Register User : </span>
+            <span class="headline ml-2">{{ data.user.name }}</span>
+          </div>
+        </v-flex>
+        </v-flex>
+      </v-layout>
+    </v-layout>
+    <v-layout
+      align-left
+      justify-left
+      wrap
+      class="px-5 my-3"
+    >
+    <h3 class="ml-3">Special Info</h3>
+    <v-flex xs12>
+    <hr class="v-divider theme--light">
+    </v-flex>
+    <v-layout row wrap>
+      <template v-if="data.inputs">
+          <v-flex xs12 md12 sm12 v-for="(inputData, keyInputs) in data.inputs" :key="keyInputs">
+            <span class="title">{{keyInputs}} :</span>
+            <span class="headline ml-2">{{inputData}}</span>
+          </v-flex>
+      </template>
+      <template v-if="data.options">
+          <v-flex xs12 md12 sm12 v-for="(optionData, keyOptions) in data.options" :key="keyOptions">
+              <span class="title">{{keyOptions}} : </span>
+              <span class="headline ml-2"  v-for="(data, dataKey) in optionData" :key="dataKey">{{data}}, </span>
+          </v-flex>
+      </template>
+      <template v-if="data.children">
+          <v-flex xs12 md12 sm12 v-for="(formData, keyForm) in data.children" :key="keyForm">
+              <h3 class="ml-3">{{keyForm}}</h3>
+              <div v-for="(childData, keyChild) in formData" :key="keyChild">
+                <div class="ml-4">
+                  <span class="title">{{keyChild}} :</span>
+                  <template v-if="Array.isArray(childData)"><span class="headline ml-2"  v-for="(data, dataKey) in childData" :key="dataKey">{{data}}, </span></template>
+                  <template v-else > <span class="headline ml-2">{{childData}}</span> </template>
+                </div>
+              </div>
+          </v-flex>
+      </template>
+    </v-layout>
+  </v-layout>
+  <v-layout row wrap align-center justify-center>
+    <v-flex class xs12 md2 sm2>
+        <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
+            <v-icon class="white--text mr-2 caption">fas fa-check</v-icon>
+            <span class="white--text">Verify</span>
+        </v-btn>
+    </v-flex>
+    <!-- <v-flex class="" xs12 md2 sm2>
+      <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Gray">
+          <v-icon class="black--text mr-2 caption">fas fa-check</v-icon>
+          <span class="black--text">Verify</span>
+      </v-btn>
+    </v-flex> -->
+  </v-layout>
+    </material-card>
+  </v-container>
 </template>
 <script>
+export default {
+  name: "",
+  data: () => ({
+
+  })
+}
+</script>
+<style lang="scss" scoped>
+</style>
+<script>
 import { mapGetters, mapMutations } from "vuex";
 // import { ApiService } from "@/services";
 // import { urls } from "@/config/urls";
 export default {
   data: () => ({
-      data: {},
+
   }),
   methods: {
     // ...mapMutations("modal", ["closeModal", "setResultModal"]),
@@ -68,10 +194,10 @@ export default {
     // }
   },
   created(){
-      this.data = this.getModalProperties.result.data.data; 
+      this.data = this.getModalProperties.result.data.data;
   },
   computed: {
     ...mapGetters("modal", ["getModalProperties"]),
   }
 };
-</script>
+</script>

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

@@ -185,7 +185,7 @@ export default {
       this.selectTestType();
     }
     this.load();
-    
+
   },
   methods: {
     async load() {
@@ -208,7 +208,7 @@ export default {
                     this.formData[result.data.data.inputs[key].children[keyForm].name] = '';
                   }
                 }
-              }  
+              }
             } else if(result.data.data.inputs[key].type == 'Checkbox' || result.data.data.inputs[key].type == 'Select') {
               this.formData[result.data.data.inputs[key].name] = [];
             } else {
@@ -231,7 +231,7 @@ export default {
       } else {
          result = await ApiService.post(urls.storeTestResult, this.formData);
       }
-    
+
       if (result && result.status == 200) {
         this.$router.push({name: 'Dashboard'})
       }
@@ -250,7 +250,7 @@ export default {
       reader.onload = (e) => {
         vm.image = e.target.result;
       };
-      
+
       reader.readAsDataURL(file);
     },
     removeImage: function (e) {
@@ -263,4 +263,4 @@ export default {
     }
   }
 };
-</script>
+</script>

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

@@ -48,7 +48,7 @@
                                 <td class="title font-weight-light">{{ item.created_at }}</td>
                                 <td class="text-xs-right">
                                     <v-btn color="cyan" class="mr-2" @click="show(item.id)">
-                                        <v-icon class="white--text mr-1 caption">fas fa-pen</v-icon>
+                                        <v-icon class="white--text mr-1 caption">fas fa-eye</v-icon>
                                         <span>Show</span>
                                     </v-btn>
                                     <router-link
@@ -134,7 +134,7 @@ export default {
         } else {
             this.load();
         }
-        
+
     },
     methods: {
         ...mapMutations("modal", ["changeCurrentModal"]),
@@ -179,4 +179,4 @@ export default {
         }
     }
 };
-</script>
+</script>