viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit 86df4b74f1a78a286c1265584e94389b7dfd98eb

Authored by Amber Dev
1 parent 2f89adbd73
Exists in ui-design

add student bug

Showing 3 changed files with 666 additions and 204 deletions   Show diff stats
... ... @@ -6,7 +6,8 @@
6 6 <meta name="viewport" content="width=device-width,initial-scale=1.0">
7 7 <!-- <link href="https://fonts.googleapis.com/css?family=Nunito,700%7CMaterial+Icons" rel="stylesheet"> -->
8 8 <!-- <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500i,800|Material+Icons&display=swap" rel="stylesheet"> -->
9   - <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,700,800|Material+Icons&display=swap" rel="stylesheet">
  9 + <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,700,800|Material+Icons&display=swap"
  10 + rel="stylesheet">
10 11 <title>School Management</title>
11 12 <link rel="shortcut icon" href="/static/logo.png" type="image/x-icon">
12 13 <meta name="description" content="School Management">
... ... @@ -14,6 +15,11 @@
14 15 <script src='https://meet.jit.si/external_api.js'></script>
15 16 <link href="./static/css/custom.css" rel="stylesheet" />
16 17 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  18 +
  19 + <!-- reduce icon loading time -->
  20 + <link rel="preconnect" href="//fonts.googleapis.com">
  21 + <link rel="preconnect" href="//fonts.gstatic.com">
  22 + <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
