mirror of
https://git.meshkee.com/cssd/cssd-back.git
synced 2026-10-10 19:41:07 +03:30
icons
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user