From 4ecc7c73526cbec1b8d08c09dec8fe9914411ca7 Mon Sep 17 00:00:00 2001
From: "zeinab.ashrafi" <ashrafisokout@gmail.com>
Date: Mon, 9 Jun 2025 09:37:24 +0330
Subject: [PATCH] fix : search test type in add test result

---
 src/config/urls.js               |    3 +
 src/views/TestResult/AddEdit.vue | 1159 +++++++++++++++---------------
 2 files changed, 586 insertions(+), 576 deletions(-)

diff --git a/src/config/urls.js b/src/config/urls.js
index b9dbcaa..def7149 100644
--- a/src/config/urls.js
+++ b/src/config/urls.js
@@ -24,6 +24,9 @@ const urls = {
     getInputs: function (id) {
         return "/GetInputs/" + id;
     },
+    getInputsByCode: function (code) {
+        return "/GetInputs/" + code+"?by=code";
+    },
     listMessages: function (page) {
         return `/Messages?page=${page}`;
     },
diff --git a/src/views/TestResult/AddEdit.vue b/src/views/TestResult/AddEdit.vue
index c552eb9..778577c 100644
--- a/src/views/TestResult/AddEdit.vue
+++ b/src/views/TestResult/AddEdit.vue
@@ -1,413 +1,414 @@
 <template>
-    <v-form ref="form">
-        <v-container grid-list-xs>
-            <material-card color="black" title="Submit Test Result">
-                <v-layout wrap class="px-3 my-3" v-if="!$route.params.testResult">
-                    <v-flex xs12 sm6 md4 lg3 xl2 class="WM-FlexCenter">
-                        <v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"/>
-                        <v-autocomplete
-                                :search-input.sync="searchInput"
-                                :items="testTypeNames"
-                                v-model="filter.name"
-                                item-text="name"
-                                item-value="id"
-                                label="Choose Test Type"
-                                color="black"
-                                class="py-3 pr-3"
-                        />
-                    </v-flex>
-                    <v-flex xs12 sm6 md4 lg3 xl2 class="WM-FlexCenter ml-3">
-                        <v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"/>
-                        <v-text-field
-                                name="testcode"
-                                v-model="filter.unique_code"
-                                label="Or Enter Test Unique Code"
-                                color="black"
-                                class="py-3 pr-3"
-                        />
-                    </v-flex>
-                    <v-spacer/>
-                    <v-flex xs12 sm4 md4 lg4 xl3 class="text-center text-md-right">
-                        <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">Select Test Result</span>
-                        </v-btn>
-                    </v-flex>
-                </v-layout>
-                <v-layout row wrap class="px-3 my-3" v-if="!$route.params.testResult && form.length">
-                    <v-divider/>
-                </v-layout>
-                <v-layout wrap class="px-3 my-3" v-if="form.length">
-                    <v-flex xs12 sm12 md12>
-                        <h3 class="WM-BorderLeftTitle">{{ testTypeNameSelected }}</h3>
-                    </v-flex>
-                    <!-- <v-flex xs12 sm3 md3>
-                        <v-text-field
-                            name="id"
-                            v-model="formData.device_id"
-                            :label="device_label[formData.device_label]"
+  <v-form ref="form">
+    <v-container grid-list-xs>
+      <material-card color="black" title="Submit Test Result">
+        <v-layout v-if="!$route.params.testResult" class="px-3 my-3" wrap>
+          <v-flex class="WM-FlexCenter" lg3 md4 sm6 xl2 xs12>
+            <v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"/>
+            <v-autocomplete
+                v-model="filter.name"
+                :items="testTypeNames"
+                :search-input.sync="searchInput"
+                class="py-3 pr-3"
+                color="black"
+                item-text="name"
+                item-value="id"
+                label="Choose Test Type"
+            />
+          </v-flex>
+          <v-flex class="WM-FlexCenter ml-3" lg3 md4 sm6 xl2 xs12>
+            <v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"/>
+            <v-text-field
+                v-model="filter.unique_code"
+                class="py-3 pr-3"
+                color="black"
+                label="Or Enter Test Unique Code"
+                name="testcode"
+            />
+          </v-flex>
+          <v-spacer/>
+          <v-flex class="text-center text-md-right" lg4 md4 sm4 xl3 xs12>
+            <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                   style="padding:10px 60px;"
+                   @click="selectTestType">
+              <v-icon class="black--text mr-2 caption">fas fa-chevron-right</v-icon>
+              <span class="black--text">Select Test Result</span>
+            </v-btn>
+          </v-flex>
+        </v-layout>
+        <v-layout v-if="!$route.params.testResult && form.length" class="px-3 my-3" row wrap>
+          <v-divider/>
+        </v-layout>
+        <v-layout v-if="form.length" class="px-3 my-3" wrap>
+          <v-flex md12 sm12 xs12>
+            <h3 class="WM-BorderLeftTitle">{{ testTypeNameSelected }}</h3>
+          </v-flex>
+          <!-- <v-flex xs12 sm3 md3>
+              <v-text-field
+                  name="id"
+                  v-model="formData.device_id"
+                  :label="device_label[formData.device_label]"
+                  color="black"
+                  class="pa-2"
+                  prepend-icon="fas fa-sort-numeric-up"
+              />
+          </v-flex> -->
+          <v-flex md2 sm2 xs12>
+            <v-menu v-model="menu" :close-on-content-click="true"
+                    class="pa-2"
+                    lazy
+                    offset-y
+                    style="z-index: 12;"
+                    transition="v-scale-transition">
+              <v-text-field slot="activator"
+                            v-model="formData.date"
                             color="black"
-                            class="pa-2"
-                            prepend-icon="fas fa-sort-numeric-up"
+                            label="Date"
+                            prepend-icon="far fa-calendar-alt"
+                            required
+                            style="padding-top:0 !important"/>
+              <v-date-picker
+                  v-model="formData.date"
+                  :date-format="date => new Date(formData.date).toDateString()"
+                  :min="today"
+                  color="pink"
+                  no-title/>
+            </v-menu>
+          </v-flex>
+          <v-flex md2 sm2 xs12>
+            <v-switch v-model="result" :label="'Result: ' + formData.result" color="light-green accent-3"/>
+          </v-flex>
+          <v-spacer/>
+          <v-flex v-if="galleryDataLoaded" md12 sm12 xs12>
+            <template>
+              <wm-Dropzone :BatchID="file_batch_id" :Images="galleries"
+                           :ModelID="$route.params.testResult||null" ModelType="TestResult"/>
+            </template>
+          </v-flex>
+        </v-layout>
+
+
+        <!--______________________  DynamicComponent :: Began  _______________________-->
+
+        <v-layout class="px-3 my-3 align-center" wrap>
+          <v-flex v-for="(item, key) in form" :key="key" :class="['pa-2', item.size]">
+            <v-container v-if="item.type == 'Temperature'" class="pa-0" md-12 row sm-12 xs-12>
+              <v-layout row wrap>
+                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
+              </v-layout>
+              <v-layout row wrap>
+                <v-container class="WM-Padding-LR-0" fluid>
+                  <v-flex xs12>
+                    <v-slider
+                        v-model="formData[item.name+'_'+item.id]"
+                        max="200"
+                        min="0"
+                        prepend-icon="fas fa-temperature-high"
+                        step="0.1"
+                        thumb-label="always"
+                    />
+                  </v-flex>
+                </v-container>
+              </v-layout>
+            </v-container>
+            <v-container v-if="item.type == 'Text'" class="pa-0" md-12 row sm-12 xs-12>
+              <v-layout row wrap>
+                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
+              </v-layout>
+              <v-layout row wrap>
+                <v-container class="WM-Padding-LR-0" fluid>
+                  <v-text-field
+                      v-model="formData[item.name+'_'+item.id]"
+                      :label="item.name"
+                      color="black"
+                      prepend-icon="fa fa-align-left"
+                  />
+                </v-container>
+              </v-layout>
+            </v-container>
+            <v-container v-if="item.type == 'Pressure'" class="pa-0" md-12 row sm-12 xs-12>
+              <v-layout row wrap>
+                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
+              </v-layout>
+              <v-layout row wrap>
+                <v-container class="WM-Padding-LR-0" fluid>
+                  <v-flex xs12>
+                    <v-slider
+                        v-model="formData[item.name+'_'+item.id]"
+                        max="3"
+                        min="-1"
+                        prepend-icon="fa fa-flask"
+                        step="0.01"
+                        thumb-label="always"
+                    />
+                  </v-flex>
+                </v-container>
+              </v-layout>
+            </v-container>
+            <v-container v-if="item.type == 'Select'" class="pa-0" md-12 row sm-12 xs-12>
+              <v-layout row wrap>
+                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
+              </v-layout>
+              <v-layout row wrap>
+                <v-container class="WM-Padding-LR-0" fluid>
+                  <v-flex xs12>
+                    <v-select
+                        v-model="formData[item.name+'_'+item.id]"
+                        :items="item.options"
+                        :label="item.name"
+                        :menu-props="{ closeOnContentClick: false }"
+                        color="black"
+                        item-text="title"
+                        item-value="id"
+                        multiple
+                        prepend-icon="fa fa-check"
+                    />
+                  </v-flex>
+                </v-container>
+              </v-layout>
+            </v-container>
+            <v-container v-if="item.type == 'Checkbox'" class="pa-0" md-12 row sm-12 xs-12>
+              <v-layout row wrap>
+                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
+              </v-layout>
+              <v-layout row wrap>
+                <v-container class="WM-Padding-LR-0" fluid>
+                  <v-flex class="WM-FlexWrap mr-3" xs12>
+                    <v-checkbox
+                        v-for="(optionValue, keyOption) in item.options"
+                        :key="keyOption"
+                        v-model="formData[item.name+'_'+item.id]"
+                        :label="optionValue.title"
+                        :value="optionValue.id"
+                    />
+                  </v-flex>
+                </v-container>
+              </v-layout>
+            </v-container>
+            <v-container v-if="item.type == 'Radiobutton'" class="pa-0" md-12 row sm-12 xs-12>
+              <v-layout row wrap>
+                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
+              </v-layout>
+              <v-layout row wrap>
+                <v-container class="WM-Padding-LR-0" fluid>
+                  <v-flex class="WM-FlexWrap" xs12>
+                    <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-group>
+                  </v-flex>
+                </v-container>
+              </v-layout>
+            </v-container>
+            <v-container v-if="item.type == 'Switch'" class="pa-0" md-12 row sm-12 xs-12>
+              <v-layout row wrap>
+                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
+              </v-layout>
+              <v-layout row wrap>
+                <v-container class="WM-Padding-LR-0" fluid>
+                  <v-flex xs12>
+                    <v-switch
+                        v-model="formData[item.name+'_'+item.id]"
+                        :label="item.name + ': ' + formData[item.name+'_'+item.id].toString()"
+                        color="light-green accent-3"
+                    />
+                  </v-flex>
+                </v-container>
+              </v-layout>
+            </v-container>
+            <v-container v-if="item.type == 'Range'" class="pa-0" md-12 row sm-12 xs-12>
+              <v-layout row wrap>
+                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
+              </v-layout>
+              <v-layout row wrap>
+                <v-container class="WM-Padding-LR-0" fluid>
+                  <v-flex xs12>
+                    <v-slider
+                        v-model="formData[item.name+'_'+item.id]"
+                        :max="item.options[1].title"
+                        :min="item.options[0].title"
+                        color="black"
+                        prepend-icon="fa fa-sliders"
+                        thumb-label="always"
+                    />
+                  </v-flex>
+                </v-container>
+              </v-layout>
+            </v-container>
+            <v-container v-if="item.type == 'Time'" class="pa-0" md-12 row sm-12 xs-12>
+              <v-layout row wrap>
+                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
+              </v-layout>
+              <v-layout row wrap>
+                <v-container class="WM-Padding-LR-0" fluid>
+                  <v-flex xs12>
+                    <v-text-field
+                        v-model="formData[item.name+'_'+item.id]"
+                        :label="item.name"
+                        class="WM-Font-30"
+                        color="black"
+                        mask="##:##"
+                        prepend-icon="fa fa-clock-o"
+                    />
+                  </v-flex>
+                </v-container>
+              </v-layout>
+            </v-container>
+            <!-- <v-layout row wrap>
+            <template v-if="item.type == 'Form'"> -->
+            <v-container v-if="item.type == 'Form'"
+                         class="WM-Border WM-Border-LightGray WM-Padding-10 WM-BorderRadius-5" md-12 row
+                         sm-12
+                         xs-12>
+              <v-layout row wrap>
+                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
+              </v-layout>
+              <v-layout row wrap>
+                <v-flex
+                    v-for="(children, keyChildren) in item.children"
+                    :key="keyChildren"
+                    :class="['pa-2', children.size]">
+                  <v-container v-if="children.type == 'Text'" class="pa-0" fluid>
+                    <p>{{ children.name }}</p>
+                    <v-flex xs12>
+                      <v-text-field
+                          v-model="formData[children.name+'_'+children.id]"
+                          :label="children.name"
+                          color="black"
+                          prepend-icon="fa fa-align-left"
+                      />
+                    </v-flex>
+                  </v-container>
+                  <v-container v-if="children.type == 'Temperature'" class="pa-0" fluid>
+                    <p>{{ children.name }}</p>
+                    <v-flex xs12>
+                      <v-slider
+                          v-model="formData[children.name+'_'+children.id]"
+                          max="200"
+                          min="0"
+                          prepend-icon="fas fa-temperature-high"
+                          step="0.1"
+                          thumb-label="always"
+                      />
+                    </v-flex>
+                  </v-container>
+                  <v-container v-if="children.type == 'Pressure'" class="pa-0" fluid>
+                    <p>{{ children.name }}</p>
+                    <v-flex xs12>
+                      <v-slider
+                          v-model="formData[children.name+'_'+children.id]"
+                          max="3"
+                          min="-1"
+                          prepend-icon="fa fa-flask"
+                          step="0.01"
+                          thumb-label="always"
+                      />
+                    </v-flex>
+                  </v-container>
+                  <v-container v-if="children.type == 'Select'" class="pa-0" fluid>
+                    <p>{{ children.name }}</p>
+                    <v-flex xs12>
+                      <v-select
+                          v-model="formData[children.name+'_'+children.id]"
+                          :items="children.options"
+                          :label="children.name"
+                          color="black"
+                          item-text="title"
+                          item-value="id"
+                          multiple
+                          prepend-icon="fa fa-check"
+                      />
+                    </v-flex>
+                  </v-container>
+                  <v-container v-if="children.type == 'Checkbox'" class="pa-0" fluid>
+                    <p>{{ children.name }}</p>
+                    <v-flex class="WM-FlexWrap mr-3" xs12>
+                      <v-checkbox
+                          v-for="(optionValue, keyOption) in children.options"
+                          :key="keyOption"
+                          v-model="formData[children.name+'_'+children.id]"
+                          :label="optionValue.title"
+                          :value="optionValue.id"
+                      />
+                    </v-flex>
+                  </v-container>
+                  <v-container v-if="children.type == 'Radiobutton'" class="pa-0" fluid>
+                    <p>{{ children.name }}</p>
+                    <v-flex class="WM-FlexWrap" xs12>
+                      <v-radio-group v-model="formData[children.name+'_'+children.id]">
+                        <v-radio
+                            v-for="(optionValue, keyOption) in children.options"
+                            :key="keyOption"
+                            :label="optionValue.title"
+                            :value="optionValue.id"
                         />
-                    </v-flex> -->
-                    <v-flex xs12 sm2 md2>
-                        <v-menu lazy style="z-index: 12;"
-                                :close-on-content-click="true"
-                                transition="v-scale-transition"
-                                offset-y
-                                v-model="menu"
-                                class="pa-2">
-                            <v-text-field style="padding-top:0 !important"
-                                          prepend-icon="far fa-calendar-alt"
-                                          required
-                                          slot="activator"
-                                          label="Date"
-                                          v-model="formData.date"
-                                          color="black"/>
-                            <v-date-picker
-                                    :min="today"
-                                    color="pink"
-                                    no-title
-                                    v-model="formData.date"
-                                    :date-format="date => new Date(formData.date).toDateString()"/>
-                        </v-menu>
+                      </v-radio-group>
                     </v-flex>
-                    <v-flex xs12 sm2 md2>
-                        <v-switch color="light-green accent-3" v-model="result" :label="'Result: ' + formData.result"/>
+                  </v-container>
+                  <v-container v-if="children.type == 'Switch'" class="pa-0" fluid>
+                    <p>{{ children.name }}</p>
+                    <v-flex xs12>
+                      <v-switch
+                          v-model="formData[children.name+'_'+children.id]"
+                          :label="children.name + ': ' + formData[children.name+'_'+children.id].toString()"
+                          color="light-green accent-3"
+                      />
                     </v-flex>
-                    <v-spacer/>
-                    <v-flex xs12 sm12 md12 v-if="galleryDataLoaded">
-                        <template>
-                            <wm-Dropzone :Images="galleries" :BatchID="file_batch_id"
-                                         :ModelID="$route.params.testResult||null" ModelType="TestResult"/>
-                        </template>
+                  </v-container>
+                  <v-container v-if="children.type == 'Range'" class="pa-0" fluid>
+                    <p>{{ item.name }}</p>
+                    <v-flex xs12>
+                      <v-slider
+                          v-model="formData[children.name+'_'+children.id]"
+                          :max="children.options[1].title"
+                          :min="children.options[0].title"
+                          prepend-icon="fa fa-check"
+                          thumb-label="always"
+                      />
                     </v-flex>
-                </v-layout>
-
-
-                <!--______________________  DynamicComponent :: Began  _______________________-->
-
-                <v-layout wrap class="px-3 my-3 align-center">
-                    <v-flex :class="['pa-2', item.size]" v-for="(item, key) in form" :key="key">
-                        <v-container row md-12 sm-12 xs-12 class="pa-0" v-if="item.type == 'Temperature'">
-                            <v-layout row wrap>
-                                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
-                            </v-layout>
-                            <v-layout row wrap>
-                                <v-container fluid class="WM-Padding-LR-0">
-                                    <v-flex xs12>
-                                        <v-slider
-                                                step="0.1"
-                                                prepend-icon="fas fa-temperature-high"
-                                                v-model="formData[item.name+'_'+item.id]"
-                                                min="0"
-                                                max="200"
-                                                thumb-label="always"
-                                        />
-                                    </v-flex>
-                                </v-container>
-                            </v-layout>
-                        </v-container>
-                        <v-container row md-12 sm-12 xs-12 class="pa-0" v-if="item.type == 'Text'">
-                            <v-layout row wrap>
-                                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
-                            </v-layout>
-                            <v-layout row wrap>
-                                <v-container fluid class="WM-Padding-LR-0">
-                                    <v-text-field
-                                            v-model="formData[item.name+'_'+item.id]"
-                                            :label="item.name"
-                                            color="black"
-                                            prepend-icon="fa fa-align-left"
-                                    />
-                                </v-container>
-                            </v-layout>
-                        </v-container>
-                        <v-container row md-12 sm-12 xs-12 class="pa-0" v-if="item.type == 'Pressure'">
-                            <v-layout row wrap>
-                                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
-                            </v-layout>
-                            <v-layout row wrap>
-                                <v-container fluid class="WM-Padding-LR-0">
-                                    <v-flex xs12>
-                                        <v-slider
-                                                prepend-icon="fa fa-flask"
-                                                step="0.01"
-                                                v-model="formData[item.name+'_'+item.id]"
-                                                min="-1"
-                                                max="3"
-                                                thumb-label="always"
-                                        />
-                                    </v-flex>
-                                </v-container>
-                            </v-layout>
-                        </v-container>
-                        <v-container row md-12 sm-12 xs-12 class="pa-0" v-if="item.type == 'Select'">
-                            <v-layout row wrap>
-                                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
-                            </v-layout>
-                            <v-layout row wrap>
-                                <v-container fluid class="WM-Padding-LR-0">
-                                    <v-flex xs12>
-                                        <v-select
-                                                multiple
-                                                prepend-icon="fa fa-check"
-                                                :items="item.options"
-                                                v-model="formData[item.name+'_'+item.id]"
-                                                :label="item.name"
-                                                color="black"
-                                                item-text="title"
-                                                item-value="id"
-                                                :menu-props="{ closeOnContentClick: false }"
-                                        />
-                                    </v-flex>
-                                </v-container>
-                            </v-layout>
-                        </v-container>
-                        <v-container row md-12 sm-12 xs-12 class="pa-0" v-if="item.type == 'Checkbox'">
-                            <v-layout row wrap>
-                                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
-                            </v-layout>
-                            <v-layout row wrap>
-                                <v-container fluid class="WM-Padding-LR-0">
-                                    <v-flex xs12 class="WM-FlexWrap mr-3">
-                                        <v-checkbox
-                                                v-for="(optionValue, keyOption) in item.options"
-                                                :key="keyOption"
-                                                :label="optionValue.title"
-                                                v-model="formData[item.name+'_'+item.id]"
-                                                :value="optionValue.id"
-                                        />
-                                    </v-flex>
-                                </v-container>
-                            </v-layout>
-                        </v-container>
-                        <v-container row md-12 sm-12 xs-12 class="pa-0" v-if="item.type == 'Radiobutton'">
-                            <v-layout row wrap>
-                                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
-                            </v-layout>
-                            <v-layout row wrap>
-                                <v-container fluid class="WM-Padding-LR-0">
-                                    <v-flex xs12 class="WM-FlexWrap">
-                                        <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-group>
-                                    </v-flex>
-                                </v-container>
-                            </v-layout>
-                        </v-container>
-                        <v-container row md-12 sm-12 xs-12 class="pa-0" v-if="item.type == 'Switch'">
-                            <v-layout row wrap>
-                                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
-                            </v-layout>
-                            <v-layout row wrap>
-                                <v-container fluid class="WM-Padding-LR-0">
-                                    <v-flex xs12>
-                                        <v-switch
-                                                color="light-green accent-3"
-                                                v-model="formData[item.name+'_'+item.id]"
-                                                :label="item.name + ': ' + formData[item.name+'_'+item.id].toString()"
-                                        />
-                                    </v-flex>
-                                </v-container>
-                            </v-layout>
-                        </v-container>
-                        <v-container row md-12 sm-12 xs-12 class="pa-0" v-if="item.type == 'Range'">
-                            <v-layout row wrap>
-                                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
-                            </v-layout>
-                            <v-layout row wrap>
-                                <v-container fluid class="WM-Padding-LR-0">
-                                    <v-flex xs12>
-                                        <v-slider
-                                                v-model="formData[item.name+'_'+item.id]"
-                                                :min="item.options[0].title"
-                                                :max="item.options[1].title"
-                                                thumb-label="always"
-                                                color="black"
-                                                prepend-icon="fa fa-sliders"
-                                        />
-                                    </v-flex>
-                                </v-container>
-                            </v-layout>
-                        </v-container>
-                        <v-container row md-12 sm-12 xs-12 class="pa-0" v-if="item.type == 'Time'">
-                            <v-layout row wrap>
-                                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
-                            </v-layout>
-                            <v-layout row wrap>
-                                <v-container fluid class="WM-Padding-LR-0">
-                                    <v-flex xs12>
-                                        <v-text-field
-                                                v-model="formData[item.name+'_'+item.id]"
-                                                :label="item.name"
-                                                class="WM-Font-30"
-                                                mask="##:##"
-                                                color="black"
-                                                prepend-icon="fa fa-clock-o"
-                                        />
-                                    </v-flex>
-                                </v-container>
-                            </v-layout>
-                        </v-container>
-                        <!-- <v-layout row wrap>
-                        <template v-if="item.type == 'Form'"> -->
-                        <v-container row md-12 sm-12 xs-12
-                                     class="WM-Border WM-Border-LightGray WM-Padding-10 WM-BorderRadius-5"
-                                     v-if="item.type == 'Form'">
-                            <v-layout row wrap>
-                                <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
-                            </v-layout>
-                            <v-layout row wrap>
-                                <v-flex
-                                        :class="['pa-2', children.size]"
-                                        v-for="(children, keyChildren) in item.children"
-                                        :key="keyChildren">
-                                    <v-container fluid v-if="children.type == 'Text'" class="pa-0">
-                                        <p>{{ children.name }}</p>
-                                        <v-flex xs12>
-                                            <v-text-field
-                                                    prepend-icon="fa fa-align-left"
-                                                    v-model="formData[children.name+'_'+children.id]"
-                                                    :label="children.name"
-                                                    color="black"
-                                            />
-                                        </v-flex>
-                                    </v-container>
-                                    <v-container fluid v-if="children.type == 'Temperature'" class="pa-0">
-                                        <p>{{ children.name }}</p>
-                                        <v-flex xs12>
-                                            <v-slider
-                                                    prepend-icon="fas fa-temperature-high"
-                                                    step="0.1"
-                                                    v-model="formData[children.name+'_'+children.id]"
-                                                    min="0"
-                                                    max="200"
-                                                    thumb-label="always"
-                                            />
-                                        </v-flex>
-                                    </v-container>
-                                    <v-container fluid v-if="children.type == 'Pressure'" class="pa-0">
-                                        <p>{{ children.name }}</p>
-                                        <v-flex xs12>
-                                            <v-slider
-                                                    prepend-icon="fa fa-flask"
-                                                    v-model="formData[children.name+'_'+children.id]"
-                                                    min="-1"
-                                                    step="0.01"
-                                                    max="3"
-                                                    thumb-label="always"
-                                            />
-                                        </v-flex>
-                                    </v-container>
-                                    <v-container fluid v-if="children.type == 'Select'" class="pa-0">
-                                        <p>{{ children.name }}</p>
-                                        <v-flex xs12>
-                                            <v-select
-                                                    multiple
-                                                    prepend-icon="fa fa-check"
-                                                    :items="children.options"
-                                                    v-model="formData[children.name+'_'+children.id]"
-                                                    :label="children.name"
-                                                    color="black"
-                                                    item-text="title"
-                                                    item-value="id"
-                                            />
-                                        </v-flex>
-                                    </v-container>
-                                    <v-container fluid v-if="children.type == 'Checkbox'" class="pa-0">
-                                        <p>{{ children.name }}</p>
-                                        <v-flex xs12 class="WM-FlexWrap mr-3">
-                                            <v-checkbox
-                                                    v-for="(optionValue, keyOption) in children.options"
-                                                    :key="keyOption"
-                                                    :label="optionValue.title"
-                                                    v-model="formData[children.name+'_'+children.id]"
-                                                    :value="optionValue.id"
-                                            />
-                                        </v-flex>
-                                    </v-container>
-                                    <v-container fluid v-if="children.type == 'Radiobutton'" class="pa-0">
-                                        <p>{{ children.name }}</p>
-                                        <v-flex xs12 class="WM-FlexWrap">
-                                            <v-radio-group v-model="formData[children.name+'_'+children.id]">
-                                                <v-radio
-                                                        v-for="(optionValue, keyOption) in children.options"
-                                                        :key="keyOption"
-                                                        :label="optionValue.title"
-                                                        :value="optionValue.id"
-                                                />
-                                            </v-radio-group>
-                                        </v-flex>
-                                    </v-container>
-                                    <v-container fluid v-if="children.type == 'Switch'" class="pa-0">
-                                        <p>{{ children.name }}</p>
-                                        <v-flex xs12>
-                                            <v-switch
-                                                    color="light-green accent-3"
-                                                    v-model="formData[children.name+'_'+children.id]"
-                                                    :label="children.name + ': ' + formData[children.name+'_'+children.id].toString()"
-                                            />
-                                        </v-flex>
-                                    </v-container>
-                                    <v-container fluid v-if="children.type == 'Range'" class="pa-0">
-                                        <p>{{ item.name }}</p>
-                                        <v-flex xs12>
-                                            <v-slider
-                                                    v-model="formData[children.name+'_'+children.id]"
-                                                    :min="children.options[0].title"
-                                                    :max="children.options[1].title"
-                                                    thumb-label="always"
-                                                    prepend-icon="fa fa-check"
-                                            />
-                                        </v-flex>
-                                    </v-container>
-                                    <v-container fluid v-if="children.type == 'Time'" class="pa-0">
-                                        <p>{{ children.name }}</p>
-                                        <v-flex xs12>
-                                            <v-text-field
-                                                    v-model="formData[children.name+'_'+children.id]"
-                                                    :label="children.name"
-                                                    class="WM-Font-30"
-                                                    mask="##:##"
-                                                    prepend-icon="fa fa-clock-o"
-                                            />
-                                        </v-flex>
-                                    </v-container>
-                                </v-flex>
-                            </v-layout>
-                        </v-container>
-                        <!-- </template>
-                        </v-layout> -->
+                  </v-container>
+                  <v-container v-if="children.type == 'Time'" class="pa-0" fluid>
+                    <p>{{ children.name }}</p>
+                    <v-flex xs12>
+                      <v-text-field
+                          v-model="formData[children.name+'_'+children.id]"
+                          :label="children.name"
+                          class="WM-Font-30"
+                          mask="##:##"
+                          prepend-icon="fa fa-clock-o"
+                      />
                     </v-flex>
-                </v-layout>
-                <v-layout row wrap class="px-3 my-3">
-                    <v-divider/>
-                </v-layout>
-                <v-layout align-center justify-center wrap class="px-3 mt-2">
-                    <router-link :to="{name: 'AllResultTest'}">
-                        <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
-                            <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
-                            <span class="black--text">Back</span>
-                        </v-btn>
-                    </router-link>
-                    <v-spacer/>
-                    <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="submitForm">
-                        <v-icon class="white--text mr-2 caption">fas fa-check</v-icon>
-                        <span class="white--text">SAVE</span>
-                    </v-btn>
-                </v-layout>
-            </material-card>
-        </v-container>
-    </v-form>
+                  </v-container>
+                </v-flex>
+              </v-layout>
+            </v-container>
+            <!-- </template>
+            </v-layout> -->
+          </v-flex>
+        </v-layout>
+        <v-layout class="px-3 my-3" row wrap>
+          <v-divider/>
+        </v-layout>
+        <v-layout align-center class="px-3 mt-2" justify-center wrap>
+          <router-link :to="{name: 'AllResultTest'}">
+            <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
+              <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
+              <span class="black--text">Back</span>
+            </v-btn>
+          </router-link>
+          <v-spacer/>
+          <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="submitForm">
+            <v-icon class="white--text mr-2 caption">fas fa-check</v-icon>
+            <span class="white--text">SAVE</span>
+          </v-btn>
+        </v-layout>
+      </material-card>
+    </v-container>
+  </v-form>
 </template>
 <script>
 import Dropzone from '@/components/core/Dropzone'
@@ -415,223 +416,229 @@ import {ApiService} from "@/services";
 import {urls} from "@/config/urls";
 
 export default {
-    metaInfo() {
-        return {
-            title: this.$route.meta.title,
-            meta: this.$route.meta.metaTags || []
-        }
-    },
-    components: {
-        'wm-Dropzone': Dropzone,
-    },
-    data: () => ({
-        today: new Date().toISOString().substr(0, 10),
-        galleries: [],
-        galleryDataLoaded: false,
-        file_batch_id: Math.floor(Math.random() * 9000000000) + 1000000000,
-        testTypeNames: [],
-        testTypeNameSelected: "",
-        searchInput: "",
-        form: [],
-        filter: {
-            test_result_id: "",
-            name: "",
-            unique_code: "",
-        },
-        result: false,
-        formData: {
-            // device_id: "",
-            device_label: "ID",
-            result: "Reject",
-            img: null,
-            test_type_id: "",
-            date: new Date().toISOString().substr(0, 10),
-        },
-        images: [],
-        menu: "",
-        device_label: {
-            WasherID: "Washer ID",
-            AutoclaveID: "Autoclave ID",
-            SterilizerID: "Sterilizer ID",
-            WasherMachineID: "WasherMachine ID",
-            SealMachineID: "SealMachine ID",
-            PatientID: "Patient ID",
-            "Set/PackID": "Set/Pack ID",
-            MDID: "MD ID",
-            ORID: "OR ID",
-            PersonalID: "Personal ID",
-            InstrumentID: "Instrument ID",
-            ID: "ID"
-        }
-    }),
-    created() {
-        if (this.$route.params.testResult) {
-            this.filter.test_result_id = this.$route.params.testResult;
-            this.selectTestType();
-        } else {
-            this.galleryDataLoaded = true;
-        }
-        this.load();
-    },
-    methods: {
-        async load() {
-            // const result = await ApiService.get(urls.listTestTypeName);
-            const result = await ApiService.get(urls.listTestTypeOrigin);
-            this.testTypeNames = result.data.data;
-        },
-        async selectTestType() {
-            let selectedTestType = this.filter.unique_code !== "" ? +this.filter.unique_code : this.filter.name;
-            const result = await ApiService.get(urls.getInputs(selectedTestType));
-            if (result && result.data.data && result.status == 200) {
-                this.testTypeNameSelected = result.data.data.testType.name;
-                this.form = result.data.data.inputs;
-                this.formData.test_type_id = result.data.data.testType.id;
-                this.formData.device_label = result.data.data.testType.device_label;
-                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)) {
-                                    if (result.data.data.inputs[key].children[keyForm].type == "Checkbox" ||
-                                            result.data.data.inputs[key].children[keyForm].type == "Select") {
-                                        this.formData[result.data.data.inputs[key].children[keyForm].name + "_" + result.data.data.inputs[key].children[keyForm].id] = [];
-                                    } else {
-                                        this.formData[result.data.data.inputs[key].children[keyForm].name + "_" + result.data.data.inputs[key].children[keyForm].id] = "";
-                                    }
-                                }
-                            }
-                        } else if (result.data.data.inputs[key].type == "Checkbox" || result.data.data.inputs[key].type == "Select") {
-                            this.formData[result.data.data.inputs[key].name + "_" + result.data.data.inputs[key].id] = [];
-                        } else {
-                            this.formData[result.data.data.inputs[key].name + "_" + result.data.data.inputs[key].id] = "";
-                        }
-                    }
-                }
-                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;
-                        for (const key in result.data.data.imagesPath) {
-                            if (result.data.data.imagesPath.hasOwnProperty(key)) {
-                                result.data.data.imagesPath[key] = result.data.data.imagesPath[key];
-                            }
-                        }
-                        // this.images = result.data.data.imagesPath;
-                        this.galleries = result.data.data.files;
-                        this.galleryDataLoaded = true;
-                    }
-                }
-            }
-        },
-        async submitForm() {
-            let result;
-            this.formData['file_batch_id'] = this.file_batch_id;
-            if (this.$route.params.testResult) {
-                result = await ApiService.put(urls.updateTestResult(this.$route.params.testResult), this.formData);
-            } else {
-                result = await ApiService.post(urls.storeTestResult, this.formData);
-            }
-
-            if (result && result.status == 200) {
-                this.$router.push({name: "AllResultTest"});
-            }
-        },
-        onFileChange(e) {
-            var files = e.target.files || e.dataTransfer.files;
-            if (!files.length) return;
-            for (const key in files) {
-                if (files.hasOwnProperty(key)) {
-                    this.createImage(files[key], key);
-                }
-            }
-        },
-        createImage(file, index) {
-            var image = new Image();
-            var reader = new FileReader();
-            var vm = this;
-
-            reader.onload = e => {
-                vm.images.push(e.target.result);
-            };
-
-            reader.readAsDataURL(file);
-        },
-        removeImage(index) {
-            this.images.splice(index, 1);
-        }
-    },
-    watch: {
-        images(img) {
-            this.formData.imgs = img;
-        },
-        result(value) {
-            this.formData.result = value ? "Accept" : "Reject";
-        },
-        formData(value) {
-            this.result = value.result === "Accept";
-        }
+  metaInfo() {
+    return {
+      title: this.$route.meta.title,
+      meta: this.$route.meta.metaTags || []
     }
+  },
+  components: {
+    'wm-Dropzone': Dropzone,
+  },
+  data: () => ({
+    today: new Date().toISOString().substr(0, 10),
+    galleries: [],
+    galleryDataLoaded: false,
+    file_batch_id: Math.floor(Math.random() * 9000000000) + 1000000000,
+    testTypeNames: [],
+    testTypeNameSelected: "",
+    searchInput: "",
+    form: [],
+    filter: {
+      test_result_id: "",
+      name: "",
+      unique_code: "",
+    },
+    result: false,
+    formData: {
+      // device_id: "",
+      device_label: "ID",
+      result: "Reject",
+      img: null,
+      test_type_id: "",
+      date: new Date().toISOString().substr(0, 10),
+    },
+    images: [],
+    menu: "",
+    device_label: {
+      WasherID: "Washer ID",
+      AutoclaveID: "Autoclave ID",
+      SterilizerID: "Sterilizer ID",
+      WasherMachineID: "WasherMachine ID",
+      SealMachineID: "SealMachine ID",
+      PatientID: "Patient ID",
+      "Set/PackID": "Set/Pack ID",
+      MDID: "MD ID",
+      ORID: "OR ID",
+      PersonalID: "Personal ID",
+      InstrumentID: "Instrument ID",
+      ID: "ID"
+    }
+  }),
+  created() {
+    if (this.$route.params.testResult) {
+      this.filter.test_result_id = this.$route.params.testResult;
+      this.selectTestType();
+    } else {
+      this.galleryDataLoaded = true;
+    }
+    this.load();
+  },
+  methods: {
+    async load() {
+      // const result = await ApiService.get(urls.listTestTypeName);
+      const result = await ApiService.get(urls.listTestTypeOrigin);
+      this.testTypeNames = result.data.data;
+    },
+    async selectTestType() {
+      let result;
+      let selectedTestType = this.filter.unique_code !== "" ? +this.filter.unique_code : this.filter.name;
+      if (this.filter.unique_code !== "") {
+        result = await ApiService.get(urls.getInputsByCode(selectedTestType));
+      } else {
+        result = await ApiService.get(urls.getInputs(selectedTestType));
+      }
+
+      if (result && result.data.data && result.status == 200) {
+        this.testTypeNameSelected = result.data.data.testType.name;
+        this.form = result.data.data.inputs;
+        this.formData.test_type_id = result.data.data.testType.id;
+        this.formData.device_label = result.data.data.testType.device_label;
+        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)) {
+                  if (result.data.data.inputs[key].children[keyForm].type == "Checkbox" ||
+                      result.data.data.inputs[key].children[keyForm].type == "Select") {
+                    this.formData[result.data.data.inputs[key].children[keyForm].name + "_" + result.data.data.inputs[key].children[keyForm].id] = [];
+                  } else {
+                    this.formData[result.data.data.inputs[key].children[keyForm].name + "_" + result.data.data.inputs[key].children[keyForm].id] = "";
+                  }
+                }
+              }
+            } else if (result.data.data.inputs[key].type == "Checkbox" || result.data.data.inputs[key].type == "Select") {
+              this.formData[result.data.data.inputs[key].name + "_" + result.data.data.inputs[key].id] = [];
+            } else {
+              this.formData[result.data.data.inputs[key].name + "_" + result.data.data.inputs[key].id] = "";
+            }
+          }
+        }
+        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;
+            for (const key in result.data.data.imagesPath) {
+              if (result.data.data.imagesPath.hasOwnProperty(key)) {
+                result.data.data.imagesPath[key] = result.data.data.imagesPath[key];
+              }
+            }
+            // this.images = result.data.data.imagesPath;
+            this.galleries = result.data.data.files;
+            this.galleryDataLoaded = true;
+          }
+        }
+      }
+    },
+    async submitForm() {
+      let result;
+      this.formData['file_batch_id'] = this.file_batch_id;
+      if (this.$route.params.testResult) {
+        result = await ApiService.put(urls.updateTestResult(this.$route.params.testResult), this.formData);
+      } else {
+        result = await ApiService.post(urls.storeTestResult, this.formData);
+      }
+
+      if (result && result.status == 200) {
+        this.$router.push({name: "AllResultTest"});
+      }
+    },
+    onFileChange(e) {
+      var files = e.target.files || e.dataTransfer.files;
+      if (!files.length) return;
+      for (const key in files) {
+        if (files.hasOwnProperty(key)) {
+          this.createImage(files[key], key);
+        }
+      }
+    },
+    createImage(file, index) {
+      var image = new Image();
+      var reader = new FileReader();
+      var vm = this;
+
+      reader.onload = e => {
+        vm.images.push(e.target.result);
+      };
+
+      reader.readAsDataURL(file);
+    },
+    removeImage(index) {
+      this.images.splice(index, 1);
+    }
+  },
+  watch: {
+    images(img) {
+      this.formData.imgs = img;
+    },
+    result(value) {
+      this.formData.result = value ? "Accept" : "Reject";
+    },
+    formData(value) {
+      this.result = value.result === "Accept";
+    }
+  }
 };
 </script>
 <style>
 .WM-Font-30 input {
-    font-size: 30px !important;
+  font-size: 30px !important;
 }
 
 .v-input--switch__track:not(.light-green--text) {
-    /* color: #F44336 !important; */
-    color: #ed1c24;
+  /* color: #F44336 !important; */
+  color: #ed1c24;
 }
 
 .v-input--switch__thumb:not(.light-green--text) {
-    /* background-color: #F44336 !important; */
-    background-color: #ed1c24;
+  /* background-color: #F44336 !important; */
+  background-color: #ed1c24;
 }
 
 .v-btn--floating {
-    padding: 0 !important;
+  padding: 0 !important;
 }
 
 .theme--light.v-btn.v-btn--flat {
-    color: rgba(0, 0, 0, 0.87) !important;
+  color: rgba(0, 0, 0, 0.87) !important;
 }
 
 .v-btn--floating,
 .v-btn--icon:before {
-    border-radius: 50% !important;
+  border-radius: 50% !important;
 }
 
 .v-input--selection-controls__input {
-    margin-right: 0;
+  margin-right: 0;
 }
 
 .v-input--radio-group--column .v-radio:not(:last-child):not(:only-child) {
-    margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 .v-input--radio-group--column .v-input--radio-group__input {
-    flex-direction: row;
+  flex-direction: row;
 }
 
 .v-input--selection-controls .v-input__control {
-    margin-right: 12px;
+  margin-right: 12px;
 }
 
 .v-input--selection-controls__input {
-    margin-right: 7px;
+  margin-right: 7px;
 }
 
 .accent--text {
-    color: #E91E63 !important;
-    caret-color: #E91E63 !important;
+  color: #E91E63 !important;
+  caret-color: #E91E63 !important;
 }
 
 .WM-Padding-LR-0 {
-    padding: 24px 0;
+  padding: 24px 0;
 }
 
 .WM-BorderLeftTitle {
-    border-left: 1px solid;
-    padding-left: 5px;
+  border-left: 1px solid;
+  padding-left: 5px;
 }
 </style>