17 23 <!-- <style>
18 24 [v-cloak] {
19 25 display: none;
... ...
src/pages/Students/students.vue
Diff comments   View file @86df4b7
1 1 <template>
2 2 <v-container fluid class="body-color">
3 3 <!-- ****** EDITS STUDENTS DETAILS ****** -->
4   - <v-dialog v-model="editStudentDialog" max-width="1700px" scrollable persistent>
  4 + <v-dialog
  5 + v-model="editStudentDialog"
  6 + max-width="1700px"
  7 + scrollable
  8 + persistent
  9 + >
5 10 <v-card flat class="Card-style pa-2">
6 11 <v-layout>
7 12 <v-flex xs12>
8 13 <label class="title text-xs-center">Edit Student Details</label>
9   - <v-icon size="24" class="right" @click="editStudentDialog = false">cancel</v-icon>
  14 + <v-icon size="24" class="right" @click="editStudentDialog = false"
  15 + >cancel</v-icon
  16 + >
10 17 </v-flex>
11 18 </v-layout>
12 19 <v-card-text>
13 20 <v-form ref="form">
14 21 <v-container fluid>
15 22 <v-layout>
16   - <v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center">
17   - <v-avatar size="100px" v-if="!editedItem.profilePicUrl && !editImageUrl">
  23 + <v-flex
  24 + xs12
  25 + class="text-xs-center text-sm-center text-md-center text-lg-center"
  26 + >
  27 + <v-avatar
  28 + size="100px"
  29 + v-if="!editedItem.profilePicUrl && !editImageUrl"
  30 + >
18 31 <img src="/static/icon/user.png" />
19 32 </v-avatar>
20 33 <img
21 34 :src="editedItem.profilePicUrl"
22 35 v-else-if="editedItem.profilePicUrl && !editImageUrl"
23 36 height="150"
24   - style="border-radius:50%; width:150px"
  37 + style="border-radius: 50%; width: 150px"
25 38 />
26 39 <img
27 40 v-if="editImageUrl"
28 41 :src="editImageUrl"
29   - style="border-radius:50%; width:150px;height:150px"
  42 + style="border-radius: 50%; width: 150px; height: 150px"
30 43 />
31 44 <input
32 45 type="file"
... ... @@ -41,8 +54,13 @@
41 54 <v-flex xs12 sm4>
42 55 <v-layout>
43 56 <v-flex xs4 class="pt-4 subheading">
44   - <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
45   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
  57 + <label class="right hidden-xs-only hidden-sm-only"
  58 + >Select Class:</label
  59 + >
  60 + <label
  61 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  62 + >Class:</label
  63 + >
46 64 </v-flex>
47 65 <v-flex xs8 class="ml-3">
48 66 <v-select
... ... @@ -61,8 +79,13 @@
61 79 <v-flex xs12 sm4>
62 80 <v-layout>
63 81 <v-flex xs4 class="pt-4 subheading">
64   - <label class="right hidden-xs-only hidden-sm-only">Select Section:</label>
65   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Section:</label>
  82 + <label class="right hidden-xs-only hidden-sm-only"
  83 + >Select Section:</label
  84 + >
  85 + <label
  86 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  87 + >Section:</label
  88 + >
66 89 </v-flex>
67 90 <v-flex xs8 class="ml-3">
68 91 <v-select
... ... @@ -80,8 +103,13 @@
80 103 <v-flex xs12 sm4>
81 104 <v-layout>
82 105 <v-flex xs4 class="pt-4 subheading">
83   - <label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
84   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Name:</label>
  106 + <label class="right hidden-xs-only hidden-sm-only"
  107 + >Full Name:</label
  108 + >
  109 + <label
  110 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  111 + >Name:</label
  112 + >
85 113 </v-flex>
86 114 <v-flex xs8 class="ml-3">
87 115 <v-text-field
... ... @@ -99,8 +127,13 @@
99 127 <v-flex xs12 sm4>
100 128 <v-layout>
101 129 <v-flex xs4 class="pt-4 subheading">
102   - <label class="right hidden-xs-only hidden-sm-only">Email Id:</label>
103   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Email:</label>
  130 + <label class="right hidden-xs-only hidden-sm-only"
  131 + >Email Id:</label
  132 + >
  133 + <label
  134 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  135 + >Email:</label
  136 + >
104 137 </v-flex>
105 138 <v-flex xs8 class="ml-3">
106 139 <v-text-field
... ... @@ -116,8 +149,13 @@
116 149 <v-flex xs12 sm4>
117 150 <v-layout>
118 151 <v-flex xs4 class="pt-4 subheading">
119   - <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
120   - <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label>
  152 + <label class="right hidden-sm-only hidden-xs-only"
  153 + >Date of Birth:</label
  154 + >
  155 + <label
  156 + class="right hidden-lg-only hidden-xl-only hidden-md-only"
  157 + >D.O.B:</label
  158 + >
121 159 </v-flex>
122 160 <v-flex xs8 class="ml-3">
123 161 <v-menu
... ... @@ -168,8 +206,13 @@
168 206 <v-flex xs12 sm4>
169 207 <v-layout>
170 208 <v-flex xs4 class="pt-4 subheading">
171   - <label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>
172   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Blood:</label>
  209 + <label class="right hidden-xs-only hidden-sm-only"
  210 + >Blood Group:</label
  211 + >
  212 + <label
  213 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  214 + >Blood:</label
  215 + >
173 216 </v-flex>
174 217 <v-flex xs8 class="ml-3">
175 218 <v-text-field
... ... @@ -247,8 +290,13 @@
247 290 <v-flex xs12 sm4>
248 291 <v-layout>
249 292 <v-flex xs4 class="pt-4 subheading">
250   - <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
251   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label>
  293 + <label class="right hidden-xs-only hidden-sm-only"
  294 + >Uplaod Image:</label
  295 + >
  296 + <label
  297 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  298 + >Uplaod:</label
  299 + >
252 300 </v-flex>
253 301 <v-flex xs8 class="ml-3">
254 302 <v-text-field
... ... @@ -298,13 +346,21 @@
298 346 <v-flex xs12 sm4>
299 347 <v-layout>
300 348 <v-flex xs4 class="pt-4 subheading">
301   - <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
302   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label>
  349 + <label class="right hidden-xs-only hidden-sm-only"
  350 + >Mobile No:</label
  351 + >
  352 + <label
  353 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  354 + >Mobile:</label
  355 + >
303 356 </v-flex>
304 357 <v-flex xs8 class="ml-3">
305 358 <v-layout row wrap>
306 359 <v-flex xs3 class="mt-3">
307   - <vue-country-code @onSelect="editStudentMobileCode" class="black--text"></vue-country-code>
  360 + <vue-country-code
  361 + @onSelect="editStudentMobileCode"
  362 + class="black--text"
  363 + ></vue-country-code>
308 364 </v-flex>
309 365 <v-flex xs9>
310 366 <v-text-field
... ... @@ -324,8 +380,13 @@
324 380 <v-flex xs12 sm4>
325 381 <v-layout>
326 382 <v-flex xs4 class="pt-4 subheading">
327   - <label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
328   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label>
  383 + <label class="right hidden-xs-only hidden-sm-only"
  384 + >Select Country:</label
  385 + >
  386 + <label
  387 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  388 + >Country:</label
  389 + >
329 390 </v-flex>
330 391 <v-flex xs8 class="ml-3">
331 392 <v-autocomplete
... ... @@ -340,8 +401,13 @@
340 401 <v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">
341 402 <v-layout>
342 403 <v-flex xs4 class="pt-4 subheading">
343   - <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
344   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label>
  404 + <label class="right hidden-xs-only hidden-sm-only"
  405 + >Roll Number:</label
  406 + >
  407 + <label
  408 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  409 + >Roll No:</label
  410 + >
345 411 </v-flex>
346 412 <v-flex xs8 class="ml-3">
347 413 <v-text-field
... ... @@ -355,10 +421,13 @@
355 421 <v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">
356 422 <v-layout>
357 423 <v-flex xs4 sm4 class="pt-4 subheading">
358   - <label class="right hidden-xs-only hidden-sm-only">Permanent Address:</label>
  424 + <label class="right hidden-xs-only hidden-sm-only"
  425 + >Permanent Address:</label
  426 + >
359 427 <label
360 428 class="right hidden-lg-only hidden-md-only hidden-xl-only"
361   - >Permanent Address:</label>
  429 + >Permanent Address:</label
  430 + >
362 431 </v-flex>
363 432 <v-flex xs12 sm8 class="ml-3">
364 433 <v-text-field
... ... @@ -374,10 +443,13 @@
374 443 <v-flex xs12 sm4>
375 444 <v-layout>
376 445 <v-flex xs4 class="pt-4 subheading">
377   - <label class="right hidden-xs-only hidden-sm-only">Present Address:</label>
  446 + <label class="right hidden-xs-only hidden-sm-only"
  447 + >Present Address:</label
  448 + >
378 449 <label
379 450 class="right hidden-lg-only hidden-md-only hidden-xl-only"
380   - >Present Address:</label>
  451 + >Present Address:</label
  452 + >
381 453 </v-flex>
382 454 <v-flex xs8 class="ml-3">
383 455 <v-text-field
... ... @@ -389,12 +461,20 @@
389 461 </v-layout>
390 462 </v-flex>
391 463 </v-layout>
392   - <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
  464 + <v-layout
  465 + class="hidden-lg-only hidden-md-only hidden-xl-only"
  466 + wrap
  467 + >
393 468 <v-flex xs12 sm12>
394 469 <v-layout>
395 470 <v-flex xs4 class="pt-4 subheading">
396   - <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
397   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label>
  471 + <label class="right hidden-xs-only hidden-sm-only"
  472 + >Roll Number:</label
  473 + >
  474 + <label
  475 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  476 + >Roll No:</label
  477 + >
398 478 </v-flex>
399 479 <v-flex xs8 class="ml-3">
400 480 <v-text-field
... ... @@ -406,7 +486,10 @@
406 486 </v-layout>
407 487 </v-flex>
408 488 </v-layout>
409   - <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
  489 + <v-layout
  490 + class="hidden-lg-only hidden-md-only hidden-xl-only"
  491 + wrap
  492 + >
410 493 <v-flex xs12 sm12>
411 494 <v-layout>
412 495 <v-flex xs12 sm3 class="pt-4 subheading text-xs-center">
... ... @@ -425,7 +508,11 @@
425 508 </v-flex>
426 509 <v-flex xs12 sm12>
427 510 <v-layout>
428   - <v-flex xs12 sm3 class="pt-4 pr-4 subheading text-xs-center addressForm">
  511 + <v-flex
  512 + xs12
  513 + sm3
  514 + class="pt-4 pr-4 subheading text-xs-center addressForm"
  515 + >
429 516 <label>Permanent addr:</label>
430 517 </v-flex>
431 518 </v-layout>
... ... @@ -444,7 +531,14 @@
444 531 <v-layout>
445 532 <v-flex xs12 sm12>
446 533 <v-layout class="right">
447   - <v-btn @click="save" round dark :loading="editLoading" class="add-button">Save</v-btn>
  534 + <v-btn
  535 + @click="save"
  536 + round
  537 + dark
  538 + :loading="editLoading"
  539 + class="add-button"
  540 + >Save</v-btn
  541 + >
448 542 </v-layout>
449 543 </v-flex>
450 544 </v-layout>
... ... @@ -456,19 +550,41 @@
456 550  
457 551 <!-- ****** PROFILE VIEW STUDENTS DEATILS ****** -->
458 552  
459   - <v-dialog v-model="profileStudentDialog" max-width="1000px" scrollable persistent>
  553 + <v-dialog
  554 + v-model="profileStudentDialog"
  555 + max-width="1000px"
  556 + scrollable
  557 + persistent
  558 + >
460 559 <v-card flat class="Card-style pa-3">
461 560 <v-layout>
462 561 <v-flex xs12>
463 562 <label class="title text-xs-center">View Student Details</label>
464   - <v-icon size="24" class="right" @click="profileStudentDialog = false">cancel</v-icon>
  563 + <v-icon
  564 + size="24"
  565 + class="right"
  566 + @click="profileStudentDialog = false"
  567 + >cancel</v-icon
  568 + >
465 569 </v-flex>
466 570 </v-layout>
467 571 <v-card-text>
468   - <v-flex align-center justify-center layout text-xs-center class="mt-3">
  572 + <v-flex
  573 + align-center
  574 + justify-center
  575 + layout
  576 + text-xs-center
  577 + class="mt-3"
  578 + >
469 579 <v-avatar size="100px">
470   - <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" />
471   - <img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" />
  580 + <img
  581 + src="/static/icon/user.png"
  582 + v-if="!editedItem.profilePicUrl"
  583 + />
  584 + <img
  585 + :src="editedItem.profilePicUrl"
  586 + v-else-if="editedItem.profilePicUrl"
  587 + />
472 588 </v-avatar>
473 589 </v-flex>
474 590 <v-container grid-list-md>
... ... @@ -782,7 +898,10 @@
782 898 </v-layout>
783 899 </v-flex>
784 900 </v-layout>
785   - <v-layout wrap class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only">
  901 + <v-layout
  902 + wrap
  903 + class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only"
  904 + >
786 905 <v-flex xs12 sm5>
787 906 <v-layout wrap>
788 907 <v-flex xs12 sm6>
... ... @@ -829,7 +948,7 @@
829 948 <v-icon dark>add</v-icon>
830 949 </v-btn>
831 950 <v-btn
832   - v-if="role != 'TEACHER' "
  951 + v-if="role != 'TEACHER'"
833 952 round
834 953 class="open-dialog-button hidden-sm-only hidden-xs-only"
835 954 dark
... ... @@ -877,7 +996,8 @@
877 996 dark
878 997 :loading="loading"
879 998 class="open-dialog-button hidden-xs-only hidden-sm-only"
880   - >Find</v-btn>
  999 + >Find</v-btn
  1000 + >
881 1001 <v-card-title class="body-1" v-show="show">
882 1002 <v-btn icon large flat @click="displaySearch">
883 1003 <v-avatar size="27">
... ... @@ -945,7 +1065,8 @@
945 1065 dark
946 1066 :loading="loading"
947 1067 class="add-button"
948   - >Find</v-btn>
  1068 + >Find</v-btn
  1069 + >
949 1070 </v-flex>
950 1071 </v-layout>
951 1072 </v-flex>
... ... @@ -958,29 +1079,37 @@
958 1079 >
959 1080 <template slot="items" slot-scope="props">
960 1081 <tr class="tr">
961   - <td class="text-xs-center td td-row">{{ props.item.rollNo}}</td>
  1082 + <td class="text-xs-center td td-row">{{ props.item.rollNo }}</td>
962 1083 <td class="text-xs-center td td-row">
963 1084 <v-avatar size="40">
964   - <img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" />
965   - <img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" />
  1085 + <img
  1086 + :src="props.item.profilePicUrl"
  1087 + v-if="props.item.profilePicUrl"
  1088 + />
  1089 + <img
  1090 + src="/static/icon/user.png"
  1091 + v-else-if="!props.item.profilePicUrl"
  1092 + />
966 1093 </v-avatar>
967 1094 </td>
968   - <td class="text-xs-center td td-row">{{ props.item.name}}</td>
  1095 + <td class="text-xs-center td td-row">{{ props.item.name }}</td>
969 1096 <td class="text-xs-center td td-row">{{ props.item.gender }}</td>
970   - <td
971   - class="text-xs-center td td-row"
972   - >{{ props.item.parentId ? props.item.parentId.fatherName: '-' }}</td>
973   - <td
974   - class="text-xs-center td td-row"
975   - >{{ props.item.parentId ? props.item.parentId.motherName: '-' }}</td>
976   - <td class="text-xs-center td td-row">{{ props.item.establishmentYear }}</td>
  1097 + <td class="text-xs-center td td-row">
  1098 + {{ props.item.parentId ? props.item.parentId.fatherName : "-" }}
  1099 + </td>
  1100 + <td class="text-xs-center td td-row">
  1101 + {{ props.item.parentId ? props.item.parentId.motherName : "-" }}
  1102 + </td>
  1103 + <td class="text-xs-center td td-row">
  1104 + {{ props.item.establishmentYear }}
  1105 + </td>
977 1106 <!-- <td class="text-xs-center td td-row">{{ props.item.mobile}}</td> -->
978 1107 <td class="text-xs-center td td-row">
979 1108 <v-switch
980 1109 class="pl-3"
981 1110 :disabled="role === 'TEACHER'"
982 1111 v-model="props.item.status"
983   - @change="suspendStudentStatus(props.item.status,props.item._id)"
  1112 + @change="suspendStudentStatus(props.item.status, props.item._id)"
984 1113 ></v-switch>
985 1114 </td>
986 1115 <td class="text-xs-center td td-row">
... ... @@ -988,27 +1117,27 @@
988 1117 <v-tooltip top>
989 1118 <img
990 1119 slot="activator"
991   - style="cursor:pointer; width:25px; height:25px; "
  1120 + style="cursor: pointer; width: 25px; height: 25px"
992 1121 class="mr-3"
993 1122 @click="profile(props.item)"
994 1123 src="/static/icon/view.png"
995 1124 />
996 1125 <span>View</span>
997 1126 </v-tooltip>
998   - <v-tooltip top v-if="role != 'TEACHER' ">
  1127 + <v-tooltip top v-if="role != 'TEACHER'">
999 1128 <img
1000 1129 slot="activator"
1001   - style="cursor:pointer; width:20px; height:18px; "
  1130 + style="cursor: pointer; width: 20px; height: 18px"
1002 1131 class="mr-3"
1003 1132 @click="editItem(props.item)"
1004 1133 src="/static/icon/edit.png"
1005 1134 />
1006 1135 <span>Edit</span>
1007 1136 </v-tooltip>
1008   - <v-tooltip top v-if="role != 'TEACHER' ">
  1137 + <v-tooltip top v-if="role != 'TEACHER'">
1009 1138 <img
1010 1139 slot="activator"
1011   - style="cursor:pointer; width:20px; height:20px; "
  1140 + style="cursor: pointer; width: 20px; height: 20px"
1012 1141 class="mr-3"
1013 1142 @click="deleteItem(props.item)"
1014 1143 src="/static/icon/delete.png"
... ... @@ -1019,15 +1148,17 @@
1019 1148 </td>
1020 1149 </tr>
1021 1150 </template>
1022   - <v-alert
1023   - slot="no-results"
1024   - :value="true"
1025   - color="error"
1026   - icon="warning"
1027   - >Your search for "{{ search }}" found no results.</v-alert>
  1151 + <v-alert slot="no-results" :value="true" color="error" icon="warning"
  1152 + >Your search for "{{ search }}" found no results.</v-alert
  1153 + >
1028 1154 </v-data-table>
1029 1155 <!-- DIALOG -- ADD STUDENTS DETAILS -->
1030   - <v-dialog v-model="addStudentDialog" max-width="1280" v-if="addStudentDialog" persistent>
  1156 + <v-dialog
  1157 + v-model="addStudentDialog"
  1158 + max-width="1280"
  1159 + v-if="addStudentDialog"
  1160 + persistent
  1161 + >
1031 1162 <v-card flat class="Card-style pa-2">
1032 1163 <v-layout>
1033 1164 <v-flex xs12>
... ... @@ -1035,8 +1166,17 @@
1035 1166 <v-icon
1036 1167 size="24"
1037 1168 class="right"
1038   - @click="$refs.parentForm.reset();$refs.parentFormLgScr.reset();$refs.form.reset();e2 = 1;addStudentDialog = false"
1039   - >cancel</v-icon>
  1169 + @click="
  1170 + $refs.parentForm.reset();
  1171 + $refs.parentFormLgScr.reset();
  1172 + $refs.form.reset();
  1173 + e2 = 1;
  1174 + addStudentDialog = false;
  1175 + showNext = false;
  1176 + showParent = true;
  1177 + "
  1178 + >cancel</v-icon
  1179 + >
1040 1180 </v-flex>
1041 1181 </v-layout>
1042 1182 <v-container fluid>
... ... @@ -1044,25 +1184,36 @@
1044 1184 <v-flex xs12>
1045 1185 <v-stepper v-model="e2" flat class="Card-style elevation-0">
1046 1186 <v-stepper-header>
1047   - <v-stepper-step :complete="e2 > 1" step="1">Fill parent Details</v-stepper-step>
  1187 + <v-stepper-step :complete="e2 > 1" step="1"
  1188 + >Fill parent Details</v-stepper-step
  1189 + >
1048 1190 <v-divider></v-divider>
1049 1191 <v-stepper-step step="2">Fill Student Details</v-stepper-step>
1050 1192 </v-stepper-header>
1051 1193 <v-stepper-items>
1052 1194 <v-stepper-content step="1">
1053 1195 <v-container fluid class>
1054   - <v-flex xs12 sm12 class="hidden-md-only hidden-lg-only hidden-xl-only">
1055   - <v-form ref="parentForm" v-model="valid" lazy-validation>
  1196 + <!-- FILL PARENT DETAILS - hidden md,lg,xl-->
  1197 + <v-flex
  1198 + xs12
  1199 + sm12
  1200 + class="hidden-md-only hidden-lg-only hidden-xl-only"
  1201 + >
  1202 + <v-form
  1203 + ref="parentForm"
  1204 + v-model="valid"
  1205 + lazy-validation
  1206 + >
1056 1207 <v-layout wrap>
  1208 + <!-- FATHER CELL NUMBER hidden md,lg,xl -->
1057 1209 <v-flex xs12 sm6>
1058   - <!-- FATHER CELL NUMBER visible only on xs and sm screen -->
1059 1210 <v-layout wrap>
1060 1211 <v-flex xs12 class="pt-4 subheading">
1061 1212 <label>Father Cell No:</label>
1062 1213 </v-flex>
1063 1214 <v-flex xs12>
1064 1215 <v-layout row wrap xs12>
1065   - <v-flex sm3 class="mt-3">
  1216 + <v-flex sm3 class="mt-3" v-if="!showNext">
1066 1217 <vue-country-code
1067 1218 @onSelect="addFatherCellCode"
1068 1219 class="black--text"
... ... @@ -1071,6 +1222,7 @@
1071 1222  
1072 1223 <v-flex sm9>
1073 1224 <v-text-field
  1225 + :disabled="showNext"
1074 1226 v-model.trim="parentData.fatherCellNo"
1075 1227 placeholder="fill your father Cell Number"
1076 1228 type="number"
... ... @@ -1084,6 +1236,7 @@
1084 1236 </v-flex>
1085 1237 </v-layout>
1086 1238 </v-flex>
  1239 + <!-- PARENT EMAIL ID - hidden md,lg,xl -->
1087 1240 <v-flex xs12 sm6>
1088 1241 <v-layout wrap>
1089 1242 <v-flex xs12 class="pt-4 subheading">
... ... @@ -1091,6 +1244,7 @@
1091 1244 </v-flex>
1092 1245 <v-flex xs12>
1093 1246 <v-text-field
  1247 + :disabled="showNext"
1094 1248 placeholder="fill Parent email"
1095 1249 v-model="parentData.email"
1096 1250 type="text"
... ... @@ -1100,7 +1254,9 @@
1100 1254 </v-layout>
1101 1255 </v-flex>
1102 1256 </v-layout>
  1257 +
1103 1258 <v-layout wrap>
  1259 + <!-- FATHER NAME - hidden md,lg,xl -->
1104 1260 <v-flex xs12 sm6>
1105 1261 <v-layout wrap>
1106 1262 <v-flex xs12 class="pt-4 subheading">
... ... @@ -1108,6 +1264,7 @@
1108 1264 </v-flex>
1109 1265 <v-flex xs12>
1110 1266 <v-text-field
  1267 + :disabled="showNext"
1111 1268 v-model="parentData.fatherName"
1112 1269 placeholder="Fill your father Name"
1113 1270 required
... ... @@ -1115,6 +1272,7 @@
1115 1272 </v-flex>
1116 1273 </v-layout>
1117 1274 </v-flex>
  1275 + <!-- MOTHER NAME - hidden md,lg,xl -->
1118 1276 <v-flex xs12 sm6>
1119 1277 <v-layout wrap>
1120 1278 <v-flex xs12 class="pt-4 subheading">
... ... @@ -1122,6 +1280,7 @@
1122 1280 </v-flex>
1123 1281 <v-flex xs12>
1124 1282 <v-text-field
  1283 + :disabled="showNext"
1125 1284 v-model="parentData.motherName"
1126 1285 placeholder="fill your Mother Name"
1127 1286 type="text"
... ... @@ -1131,8 +1290,9 @@
1131 1290 </v-layout>
1132 1291 </v-flex>
1133 1292 </v-layout>
  1293 +
1134 1294 <v-layout wrap>
1135   - <!-- MOTHER CELL NUMBER - VISIBLE ONLY ON xs and sm screen-->
  1295 + <!-- MOTHER CELL NUMBER - - hidden md,lg,xl -->
1136 1296 <v-flex xs12 sm6>
1137 1297 <v-layout wrap>
1138 1298 <v-flex xs12 class="pt-4 subheading">
... ... @@ -1140,11 +1300,15 @@
1140 1300 </v-flex>
1141 1301 <v-flex xs12>
1142 1302 <v-layout row wrap>
1143   - <v-flex sm3 class="mt-3">
1144   - <vue-country-code @onSelect="onSelect" class="black--text"></vue-country-code>
  1303 + <v-flex sm3 class="mt-3" v-if="!showNext">
  1304 + <vue-country-code
  1305 + @onSelect="onSelect"
  1306 + class="black--text"
  1307 + ></vue-country-code>
1145 1308 </v-flex>
1146 1309 <v-flex sm9>
1147 1310 <v-text-field
  1311 + :disabled="showNext"
1148 1312 v-model="parentData.motherCellNo"
1149 1313 placeholder="Mother Cell Number"
1150 1314 type="number"
... ... @@ -1155,6 +1319,7 @@
1155 1319 </v-flex>
1156 1320 </v-layout>
1157 1321 </v-flex>
  1322 + <!-- FATHER PROFESSION - hidden md,lg,xl -->
1158 1323 <v-flex xs12 sm6>
1159 1324 <v-layout wrap>
1160 1325 <v-flex xs12 class="pt-4 subheading">
... ... @@ -1162,6 +1327,7 @@
1162 1327 </v-flex>
1163 1328 <v-flex xs12>
1164 1329 <v-text-field
  1330 + :disabled="showNext"
1165 1331 v-model="parentData.fatherProfession"
1166 1332 placeholder="fill your father profession"
1167 1333 ></v-text-field>
... ... @@ -1169,7 +1335,9 @@
1169 1335 </v-layout>
1170 1336 </v-flex>
1171 1337 </v-layout>
  1338 +
1172 1339 <v-layout wrap>
  1340 + <!-- MOTHER PROFESSION - hidden md,lg,xl -->
1173 1341 <v-flex xs12 sm6>
1174 1342 <v-layout wrap>
1175 1343 <v-flex xs12 class="pt-4 subheading">
... ... @@ -1177,12 +1345,14 @@
1177 1345 </v-flex>
1178 1346 <v-flex xs12>
1179 1347 <v-text-field
  1348 + :disabled="showNext"
1180 1349 v-model="parentData.motherProfession"
1181 1350 placeholder="fill your mother profession"
1182 1351 ></v-text-field>
1183 1352 </v-flex>
1184 1353 </v-layout>
1185 1354 </v-flex>
  1355 + <!-- PASSWORD - hidden md,lg,xl -->
1186 1356 <v-flex xs12 sm6>
1187 1357 <v-layout wrap>
1188 1358 <v-flex xs12 class="pt-4 subheading">
... ... @@ -1190,6 +1360,7 @@
1190 1360 </v-flex>
1191 1361 <v-flex xs12>
1192 1362 <v-text-field
  1363 + :disabled="showNext"
1193 1364 v-model="parentData.password"
1194 1365 placeholder="Enter Your Password"
1195 1366 ></v-text-field>
... ... @@ -1197,7 +1368,8 @@
1197 1368 </v-layout>
1198 1369 </v-flex>
1199 1370 </v-layout>
1200   - <v-flex sm12 class="hidden-xs-only">
  1371 + <!-- visible sm only above -->
  1372 + <!-- <v-flex sm12 class="hidden-xs-only">
1201 1373 <v-card-actions>
1202 1374 <v-spacer></v-spacer>
1203 1375 <v-btn
... ... @@ -1205,43 +1377,76 @@
1205 1377 round
1206 1378 dark
1207 1379 :loading="loading"
1208   - v-show="showParent"
  1380 + v-if="showParent"
1209 1381 class="add-button"
1210   - >Add</v-btn>
  1382 + >Add</v-btn
  1383 + >
1211 1384 <v-btn
1212   - v-show="showNext"
  1385 + v-if="showNext"
1213 1386 @click="e2 = 2"
1214 1387 round
1215 1388 dark
1216 1389 class="add-button"
1217   - >Next</v-btn>
  1390 + >Next</v-btn
  1391 + >
  1392 + <v-btn
  1393 + v-if="showNext"
  1394 + @click="
  1395 + showNext = false;
  1396 + showParent = true;
  1397 + $refs.parentForm.reset();
  1398 + "
  1399 + round
  1400 + dark
  1401 + class="add-button"
  1402 + >Change No</v-btn
  1403 + >
1218 1404 </v-card-actions>
1219   - </v-flex>
  1405 + </v-flex> -->
  1406 + <!-- visible xs only -->
1220 1407 <v-flex
1221   - xs6
1222   - class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"
  1408 + xs12
  1409 + class="hidden-md-only hidden-lg-only hidden-xl-only mx-auto mt-2"
1223 1410 >
1224 1411 <v-btn
1225 1412 @click="submitParentDetails"
1226 1413 round
1227 1414 dark
1228 1415 :loading="loading"
1229   - v-show="showParent"
  1416 + v-if="showParent"
1230 1417 class="add-button"
1231   - >Add</v-btn>
  1418 + >Add</v-btn
  1419 + >
1232 1420 <v-btn
1233   - v-show="showNext"
  1421 + v-if="showNext"
1234 1422 @click="e2 = 2"
1235 1423 round
1236 1424 dark
1237 1425 class="add-button"
1238   - >Next</v-btn>
  1426 + >Next</v-btn
  1427 + >
  1428 + <v-btn
  1429 + v-if="showNext"
  1430 + @click="
  1431 + showNext = false;
  1432 + showParent = true;
  1433 + $refs.parentForm.reset();
  1434 + "
  1435 + round
  1436 + dark
  1437 + class="add-button"
  1438 + >Change No</v-btn
  1439 + >
1239 1440 </v-flex>
1240 1441 </v-form>
1241 1442 </v-flex>
1242 1443 <!-- FATHER CELL NUMBER - HIDDEN xs and sm screen -->
1243 1444 <v-flex xs12 sm12 class="hidden-xs-only hidden-sm-only">
1244   - <v-form ref="parentFormLgScr" v-model="valid" lazy-validation>
  1445 + <v-form
  1446 + ref="parentFormLgScr"
  1447 + v-model="valid"
  1448 + lazy-validation
  1449 + >
1245 1450 <v-layout wrap>
1246 1451 <v-flex xs12 sm6>
1247 1452 <v-layout>
... ... @@ -1250,7 +1455,7 @@
1250 1455 </v-flex>
1251 1456 <v-flex xs8 class="ml-3">
1252 1457 <v-layout row wrap>
1253   - <v-flex md3 class="mt-3">
  1458 + <v-flex md3 class="mt-3" v-if="!showNext">
1254 1459 <vue-country-code
1255 1460 @onSelect="addFatherCellCode"
1256 1461 class="black--text"
... ... @@ -1258,6 +1463,7 @@
1258 1463 </v-flex>
1259 1464 <v-flex md9>
1260 1465 <v-text-field
  1466 + :disabled="showNext"
1261 1467 v-model.trim="parentData.fatherCellNo"
1262 1468 placeholder="fill your father Cell Number"
1263 1469 type="number"
... ... @@ -1271,6 +1477,7 @@
1271 1477 </v-flex>
1272 1478 </v-layout>
1273 1479 </v-flex>
  1480 + <!-- PARENT EMAIL ID - HIDDEN xs and sm screen -->
1274 1481 <v-flex xs12 sm6>
1275 1482 <v-layout>
1276 1483 <v-flex xs4 class="pt-4 subheading">
... ... @@ -1278,6 +1485,7 @@
1278 1485 </v-flex>
1279 1486 <v-flex xs8 class="ml-3">
1280 1487 <v-text-field
  1488 + :disabled="showNext"
1281 1489 placeholder="fill Parent email"
1282 1490 v-model="parentData.email"
1283 1491 type="text"
... ... @@ -1288,6 +1496,7 @@
1288 1496 </v-flex>
1289 1497 </v-layout>
1290 1498 <v-layout wrap>
  1499 + <!--FATHER NAME HIDDEN xs and sm -->
1291 1500 <v-flex xs12 sm6>
1292 1501 <v-layout>
1293 1502 <v-flex xs4 class="pt-4 subheading">
... ... @@ -1295,6 +1504,7 @@
1295 1504 </v-flex>
1296 1505 <v-flex xs8 class="ml-3">
1297 1506 <v-text-field
  1507 + :disabled="showNext"
1298 1508 v-model="parentData.fatherName"
1299 1509 placeholder="Fill your father Name"
1300 1510 required
... ... @@ -1302,6 +1512,7 @@
1302 1512 </v-flex>
1303 1513 </v-layout>
1304 1514 </v-flex>
  1515 + <!-- MOTHER NAME HIDDDEN xs and sm screen -->
1305 1516 <v-flex xs12 sm6>
1306 1517 <v-layout>
1307 1518 <v-flex xs4 class="pt-4 subheading">
... ... @@ -1309,6 +1520,7 @@
1309 1520 </v-flex>
1310 1521 <v-flex xs8 class="ml-3">
1311 1522 <v-text-field
  1523 + :disabled="showNext"
1312 1524 v-model="parentData.motherName"
1313 1525 placeholder="fill your Mother Name"
1314 1526 type="text"
... ... @@ -1327,11 +1539,15 @@
1327 1539 </v-flex>
1328 1540 <v-flex xs8 class="ml-3">
1329 1541 <v-layout row wrap>
1330   - <v-flex md3 class="mt-3">
1331   - <vue-country-code @onSelect="onSelect" class="black--text"></vue-country-code>
  1542 + <v-flex md3 class="mt-3" v-if="!showNext">
  1543 + <vue-country-code
  1544 + @onSelect="onSelect"
  1545 + class="black--text"
  1546 + ></vue-country-code>
1332 1547 </v-flex>
1333 1548 <v-flex md9>
1334 1549 <v-text-field
  1550 + :disabled="showNext"
1335 1551 v-model="parentData.motherCellNo"
1336 1552 placeholder="fill your Mother Cell Number"
1337 1553 type="number"
... ... @@ -1342,13 +1558,17 @@
1342 1558 </v-flex>
1343 1559 </v-layout>
1344 1560 </v-flex>
  1561 + <!-- FATHER PROFESSION HIDDEN XS AND SM SCREEN -->
1345 1562 <v-flex xs12 sm6>
1346 1563 <v-layout>
1347 1564 <v-flex xs4 class="pt-4 subheading">
1348   - <label class="right">Father Profession:</label>
  1565 + <label class="right"
  1566 + >Father Profession:</label
  1567 + >
1349 1568 </v-flex>
1350 1569 <v-flex xs8 class="ml-3">
1351 1570 <v-text-field
  1571 + :disabled="showNext"
1352 1572 v-model="parentData.fatherProfession"
1353 1573 placeholder="fill your father profession"
1354 1574 ></v-text-field>
... ... @@ -1357,13 +1577,17 @@
1357 1577 </v-flex>
1358 1578 </v-layout>
1359 1579 <v-layout wrap>
  1580 + <!-- MOTHERS PROFESSION HIDDEN XS AND SM SCREEN -->
1360 1581 <v-flex xs12 sm6>
1361 1582 <v-layout>
1362 1583 <v-flex xs4 class="pt-4 subheading">
1363   - <label class="right">Mother Profession:</label>
  1584 + <label class="right"
  1585 + >Mother Profession:</label
  1586 + >
1364 1587 </v-flex>
1365 1588 <v-flex xs8 class="ml-3">
1366 1589 <v-text-field
  1590 + :disabled="showNext"
1367 1591 v-model="parentData.motherProfession"
1368 1592 placeholder="fill your mother profession"
1369 1593 ></v-text-field>
... ... @@ -1377,7 +1601,9 @@
1377 1601 </v-flex>
1378 1602 <v-flex xs8 class="ml-3">
1379 1603 <v-text-field
1380   - :append-icon="e1 ? 'visibility_off' : 'visibility'"
  1604 + :append-icon="
  1605 + e1 ? 'visibility_off' : 'visibility'
  1606 + "
1381 1607 :append-icon-cb="() => (e1 = !e1)"
1382 1608 :type="e1 ? 'password' : 'text'"
1383 1609 :rules="password"
... ... @@ -1400,17 +1626,31 @@
1400 1626 :loading="loading"
1401 1627 v-show="showParent"
1402 1628 class="add-button"
1403   - >Add</v-btn>
  1629 + >Add</v-btn
  1630 + >
1404 1631 <v-btn
1405 1632 v-show="showNext"
1406 1633 @click="e2 = 2"
1407 1634 round
1408 1635 dark
1409 1636 class="add-button"
1410   - >Next</v-btn>
  1637 + >Next</v-btn
  1638 + >
  1639 + <v-btn
  1640 + v-if="showNext"
  1641 + @click="
  1642 + showNext = false;
  1643 + showParent = true;
  1644 + $refs.parentFormLgScr.reset();
  1645 + "
  1646 + round
  1647 + dark
  1648 + class="add-button"
  1649 + >Change No</v-btn
  1650 + >
1411 1651 </v-card-actions>
1412 1652 </v-flex>
1413   - <v-flex
  1653 + <!-- <v-flex
1414 1654 xs6
1415 1655 class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"
1416 1656 >
... ... @@ -1421,15 +1661,29 @@
1421 1661 :loading="loading"
1422 1662 v-show="showParent"
1423 1663 class="add-button"
1424   - >Add</v-btn>
  1664 + >Add</v-btn
  1665 + >
1425 1666 <v-btn
1426 1667 v-show="showNext"
1427 1668 @click="e2 = 2"
1428 1669 round
1429 1670 dark
1430 1671 class="add-button"
1431   - >Next</v-btn>
1432   - </v-flex>
  1672 + >Next</v-btn
  1673 + >
  1674 + <v-btn
  1675 + v-if="showNext"
  1676 + @click="
  1677 + showNext = false;
  1678 + showParent = true;
  1679 + $refs.parentFormLgScr.reset();
  1680 + "
  1681 + round
  1682 + dark
  1683 + class="add-button"
  1684 + >Change No</v-btn
  1685 + >
  1686 + </v-flex> -->
1433 1687 </v-form>
1434 1688 </v-flex>
1435 1689 </v-container>
... ... @@ -1443,7 +1697,10 @@
1443 1697 class="text-xs-center text-sm-center text-md-center text-lg-center"
1444 1698 >
1445 1699 <v-avatar size="100px">
1446   - <img src="/static/icon/user.png" v-if="!imageUrl" />
  1700 + <img
  1701 + src="/static/icon/user.png"
  1702 + v-if="!imageUrl"
  1703 + />
1447 1704 </v-avatar>
1448 1705 <input
1449 1706 type="file"
... ... @@ -1456,7 +1713,7 @@
1456 1713 :src="imageData.imageUrl"
1457 1714 height="150"
1458 1715 v-if="imageUrl"
1459   - style="border-radius:50%; width:200px"
  1716 + style="border-radius: 50%; width: 200px"
1460 1717 />
1461 1718 </v-flex>
1462 1719 </v-layout>
... ... @@ -1464,10 +1721,14 @@
1464 1721 <v-flex xs12 sm6>
1465 1722 <v-layout>
1466 1723 <v-flex x4 sm4 class="pt-4 subheading">
1467   - <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
  1724 + <label
  1725 + class="right hidden-xs-only hidden-sm-only"
  1726 + >Select Class:</label
  1727 + >
1468 1728 <label
1469 1729 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1470   - >Class:</label>
  1730 + >Class:</label
  1731 + >
1471 1732 </v-flex>
1472 1733 <v-flex xs8 sm8 class="ml-3">
1473 1734 <v-select
... ... @@ -1487,10 +1748,14 @@
1487 1748 <v-flex xs12 sm6>
1488 1749 <v-layout>
1489 1750 <v-flex xs4 class="pt-4 subheading">
1490   - <label class="right hidden-xs-only hidden-sm-only">Select Section:</label>
  1751 + <label
  1752 + class="right hidden-xs-only hidden-sm-only"
  1753 + >Select Section:</label
  1754 + >
1491 1755 <label
1492 1756 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1493   - >Section:</label>
  1757 + >Section:</label
  1758 + >
1494 1759 </v-flex>
1495 1760 <v-flex xs8 class="ml-3">
1496 1761 <v-select
... ... @@ -1511,10 +1776,14 @@
1511 1776 <v-flex xs12 sm6>
1512 1777 <v-layout>
1513 1778 <v-flex xs4 sm4 class="pt-4 subheading">
1514   - <label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
  1779 + <label
  1780 + class="right hidden-xs-only hidden-sm-only"
  1781 + >Full Name:</label
  1782 + >
1515 1783 <label
1516 1784 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1517   - >Name:</label>
  1785 + >Name:</label
  1786 + >
1518 1787 </v-flex>
1519 1788 <v-flex xs8 sm8 class="ml-3">
1520 1789 <v-text-field
... ... @@ -1549,10 +1818,14 @@
1549 1818 <v-flex xs12 sm6>
1550 1819 <v-layout>
1551 1820 <v-flex xs4 sm4 class="pt-4 subheading">
1552   - <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
  1821 + <label
  1822 + class="right hidden-sm-only hidden-xs-only"
  1823 + >Date of Birth:</label
  1824 + >
1553 1825 <label
1554 1826 class="right hidden-lg-only hidden-xl-only hidden-md-only"
1555   - >D.O.B:</label>
  1827 + >D.O.B:</label
  1828 + >
1556 1829 </v-flex>
1557 1830 <v-flex xs8 sm8 class="ml-3">
1558 1831 <v-menu
... ... @@ -1575,7 +1848,9 @@
1575 1848 <v-date-picker
1576 1849 ref="picker"
1577 1850 v-model="addStudents.date"
1578   - :max="new Date().toISOString().substr(0, 10)"
  1851 + :max="
  1852 + new Date().toISOString().substr(0, 10)
  1853 + "
1579 1854 min="1950-01-01"
1580 1855 @input="menu = false"
1581 1856 ></v-date-picker>
... ... @@ -1641,10 +1916,14 @@
1641 1916 <v-flex xs12 sm6>
1642 1917 <v-layout>
1643 1918 <v-flex xs4 class="pt-4 subheading">
1644   - <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
  1919 + <label
  1920 + class="right hidden-xs-only hidden-sm-only"
  1921 + >Mobile No:</label
  1922 + >
1645 1923 <label
1646 1924 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1647   - >Mobile:</label>
  1925 + >Mobile:</label
  1926 + >
1648 1927 </v-flex>
1649 1928 <v-flex xs8 class="ml-3">
1650 1929 <v-layout row wrap>
... ... @@ -1669,10 +1948,14 @@
1669 1948 <v-flex xs12 sm6>
1670 1949 <v-layout>
1671 1950 <v-flex xs4 class="pt-4 subheading">
1672   - <label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
  1951 + <label
  1952 + class="right hidden-xs-only hidden-sm-only"
  1953 + >Select Country:</label
  1954 + >
1673 1955 <label
1674 1956 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1675   - >Country:</label>
  1957 + >Country:</label
  1958 + >
1676 1959 </v-flex>
1677 1960 <v-flex xs8 class="ml-3">
1678 1961 <v-autocomplete
... ... @@ -1706,10 +1989,14 @@
1706 1989 <v-flex xs12 sm6>
1707 1990 <v-layout>
1708 1991 <v-flex xs4 class="pt-4 subheading">
1709   - <label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>
  1992 + <label
  1993 + class="right hidden-xs-only hidden-sm-only"
  1994 + >Blood Group:</label
  1995 + >
1710 1996 <label
1711 1997 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1712   - >Blood:</label>
  1998 + >Blood:</label
  1999 + >
1713 2000 </v-flex>
1714 2001 <v-flex xs8 class="ml-3">
1715 2002 <v-text-field
... ... @@ -1725,10 +2012,14 @@
1725 2012 <v-flex xs12 sm6>
1726 2013 <v-layout>
1727 2014 <v-flex xs4 class="pt-4 subheading">
1728   - <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
  2015 + <label
  2016 + class="right hidden-xs-only hidden-sm-only"
  2017 + >Roll Number:</label
  2018 + >
1729 2019 <label
1730 2020 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1731   - >Roll No:</label>
  2021 + >Roll No:</label
  2022 + >
1732 2023 </v-flex>
1733 2024 <v-flex xs8 class="ml-3">
1734 2025 <v-text-field
... ... @@ -1743,10 +2034,14 @@
1743 2034 <v-flex xs12 sm6>
1744 2035 <v-layout>
1745 2036 <v-flex xs4 class="pt-4 subheading">
1746   - <label class="right hidden-xs-only hidden-sm-only">Medical Notes:</label>
  2037 + <label
  2038 + class="right hidden-xs-only hidden-sm-only"
  2039 + >Medical Notes:</label
  2040 + >
1747 2041 <label
1748 2042 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1749   - >Medical:</label>
  2043 + >Medical:</label
  2044 + >
1750 2045 </v-flex>
1751 2046 <v-flex xs8 class="ml-3">
1752 2047 <v-text-field
... ... @@ -1792,10 +2087,14 @@
1792 2087 <v-flex xs12 sm6>
1793 2088 <v-layout>
1794 2089 <v-flex xs4 class="pt-4 subheading">
1795   - <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
  2090 + <label
  2091 + class="right hidden-xs-only hidden-sm-only"
  2092 + >Uplaod Image:</label
  2093 + >
1796 2094 <label
1797 2095 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1798   - >Uplaod :</label>
  2096 + >Uplaod :</label
  2097 + >
1799 2098 </v-flex>
1800 2099 <v-flex xs8 class="ml-3">
1801 2100 <v-text-field
... ... @@ -1810,10 +2109,14 @@
1810 2109 <v-flex xs12 sm6>
1811 2110 <v-layout>
1812 2111 <v-flex xs4 class="pt-4 subheading">
1813   - <label class="right hidden-xs-only hidden-sm-only">Academic Year:</label>
  2112 + <label
  2113 + class="right hidden-xs-only hidden-sm-only"
  2114 + >Academic Year:</label
  2115 + >
1814 2116 <label
1815 2117 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1816   - >Year:</label>
  2118 + >Year:</label
  2119 + >
1817 2120 </v-flex>
1818 2121 <v-flex xs8 class="ml-3">
1819 2122 <v-text-field
... ... @@ -1846,7 +2149,11 @@
1846 2149 </v-flex>
1847 2150 <v-flex xs12 sm6>
1848 2151 <v-layout>
1849   - <v-flex xs4 sm4 class="pt-4 subheading addressForm">
  2152 + <v-flex
  2153 + xs4
  2154 + sm4
  2155 + class="pt-4 subheading addressForm"
  2156 + >
1850 2157 <label class="right">Permanent Address:</label>
1851 2158 </v-flex>
1852 2159 <v-flex xs12 sm8 class="ml-3">
... ... @@ -1862,7 +2169,11 @@
1862 2169 <v-layout class="hidden-xs-only hidden-sm-only">
1863 2170 <v-flex xs12 sm6>
1864 2171 <v-layout>
1865   - <v-flex xs4 sm4 class="pt-4 subheading addressForm">
  2172 + <v-flex
  2173 + xs4
  2174 + sm4
  2175 + class="pt-4 subheading addressForm"
  2176 + >
1866 2177 <label class="right">Permanent Address:</label>
1867 2178 </v-flex>
1868 2179 <v-flex xs12 sm8 class="ml-3">
... ... @@ -1875,10 +2186,17 @@
1875 2186 </v-layout>
1876 2187 </v-flex>
1877 2188 </v-layout>
1878   - <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
  2189 + <v-layout
  2190 + class="hidden-lg-only hidden-md-only hidden-xl-only"
  2191 + wrap
  2192 + >
1879 2193 <v-flex xs12 sm12>
1880 2194 <v-layout>
1881   - <v-flex xs12 sm12 class="pt-4 subheading text-xs-center">
  2195 + <v-flex
  2196 + xs12
  2197 + sm12
  2198 + class="pt-4 subheading text-xs-center"
  2199 + >
1882 2200 <label class>Present Address:</label>
1883 2201 </v-flex>
1884 2202 </v-layout>
... ... @@ -1921,7 +2239,13 @@
1921 2239 <v-flex xs12 sm12>
1922 2240 <v-layout class="right">
1923 2241 <!-- <v-flex xs6> -->
1924   - <v-btn round dark @click="e2 = 1" class="clear-button">Back</v-btn>
  2242 + <v-btn
  2243 + round
  2244 + dark
  2245 + @click="e2 = 1"
  2246 + class="clear-button"
  2247 + >Back</v-btn
  2248 + >
1925 2249 <!-- </v-flex>
1926 2250 <v-flex xs6>-->
1927 2251 <v-btn
... ... @@ -1930,7 +2254,8 @@
1930 2254 dark
1931 2255 :loading="loading"
1932 2256 class="add-button"
1933   - >Add</v-btn>
  2257 + >Add</v-btn
  2258 + >
1934 2259 <!-- </v-flex> -->
1935 2260 </v-layout>
1936 2261 </v-flex>
... ... @@ -1952,7 +2277,8 @@
1952 2277 :vertical="mode === 'vertical'"
1953 2278 v-model="snackbar"
1954 2279 :color="color"
1955   - >{{ text }}</v-snackbar>
  2280 + >{{ text }}</v-snackbar
  2281 + >
1956 2282 <div class="loader" v-if="showLoader">
1957 2283 <v-progress-circular indeterminate color="white"></v-progress-circular>
1958 2284 </div>
... ... @@ -2510,13 +2836,13 @@ export default {
2510 2836 if (this.text === "Data not found!") {
2511 2837 this.showNext = false;
2512 2838 this.showParent = true;
2513   - this.parentData.email = "";
2514   - this.parentData.fatherName = "";
2515   - this.parentData.motherName = "";
2516   - this.parentData.motherCellNo = "";
2517   - this.parentData.fatherProfession = "";
2518   - this.parentData.motherProfession = "";
2519   - this.parentData.password = "";
  2839 + // this.parentData.email = "";
  2840 + // this.parentData.fatherName = "";
  2841 + // this.parentData.motherName = "";
  2842 + // this.parentData.motherCellNo = "";
  2843 + // this.parentData.fatherProfession = "";
  2844 + // this.parentData.motherProfession = "";
  2845 + // this.parentData.password = "";
2520 2846 }
2521 2847 this.showLoader = false;
2522 2848 });
... ...
src/pages/Teachers/teachers.vue
Diff comments   View file @86df4b7
1 1 <template>
2 2 <v-container fluid class="body-color">
3 3 <!-- ****** EDIT TEACHERS DETAILS ****** -->
4   - <v-dialog v-model="editTeacherDialog" max-width="1160px" scrollable persistent>
  4 + <v-dialog
  5 + v-model="editTeacherDialog"
  6 + max-width="1160px"
  7 + scrollable
  8 + persistent
  9 + >
