This commit is contained in:
f.shokouhi
2019-09-21 10:04:36 +04:30
parent 7df0012374
commit 16f33fc8e4
4 changed files with 31 additions and 12 deletions
+3
View File
@@ -24,6 +24,9 @@
font-size: 20px !important; font-size: 20px !important;
vertical-align: sub !important; vertical-align: sub !important;
} }
.fa, .fas {
font-size: 20px;
}
.headline { .headline {
// letter-spacing : 7px; // letter-spacing : 7px;
} }
+11 -6
View File
@@ -4,7 +4,7 @@
<material-card color="black" title="Submit Test Result"> <material-card color="black" title="Submit Test Result">
<v-layout wrap class="px-5 my-3" v-if="!$route.params.testResult"> <v-layout wrap class="px-5 my-3" v-if="!$route.params.testResult">
<v-flex xs12 md2 sm3 class="WM-FlexCenter"> <v-flex xs12 md2 sm3 class="WM-FlexCenter">
<v-icon class="fas fa-check mr-2 WM-Margin-B-8"></v-icon> <v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete <v-autocomplete
:search-input.sync="searchInput" :search-input.sync="searchInput"
:items="testTypeNames" :items="testTypeNames"
@@ -50,6 +50,7 @@
:label="device_label[formData.device_label]" :label="device_label[formData.device_label]"
color="black" color="black"
class="pa-2" class="pa-2"
prepend-icon="fas fa-sort-numeric-up"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 sm2 md2> <v-flex xs12 sm2 md2>
@@ -62,7 +63,7 @@
class="pa-2" class="pa-2"
> >
<v-text-field style="padding-top:0 !important" <v-text-field style="padding-top:0 !important"
prepend-inner-icon="far fa-calendar-alt" prepend-icon="far fa-calendar-alt"
required required
slot="activator" slot="activator"
label="Date" label="Date"
@@ -132,7 +133,7 @@
v-model="formData[item.name+'_'+item.id]" v-model="formData[item.name+'_'+item.id]"
:label="item.name" :label="item.name"
color="black" color="black"
prepend-inner-icon="fa fa-align-left" prepend-icon="fa fa-align-left"
></v-text-field> ></v-text-field>
</v-container> </v-container>
</v-layout> </v-layout>
@@ -165,7 +166,7 @@
<v-flex xs12> <v-flex xs12>
<v-select <v-select
multiple multiple
prepend-inner-icon="fa fa-check" prepend-icon="fa fa-check"
:items="item.options" :items="item.options"
v-model="formData[item.name+'_'+item.id]" v-model="formData[item.name+'_'+item.id]"
:label="item.name" :label="item.name"
@@ -243,6 +244,7 @@
:max="item.options[1].title" :max="item.options[1].title"
thumb-label="always" thumb-label="always"
color="black" color="black"
prepend-icon="fa fa-sliders"
></v-slider> ></v-slider>
</v-flex> </v-flex>
</v-container> </v-container>
@@ -261,6 +263,7 @@
class="WM-Font-30" class="WM-Font-30"
mask="##:##" mask="##:##"
color="black" color="black"
prepend-icon="fa fa-clock-o"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
</v-container> </v-container>
@@ -282,7 +285,7 @@
<p>{{ children.name }}</p> <p>{{ children.name }}</p>
<v-flex xs12> <v-flex xs12>
<v-text-field <v-text-field
prepend-inner-icon="fa fa-align-left" prepend-icon="fa fa-align-left"
v-model="formData[children.name+'_'+children.id]" v-model="formData[children.name+'_'+children.id]"
:label="children.name" :label="children.name"
color="black" color="black"
@@ -320,7 +323,7 @@
<v-flex xs12> <v-flex xs12>
<v-select <v-select
multiple multiple
prepend-inner-icon="fa fa-check" prepend-icon="fa fa-check"
:items="children.options" :items="children.options"
v-model="formData[children.name+'_'+children.id]" v-model="formData[children.name+'_'+children.id]"
:label="children.name" :label="children.name"
@@ -373,6 +376,7 @@
:min="children.options[0].title" :min="children.options[0].title"
:max="children.options[1].title" :max="children.options[1].title"
thumb-label="always" thumb-label="always"
prepend-icon="fa fa-check"
></v-slider> ></v-slider>
</v-flex> </v-flex>
</v-container> </v-container>
@@ -384,6 +388,7 @@
:label="children.name" :label="children.name"
class="WM-Font-30" class="WM-Font-30"
mask="##:##" mask="##:##"
prepend-icon="fa fa-clock-o"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
</v-container> </v-container>
+12 -2
View File
@@ -46,7 +46,7 @@
:key="keyForm" :key="keyForm"
v-for="(info, keyForm) in form.info" v-for="(info, keyForm) in form.info"
> >
<v-layout row wrap class="ma-2"> <v-layout row wrap class="ma-2 WM-Width-Full">
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3>
<v-text-field <v-text-field
name="inputname" name="inputname"
@@ -55,6 +55,7 @@
color="black" color="black"
class="pa-2" class="pa-2"
:rules="[rules.required]" :rules="[rules.required]"
prepend-icon="fa fa-align-left"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3>
@@ -68,6 +69,7 @@
single-line single-line
color="black" color="black"
class="pa-2" class="pa-2"
prepend-icon="fa fa-filter"
@change="changeType(keyForm, info.type)" @change="changeType(keyForm, info.type)"
></v-select> ></v-select>
</v-flex> </v-flex>
@@ -83,6 +85,7 @@
single-line single-line
color="black" color="black"
class="pa-2" class="pa-2"
prepend-icon="fa fa-sort-numeric-asc"
></v-select> ></v-select>
</v-flex> </v-flex>
</v-layout> </v-layout>
@@ -114,6 +117,7 @@
color="black" color="black"
class="pa-2 Input" class="pa-2 Input"
v-model="selectbox.title" v-model="selectbox.title"
prepend-icon="fa fa-align-left"
></v-text-field> ></v-text-field>
<v-btn <v-btn
absolute absolute
@@ -165,6 +169,7 @@
color="black" color="black"
class="pa-2 Input" class="pa-2 Input"
v-model="info['options'][0].title" v-model="info['options'][0].title"
prepend-icon="fa fa-angle-right"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex <v-flex
@@ -180,6 +185,7 @@
color="black" color="black"
class="pa-2 Input" class="pa-2 Input"
v-model="info['options'][1].title" v-model="info['options'][1].title"
prepend-icon="fa fa-angle-right"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
</v-layout> </v-layout>
@@ -189,7 +195,7 @@
row row
wrap wrap
v-if="info.type === 'Form'" v-if="info.type === 'Form'"
class="pa-3 my-4 mx-3 WM-Border WM-Border-Black WM-Relative" class="pa-3 my-4 mx-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full"
> >
<v-layout <v-layout
row row
@@ -206,6 +212,7 @@
label="Input Name" label="Input Name"
color="black" color="black"
class="pa-2" class="pa-2"
prepend-icon="fa fa-align-left"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3>
@@ -220,6 +227,7 @@
color="black" color="black"
class="pa-2" class="pa-2"
@change="changeTypeForm(keyForm, children.type, keychildren)" @change="changeTypeForm(keyForm, children.type, keychildren)"
prepend-icon="fa fa-filter"
></v-select> ></v-select>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3>
@@ -233,6 +241,7 @@
single-line single-line
color="black" color="black"
class="pa-2" class="pa-2"
prepend-icon="fa fa-sort-numeric-asc"
></v-select> ></v-select>
</v-flex> </v-flex>
<!-- Inner Form Selectbox Section --> <!-- Inner Form Selectbox Section -->
@@ -263,6 +272,7 @@
class="pa-2 Input" class="pa-2 Input"
v-model="selectbox.title" v-model="selectbox.title"
:rules="[rules.required]" :rules="[rules.required]"
prepend-icon="fa fa-align-left"
></v-text-field> ></v-text-field>
<v-btn <v-btn
absolute absolute
+5 -4
View File
@@ -15,7 +15,7 @@
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3"> <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon> <v-icon class="fa fa-male mr-2 WM-Margin-B-8"></v-icon>
<v-select <v-select
:items="items" :items="items"
label="Gender" label="Gender"
@@ -34,14 +34,14 @@
label="Cell Number" label="Cell Number"
v-model="user.cell_number" v-model="user.cell_number"
color="black" color="black"
class="pa-2" class="py-3 pr-3"
disabled disabled
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
</v-layout> </v-layout>
<v-layout align-center justify-center wrap class="px-5 mb-3"> <v-layout align-center justify-center wrap class="px-5 mb-3">
<v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3"> <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-phone mr-2 WM-Margin-B-8"></v-icon> <v-icon class="fa fa-envelope mr-2 WM-Margin-B-8" style="margin-top:70px"></v-icon>
<v-text-field <v-text-field
name="emailaddress" name="emailaddress"
label="Email Address" label="Email Address"
@@ -49,11 +49,12 @@
:rules="[rules.email]" :rules="[rules.email]"
class="px-2" class="px-2"
color="black" color="black"
style="padding-top:75px" style="margin-top:72px"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 sm8 md8> <v-flex xs12 sm8 md8>
<v-textarea <v-textarea
prepend-icon="fa fa-sort-amount-desc"
color="black" color="black"
:rules="[rules.counter]" :rules="[rules.counter]"
v-model="user.address" v-model="user.address"