viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit 43af283e0587620d69ffbdfbf3cbdeeacc2d4511

Authored by Neeraj Sharma
1 parent a95d2830c1
Exists in master and in 3 other branches amber-development, development, ui-design

fix solved issue in select add user

Showing 1 changed file with 2 additions and 1 deletions   Show diff stats
src/pages/Dashboard.vue
Diff comments   View file @43af283
1 <template> 1 <template>
2 <v-app id="pages-dasboard"> 2 <v-app id="pages-dasboard">
3 <v-toolbar 3 <v-toolbar
4 color="grey" 4 color="grey"
5 fixed 5 fixed
6 app 6 app
7 > 7 >
8 <v-toolbar-title class="ml-0 pl-3"> 8 <v-toolbar-title class="ml-0 pl-3">
9 <v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide"></v-toolbar-side-icon> 9 <v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide"></v-toolbar-side-icon>
10 </v-toolbar-title> 10 </v-toolbar-title>
11 <!-- SEARCH ALL EXISTING USERS --> 11 <!-- SEARCH ALL EXISTING USERS -->
12 <v-flex xs7 sm3 class="userSearch"> 12 <v-flex xs7 sm3 class="userSearch">
13 <v-text-field 13 <v-text-field
14 flat 14 flat
15 prepend-icon="search" 15 prepend-icon="search"
16 label="Find your user" 16 label="Find your user"
17 v-model="term" 17 v-model="term"
18 color="black" 18 color="black"
19 @change="getPatientList" 19 @change="getPatientList"
20 > 20 >
21 </v-text-field> 21 </v-text-field>
22 </v-flex> 22 </v-flex>
23 <v-spacer></v-spacer> 23 <v-spacer></v-spacer>
24 <h5 class="white--text name"> {{ userName }} </h5> 24 <h5 class="white--text name"> {{ userName }} </h5>
25 <v-menu offset-y origin="center center" :nudge-bottom="10" transition="scale-transition"> 25 <v-menu offset-y origin="center center" :nudge-bottom="10" transition="scale-transition">
26 <v-btn icon large flat slot="activator"> 26 <v-btn icon large flat slot="activator">
27 <v-avatar size="40px"> 27 <v-avatar size="40px">
28 <img src="/static/icon/user.png"/> 28 <img src="/static/icon/user.png"/>
29 </v-avatar> 29 </v-avatar>
30 </v-btn> 30 </v-btn>
31 <v-list class="pa-0"> 31 <v-list class="pa-0">
32 <v-list-tile v-for="(item,index) in items" :to="!item.href ? { name: item.name } : null" :href="item.href" @click="item.click" ripple="ripple" :disabled="item.disabled" :target="item.target" rel="noopener" :key="index"> 32 <v-list-tile v-for="(item,index) in items" :to="!item.href ? { name: item.name } : null" :href="item.href" @click="item.click" ripple="ripple" :disabled="item.disabled" :target="item.target" rel="noopener" :key="index">
33 <v-list-tile-action v-if="item.icon"> 33 <v-list-tile-action v-if="item.icon">
34 <v-icon>{{ item.icon }}</v-icon> 34 <v-icon>{{ item.icon }}</v-icon>
35 </v-list-tile-action> 35 </v-list-tile-action>
36 <v-list-tile-content> 36 <v-list-tile-content>
37 <v-list-tile-title>{{ item.title }}</v-list-tile-title> 37 <v-list-tile-title>{{ item.title }}</v-list-tile-title>
38 </v-list-tile-content> 38 </v-list-tile-content>
39 </v-list-tile> 39 </v-list-tile>
40 </v-list> 40 </v-list>
41 </v-menu> 41 </v-menu>
42 </v-toolbar> 42 </v-toolbar>
43 <v-tabs grow slider-color="black"> 43 <v-tabs grow slider-color="black">
44 <v-tab 44 <v-tab
45 ripple 45 ripple
46 @click="activeTab('existing')" 46 @click="activeTab('existing')"
47 v-bind:class="{ active: isActive }" 47 v-bind:class="{ active: isActive }"
48 id="tab" 48 id="tab"
49 class="subheading" 49 class="subheading"
50 >Existing user</v-tab> 50 >Existing user</v-tab>
51 <v-tab 51 <v-tab
52 ripple 52 ripple
53 @click="activeTab('new')" 53 @click="activeTab('new')"
54 v-bind:class="{ active: newActive }" 54 v-bind:class="{ active: newActive }"
55 id="tab1" 55 id="tab1"
56 class="subheading" 56 class="subheading"
57 >Add New Users</v-tab> 57 >Add New Users</v-tab>
58 <!-- EDIT USERS Patient Dtails--> 58 <!-- EDIT USERS Patient Dtails-->
59 <v-tab-item> 59 <v-tab-item>
60 <v-snackbar 60 <v-snackbar
61 :timeout="timeout" 61 :timeout="timeout"
62 :top="y === 'top'" 62 :top="y === 'top'"
63 :right="x === 'right'" 63 :right="x === 'right'"
64 :vertical="mode === 'vertical'" 64 :vertical="mode === 'vertical'"
65 v-model="snackbar" 65 v-model="snackbar"
66 color="success" 66 color="success"
67 >{{ text }}</v-snackbar> 67 >{{ text }}</v-snackbar>
68 <v-dialog v-model="dialog" max-width="500px"> 68 <v-dialog v-model="dialog" max-width="500px">
69 <v-toolbar color="white"> 69 <v-toolbar color="white">
70 <v-spacer></v-spacer> 70 <v-spacer></v-spacer>
71 <v-toolbar-title>Edit Profile</v-toolbar-title> 71 <v-toolbar-title>Edit Profile</v-toolbar-title>
72 <v-spacer></v-spacer> 72 <v-spacer></v-spacer>
73 </v-toolbar> 73 </v-toolbar>
74 <v-card> 74 <v-card>
75 <v-flex align-center justify-center layout text-xs-center> 75 <v-flex align-center justify-center layout text-xs-center>
76 <v-avatar size="50px" style="position:absolute; top:10px; "> 76 <v-avatar size="50px" style="position:absolute; top:10px; ">
77 <img src="/static/icon/user.png"> 77 <img src="/static/icon/user.png">
78 </v-avatar> 78 </v-avatar>
79 </v-flex> 79 </v-flex>
80 <v-card-text> 80 <v-card-text>
81 <v-container> 81 <v-container>
82 <v-layout wrap justify-center> 82 <v-layout wrap justify-center>
83 <v-flex xs12 sm9> 83 <v-flex xs12 sm9>
84 <v-form ref="form" v-model="valid" lazy-validation> 84 <v-form ref="form" v-model="valid" lazy-validation>
85 <v-layout style="position:relative; top:15px;"> 85 <v-layout style="position:relative; top:15px;">
86 <v-flex xs4 class="pt-4 subheading"> 86 <v-flex xs4 class="pt-4 subheading">
87 <label>First Name:</label> 87 <label>First Name:</label>
88 </v-flex> 88 </v-flex>
89 <v-flex xs8> 89 <v-flex xs8>
90 <v-text-field 90 <v-text-field
91 v-model="editedItem.name" 91 v-model="editedItem.name"
92 v-validate="'required'" 92 v-validate="'required'"
93 :rules="nameRules" 93 :rules="nameRules"
94 data-vv-name="Name" 94 data-vv-name="Name"
95 required 95 required
96 ></v-text-field> 96 ></v-text-field>
97 </v-flex> 97 </v-flex>
98 </v-layout> 98 </v-layout>
99 <v-layout> 99 <v-layout>
100 <v-flex xs4 class="pt-4 subheading"> 100 <v-flex xs4 class="pt-4 subheading">
101 <label>Last Name:</label> 101 <label>Last Name:</label>
102 </v-flex> 102 </v-flex>
103 <v-flex xs8> 103 <v-flex xs8>
104 <v-text-field 104 <v-text-field
105 v-model="editedItem.lastname" 105 v-model="editedItem.lastname"
106 v-validate="'required'" 106 v-validate="'required'"
107 :rules="lastnameRules" 107 :rules="lastnameRules"
108 data-vv-name="Name" 108 data-vv-name="Name"
109 required 109 required
110 ></v-text-field> 110 ></v-text-field>
111 </v-flex> 111 </v-flex>
112 </v-layout> 112 </v-layout>
113 <v-layout> 113 <v-layout>
114 <v-flex xs4 class="pt-4 subheading"> 114 <v-flex xs4 class="pt-4 subheading">
115 <label>Email ID:</label> 115 <label>Email ID:</label>
116 </v-flex> 116 </v-flex>
117 <v-flex xs8> 117 <v-flex xs8>
118 <v-text-field 118 <v-text-field
119 v-model="editedItem.email" 119 v-model="editedItem.email"
120 v-validate="'required|email'" 120 v-validate="'required|email'"
121 :rules="emailRules" 121 :rules="emailRules"
122 data-vv-name="E-mail" 122 data-vv-name="E-mail"
123 required 123 required
124 ></v-text-field> 124 ></v-text-field>
125 </v-flex> 125 </v-flex>
126 </v-layout> 126 </v-layout>
127 <v-layout> 127 <v-layout>
128 <v-flex xs4 class="pt-4 subheading"> 128 <v-flex xs4 class="pt-4 subheading">
129 <label>Date of Birth:</label> 129 <label>Date of Birth:</label>
130 </v-flex> 130 </v-flex>
131 <v-flex xs8> 131 <v-flex xs8>
132 <v-menu 132 <v-menu
133 ref="menu1" 133 ref="menu1"
134 :close-on-content-click="false" 134 :close-on-content-click="false"
135 v-model="menu1" 135 v-model="menu1"
136 :nudge-right="40" 136 :nudge-right="40"
137 lazy 137 lazy
138 transition="scale-transition" 138 transition="scale-transition"
139 offset-y 139 offset-y
140 full-width 140 full-width
141 min-width="290px" 141 min-width="290px"
142 > 142 >
143 <v-text-field 143 <v-text-field
144 slot="activator" 144 slot="activator"
145 v-model="editedItem.dob" 145 v-model="editedItem.dob"
146 placeholder="Select date" 146 placeholder="Select date"
147 ></v-text-field> 147 ></v-text-field>
148 <v-date-picker 148 <v-date-picker
149 ref="picker" 149 ref="picker"
150 v-model="editedItem.dob" 150 v-model="editedItem.dob"
151 :max="new Date().toISOString().substr(0, 10)" 151 :max="new Date().toISOString().substr(0, 10)"
152 min="1950-01-01" 152 min="1950-01-01"
153 @input="menu1 = false" 153 @input="menu1 = false"
154 ></v-date-picker> 154 ></v-date-picker>
155 </v-menu> 155 </v-menu>
156 </v-flex> 156 </v-flex>
157 </v-layout> 157 </v-layout>
158 <v-card-actions> 158 <v-card-actions>
159 <v-btn round dark @click.native="close">Cancel</v-btn> 159 <v-btn round dark @click.native="close">Cancel</v-btn>
160 <v-spacer></v-spacer> 160 <v-spacer></v-spacer>
161 <v-btn round dark @click="save">Save</v-btn> 161 <v-btn round dark @click="save">Save</v-btn>
162 </v-card-actions> 162 </v-card-actions>
163 </v-form> 163 </v-form>
164 </v-flex> 164 </v-flex>
165 </v-layout> 165 </v-layout>
166 </v-container> 166 </v-container>
167 </v-card-text> 167 </v-card-text>
168 </v-card> 168 </v-card>
169 </v-dialog> 169 </v-dialog>
170 <!-- PROFILE VIEW pateints Details--> 170 <!-- PROFILE VIEW pateints Details-->
171 <v-dialog v-model="dialog1" max-width="600px"> 171 <v-dialog v-model="dialog1" max-width="600px">
172 <v-toolbar color="white"> 172 <v-toolbar color="white">
173 <v-spacer></v-spacer> 173 <v-spacer></v-spacer>
174 <v-toolbar-title>Profile</v-toolbar-title> 174 <v-toolbar-title>Profile</v-toolbar-title>
175 <v-spacer></v-spacer> 175 <v-spacer></v-spacer>
176 <v-icon @click="close1">close</v-icon> 176 <v-icon @click="close1">close</v-icon>
177 </v-toolbar> 177 </v-toolbar>
178 <v-card> 178 <v-card>
179 <v-flex align-center justify-center layout text-xs-center> 179 <v-flex align-center justify-center layout text-xs-center>
180 <v-avatar size="50px" style="position:absolute; top:20px;"> 180 <v-avatar size="50px" style="position:absolute; top:20px;">
181 <img src="/static/icon/user.png"> 181 <img src="/static/icon/user.png">
182 </v-avatar> 182 </v-avatar>
183 </v-flex> 183 </v-flex>
184 <v-card-text> 184 <v-card-text>
185 <v-container grid-list-md> 185 <v-container grid-list-md>
186 <v-layout wrap> 186 <v-layout wrap>
187 <v-flex><br><br> 187 <v-flex><br><br>
188 <v-layout> 188 <v-layout>
189 <v-flex xs5 sm6> 189 <v-flex xs5 sm6>
190 <h5 class="right">First Name:</h5> 190 <h5 class="right">First Name:</h5>
191 </v-flex> 191 </v-flex>
192 <v-flex sm6 xs8> 192 <v-flex sm6 xs8>
193 <h5>{{ editedItem.name }}</h5> 193 <h5>{{ editedItem.name }}</h5>
194 </v-flex> 194 </v-flex>
195 </v-layout> 195 </v-layout>
196 <v-layout> 196 <v-layout>
197 <v-flex xs5 sm6> 197 <v-flex xs5 sm6>
198 <h5 class="right my-3">Last Name:</h5> 198 <h5 class="right my-3">Last Name:</h5>
199 </v-flex> 199 </v-flex>
200 <v-flex sm5 xs8> 200 <v-flex sm5 xs8>
201 <h5 class="my-3">{{ editedItem.name }}</h5> 201 <h5 class="my-3">{{ editedItem.name }}</h5>
202 </v-flex> 202 </v-flex>
203 </v-layout> 203 </v-layout>
204 <v-layout> 204 <v-layout>
205 <v-flex xs5 sm6> 205 <v-flex xs5 sm6>
206 <h5 class="right">Email:</h5> 206 <h5 class="right">Email:</h5>
207 </v-flex> 207 </v-flex>
208 <v-flex sm6 xs8> 208 <v-flex sm6 xs8>
209 <h5>{{ editedItem.email }}</h5> 209 <h5>{{ editedItem.email }}</h5>
210 </v-flex> 210 </v-flex>
211 </v-layout> 211 </v-layout>
212 <v-layout> 212 <v-layout>
213 <v-flex xs6 sm6 > 213 <v-flex xs6 sm6 >
214 <h5 class="right my-3">Date Of Birth:</h5> 214 <h5 class="right my-3">Date Of Birth:</h5>
215 </v-flex> 215 </v-flex>
216 <v-flex sm6 xs8> 216 <v-flex sm6 xs8>
217 <h5 class="my-3">{{ editedItem.dob }}</h5> 217 <h5 class="my-3">{{ editedItem.dob }}</h5>
218 </v-flex> 218 </v-flex>
219 </v-layout> 219 </v-layout>
220 </v-flex> 220 </v-flex>
221 </v-layout> 221 </v-layout>
222 </v-container> 222 </v-container>
223 </v-card-text> 223 </v-card-text>
224 </v-card> 224 </v-card>
225 </v-dialog> 225 </v-dialog>
226 226
227 <v-dialog v-model="dialog2" width="700px"> 227 <v-dialog v-model="dialog2" width="700px">
228 <v-card> 228 <v-card>
229 <div id="dialog"> 229 <div id="dialog">
230 <h4> 230 <h4>
231 <b>Report</b> 231 <b>Report</b>
232 </h4> 232 </h4>
233 <h5 id="name"> 233 <h5 id="name">
234 <b>Patient Name:</b> 234 <b>Patient Name:</b>
235 {{ editedItem.name+' '+editedItem.lastName }} 235 {{ editedItem.name+' '+editedItem.lastName }}
236 </h5> 236 </h5>
237 <h5 id="m">Select Month:</h5> 237 <h5 id="m">Select Month:</h5>
238 <v-btn color="grey darken-3" id="G" v-on:click="component='report-generate'">Generate</v-btn> 238 <v-btn color="grey darken-3" id="G" v-on:click="component='report-generate'">Generate</v-btn>
239 <v-spacer></v-spacer> 239 <v-spacer></v-spacer>
240 <v-icon id="icon" @click="close2">close</v-icon> 240 <v-icon id="icon" @click="close2">close</v-icon>
241 241
242 <span id="bt"> 242 <span id="bt">
243 <v-btn 243 <v-btn
244 color="grey darken-2" 244 color="grey darken-2"
245 v-on:click="component='one-month' , activebtn('existing')" 245 v-on:click="component='one-month' , activebtn('existing')"
246 v-bind:class="{ activebtn: isActivebtn }" 246 v-bind:class="{ activebtn: isActivebtn }"
247 flat 247 flat
248 >1 month</v-btn> 248 >1 month</v-btn>
249 <v-btn 249 <v-btn
250 color="grey darken-2" 250 color="grey darken-2"
251 v-on:click="component='three-month' , activebtn('new')" 251 v-on:click="component='three-month' , activebtn('new')"
252 v-bind:class="{ activebtn: Activebtn1 }" 252 v-bind:class="{ activebtn: Activebtn1 }"
253 flat 253 flat
254 >3 Month</v-btn> 254 >3 Month</v-btn>
255 <v-btn 255 <v-btn
256 color="grey darken-2" 256 color="grey darken-2"
257 v-on:click="component='six-month' , activebtn('new1')" 257 v-on:click="component='six-month' , activebtn('new1')"
258 v-bind:class="{ activebtn: Activebtn2 }" 258 v-bind:class="{ activebtn: Activebtn2 }"
259 flat 259 flat
260 >6 Month</v-btn> 260 >6 Month</v-btn>
261 <v-btn 261 <v-btn
262 color="grey darken-2" 262 color="grey darken-2"
263 v-on:click="component='nine-month' , activebtn('new2')" 263 v-on:click="component='nine-month' , activebtn('new2')"
264 v-bind:class="{ activebtn: Activebtn3 }" 264 v-bind:class="{ activebtn: Activebtn3 }"
265 flat 265 flat
266 >9 Month</v-btn> 266 >9 Month</v-btn>
267 <img id="e" @click="mail" src="/static/icon/email1.png"> 267 <img id="e" @click="mail" src="/static/icon/email1.png">
268 <img id="d" @click="download" src="/static/icon/download1.png"> 268 <img id="d" @click="download" src="/static/icon/download1.png">
269 </span> 269 </span>
270 <component v-bind:is="component"></component> 270 <component v-bind:is="component"></component>
271 </div> 271 </div>
272 </v-card> 272 </v-card>
273 </v-dialog> 273 </v-dialog>
274 <v-snackbar 274 <v-snackbar
275 :timeout="timeout" 275 :timeout="timeout"
276 :top="y === 'top'" 276 :top="y === 'top'"
277 :right="x === 'right'" 277 :right="x === 'right'"
278 :vertical="mode === 'vertical'" 278 :vertical="mode === 'vertical'"
279 v-model="snackbar" 279 v-model="snackbar"
280 color="success" 280 color="success"
281 >{{ text }}</v-snackbar> 281 >{{ text }}</v-snackbar>
282 <!-- EXISTING-USERS PatientList--> 282 <!-- EXISTING-USERS PatientList-->
283 <v-data-table 283 <v-data-table
284 :headers="headers" 284 :headers="headers"
285 :items="desserts" 285 :items="desserts"
286 :pagination.sync="pagination" 286 :pagination.sync="pagination"
287 > 287 >
288 <template slot="items" slot-scope="props"> 288 <template slot="items" slot-scope="props">
289 <td id="td" class="text-xs-center">{{ props.index}}</td> 289 <td id="td" class="text-xs-center">{{ props.index}}</td>
290 <td id="td" class="text-xs-center">{{ props.item.name}}</td> 290 <td id="td" class="text-xs-center">{{ props.item.name}}</td>
291 <td id="td" class="text-xs-center">{{ props.item.email }}</td> 291 <td id="td" class="text-xs-center">{{ props.item.email }}</td>
292 292
293 <td class="text-xs-center"> 293 <td class="text-xs-center">
294 <span> 294 <span>
295 <img 295 <img
296 style="cursor:pointer; height:20px; " 296 style="cursor:pointer; height:20px; "
297 class="mr-5" 297 class="mr-5"
298 @click="report(props.item)" 298 @click="report(props.item)"
299 src="/static/icon/List1.png" 299 src="/static/icon/List1.png"
300 > 300 >
301 <img 301 <img
302 style="cursor:pointer; width:25px; height:18px; " 302 style="cursor:pointer; width:25px; height:18px; "
303 class="mr-5" 303 class="mr-5"
304 @click="profile(props.item)" 304 @click="profile(props.item)"
305 src="/static/icon/eye1.png" 305 src="/static/icon/eye1.png"
306 > 306 >
307 <img 307 <img
308 style="cursor:pointer; width:20px; height:18px; " 308 style="cursor:pointer; width:20px; height:18px; "
309 class="mr-5" 309 class="mr-5"
310 @click="editItem(props.item)" 310 @click="editItem(props.item)"
311 src="/static/icon/edit1.png" 311 src="/static/icon/edit1.png"
312 > 312 >
313 <img 313 <img
314 style="cursor:pointer; height:20px; " 314 style="cursor:pointer; height:20px; "
315 class="mr-5" 315 class="mr-5"
316 @click="deleteItem(props.item)" 316 @click="deleteItem(props.item)"
317 src="/static/icon/delete1.png" 317 src="/static/icon/delete1.png"
318 > 318 >
319 </span> 319 </span>
320 </td> 320 </td>
321 </template> 321 </template>
322 <v-alert 322 <v-alert
323 slot="no-results" 323 slot="no-results"
324 :value="true" 324 :value="true"
325 color="error" 325 color="error"
326 icon="warning" 326 icon="warning"
327 >Your search for "{{ term }}" found no results.</v-alert> 327 >Your search for "{{ term }}" found no results.</v-alert>
328 </v-data-table> 328 </v-data-table>
329 </v-tab-item> 329 </v-tab-item>
330 <!-- ADD USER PATIENT --> 330 <!-- ADD USER PATIENT -->
331 <v-tab-item> 331 <v-tab-item>
332 <v-container> 332 <v-container>
333 <v-snackbar 333 <v-snackbar
334 :timeout="timeout" 334 :timeout="timeout"
335 :top="y === 'top'" 335 :top="y === 'top'"
336 :right="x === 'right'" 336 :right="x === 'right'"
337 :vertical="mode === 'vertical'" 337 :vertical="mode === 'vertical'"
338 v-model="snackbar" 338 v-model="snackbar"
339 color="success" 339 color="success"
340 >{{ text }}</v-snackbar> 340 >{{ text }}</v-snackbar>
341 <v-flex xs12 sm8 offset-sm2 class="top"> 341 <v-flex xs12 sm8 offset-sm2 class="top">
342 <v-card flat> 342 <v-card flat>
343 <v-container fluid fill-height> 343 <v-container fluid fill-height>
344 <v-layout align-center> 344 <v-layout align-center>
345 <v-flex xs12> 345 <v-flex xs12>
346 <v-flex offset-xs5> 346 <v-flex offset-xs5>
347 <v-avatar size="55px"> 347 <v-avatar size="55px">
348 <img src="/static/icon/user.png"> 348 <img src="/static/icon/user.png">
349 </v-avatar> 349 </v-avatar>
350 </v-flex> 350 </v-flex>
351 <v-form ref="form" v-model="valid" lazy-validation> 351 <v-form ref="form" v-model="valid" lazy-validation>
352 <v-layout> 352 <v-layout>
353 <v-flex xs4 class="pt-4 subheading"> 353 <v-flex xs4 class="pt-4 subheading">
354 <label class="right">First Name:</label> 354 <label class="right">First Name:</label>
355 </v-flex> 355 </v-flex>
356 <v-flex xs6 class="ml-3"> 356 <v-flex xs6 class="ml-3">
357 <v-text-field 357 <v-text-field
358 v-model="editedItem.name" 358 v-model="editedItem.name"
359 placeholder="fill your first Name" 359 placeholder="fill your first Name"
360 name="name" 360 name="name"
361 type="text" 361 type="text"
362 :rules="nameRules" 362 :rules="nameRules"
363 required 363 required
364 ></v-text-field> 364 ></v-text-field>
365 </v-flex> 365 </v-flex>
366 </v-layout> 366 </v-layout>
367 <v-layout> 367 <v-layout>
368 <v-flex xs4 class="pt-4 subheading"> 368 <v-flex xs4 class="pt-4 subheading">
369 <label class="right">Last Name:</label> 369 <label class="right">Last Name:</label>
370 </v-flex> 370 </v-flex>
371 <v-flex xs6 class="ml-3"> 371 <v-flex xs6 class="ml-3">
372 <v-text-field 372 <v-text-field
373 placeholder="fill your last Name" 373 placeholder="fill your last Name"
374 :rules="lastnameRules" 374 :rules="lastnameRules"
375 v-model="editedItem.lastname" 375 v-model="editedItem.lastname"
376 type="text" 376 type="text"
377 name="lastname" 377 name="lastname"
378 required 378 required
379 ></v-text-field> 379 ></v-text-field>
380 </v-flex> 380 </v-flex>
381 </v-layout> 381 </v-layout>
382 <v-layout> 382 <v-layout>
383 <v-flex xs4 class="pt-4 subheading"> 383 <v-flex xs4 class="pt-4 subheading">
384 <label class="right">Country:</label> 384 <label class="right">Country:</label>
385 </v-flex> 385 </v-flex>
386 <v-flex xs6 class="ml-3"> 386 <v-flex xs6 class="ml-3">
387 <!-- <v-text-field 387 <!-- <v-text-field
388 placeholder="fill your country Name" 388 placeholder="fill your country Name"
389 :rules="countryRules" 389 :rules="countryRules"
390 v-model="editedItem.country" 390 v-model="editedItem.country"
391 type="text" 391 type="text"
392 name="country" 392 name="country"
393 required 393 required
394 ></v-text-field> --> 394 ></v-text-field> -->
395 <v-select 395 <v-select
396 v-model="editedItem.country" 396 v-model="editedItem.country"
397 :items="countries" 397 :items="countries"
398 label="fill your country Name" 398 label="Select Country"
399 single-line
399 ></v-select> 400 ></v-select>
400 </v-flex> 401 </v-flex>
401 </v-layout> 402 </v-layout>
402 <v-layout> 403 <v-layout>
403 <v-flex xs4 class="pt-4 subheading"> 404 <v-flex xs4 class="pt-4 subheading">
404 <label class="right">Email ID:</label> 405 <label class="right">Email ID:</label>
405 </v-flex> 406 </v-flex>
406 <v-flex xs6 class="ml-3"> 407 <v-flex xs6 class="ml-3">
407 <v-text-field 408 <v-text-field
408 placeholder="fill your email" 409 placeholder="fill your email"
409 :rules="emailRules" 410 :rules="emailRules"
410 v-model="editedItem.email" 411 v-model="editedItem.email"
411 type="text" 412 type="text"
412 name="email" 413 name="email"
413 required 414 required
414 ></v-text-field> 415 ></v-text-field>
415 </v-flex> 416 </v-flex>
416 </v-layout> 417 </v-layout>
417 <v-layout> 418 <v-layout>
418 <v-flex xs4 class="pt-4 subheading"> 419 <v-flex xs4 class="pt-4 subheading">
419 <label class="right">Date of Birth:</label> 420 <label class="right">Date of Birth:</label>
420 </v-flex> 421 </v-flex>
421 <v-flex xs6 class="ml-3"> 422 <v-flex xs6 class="ml-3">
422 <v-menu 423 <v-menu
423 ref="menu" 424 ref="menu"
424 :close-on-content-click="false" 425 :close-on-content-click="false"
425 v-model="menu" 426 v-model="menu"
426 :nudge-right="40" 427 :nudge-right="40"
427 lazy 428 lazy
428 transition="scale-transition" 429 transition="scale-transition"
429 offset-y 430 offset-y
430 full-width 431 full-width
431 min-width="290px" 432 min-width="290px"
432 > 433 >
433 <v-text-field 434 <v-text-field
434 slot="activator" 435 slot="activator"
435 v-model="editedItem.date" 436 v-model="editedItem.date"
436 placeholder="Select date" 437 placeholder="Select date"
437 ></v-text-field> 438 ></v-text-field>
438 <v-date-picker 439 <v-date-picker
439 ref="picker" 440 ref="picker"
440 v-model="editedItem.date" 441 v-model="editedItem.date"
441 :max="new Date().toISOString().substr(0, 10)" 442 :max="new Date().toISOString().substr(0, 10)"
442 min="1950-01-01" 443 min="1950-01-01"
443 @input="menu = false" 444 @input="menu = false"
444 ></v-date-picker> 445 ></v-date-picker>
445 </v-menu> 446 </v-menu>
446 </v-flex> 447 </v-flex>
447 </v-layout> 448 </v-layout>
448 <v-layout> 449 <v-layout>
449 <v-flex xs12 sm9 offset-sm2> 450 <v-flex xs12 sm9 offset-sm2>
450 <v-card-actions> 451 <v-card-actions>
451 <v-btn @click="clear" round dark>clear</v-btn> 452 <v-btn @click="clear" round dark>clear</v-btn>
452 <v-spacer></v-spacer> 453 <v-spacer></v-spacer>
453 <v-btn @click="submit" round dark :loading="loading">Add</v-btn> 454 <v-btn @click="submit" round dark :loading="loading">Add</v-btn>
454 </v-card-actions> 455 </v-card-actions>
455 </v-flex> 456 </v-flex>
456 </v-layout> 457 </v-layout>
457 </v-form> 458 </v-form>
458 </v-flex> 459 </v-flex>
459 </v-layout> 460 </v-layout>
460 </v-container> 461 </v-container>
461 </v-card> 462 </v-card>
462 </v-flex> 463 </v-flex>
463 </v-container> 464 </v-container>
464 </v-tab-item> 465 </v-tab-item>
465 </v-tabs> 466 </v-tabs>
466 </v-app> 467 </v-app>
467 </template> 468 </template>
468 469
469 <script> 470 <script>
470 // import AppToolbar from '@/components/AppToolbar'; 471 // import AppToolbar from '@/components/AppToolbar';
471 import onemonth from "@/components/report/onemonth.vue"; 472 import onemonth from "@/components/report/onemonth.vue";
472 import threemonth from "@/components/report/threemonth.vue"; 473 import threemonth from "@/components/report/threemonth.vue";
473 import sixmonth from "@/components/report/sixmonth.vue"; 474 import sixmonth from "@/components/report/sixmonth.vue";
474 import ninemonth from "@/components/report/ninemonth.vue"; 475 import ninemonth from "@/components/report/ninemonth.vue";
475 import generatereport from "@/components/report/generatereport.vue"; 476 import generatereport from "@/components/report/generatereport.vue";
476 import http from "@/Services/http.js"; 477 import http from "@/Services/http.js";
477 import NotificationList from "@/components/widgets/list/NotificationList"; 478 import NotificationList from "@/components/widgets/list/NotificationList";
478 import Util from "@/util"; 479 import Util from "@/util";
479 480
480 export default { 481 export default {
481 components: { 482 components: {
482 "one-month": onemonth, 483 "one-month": onemonth,
483 "three-month": threemonth, 484 "three-month": threemonth,
484 "six-month": sixmonth, 485 "six-month": sixmonth,
485 "nine-month": ninemonth, 486 "nine-month": ninemonth,
486 "report-generate": generatereport, 487 "report-generate": generatereport,
487 }, 488 },
488 data: () => ({ 489 data: () => ({
489 component: "report-generate", 490 component: "report-generate",
490 snackbar: false, 491 snackbar: false,
491 y: "top", 492 y: "top",
492 x: "right", 493 x: "right",
493 mode: "", 494 mode: "",
494 timeout: 3000, 495 timeout: 3000,
495 text: "", 496 text: "",
496 loading: false, 497 loading: false,
497 date:null, 498 date:null,
498 term: "", 499 term: "",
499 modal: false, 500 modal: false,
500 modaledit:false, 501 modaledit:false,
501 menu: false, 502 menu: false,
502 menu1:false, 503 menu1:false,
503 dialog: false, 504 dialog: false,
504 dialog1: false, 505 dialog1: false,
505 dialog2: false, 506 dialog2: false,
506 valid: true, 507 valid: true,
507 isActive: true, 508 isActive: true,
508 newActive: false, 509 newActive: false,
509 isActivebtn: false, 510 isActivebtn: false,
510 Activebtn1: false, 511 Activebtn1: false,
511 Activebtn2: false, 512 Activebtn2: false,
512 Activebtn3: false, 513 Activebtn3: false,
513 loader: null, 514 loader: null,
514 loading: false, 515 loading: false,
515 loading2: false, 516 loading2: false,
516 loading3: false, 517 loading3: false,
517 loading4: false, 518 loading4: false,
518 details: [], 519 details: [],
519 countries:['US','Canada'], 520 countries:['US','Canada'],
520 AddUsercredentials: {}, 521 AddUsercredentials: {},
521 pagination: { 522 pagination: {
522 rowsPerPage: 15 523 rowsPerPage: 15
523 }, 524 },
524 rules: { 525 rules: {
525 required: value => !!value || "Date of Birth is Required.", 526 required: value => !!value || "Date of Birth is Required.",
526 min: v => 527 min: v =>
527 (/^(0?[1-9]|[12][0-9]|3[01])[\/\-](0?[1-9]|1[012])[\/\-]\d{4}$/.test( 528 (/^(0?[1-9]|[12][0-9]|3[01])[\/\-](0?[1-9]|1[012])[\/\-]\d{4}$/.test(
528 v 529 v
529 ) && 530 ) &&
530 v.length > 0) || 531 v.length > 0) ||
531 "Please enter a date in the format dd/mm/yyyy" 532 "Please enter a date in the format dd/mm/yyyy"
532 }, 533 },
533 nameRules: [v => !!v || " First Name is required"], 534 nameRules: [v => !!v || " First Name is required"],
534 emailRules: [ 535 emailRules: [
535 v => !!v || "E-mail is required", 536 v => !!v || "E-mail is required",
536 v => /.+@.+/.test(v) || "E-mail must be valid" 537 v => /.+@.+/.test(v) || "E-mail must be valid"
537 ], 538 ],
538 lastnameRules: [v => !!v || " Last Name is required"], 539 lastnameRules: [v => !!v || " Last Name is required"],
539 countryRules: [v => !!v || " Country Name is required"], 540 countryRules: [v => !!v || " Country Name is required"],
540 headers: [ 541 headers: [
541 { 542 {
542 text: "No", 543 text: "No",
543 align: "center", 544 align: "center",
544 sortable: false, 545 sortable: false,
545 value: "No" 546 value: "No"
546 }, 547 },
547 { text: "Name", value: "name", sortable: false, align: "center" }, 548 { text: "Name", value: "name", sortable: false, align: "center" },
548 { text: "Email", value: "email", sortable: false, align: "center" }, 549 { text: "Email", value: "email", sortable: false, align: "center" },
549 { text: "", value: "", sortable: false, align: "center" } 550 { text: "", value: "", sortable: false, align: "center" }
550 ], 551 ],
551 desserts: [], 552 desserts: [],
552 editedIndex: -1, 553 editedIndex: -1,
553 editedItem: { 554 editedItem: {
554 No: "", 555 No: "",
555 name: "", 556 name: "",
556 lastName: "", 557 lastName: "",
557 email: "", 558 email: "",
558 date: null, 559 date: null,
559 country: "" 560 country: ""
560 }, 561 },
561 defaultItem: { 562 defaultItem: {
562 No: "", 563 No: "",
563 name: "", 564 name: "",
564 lastname: "", 565 lastname: "",
565 email: "", 566 email: "",
566 date: null, 567 date: null,
567 dob: "" 568 dob: ""
568 }, 569 },
569 userName:'', 570 userName:'',
570 items: [ 571 items: [
571 { 572 {
572 href: "/changepassword", 573 href: "/changepassword",
573 title: "Change Password", 574 title: "Change Password",
574 click: e => { 575 click: e => {
575 console.log(e); 576 console.log(e);
576 } 577 }
577 }, 578 },
578 { 579 {
579 href: "#", 580 href: "#",
580 title: "Logout", 581 title: "Logout",
581 click: e => { 582 click: e => {
582 window.getApp.$emit("APP_LOGOUT"); 583 window.getApp.$emit("APP_LOGOUT");
583 } 584 }
584 } 585 }
585 ] 586 ]
586 }), 587 }),
587 watch: { 588 watch: {
588 menu (val) { 589 menu (val) {
589 val && this.$nextTick(() => (this.$refs.picker.activePicker = 'YEAR')) 590 val && this.$nextTick(() => (this.$refs.picker.activePicker = 'YEAR'))
590 }, 591 },
591 menu1 (val) { 592 menu1 (val) {
592 val && this.$nextTick(() => (this.$refs.picker.activePicker = 'YEAR')) 593 val && this.$nextTick(() => (this.$refs.picker.activePicker = 'YEAR'))
593 } 594 }
594 }, 595 },
595 methods: { 596 methods: {
596 save (date) { 597 save (date) {
597 this.$refs.menu.save(date) 598 this.$refs.menu.save(date)
598 }, 599 },
599 getPatientList() { 600 getPatientList() {
600 var token = this.$store.state.token; 601 var token = this.$store.state.token;
601 http() 602 http()
602 .get("/patientList?term=" + this.term, { 603 .get("/patientList?term=" + this.term, {
603 headers: { Authorization: "Bearer " + token } 604 headers: { Authorization: "Bearer " + token }
604 }) 605 })
605 .then(response => { 606 .then(response => {
606 this.desserts = response.data.data.existingUser; 607 this.desserts = response.data.data.existingUser;
607 }) 608 })
608 .catch(err => { 609 .catch(err => {
609 console.log("err====>", err); 610 console.log("err====>", err);
610 }); 611 });
611 }, 612 },
612 editItem(item) { 613 editItem(item) {
613 this.editedIndex = this.desserts.indexOf(item); 614 this.editedIndex = this.desserts.indexOf(item);
614 this.editedItem = Object.assign({}, item); 615 this.editedItem = Object.assign({}, item);
615 this.dialog = true; 616 this.dialog = true;
616 }, 617 },
617 profile(item) { 618 profile(item) {
618 this.editedIndex = this.desserts.indexOf(item); 619 this.editedIndex = this.desserts.indexOf(item);
619 this.editedItem = Object.assign({}, item); 620 this.editedItem = Object.assign({}, item);
620 this.dialog1 = true; 621 this.dialog1 = true;
621 }, 622 },
622 report(item) { 623 report(item) {
623 this.editedIndex = this.desserts.indexOf(item); 624 this.editedIndex = this.desserts.indexOf(item);
624 this.editedItem = Object.assign({}, item); 625 this.editedItem = Object.assign({}, item);
625 this.dialog2 = true; 626 this.dialog2 = true;
626 }, 627 },
627 628
628 deleteItem(item) { 629 deleteItem(item) {
629 let addUsers = { 630 let addUsers = {
630 userId: item.userId 631 userId: item.userId
631 }; 632 };
632 http() 633 http()
633 .post("/deletePatient", confirm('Are you sure you want to delete this?') && addUsers) 634 .post("/deletePatient", confirm('Are you sure you want to delete this?') && addUsers)
634 .then(response => { 635 .then(response => {
635 if ((this.snackbar = true)) { 636 if ((this.snackbar = true)) {
636 this.text = "Successfully delete Existing User"; 637 this.text = "Successfully delete Existing User";
637 } 638 }
638 this.getPatientList(); 639 this.getPatientList();
639 }) 640 })
640 .catch(error => { 641 .catch(error => {
641 console.log(error); 642 console.log(error);
642 }); 643 });
643 }, 644 },
644 activeTab(type) { 645 activeTab(type) {
645 switch (type) { 646 switch (type) {
646 case "existing": 647 case "existing":
647 this.newActive = false; 648 this.newActive = false;
648 this.isActive = true; 649 this.isActive = true;
649 break; 650 break;
650 651
651 default: 652 default:
652 this.newActive = true; 653 this.newActive = true;
653 this.isActive = false; 654 this.isActive = false;
654 break; 655 break;
655 } 656 }
656 }, 657 },
657 activebtn(type) { 658 activebtn(type) {
658 switch (type) { 659 switch (type) {
659 case "existing": 660 case "existing":
660 this.Activebtn3 = false; 661 this.Activebtn3 = false;
661 this.Activebtn2 = false; 662 this.Activebtn2 = false;
662 this.Activebtn1 = false; 663 this.Activebtn1 = false;
663 this.isActivebtn = true; 664 this.isActivebtn = true;
664 break; 665 break;
665 case "new": 666 case "new":
666 this.Activebtn3 = false; 667 this.Activebtn3 = false;
667 this.Activebtn2 = false; 668 this.Activebtn2 = false;
668 this.Activebtn1 = true; 669 this.Activebtn1 = true;
669 this.isActivebtn = false; 670 this.isActivebtn = false;
670 break; 671 break;
671 case "new1": 672 case "new1":
672 this.Activebtn3 = false; 673 this.Activebtn3 = false;
673 this.Activebtn2 = true; 674 this.Activebtn2 = true;
674 this.Activebtn1 = false; 675 this.Activebtn1 = false;
675 this.isActivebtn = false; 676 this.isActivebtn = false;
676 break; 677 break;
677 default: 678 default:
678 this.Activebtn3 = true; 679 this.Activebtn3 = true;
679 this.Activebtn2 = false; 680 this.Activebtn2 = false;
680 this.Activebtn1 = false; 681 this.Activebtn1 = false;
681 this.isActivebtn = false; 682 this.isActivebtn = false;
682 break; 683 break;
683 } 684 }
684 }, 685 },
685 close() { 686 close() {
686 this.dialog = false; 687 this.dialog = false;
687 setTimeout(() => { 688 setTimeout(() => {
688 this.editedItem = Object.assign({}, this.defaultItem); 689 this.editedItem = Object.assign({}, this.defaultItem);
689 this.editedIndex = -1; 690 this.editedIndex = -1;
690 }, 300); 691 }, 300);
691 }, 692 },
692 close1() { 693 close1() {
693 this.dialog1 = false; 694 this.dialog1 = false;
694 }, 695 },
695 close2() { 696 close2() {
696 this.dialog2 = false; 697 this.dialog2 = false;
697 }, 698 },
698 submit() { 699 submit() {
699 if (this.$refs.form.validate()) { 700 if (this.$refs.form.validate()) {
700 let addUsers = { 701 let addUsers = {
701 name: this.editedItem.name + " " +this.editedItem.lastname, 702 name: this.editedItem.name + " " +this.editedItem.lastname,
702 dob: this.editedItem.date, 703 dob: this.editedItem.date,
703 email: this.editedItem.email, 704 email: this.editedItem.email,
704 country: this.editedItem.country 705 country: this.editedItem.country
705 }; 706 };
706 // console.log(addUsers) 707 // console.log(addUsers)
707 http() 708 http()
708 .post("/patient", addUsers) 709 .post("/patient", addUsers)
709 .then(response => { 710 .then(response => {
710 this.getPatientList(); 711 this.getPatientList();
711 if (this.snackbar = true) { 712 if (this.snackbar = true) {
712 this.text = "Successfully Add New User"; 713 this.text = "Successfully Add New User";
713 } 714 }
714 715
715 this.clear(); 716 this.clear();
716 }) 717 })
717 .catch(error => { 718 .catch(error => {
718 console.log(error); 719 console.log(error);
719 if (this.snackbar = true) { 720 if (this.snackbar = true) {
720 this.text = error.response.data.message; 721 this.text = error.response.data.message;
721 } 722 }
722 }); 723 });
723 } 724 }
724 }, 725 },
725 mail() { 726 mail() {
726 }, 727 },
727 download() { 728 download() {
728 }, 729 },
729 clear() { 730 clear() {
730 this.$refs.form.reset(); 731 this.$refs.form.reset();
731 }, 732 },
732 save() { 733 save() {
733 let editUsers = { 734 let editUsers = {
734 name: this.editedItem.name + " " + this.editedItem.lastname, 735 name: this.editedItem.name + " " + this.editedItem.lastname,
735 dob: this.editedItem.dob, 736 dob: this.editedItem.dob,
736 email: this.editedItem.email, 737 email: this.editedItem.email,
737 userId: this.editedItem.userId 738 userId: this.editedItem.userId
738 }; 739 };
739 http() 740 http()
740 .post("/patientDetail", editUsers) 741 .post("/patientDetail", editUsers)
741 .then(response => { 742 .then(response => {
742 if ((this.snackbar = true)) { 743 if ((this.snackbar = true)) {
743 this.text = "Successfully Edit Existing User"; 744 this.text = "Successfully Edit Existing User";
744 } 745 }
745 this.getPatientList(); 746 this.getPatientList();
746 }) 747 })
747 .catch(error => { 748 .catch(error => {
748 console.log(error); 749 console.log(error);
749 }); 750 });
750 this.close(); 751 this.close();
751 }, 752 },
752 handleDrawerToggle() { 753 handleDrawerToggle() {
753 window.getApp.$emit("APP_DRAWER_TOGGLED"); 754 window.getApp.$emit("APP_DRAWER_TOGGLED");
754 }, 755 },
755 handleFullScreen() { 756 handleFullScreen() {
756 Util.toggleFullScreen(); 757 Util.toggleFullScreen();
757 } 758 }
758 }, 759 },
759 mounted() { 760 mounted() {
760 this.getPatientList(); 761 this.getPatientList();
761 this.userName = this.$store.state.name; 762 this.userName = this.$store.state.name;
762 }, 763 },
763 computed:{ 764 computed:{
764 toolbarColor() { 765 toolbarColor() {
765 return this.$vuetify.options.extra.mainNav; 766 return this.$vuetify.options.extra.mainNav;
766 } 767 }
767 } 768 }
768 }; 769 };
769 </script> 770 </script>
770 <style scoped> 771 <style scoped>
771 .v-input__prepend-outer { 772 .v-input__prepend-outer {
772 margin-right: 0px !important; 773 margin-right: 0px !important;
773 } 774 }
774 .v-card__actions .v-btn { 775 .v-card__actions .v-btn {
775 margin: 0 15px; 776 margin: 0 15px;
776 min-width: 120px; 777 min-width: 120px;
777 } 778 }
778 .primary { 779 .primary {
779 background-color: #aaa !important; 780 background-color: #aaa !important;
780 border-color: #aaa !important; 781 border-color: #aaa !important;
781 } 782 }
782 h4 { 783 h4 {
783 background-repeat: no-repeat; 784 background-repeat: no-repeat;
784 padding: 8px; 785 padding: 8px;
785 margin: auto; 786 margin: auto;
786 font-size: 25px; 787 font-size: 25px;
787 } 788 }
788 #name { 789 #name {
789 position: absolute; 790 position: absolute;
790 left: 100px; 791 left: 100px;
791 top: 17px; 792 top: 17px;
792 } 793 }
793 #icon { 794 #icon {
794 position: absolute; 795 position: absolute;
795 right: 8px; 796 right: 8px;
796 top: 8px; 797 top: 8px;
797 } 798 }
798 #m { 799 #m {
799 position: relative; 800 position: relative;
800 left: 135px; 801 left: 135px;
801 top: -15px; 802 top: -15px;
802 } 803 }
803 #G { 804 #G {
804 position: absolute; 805 position: absolute;
805 top: 38px; 806 top: 38px;
806 color: white; 807 color: white;
807 } 808 }
808 #bt { 809 #bt {
809 position: relative; 810 position: relative;
810 top: -20px; 811 top: -20px;
811 left: 115px; 812 left: 115px;
812 } 813 }
813 #e { 814 #e {
814 position: relative; 815 position: relative;
815 top: 5px; 816 top: 5px;
816 right: -30px; 817 right: -30px;
817 height: 17px; 818 height: 17px;
818 cursor: pointer; 819 cursor: pointer;
819 } 820 }
820 #d { 821 #d {
821 position: relative; 822 position: relative;
822 top: 5px; 823 top: 5px;
823 right: -70px; 824 right: -70px;
824 height: 17px; 825 height: 17px;
825 cursor: pointer; 826 cursor: pointer;
826 } 827 }
827 #td { 828 #td {
828 border: 1px solid #dddddd; 829 border: 1px solid #dddddd;
829 text-align: left; 830 text-align: left;
830 padding: 8px; 831 padding: 8px;
831 } 832 }
832 #dialog { 833 #dialog {
833 height: 550px; 834 height: 550px;
834 } 835 }
835 .active { 836 .active {
836 background-color: black; 837 background-color: black;
837 color: white !important; 838 color: white !important;
838 } 839 }
839 .activebtn { 840 .activebtn {
840 color: black !important; 841 color: black !important;
841 } 842 }
842 #flex { 843 #flex {
843 height: 300px; 844 height: 300px;
844 } 845 }
845 .top{ 846 .top{
846 margin-top:100px; 847 margin-top:100px;
847 } 848 }
848 .v-tabs__item a{ 849 .v-tabs__item a{
849 font-size:16px !important; 850 font-size:16px !important;
850 } 851 }
851 @media screen and (max-width: 769px){ 852 @media screen and (max-width: 769px){
852 .top{ 853 .top{
853 margin-top:0 !important; 854 margin-top:0 !important;
854 } 855 }
855 .userSearch .v-icon { 856 .userSearch .v-icon {
856 font-size: 20px !important; 857 font-size: 20px !important;
857 margin-left: 20px ; 858 margin-left: 20px ;
858 } 859 }
859 } 860 }
860 @media screen and (max-width: 380px) { 861 @media screen and (max-width: 380px) {
861 .right { 862 .right {
862 float: none !important; 863 float: none !important;
863 } 864 }
864 .subheading { 865 .subheading {
865 font-size: 14px !important; 866 font-size: 14px !important;
866 } 867 }
867 .v-card__actions .v-btn{ 868 .v-card__actions .v-btn{
868 margin: 0 0px; 869 margin: 0 0px;
869 min-width: 100px; 870 min-width: 100px;
870 } 871 }
871 /* .searchIcon .v-icon { 872 /* .searchIcon .v-icon {
872 font-size: 20px; 873 font-size: 20px;
873 margin-left: 20px; 874 margin-left: 20px;
874 } */ 875 } */
875 .subheading { 876 .subheading {
876 font-size: 12px !important; 877 font-size: 12px !important;
877 } 878 }
878 h5 { 879 h5 {
879 font-size: 13px; 880 font-size: 13px;
880 } 881 }
881 } 882 }
882 .v-icon{ 883 .v-icon{
883 font-size:30px; 884 font-size:30px;
884 } 885 }
885 @media screen and (min-width: 1270px){ 886 @media screen and (min-width: 1270px){
886 .hide{ 887 .hide{
887 display: none; 888 display: none;
888 } 889 }
889 /* } 890 /* }
890 @media screen and (max-width: 962px) { 891 @media screen and (max-width: 962px) {
891 .imglogo{ 892 .imglogo{
892 position: absolute; 893 position: absolute;
893 top: 13px; 894 top: 13px;
894 left: 13px !important; 895 left: 13px !important;
895 width: 70px; 896 width: 70px;
896 height: 24px; 897 height: 24px;
897 } */ 898 } */
898 } 899 }
899 @media screen and (max-width: 420px){ 900 @media screen and (max-width: 420px){
900 .userSearch .v-text-field .v-label{ 901 .userSearch .v-text-field .v-label{
901 line-height: 24px !important; 902 line-height: 24px !important;
902 } 903 }
903 .userSearch .v-label{ 904 .userSearch .v-label{
904 font-size: 13px !important; 905 font-size: 13px !important;
905 } 906 }
906 .v-list__tile { 907 .v-list__tile {
907 font-size:14px; 908 font-size:14px;
908 padding: 0 10px; 909 padding: 0 10px;
909 } 910 }
910 .name{ 911 .name{
911 font-size:15px; 912 font-size:15px;
912 } 913 }
913 } 914 }
914 </style> 915 </style>