5 10 <v-card flat class="Card-style pa-3">
6 11 <v-card-text>
7 12 <v-layout>
8 13 <v-flex xs12>
9 14 <label class="title text-xs-center">Edit Teacher Details</label>
10   - <v-icon size="24" class="right" @click="editTeacherDialog = false">cancel</v-icon>
  15 + <v-icon size="24" class="right" @click="editTeacherDialog = false"
  16 + >cancel</v-icon
  17 + >
11 18 </v-flex>
12 19 </v-layout>
13 20 <v-container fluid>
14 21 <v-layout>
15   - <v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center my-4">
16   - <v-avatar size="100px" v-if="!editedItem.profilePicUrl && !imageUrl">
  22 + <v-flex
  23 + xs12
  24 + class="text-xs-center text-sm-center text-md-center text-lg-center my-4"
  25 + >
  26 + <v-avatar
  27 + size="100px"
  28 + v-if="!editedItem.profilePicUrl && !imageUrl"
  29 + >
17 30 <img src="/static/icon/user.png" />
18 31 </v-avatar>
19 32 <img
20 33 :src="editedItem.profilePicUrl"
21 34 v-else-if="editedItem.profilePicUrl && !imageUrl"
22 35 height="150"
23   - style="border-radius:50%; width:150px"
  36 + style="border-radius: 50%; width: 150px"
