print and new types and multi image

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

@@ -52,18 +52,27 @@
               class="pa-2"
             ></v-text-field>
           </v-flex>
+          <v-flex xs12 sm4 md4>
+            <v-text-field
+              :items="result"
+              v-model="formData.cycle_number "
+              label="Cycle Number"
+              color="black"
+              class="pa-2"
+            ></v-text-field>
+          </v-flex>
           <v-flex xs12 sm4 md4>
             <v-select
               :items="result"
               v-model="formData.result"
-              label="Resualt"
+              label="Result"
               color="black"
               class="pa-2"
             ></v-select>
           </v-flex>
           <v-flex xs12 sm4 md4>
              <div v-if="!image">
-                <input type="file" class="inputfile" @change="onFileChange">
+                <input type="file" class="inputfile" @change="onFileChange" multiple>
                 <label for="file"><v-icon class="v-icon greylighten-3--text mr-2 caption IconHover">fas fa-chevron-right</v-icon>Choose a file</label>
               </div>
               <div v-else>
@@ -98,6 +107,38 @@
                 :value="optionValue.id"
               ></v-checkbox>
             </v-container>
+            <v-container fluid v-if="item.type == 'Radiobutton'">
+              <p>{{ item.name }}</p>
+              <v-radio-group v-model="formData[item.name+'_'+item.id]">
+                <v-radio
+                  v-for="(optionValue, keyOption) in item.options"
+                  :key="keyOption"
+                  :label="optionValue.title"
+                  :value="optionValue.id"
+                ></v-radio>
+              </v-radio-group>
+            </v-container>
+            <v-container fluid v-if="item.type == 'Switch'">
+              <v-switch
+                v-model="formData[item.name+'_'+item.id]"
+                :label="item.name + ': ' + formData[item.name+'_'+item.id].toString()"
+              ></v-switch>
+            </v-container>
+            <v-container fluid v-if="item.type == 'Range'">
+              <v-flex xs12>
+                <v-slider
+                  v-model="formData[item.name+'_'+item.id]"
+                  :min="item.options[0].id"
+                  :max="item.options[1].id"
+                  thumb-label="always"
+                ></v-slider>
+              </v-flex>
+            </v-container>
+            <v-container fluid v-if="item.type == 'Time'">
+              <v-flex xs12>
+                <v-time-picker v-model="formData[item.name+'_'+item.id]"></v-time-picker>
+              </v-flex>
+            </v-container>
             <template v-if="item.type == 'Form'">
               <v-container row md-12 sm-12 xs-12>
               <v-layout row wrap>
@@ -177,6 +218,7 @@ export default {
     formData : {
       autoclave_id: "",
       result: "",
+      cycle_number: "",
       img: null,
       test_type_id: "",
     },

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

@@ -74,7 +74,7 @@
                             <v-text-field
                                 required
                                 slot="activator"
-                                label="FromDate"
+                                label="UpToDate"
                                 v-model="filter.upToPicker"
                             ></v-text-field>
                             <v-date-picker
@@ -128,6 +128,10 @@
                                         <v-icon class="white--text mr-1 caption">fas fa-eye</v-icon>
                                         <span>Show</span>
                                     </v-btn>
+                                    <v-btn color="orange" class="mr-2" @click="generateBarcode(item.id)">
+                                        <v-icon class="white--text mr-1 caption">fas fa-eye</v-icon>
+                                        <span>generate Barcode</span>
+                                    </v-btn>
                                     <router-link
                                         v-if="$hasRole('Admin') || item.user_id == $store.state.user.id"
                                         :to="{name: 'EditTestResult', params: {testResult: item.id}}"
@@ -295,6 +299,15 @@ export default {
                 this.medicalCenters = result.data.data.MedicalCenters;
                 this.testTypes = result.data.data.TestTypes;
             }
+        },
+        async generateBarcode(id) {
+             const result = await ApiService.post(urls.Barcode(`Cssd-100 ${id}`));
+            if (result && result.status == 200) {
+                this.changeCurrentModal({
+                    modal: "modal-barcode-barcode",
+                    properties: { result }
+                });
+            }
         }
     },
     computed: {