24 37 />
25 38 <img
26 39 v-if="imageUrl"
27 40 :src="imageUrl"
28 41 height="150"
29   - style="border-radius:50%; width:150px"
  42 + style="border-radius: 50%; width: 150px"
30 43 />
31 44 <input
32 45 type="file"
33   - style="display:none"
  46 + style="display: none"
34 47 ref="image"
35 48 accept="image/*"
36 49 @change="onFilePicked"
... ... @@ -41,8 +54,13 @@
41 54 <v-flex xs12 sm6>
42 55 <v-layout>
43 56 <v-flex xs4 class="pt-4 subheading">
44   - <label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
45   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Name:</label>
  57 + <label class="right hidden-xs-only hidden-sm-only"
  58 + >Full Name:</label
  59 + >
  60 + <label
  61 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  62 + >Name:</label
  63 + >
46 64 </v-flex>
47 65 <v-flex xs8 class="ml-3">
48 66 <v-text-field
... ... @@ -74,8 +92,13 @@
74 92 <v-flex xs12 sm6>
75 93 <v-layout>
76 94 <v-flex xs4 class="pt-4 subheading">
77   - <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
78   - <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label>
  95 + <label class="right hidden-sm-only hidden-xs-only"
  96 + >Date of Birth:</label
  97 + >
  98 + <label
  99 + class="right hidden-lg-only hidden-xl-only hidden-md-only"
  100 + >D.O.B:</label
  101 + >
79 102 </v-flex>
80 103 <v-flex xs8 class="ml-3">
81 104 <v-menu
... ... @@ -158,13 +181,21 @@
158 181 <v-flex xs12 sm6>
159 182 <v-layout>
160 183 <v-flex xs4 class="pt-4 subheading">
161   - <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
162   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label>
  184 + <label class="right hidden-xs-only hidden-sm-only"
  185 + >Mobile No:</label
  186 + >
  187 + <label
  188 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  189 + >Mobile:</label
  190 + >
163 191 </v-flex>
164 192 <v-flex xs8 class="ml-3">
165 193 <v-layout row wrap>
166 194 <v-flex xs3 class="mt-3">
167   - <vue-country-code @onSelect="editMobileCode" class="black--text"></vue-country-code>
  195 + <vue-country-code
  196 + @onSelect="editMobileCode"
  197 + class="black--text"
  198 + ></vue-country-code>
168 199 </v-flex>
169 200 <v-flex xs9>
170 201 <v-text-field
... ... @@ -181,8 +212,13 @@
181 212 <v-flex xs12 sm6>
182 213 <v-layout>
183 214 <v-flex xs4 class="pt-4 subheading">
184   - <label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
185   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label>
  215 + <label class="right hidden-xs-only hidden-sm-only"
  216 + >Select Country:</label
  217 + >
  218 + <label
  219 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  220 + >Country:</label
  221 + >
186 222 </v-flex>
187 223 <v-flex xs8 sm8 class="ml-3">
188 224 <v-autocomplete
... ... @@ -232,8 +268,13 @@
232 268 <v-flex xs12 sm6>
233 269 <v-layout>
234 270 <v-flex xs4 class="pt-4 subheading">
235   - <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
236   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod :</label>
  271 + <label class="right hidden-xs-only hidden-sm-only"
  272 + >Uplaod Image:</label
  273 + >
  274 + <label
  275 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  276 + >Uplaod :</label
  277 + >
237 278 </v-flex>
238 279 <v-flex xs8 sm8 class="ml-3">
239 280 <v-text-field
... ... @@ -298,7 +339,11 @@
298 339 </v-flex>
299 340 <v-flex xs12 sm12>
300 341 <v-layout>
301   - <v-flex xs12 sm3 class="pt-4 pr-4 subheading text-xs-center addressForm">
  342 + <v-flex
  343 + xs12
  344 + sm3
  345 + class="pt-4 pr-4 subheading text-xs-center addressForm"
  346 + >
302 347 <label>Permanent Address:</label>
303 348 </v-flex>
304 349 </v-layout>
... ... @@ -318,7 +363,14 @@
318 363 <v-flex xs12 sm12>
319 364 <v-flex xs12 sm12>
320 365 <v-layout class="right">
321   - <v-btn @click="save" round dark :loading="loading" class="add-button">Save</v-btn>
  366 + <v-btn
  367 + @click="save"
  368 + round
  369 + dark
  370 + :loading="loading"
  371 + class="add-button"
  372 + >Save</v-btn
  373 + >
322 374 </v-layout>
323 375 </v-flex>
324 376 </v-flex>
... ... @@ -335,7 +387,12 @@
335 387 <v-layout>
336 388 <v-flex xs12>
337 389 <label class="title text-xs-center">View Teacher</label>
338   - <v-icon size="24" class="right" @click="viewTeacherProfileDialog = false">cancel</v-icon>
  390 + <v-icon
  391 + size="24"
  392 + class="right"
  393 + @click="viewTeacherProfileDialog = false"
  394 + >cancel</v-icon
  395 + >
339 396 </v-flex>
340 397 </v-layout>
341 398 <v-card-text>
... ... @@ -344,8 +401,14 @@
344 401 <v-flex>
345 402 <v-flex align-center justify-center layout text-xs-center>
346 403 <v-avatar size="80">
347   - <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" />
348   - <img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" />
  404 + <img
  405 + src="/static/icon/user.png"
  406 + v-if="!editedItem.profilePicUrl"
  407 + />
  408 + <img
  409 + :src="editedItem.profilePicUrl"
  410 + v-else-if="editedItem.profilePicUrl"
  411 + />
349 412 </v-avatar>
350 413 </v-flex>
351 414 <v-layout>
... ... @@ -476,7 +539,7 @@
476 539 <v-icon dark>add</v-icon>
477 540 </v-btn>
478 541 <v-btn
479   - v-if="role != 'TEACHER' "
  542 + v-if="role != 'TEACHER'"
480 543 round
481 544 class="open-dialog-button hidden-sm-only hidden-xs-only"
482 545 dark
... ... @@ -513,23 +576,31 @@
513 576 >
514 577 <template slot="items" slot-scope="props">
515 578 <tr class="tr">
516   - <td class="td td-row">{{ props.index + 1}}</td>
  579 + <td class="td td-row">{{ props.index + 1 }}</td>
517 580 <td class="td td-row text-xs-center">
518 581 <v-avatar size="40">
519   - <img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" />
520   - <img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" />
  582 + <img
  583 + :src="props.item.profilePicUrl"
  584 + v-if="props.item.profilePicUrl"
  585 + />
  586 + <img
  587 + src="/static/icon/user.png"
  588 + v-else-if="!props.item.profilePicUrl"
  589 + />
521 590 </v-avatar>
522 591 </td>
523   - <td class="td td-row text-xs-center">{{ props.item.name}}</td>
  592 + <td class="td td-row text-xs-center">{{ props.item.name }}</td>
524 593 <td class="td td-row text-xs-center">{{ props.item.email }}</td>
525 594 <td class="td td-row text-xs-center">{{ dates(props.item.dob) }}</td>
526   - <td class="td td-row text-xs-center">{{ dates(props.item.joinDate)}}</td>
  595 + <td class="td td-row text-xs-center">
  596 + {{ dates(props.item.joinDate) }}
  597 + </td>
527 598 <td class="td td-row text-xs-center">{{ props.item.mobileNo }}</td>
528 599 <td class="td td-row text-xs-center">
529 600 <v-switch
530 601 class="pl-3"
531 602 v-model="props.item.status"
532   - @change="suspendStatus(props.item.status,props.item._id)"
  603 + @change="suspendStatus(props.item.status, props.item._id)"
533 604 ></v-switch>
534 605 </td>
535 606 <td class="text-xs-center td td-row">
... ... @@ -537,17 +608,17 @@
537 608 <v-tooltip top>
538 609 <img
539 610 slot="activator"
540   - style="cursor:pointer; width:25px; height:25px; "
  611 + style="cursor: pointer; width: 25px; height: 25px"
541 612 class="mr-3"
542 613 @click="profile(props.item)"
543 614 src="/static/icon/view.png"
544 615 />
545 616 <span>View</span>
546 617 </v-tooltip>
547   - <v-tooltip top v-if="role != 'TEACHER' ">
  618 + <v-tooltip top v-if="role != 'TEACHER'">
548 619 <img
549 620 slot="activator"
550   - style="cursor:pointer; width:20px; height:18px; "
  621 + style="cursor: pointer; width: 20px; height: 18px"
551 622 class="mr-3"
552 623 @click="editItem(props.item)"
553 624 src="/static/icon/edit.png"
... ... @@ -568,16 +639,18 @@
568 639 </td>
569 640 </tr>
570 641 </template>
571   - <v-alert
572   - slot="no-results"
573   - :value="true"
574   - color="error"
575   - icon="warning"
576   - >Your search for "{{ search }}" found no results.</v-alert>
  642 + <v-alert slot="no-results" :value="true" color="error" icon="warning"
  643 + >Your search for "{{ search }}" found no results.</v-alert
  644 + >
577 645 </v-data-table>
578 646  
579 647 <!-- ****** DIALOG BOX - Add Teachers Data****** -->
580   - <v-dialog v-model="addTeacherDialog" max-width="1160" v-if="addTeacherDialog" persistent>
  648 + <v-dialog
  649 + v-model="addTeacherDialog"
  650 + max-width="1160"
  651 + v-if="addTeacherDialog"
  652 + persistent
  653 + >
581 654 <v-card flat class="Card-style pa-2">
582 655 <v-layout>
583 656 <v-flex xs12 class="pa-0">
... ... @@ -585,14 +658,21 @@
585 658 <v-icon
586 659 size="24"
587 660 class="right"
588   - @click="$refs.form.reset();addTeacherDialog = false"
589   - >cancel</v-icon>
  661 + @click="
  662 + $refs.form.reset();
  663 + addTeacherDialog = false;
  664 + "
  665 + >cancel</v-icon
  666 + >
590 667 </v-flex>
591 668 </v-layout>
592 669 <v-form ref="form" v-model="valid" lazy-validation>
593 670 <v-container fluid>
594 671 <v-layout>
595   - <v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center my-4">
  672 + <v-flex
  673 + xs12
  674 + class="text-xs-center text-sm-center text-md-center text-lg-center my-4"
  675 + >
596 676 <v-avatar size="120px">
597 677 <img src="/static/icon/user.png" v-if="!imageUrl" />
598 678 </v-avatar>
... ... @@ -600,7 +680,7 @@
600 680 :src="imageUrl"
601 681 height="150"
602 682 v-if="imageUrl"
603   - style="border-radius:50%; width:150px"
  683 + style="border-radius: 50%; width: 150px"
604 684 />
605 685 </v-flex>
606 686 </v-layout>
... ... @@ -608,8 +688,13 @@
608 688 <v-flex xs12 sm6>
609 689 <v-layout>
610 690 <v-flex xs4 class="pt-4 subheading">
611   - <label class="right hidden-sm-only hidden-xs-only">Full Name:</label>
612   - <label class="right hidden-lg-only hidden-xl-only hidden-md-only">Full Name</label>
  691 + <label class="right hidden-sm-only hidden-xs-only"
  692 + >Full Name:</label
  693 + >
  694 + <label
  695 + class="right hidden-lg-only hidden-xl-only hidden-md-only"
  696 + >Full Name</label
  697 + >
613 698 </v-flex>
614 699 <v-flex xs8 class="ml-3">
615 700 <v-text-field
... ... @@ -644,8 +729,13 @@
644 729 <v-flex xs12 sm6>
645 730 <v-layout>
646 731 <v-flex xs4 sm4 class="pt-4 subheading">
647   - <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
648   - <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label>
  732 + <label class="right hidden-sm-only hidden-xs-only"
  733 + >Date of Birth:</label
  734 + >
  735 + <label
  736 + class="right hidden-lg-only hidden-xl-only hidden-md-only"
  737 + >D.O.B:</label
  738 + >
649 739 </v-flex>
650 740 <v-flex xs8 class="ml-3">
651 741 <v-menu
... ... @@ -735,13 +825,21 @@
735 825 <v-flex xs12 sm6>
736 826 <v-layout>
737 827 <v-flex xs4 class="pt-4 subheading">
738   - <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
739   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label>
  828 + <label class="right hidden-xs-only hidden-sm-only"
  829 + >Mobile No:</label
  830 + >
  831 + <label
  832 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  833 + >Mobile:</label
  834 + >
740 835 </v-flex>
741 836 <v-flex xs8 class="ml-3">
742 837 <v-layout row wrap>
743 838 <v-flex xs3 class="mt-3">
744   - <vue-country-code @onSelect="addTeacherMobileCode" class="black--text"></vue-country-code>
  839 + <vue-country-code
  840 + @onSelect="addTeacherMobileCode"
  841 + class="black--text"
  842 + ></vue-country-code>
745 843 </v-flex>
746 844 <v-flex xs9>
747 845 <v-text-field
... ... @@ -760,8 +858,13 @@
760 858 <v-flex xs12 sm6>
761 859 <v-layout>
762 860 <v-flex xs4 class="pt-4 subheading">
763   - <label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
764   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label>
  861 + <label class="right hidden-xs-only hidden-sm-only"
  862 + >Select Country:</label
  863 + >
  864 + <label
  865 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  866 + >Country:</label
  867 + >
765 868 </v-flex>
766 869 <v-flex xs8 class="ml-3">
767 870 <v-autocomplete
... ... @@ -813,8 +916,13 @@
813 916 <v-flex xs12 sm6>
814 917 <v-layout>
815 918 <v-flex xs4 class="pt-4 subheading">
816   - <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
817   - <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label>
  919 + <label class="right hidden-xs-only hidden-sm-only"
  920 + >Uplaod Image:</label
  921 + >
  922 + <label
  923 + class="right hidden-lg-only hidden-md-only hidden-xl-only"
  924 + >Uplaod:</label
  925 + >
818 926 </v-flex>
819 927 <v-flex xs8 class="ml-3">
820 928 <v-text-field
... ... @@ -825,7 +933,7 @@
825 933 ></v-text-field>
826 934 <input
827 935 type="file"
828   - style="display:none"
  936 + style="display: none"
829 937 ref="image"
830 938 accept="image/*"
831 939 @change="onFilePicked"
... ... @@ -905,7 +1013,11 @@
905 1013 </v-flex>
906 1014 <v-flex xs12 sm12>
907 1015 <v-layout>
908   - <v-flex xs12 sm12 class="pt-4 pr-4 subheading text-xs-center addressForm">
  1016 + <v-flex
  1017 + xs12
  1018 + sm12
  1019 + class="pt-4 pr-4 subheading text-xs-center addressForm"
  1020 + >
909 1021 <label>Permanent Address:</label>
910 1022 </v-flex>
911 1023 </v-layout>
... ... @@ -925,8 +1037,17 @@
925 1037 <v-layout>
926 1038 <v-flex xs12 sm12>
927 1039 <v-layout class="right">
928   - <v-btn @click="clear" round dark class="clear-button">Clear</v-btn>
929   - <v-btn @click="submit" round dark :loading="loading" class="add-button">Add</v-btn>
  1040 + <v-btn @click="clear" round dark class="clear-button"
  1041 + >Clear</v-btn
  1042 + >
  1043 + <v-btn
  1044 + @click="submit"
  1045 + round
  1046 + dark
  1047 + :loading="loading"
  1048 + class="add-button"
  1049 + >Add</v-btn
  1050 + >
930 1051 </v-layout>
931 1052 </v-flex>
932 1053 </v-layout>
... ... @@ -934,6 +1055,15 @@
934 1055 </v-form>
935 1056 </v-card>
936 1057 </v-dialog>
  1058 + <v-snackbar
  1059 + :timeout="timeout"
  1060 + :top="y === 'top'"
  1061 + :right="x === 'right'"
  1062 + :vertical="mode === 'vertical'"
  1063 + v-model="snackbar"
  1064 + :color="color"
  1065 + >{{ text }}</v-snackbar
  1066 + >
937 1067 <div class="loader" v-if="showLoader">
938 1068 <v-progress-circular indeterminate color="white"></v-progress-circular>
939 1069 </div>
... ...