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
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 3
4 <head> 4 <head>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 6 <meta name="viewport" content="width=device-width,initial-scale=1.0">
7 <!-- <link href="https://fonts.googleapis.com/css?family=Nunito,700%7CMaterial+Icons" rel="stylesheet"> --> 7 <!-- <link href="https://fonts.googleapis.com/css?family=Nunito,700%7CMaterial+Icons" rel="stylesheet"> -->
8 <!-- <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500i,800|Material+Icons&display=swap" rel="stylesheet"> --> 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 <title>School Management</title> 11 <title>School Management</title>
11 <link rel="shortcut icon" href="/static/logo.png" type="image/x-icon"> 12 <link rel="shortcut icon" href="/static/logo.png" type="image/x-icon">
12 <meta name="description" content="School Management"> 13 <meta name="description" content="School Management">
13 <!-- <script src='https://meet.intrack.in/external_api.js'></script> --> 14 <!-- <script src='https://meet.intrack.in/external_api.js'></script> -->
14 <script src='https://meet.jit.si/external_api.js'></script> 15 <script src='https://meet.jit.si/external_api.js'></script>
15 <link href="./static/css/custom.css" rel="stylesheet" /> 16 <link href="./static/css/custom.css" rel="stylesheet" />
16 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 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 <!-- <style> 23 <!-- <style>
18 [v-cloak] { 24 [v-cloak] {
19 display: none; 25 display: none;
20 } 26 }
21 </style> --> 27 </style> -->
22 </head> 28 </head>
23 29
24 <body> 30 <body>
25 <div id="app"> 31 <div id="app">
26 </div> 32 </div>
27 <!-- built files will be auto injected --> 33 <!-- built files will be auto injected -->
28 <!-- Global site tag (gtag.js) - Google Analytics --> 34 <!-- Global site tag (gtag.js) - Google Analytics -->
29 <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-3881136-11"></script> --> 35 <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-3881136-11"></script> -->
30 <!-- <script> 36 <!-- <script>
31 window.dataLayer = window.dataLayer || []; 37 window.dataLayer = window.dataLayer || [];
32 38
33 function gtag() { 39 function gtag() {
34 dataLayer.push(arguments); 40 dataLayer.push(arguments);
35 } 41 }
36 gtag('js', new Date()); 42 gtag('js', new Date());
37 gtag('config', 'UA-3881136-11'); 43 gtag('config', 'UA-3881136-11');
38 </script> --> 44 </script> -->
39 </body> 45 </body>
40 46
41 </html> 47 </html>
src/pages/Students/students.vue
Diff comments   View file @86df4b7
1 <template> 1 <template>
2 <v-container fluid class="body-color"> 2 <v-container fluid class="body-color">
3 <!-- ****** EDITS STUDENTS DETAILS ****** --> 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 <v-card flat class="Card-style pa-2"> 10 <v-card flat class="Card-style pa-2">
6 <v-layout> 11 <v-layout>
7 <v-flex xs12> 12 <v-flex xs12>
8 <label class="title text-xs-center">Edit Student Details</label> 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 </v-flex> 17 </v-flex>
11 </v-layout> 18 </v-layout>
12 <v-card-text> 19 <v-card-text>
13 <v-form ref="form"> 20 <v-form ref="form">
14 <v-container fluid> 21 <v-container fluid>
15 <v-layout> 22 <v-layout>
16 <v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center"> 23 <v-flex
17 <v-avatar size="100px" v-if="!editedItem.profilePicUrl && !editImageUrl"> 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 <img src="/static/icon/user.png" /> 31 <img src="/static/icon/user.png" />
19 </v-avatar> 32 </v-avatar>
20 <img 33 <img
21 :src="editedItem.profilePicUrl" 34 :src="editedItem.profilePicUrl"
22 v-else-if="editedItem.profilePicUrl && !editImageUrl" 35 v-else-if="editedItem.profilePicUrl && !editImageUrl"
23 height="150" 36 height="150"
24 style="border-radius:50%; width:150px" 37 style="border-radius: 50%; width: 150px"
25 /> 38 />
26 <img 39 <img
27 v-if="editImageUrl" 40 v-if="editImageUrl"
28 :src="editImageUrl" 41 :src="editImageUrl"
29 style="border-radius:50%; width:150px;height:150px" 42 style="border-radius: 50%; width: 150px; height: 150px"
30 /> 43 />
31 <input 44 <input
32 type="file" 45 type="file"
33 style="display: none" 46 style="display: none"
34 ref="editDataImage" 47 ref="editDataImage"
35 accept="image/*" 48 accept="image/*"
36 @change="onEditFilePicked" 49 @change="onEditFilePicked"
37 /> 50 />
38 </v-flex> 51 </v-flex>
39 </v-layout> 52 </v-layout>
40 <v-layout wrap> 53 <v-layout wrap>
41 <v-flex xs12 sm4> 54 <v-flex xs12 sm4>
42 <v-layout> 55 <v-layout>
43 <v-flex xs4 class="pt-4 subheading"> 56 <v-flex xs4 class="pt-4 subheading">
44 <label class="right hidden-xs-only hidden-sm-only">Select Class:</label> 57 <label class="right hidden-xs-only hidden-sm-only"
45 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label> 58 >Select Class:</label
59 >
60 <label
61 class="right hidden-lg-only hidden-md-only hidden-xl-only"
62 >Class:</label
63 >
46 </v-flex> 64 </v-flex>
47 <v-flex xs8 class="ml-3"> 65 <v-flex xs8 class="ml-3">
48 <v-select 66 <v-select
49 :items="addclass" 67 :items="addclass"
50 label="Select Class" 68 label="Select Class"
51 v-model="editedItem.select" 69 v-model="editedItem.select"
52 item-text="classNum" 70 item-text="classNum"
53 item-value="_id" 71 item-value="_id"
54 name="Select Class" 72 name="Select Class"
55 @change="getSections(editedItem.select)" 73 @change="getSections(editedItem.select)"
56 required 74 required
57 ></v-select> 75 ></v-select>
58 </v-flex> 76 </v-flex>
59 </v-layout> 77 </v-layout>
60 </v-flex> 78 </v-flex>
61 <v-flex xs12 sm4> 79 <v-flex xs12 sm4>
62 <v-layout> 80 <v-layout>
63 <v-flex xs4 class="pt-4 subheading"> 81 <v-flex xs4 class="pt-4 subheading">
64 <label class="right hidden-xs-only hidden-sm-only">Select Section:</label> 82 <label class="right hidden-xs-only hidden-sm-only"
65 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Section:</label> 83 >Select Section:</label
84 >
85 <label
86 class="right hidden-lg-only hidden-md-only hidden-xl-only"
87 >Section:</label
88 >
66 </v-flex> 89 </v-flex>
67 <v-flex xs8 class="ml-3"> 90 <v-flex xs8 class="ml-3">
68 <v-select 91 <v-select
69 :items="addSection" 92 :items="addSection"
70 label="Select Section" 93 label="Select Section"
71 v-model="editedItem.selectSection" 94 v-model="editedItem.selectSection"
72 item-text="name" 95 item-text="name"
73 item-value="_id" 96 item-value="_id"
74 name="Select Section" 97 name="Select Section"
75 required 98 required
76 ></v-select> 99 ></v-select>
77 </v-flex> 100 </v-flex>
78 </v-layout> 101 </v-layout>
79 </v-flex> 102 </v-flex>
80 <v-flex xs12 sm4> 103 <v-flex xs12 sm4>
81 <v-layout> 104 <v-layout>
82 <v-flex xs4 class="pt-4 subheading"> 105 <v-flex xs4 class="pt-4 subheading">
83 <label class="right hidden-xs-only hidden-sm-only">Full Name:</label> 106 <label class="right hidden-xs-only hidden-sm-only"
84 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Name:</label> 107 >Full Name:</label
108 >
109 <label
110 class="right hidden-lg-only hidden-md-only hidden-xl-only"
111 >Name:</label
112 >
85 </v-flex> 113 </v-flex>
86 <v-flex xs8 class="ml-3"> 114 <v-flex xs8 class="ml-3">
87 <v-text-field 115 <v-text-field
88 v-model="editedItem.name" 116 v-model="editedItem.name"
89 placeholder="fill your full Name" 117 placeholder="fill your full Name"
90 name="name" 118 name="name"
91 type="text" 119 type="text"
92 required 120 required
93 ></v-text-field> 121 ></v-text-field>
94 </v-flex> 122 </v-flex>
95 </v-layout> 123 </v-layout>
96 </v-flex> 124 </v-flex>
97 </v-layout> 125 </v-layout>
98 <v-layout wrap> 126 <v-layout wrap>
99 <v-flex xs12 sm4> 127 <v-flex xs12 sm4>
100 <v-layout> 128 <v-layout>
101 <v-flex xs4 class="pt-4 subheading"> 129 <v-flex xs4 class="pt-4 subheading">
102 <label class="right hidden-xs-only hidden-sm-only">Email Id:</label> 130 <label class="right hidden-xs-only hidden-sm-only"
103 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Email:</label> 131 >Email Id:</label
132 >
133 <label
134 class="right hidden-lg-only hidden-md-only hidden-xl-only"
135 >Email:</label
136 >
104 </v-flex> 137 </v-flex>
105 <v-flex xs8 class="ml-3"> 138 <v-flex xs8 class="ml-3">
106 <v-text-field 139 <v-text-field
107 placeholder="fill your email" 140 placeholder="fill your email"
108 v-model="editedItem.email" 141 v-model="editedItem.email"
109 type="text" 142 type="text"
110 name="email" 143 name="email"
111 required 144 required
112 ></v-text-field> 145 ></v-text-field>
113 </v-flex> 146 </v-flex>
114 </v-layout> 147 </v-layout>
115 </v-flex> 148 </v-flex>
116 <v-flex xs12 sm4> 149 <v-flex xs12 sm4>
117 <v-layout> 150 <v-layout>
118 <v-flex xs4 class="pt-4 subheading"> 151 <v-flex xs4 class="pt-4 subheading">
119 <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label> 152 <label class="right hidden-sm-only hidden-xs-only"
120 <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label> 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 </v-flex> 159 </v-flex>
122 <v-flex xs8 class="ml-3"> 160 <v-flex xs8 class="ml-3">
123 <v-menu 161 <v-menu
124 ref="menu" 162 ref="menu"
125 :close-on-content-click="false" 163 :close-on-content-click="false"
126 v-model="menu1" 164 v-model="menu1"
127 :nudge-right="40" 165 :nudge-right="40"
128 lazy 166 lazy
129 transition="scale-transition" 167 transition="scale-transition"
130 offset-y 168 offset-y
131 full-width 169 full-width
132 min-width="290px" 170 min-width="290px"
133 > 171 >
134 <v-text-field 172 <v-text-field
135 slot="activator" 173 slot="activator"
136 v-model="editedItem.dob" 174 v-model="editedItem.dob"
137 placeholder="Select Dob" 175 placeholder="Select Dob"
138 ></v-text-field> 176 ></v-text-field>
139 <v-date-picker 177 <v-date-picker
140 ref="picker" 178 ref="picker"
141 v-model="editedItem.dob" 179 v-model="editedItem.dob"
142 :max="new Date().toISOString().substr(0, 10)" 180 :max="new Date().toISOString().substr(0, 10)"
143 min="1950-01-01" 181 min="1950-01-01"
144 @input="menu1 = false" 182 @input="menu1 = false"
145 ></v-date-picker> 183 ></v-date-picker>
146 </v-menu> 184 </v-menu>
147 </v-flex> 185 </v-flex>
148 </v-layout> 186 </v-layout>
149 </v-flex> 187 </v-flex>
150 <v-flex xs12 sm4> 188 <v-flex xs12 sm4>
151 <v-layout> 189 <v-layout>
152 <v-flex xs4 class="pt-4 subheading"> 190 <v-flex xs4 class="pt-4 subheading">
153 <label class="right">City:</label> 191 <label class="right">City:</label>
154 </v-flex> 192 </v-flex>
155 <v-flex xs8 class="ml-3"> 193 <v-flex xs8 class="ml-3">
156 <v-text-field 194 <v-text-field
157 v-model="editedItem.city" 195 v-model="editedItem.city"
158 placeholder="fill your City Name" 196 placeholder="fill your City Name"
159 name="City" 197 name="City"
160 type="text" 198 type="text"
161 required 199 required
162 ></v-text-field> 200 ></v-text-field>
163 </v-flex> 201 </v-flex>
164 </v-layout> 202 </v-layout>
165 </v-flex> 203 </v-flex>
166 </v-layout> 204 </v-layout>
167 <v-layout wrap> 205 <v-layout wrap>
168 <v-flex xs12 sm4> 206 <v-flex xs12 sm4>
169 <v-layout> 207 <v-layout>
170 <v-flex xs4 class="pt-4 subheading"> 208 <v-flex xs4 class="pt-4 subheading">
171 <label class="right hidden-xs-only hidden-sm-only">Blood Group:</label> 209 <label class="right hidden-xs-only hidden-sm-only"
172 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Blood:</label> 210 >Blood Group:</label
211 >
212 <label
213 class="right hidden-lg-only hidden-md-only hidden-xl-only"
214 >Blood:</label
215 >
173 </v-flex> 216 </v-flex>
174 <v-flex xs8 class="ml-3"> 217 <v-flex xs8 class="ml-3">
175 <v-text-field 218 <v-text-field
176 v-model="editedItem.bloodGroup" 219 v-model="editedItem.bloodGroup"
177 placeholder="fill your BloodGroup" 220 placeholder="fill your BloodGroup"
178 name="state" 221 name="state"
179 type="text" 222 type="text"
180 required 223 required
181 ></v-text-field> 224 ></v-text-field>
182 </v-flex> 225 </v-flex>
183 </v-layout> 226 </v-layout>
184 </v-flex> 227 </v-flex>
185 <v-flex xs12 sm4> 228 <v-flex xs12 sm4>
186 <v-layout> 229 <v-layout>
187 <v-flex xs4 class="pt-4 subheading"> 230 <v-flex xs4 class="pt-4 subheading">
188 <label class="right">Gender:</label> 231 <label class="right">Gender:</label>
189 </v-flex> 232 </v-flex>
190 <v-flex xs8 class="ml-3"> 233 <v-flex xs8 class="ml-3">
191 <v-select 234 <v-select
192 :items="gender" 235 :items="gender"
193 v-model="editedItem.gender" 236 v-model="editedItem.gender"
194 placeholder="Select Gender" 237 placeholder="Select Gender"
195 required 238 required
196 ></v-select> 239 ></v-select>
197 </v-flex> 240 </v-flex>
198 </v-layout> 241 </v-layout>
199 </v-flex> 242 </v-flex>
200 <v-flex xs12 sm4> 243 <v-flex xs12 sm4>
201 <v-layout> 244 <v-layout>
202 <v-flex xs4 class="pt-4 subheading"> 245 <v-flex xs4 class="pt-4 subheading">
203 <label class="right">Medical Notes:</label> 246 <label class="right">Medical Notes:</label>
204 </v-flex> 247 </v-flex>
205 <v-flex xs8 class="ml-3"> 248 <v-flex xs8 class="ml-3">
206 <v-text-field 249 <v-text-field
207 v-model="editedItem.medicalNotes" 250 v-model="editedItem.medicalNotes"
208 placeholder="fill your medicalNotes" 251 placeholder="fill your medicalNotes"
209 required 252 required
210 ></v-text-field> 253 ></v-text-field>
211 </v-flex> 254 </v-flex>
212 </v-layout> 255 </v-layout>
213 </v-flex> 256 </v-flex>
214 </v-layout> 257 </v-layout>
215 <v-layout wrap> 258 <v-layout wrap>
216 <v-flex xs12 sm4> 259 <v-flex xs12 sm4>
217 <v-layout> 260 <v-layout>
218 <v-flex xs4 class="pt-4 subheading"> 261 <v-flex xs4 class="pt-4 subheading">
219 <label class="right">Height:</label> 262 <label class="right">Height:</label>
220 </v-flex> 263 </v-flex>
221 <v-flex xs8 class="ml-3"> 264 <v-flex xs8 class="ml-3">
222 <v-text-field 265 <v-text-field
223 v-model="editedItem.height" 266 v-model="editedItem.height"
224 placeholder="fill your Height" 267 placeholder="fill your Height"
225 name="state" 268 name="state"
226 type="text" 269 type="text"
227 required 270 required
228 ></v-text-field> 271 ></v-text-field>
229 </v-flex> 272 </v-flex>
230 </v-layout> 273 </v-layout>
231 </v-flex> 274 </v-flex>
232 <v-flex xs12 sm4> 275 <v-flex xs12 sm4>
233 <v-layout> 276 <v-layout>
234 <v-flex xs4 class="pt-4 subheading"> 277 <v-flex xs4 class="pt-4 subheading">
235 <label class="right">Weight:</label> 278 <label class="right">Weight:</label>
236 </v-flex> 279 </v-flex>
237 <v-flex xs8 class="ml-3"> 280 <v-flex xs8 class="ml-3">
238 <v-text-field 281 <v-text-field
239 v-model="editedItem.weight" 282 v-model="editedItem.weight"
240 placeholder="fill your Weight" 283 placeholder="fill your Weight"
241 name="pincode" 284 name="pincode"
242 required 285 required
243 ></v-text-field> 286 ></v-text-field>
244 </v-flex> 287 </v-flex>
245 </v-layout> 288 </v-layout>
246 </v-flex> 289 </v-flex>
247 <v-flex xs12 sm4> 290 <v-flex xs12 sm4>
248 <v-layout> 291 <v-layout>
249 <v-flex xs4 class="pt-4 subheading"> 292 <v-flex xs4 class="pt-4 subheading">
250 <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label> 293 <label class="right hidden-xs-only hidden-sm-only"
251 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label> 294 >Uplaod Image:</label
295 >
296 <label
297 class="right hidden-lg-only hidden-md-only hidden-xl-only"
298 >Uplaod:</label
299 >
252 </v-flex> 300 </v-flex>
253 <v-flex xs8 class="ml-3"> 301 <v-flex xs8 class="ml-3">
254 <v-text-field 302 <v-text-field
255 label="Select Image" 303 label="Select Image"
256 @click="pickEditFile" 304 @click="pickEditFile"
257 v-model="editImageName" 305 v-model="editImageName"
258 append-icon="attach_file" 306 append-icon="attach_file"
259 ></v-text-field> 307 ></v-text-field>
260 </v-flex> 308 </v-flex>
261 </v-layout> 309 </v-layout>
262 </v-flex> 310 </v-flex>
263 </v-layout> 311 </v-layout>
264 <v-layout wrap> 312 <v-layout wrap>
265 <v-flex xs12 sm4> 313 <v-flex xs12 sm4>
266 <v-layout> 314 <v-layout>
267 <v-flex xs4 class="pt-4 subheading"> 315 <v-flex xs4 class="pt-4 subheading">
268 <label class="right">State:</label> 316 <label class="right">State:</label>
269 </v-flex> 317 </v-flex>
270 <v-flex xs8 class="ml-3"> 318 <v-flex xs8 class="ml-3">
271 <v-text-field 319 <v-text-field
272 v-model="editedItem.state" 320 v-model="editedItem.state"
273 placeholder="fill your State Name" 321 placeholder="fill your State Name"
274 name="state" 322 name="state"
275 type="text" 323 type="text"
276 required 324 required
277 ></v-text-field> 325 ></v-text-field>
278 </v-flex> 326 </v-flex>
279 </v-layout> 327 </v-layout>
280 </v-flex> 328 </v-flex>
281 <v-flex xs12 sm4> 329 <v-flex xs12 sm4>
282 <v-layout> 330 <v-layout>
283 <v-flex xs4 class="pt-4 subheading"> 331 <v-flex xs4 class="pt-4 subheading">
284 <label class="right">Pincode:</label> 332 <label class="right">Pincode:</label>
285 </v-flex> 333 </v-flex>
286 <v-flex xs8 class="ml-3"> 334 <v-flex xs8 class="ml-3">
287 <v-text-field 335 <v-text-field
288 v-model="editedItem.pincode" 336 v-model="editedItem.pincode"
289 placeholder="fill your pincode" 337 placeholder="fill your pincode"
290 name="pincode" 338 name="pincode"
291 type="number" 339 type="number"
292 required 340 required
293 ></v-text-field> 341 ></v-text-field>
294 </v-flex> 342 </v-flex>
295 </v-layout> 343 </v-layout>
296 </v-flex> 344 </v-flex>
297 <!-- EDIT DETAILS - MOBILE NUMBER --> 345 <!-- EDIT DETAILS - MOBILE NUMBER -->
298 <v-flex xs12 sm4> 346 <v-flex xs12 sm4>
299 <v-layout> 347 <v-layout>
300 <v-flex xs4 class="pt-4 subheading"> 348 <v-flex xs4 class="pt-4 subheading">
301 <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label> 349 <label class="right hidden-xs-only hidden-sm-only"
302 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label> 350 >Mobile No:</label
351 >
352 <label
353 class="right hidden-lg-only hidden-md-only hidden-xl-only"
354 >Mobile:</label
355 >
303 </v-flex> 356 </v-flex>
304 <v-flex xs8 class="ml-3"> 357 <v-flex xs8 class="ml-3">
305 <v-layout row wrap> 358 <v-layout row wrap>
306 <v-flex xs3 class="mt-3"> 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 </v-flex> 364 </v-flex>
309 <v-flex xs9> 365 <v-flex xs9>
310 <v-text-field 366 <v-text-field
311 v-model="editedItem.mobile" 367 v-model="editedItem.mobile"
312 placeholder="fill your MobileNo" 368 placeholder="fill your MobileNo"
313 name="mobileNo" 369 name="mobileNo"
314 type="number" 370 type="number"
315 required 371 required
316 ></v-text-field> 372 ></v-text-field>
317 </v-flex> 373 </v-flex>
318 </v-layout> 374 </v-layout>
319 </v-flex> 375 </v-flex>
320 </v-layout> 376 </v-layout>
321 </v-flex> 377 </v-flex>
322 </v-layout> 378 </v-layout>
323 <v-layout wrap> 379 <v-layout wrap>
324 <v-flex xs12 sm4> 380 <v-flex xs12 sm4>
325 <v-layout> 381 <v-layout>
326 <v-flex xs4 class="pt-4 subheading"> 382 <v-flex xs4 class="pt-4 subheading">
327 <label class="right hidden-xs-only hidden-sm-only">Select Country:</label> 383 <label class="right hidden-xs-only hidden-sm-only"
328 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label> 384 >Select Country:</label
385 >
386 <label
387 class="right hidden-lg-only hidden-md-only hidden-xl-only"
388 >Country:</label
389 >
329 </v-flex> 390 </v-flex>
330 <v-flex xs8 class="ml-3"> 391 <v-flex xs8 class="ml-3">
331 <v-autocomplete 392 <v-autocomplete
332 v-model="editedItem.country" 393 v-model="editedItem.country"
333 :items="countries" 394 :items="countries"
334 placeholder="Select Country Name" 395 placeholder="Select Country Name"
335 required 396 required
336 ></v-autocomplete> 397 ></v-autocomplete>
337 </v-flex> 398 </v-flex>
338 </v-layout> 399 </v-layout>
339 </v-flex> 400 </v-flex>
340 <v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only"> 401 <v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">
341 <v-layout> 402 <v-layout>
342 <v-flex xs4 class="pt-4 subheading"> 403 <v-flex xs4 class="pt-4 subheading">
343 <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label> 404 <label class="right hidden-xs-only hidden-sm-only"
344 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label> 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 </v-flex> 411 </v-flex>
346 <v-flex xs8 class="ml-3"> 412 <v-flex xs8 class="ml-3">
347 <v-text-field 413 <v-text-field
348 v-model="editedItem.rollNo" 414 v-model="editedItem.rollNo"
349 placeholder="fill roll number" 415 placeholder="fill roll number"
350 required 416 required
351 ></v-text-field> 417 ></v-text-field>
352 </v-flex> 418 </v-flex>
353 </v-layout> 419 </v-layout>
354 </v-flex> 420 </v-flex>
355 <v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only"> 421 <v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">
356 <v-layout> 422 <v-layout>
357 <v-flex xs4 sm4 class="pt-4 subheading"> 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 <label 427 <label
360 class="right hidden-lg-only hidden-md-only hidden-xl-only" 428 class="right hidden-lg-only hidden-md-only hidden-xl-only"
361 >Permanent Address:</label> 429 >Permanent Address:</label
430 >
362 </v-flex> 431 </v-flex>
363 <v-flex xs12 sm8 class="ml-3"> 432 <v-flex xs12 sm8 class="ml-3">
364 <v-text-field 433 <v-text-field
365 v-model="editedItem.permanentAddress" 434 v-model="editedItem.permanentAddress"
366 placeholder="fill Your Permanent Address" 435 placeholder="fill Your Permanent Address"
367 required 436 required
368 ></v-text-field> 437 ></v-text-field>
369 </v-flex> 438 </v-flex>
370 </v-layout> 439 </v-layout>
371 </v-flex> 440 </v-flex>
372 </v-layout> 441 </v-layout>
373 <v-layout class="hidden-xs-only hidden-sm-only"> 442 <v-layout class="hidden-xs-only hidden-sm-only">
374 <v-flex xs12 sm4> 443 <v-flex xs12 sm4>
375 <v-layout> 444 <v-layout>
376 <v-flex xs4 class="pt-4 subheading"> 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 <label 449 <label
379 class="right hidden-lg-only hidden-md-only hidden-xl-only" 450 class="right hidden-lg-only hidden-md-only hidden-xl-only"
380 >Present Address:</label> 451 >Present Address:</label
452 >
381 </v-flex> 453 </v-flex>
382 <v-flex xs8 class="ml-3"> 454 <v-flex xs8 class="ml-3">
383 <v-text-field 455 <v-text-field
384 v-model="editedItem.presentAddress" 456 v-model="editedItem.presentAddress"
385 placeholder="Select Country Name" 457 placeholder="Select Country Name"
386 required 458 required
387 ></v-text-field> 459 ></v-text-field>
388 </v-flex> 460 </v-flex>
389 </v-layout> 461 </v-layout>
390 </v-flex> 462 </v-flex>
391 </v-layout> 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 <v-flex xs12 sm12> 468 <v-flex xs12 sm12>
394 <v-layout> 469 <v-layout>
395 <v-flex xs4 class="pt-4 subheading"> 470 <v-flex xs4 class="pt-4 subheading">
396 <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label> 471 <label class="right hidden-xs-only hidden-sm-only"
397 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label> 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 </v-flex> 478 </v-flex>
399 <v-flex xs8 class="ml-3"> 479 <v-flex xs8 class="ml-3">
400 <v-text-field 480 <v-text-field
401 v-model="editedItem.rollNo" 481 v-model="editedItem.rollNo"
402 placeholder="fill roll number" 482 placeholder="fill roll number"
403 required 483 required
404 ></v-text-field> 484 ></v-text-field>
405 </v-flex> 485 </v-flex>
406 </v-layout> 486 </v-layout>
407 </v-flex> 487 </v-flex>
408 </v-layout> 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 <v-flex xs12 sm12> 493 <v-flex xs12 sm12>
411 <v-layout> 494 <v-layout>
412 <v-flex xs12 sm3 class="pt-4 subheading text-xs-center"> 495 <v-flex xs12 sm3 class="pt-4 subheading text-xs-center">
413 <label class>Present Address :</label> 496 <label class>Present Address :</label>
414 </v-flex> 497 </v-flex>
415 </v-layout> 498 </v-layout>
416 <v-layout> 499 <v-layout>
417 <v-flex xs12 sm12> 500 <v-flex xs12 sm12>
418 <v-textarea 501 <v-textarea
419 v-model="editedItem.presentAddress" 502 v-model="editedItem.presentAddress"
420 placeholder="fill Your present Address" 503 placeholder="fill Your present Address"
421 required 504 required
422 ></v-textarea> 505 ></v-textarea>
423 </v-flex> 506 </v-flex>
424 </v-layout> 507 </v-layout>
425 </v-flex> 508 </v-flex>
426 <v-flex xs12 sm12> 509 <v-flex xs12 sm12>
427 <v-layout> 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 <label>Permanent addr:</label> 516 <label>Permanent addr:</label>
430 </v-flex> 517 </v-flex>
431 </v-layout> 518 </v-layout>
432 <v-layout> 519 <v-layout>
433 <v-flex xs12 sm12> 520 <v-flex xs12 sm12>
434 <v-textarea 521 <v-textarea
435 name="input-4-3" 522 name="input-4-3"
436 v-model="editedItem.permanentAddress" 523 v-model="editedItem.permanentAddress"
437 placeholder="fill Your Permanent Address" 524 placeholder="fill Your Permanent Address"
438 required 525 required
439 ></v-textarea> 526 ></v-textarea>
440 </v-flex> 527 </v-flex>
441 </v-layout> 528 </v-layout>
442 </v-flex> 529 </v-flex>
443 </v-layout> 530 </v-layout>
444 <v-layout> 531 <v-layout>
445 <v-flex xs12 sm12> 532 <v-flex xs12 sm12>
446 <v-layout class="right"> 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 </v-layout> 542 </v-layout>
449 </v-flex> 543 </v-flex>
450 </v-layout> 544 </v-layout>
451 </v-container> 545 </v-container>
452 </v-form> 546 </v-form>
453 </v-card-text> 547 </v-card-text>
454 </v-card> 548 </v-card>
455 </v-dialog> 549 </v-dialog>
456 550
457 <!-- ****** PROFILE VIEW STUDENTS DEATILS ****** --> 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 <v-card flat class="Card-style pa-3"> 559 <v-card flat class="Card-style pa-3">
461 <v-layout> 560 <v-layout>
462 <v-flex xs12> 561 <v-flex xs12>
463 <label class="title text-xs-center">View Student Details</label> 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 </v-flex> 569 </v-flex>
466 </v-layout> 570 </v-layout>
467 <v-card-text> 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 <v-avatar size="100px"> 579 <v-avatar size="100px">
470 <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" /> 580 <img
471 <img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" /> 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 </v-avatar> 588 </v-avatar>
473 </v-flex> 589 </v-flex>
474 <v-container grid-list-md> 590 <v-container grid-list-md>
475 <v-layout wrap> 591 <v-layout wrap>
476 <v-flex xs12 sm5> 592 <v-flex xs12 sm5>
477 <v-layout> 593 <v-layout>
478 <v-flex xs6 sm6> 594 <v-flex xs6 sm6>
479 <h5 class="right my-1"> 595 <h5 class="right my-1">
480 <b>Full Name:</b> 596 <b>Full Name:</b>
481 </h5> 597 </h5>
482 </v-flex> 598 </v-flex>
483 <v-flex sm6 xs6> 599 <v-flex sm6 xs6>
484 <h5 class="my-1 left">{{ editedItem.name }}</h5> 600 <h5 class="my-1 left">{{ editedItem.name }}</h5>
485 </v-flex> 601 </v-flex>
486 </v-layout> 602 </v-layout>
487 </v-flex> 603 </v-flex>
488 <v-flex xs12 sm7> 604 <v-flex xs12 sm7>
489 <v-layout> 605 <v-layout>
490 <v-flex xs6 sm4> 606 <v-flex xs6 sm4>
491 <h5 class="right my-1"> 607 <h5 class="right my-1">
492 <b>Email:</b> 608 <b>Email:</b>
493 </h5> 609 </h5>
494 </v-flex> 610 </v-flex>
495 <v-flex sm8 xs6> 611 <v-flex sm8 xs6>
496 <h5 class="my-1 left">{{ editedItem.email }}</h5> 612 <h5 class="my-1 left">{{ editedItem.email }}</h5>
497 </v-flex> 613 </v-flex>
498 </v-layout> 614 </v-layout>
499 </v-flex> 615 </v-flex>
500 </v-layout> 616 </v-layout>
501 <v-layout wrap> 617 <v-layout wrap>
502 <v-flex xs12 sm5> 618 <v-flex xs12 sm5>
503 <v-layout> 619 <v-layout>
504 <v-flex xs6 sm6> 620 <v-flex xs6 sm6>
505 <b> 621 <b>
506 <h5 class="right my-1"> 622 <h5 class="right my-1">
507 <b>Gender:</b> 623 <b>Gender:</b>
508 </h5> 624 </h5>
509 </b> 625 </b>
510 </v-flex> 626 </v-flex>
511 <v-flex sm6 xs6> 627 <v-flex sm6 xs6>
512 <h5 class="my-1 left">{{ editedItem.gender }}</h5> 628 <h5 class="my-1 left">{{ editedItem.gender }}</h5>
513 </v-flex> 629 </v-flex>
514 </v-layout> 630 </v-layout>
515 </v-flex> 631 </v-flex>
516 <v-flex xs12 sm7> 632 <v-flex xs12 sm7>
517 <v-layout> 633 <v-layout>
518 <v-flex xs6 sm4> 634 <v-flex xs6 sm4>
519 <b> 635 <b>
520 <h5 class="right my-1"> 636 <h5 class="right my-1">
521 <b>D.O.B:</b> 637 <b>D.O.B:</b>
522 </h5> 638 </h5>
523 </b> 639 </b>
524 </v-flex> 640 </v-flex>
525 <v-flex sm8 xs6> 641 <v-flex sm8 xs6>
526 <h5 class="my-1">{{ dates(editedItem.dob) }}</h5> 642 <h5 class="my-1">{{ dates(editedItem.dob) }}</h5>
527 </v-flex> 643 </v-flex>
528 </v-layout> 644 </v-layout>
529 </v-flex> 645 </v-flex>
530 </v-layout> 646 </v-layout>
531 <v-layout wrap> 647 <v-layout wrap>
532 <v-flex xs12 sm5> 648 <v-flex xs12 sm5>
533 <v-layout> 649 <v-layout>
534 <v-flex xs6 sm6> 650 <v-flex xs6 sm6>
535 <b> 651 <b>
536 <h5 class="right my-1"> 652 <h5 class="right my-1">
537 <b>BloodGroup:</b> 653 <b>BloodGroup:</b>
538 </h5> 654 </h5>
539 </b> 655 </b>
540 </v-flex> 656 </v-flex>
541 <v-flex sm6 xs6> 657 <v-flex sm6 xs6>
542 <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5> 658 <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>
543 </v-flex> 659 </v-flex>
544 </v-layout> 660 </v-layout>
545 </v-flex> 661 </v-flex>
546 <v-flex xs12 sm7> 662 <v-flex xs12 sm7>
547 <v-layout> 663 <v-layout>
548 <v-flex xs6 sm4> 664 <v-flex xs6 sm4>
549 <b> 665 <b>
550 <h5 class="right my-1"> 666 <h5 class="right my-1">
551 <b>Roll No. :</b> 667 <b>Roll No. :</b>
552 </h5> 668 </h5>
553 </b> 669 </b>
554 </v-flex> 670 </v-flex>
555 <v-flex sm8 xs6> 671 <v-flex sm8 xs6>
556 <h5 class="my-1">{{ editedItem.rollNo }}</h5> 672 <h5 class="my-1">{{ editedItem.rollNo }}</h5>
557 </v-flex> 673 </v-flex>
558 </v-layout> 674 </v-layout>
559 </v-flex> 675 </v-flex>
560 </v-layout> 676 </v-layout>
561 <v-layout wrap> 677 <v-layout wrap>
562 <v-flex xs12 sm5> 678 <v-flex xs12 sm5>
563 <v-layout> 679 <v-layout>
564 <v-flex xs6 sm6> 680 <v-flex xs6 sm6>
565 <b> 681 <b>
566 <h5 class="right my-1"> 682 <h5 class="right my-1">
567 <b>Height:</b> 683 <b>Height:</b>
568 </h5> 684 </h5>
569 </b> 685 </b>
570 </v-flex> 686 </v-flex>
571 <v-flex sm6 xs6> 687 <v-flex sm6 xs6>
572 <h5 class="my-1 left">{{ editedItem.height }}</h5> 688 <h5 class="my-1 left">{{ editedItem.height }}</h5>
573 </v-flex> 689 </v-flex>
574 </v-layout> 690 </v-layout>
575 </v-flex> 691 </v-flex>
576 <v-flex xs12 sm7> 692 <v-flex xs12 sm7>
577 <v-layout> 693 <v-layout>
578 <v-flex xs6 sm4> 694 <v-flex xs6 sm4>
579 <b> 695 <b>
580 <h5 class="right my-1"> 696 <h5 class="right my-1">
581 <b>Weight:</b> 697 <b>Weight:</b>
582 </h5> 698 </h5>
583 </b> 699 </b>
584 </v-flex> 700 </v-flex>
585 <v-flex sm8 xs6> 701 <v-flex sm8 xs6>
586 <h5 class="my-1">{{ editedItem.weight }}</h5> 702 <h5 class="my-1">{{ editedItem.weight }}</h5>
587 </v-flex> 703 </v-flex>
588 </v-layout> 704 </v-layout>
589 </v-flex> 705 </v-flex>
590 </v-layout> 706 </v-layout>
591 <v-layout wrap> 707 <v-layout wrap>
592 <v-flex xs12 sm5> 708 <v-flex xs12 sm5>
593 <v-layout> 709 <v-layout>
594 <v-flex xs6 sm6> 710 <v-flex xs6 sm6>
595 <b> 711 <b>
596 <h5 class="right my-1"> 712 <h5 class="right my-1">
597 <b>City:</b> 713 <b>City:</b>
598 </h5> 714 </h5>
599 </b> 715 </b>
600 </v-flex> 716 </v-flex>
601 <v-flex sm6 xs6> 717 <v-flex sm6 xs6>
602 <h5 class="my-1 left">{{ editedItem.city }}</h5> 718 <h5 class="my-1 left">{{ editedItem.city }}</h5>
603 </v-flex> 719 </v-flex>
604 </v-layout> 720 </v-layout>
605 </v-flex> 721 </v-flex>
606 <v-flex xs12 sm7> 722 <v-flex xs12 sm7>
607 <v-layout> 723 <v-layout>
608 <v-flex xs6 sm4> 724 <v-flex xs6 sm4>
609 <b> 725 <b>
610 <h5 class="right my-1"> 726 <h5 class="right my-1">
611 <b>State:</b> 727 <b>State:</b>
612 </h5> 728 </h5>
613 </b> 729 </b>
614 </v-flex> 730 </v-flex>
615 <v-flex sm8 xs6> 731 <v-flex sm8 xs6>
616 <h5 class="my-1">{{ editedItem.state }}</h5> 732 <h5 class="my-1">{{ editedItem.state }}</h5>
617 </v-flex> 733 </v-flex>
618 </v-layout> 734 </v-layout>
619 </v-flex> 735 </v-flex>
620 </v-layout> 736 </v-layout>
621 <v-layout wrap> 737 <v-layout wrap>
622 <v-flex xs12 sm5> 738 <v-flex xs12 sm5>
623 <v-layout> 739 <v-layout>
624 <v-flex xs6 sm6> 740 <v-flex xs6 sm6>
625 <b> 741 <b>
626 <h5 class="right my-1"> 742 <h5 class="right my-1">
627 <b>Pincode:</b> 743 <b>Pincode:</b>
628 </h5> 744 </h5>
629 </b> 745 </b>
630 </v-flex> 746 </v-flex>
631 <v-flex sm6 xs6> 747 <v-flex sm6 xs6>
632 <h5 class="my-1">{{ editedItem.pincode }}</h5> 748 <h5 class="my-1">{{ editedItem.pincode }}</h5>
633 </v-flex> 749 </v-flex>
634 </v-layout> 750 </v-layout>
635 </v-flex> 751 </v-flex>
636 <v-flex xs12 sm7> 752 <v-flex xs12 sm7>
637 <v-layout> 753 <v-layout>
638 <v-flex xs6 sm4> 754 <v-flex xs6 sm4>
639 <b> 755 <b>
640 <h5 class="right my-1"> 756 <h5 class="right my-1">
641 <b>Country:</b> 757 <b>Country:</b>
642 </h5> 758 </h5>
643 </b> 759 </b>
644 </v-flex> 760 </v-flex>
645 <v-flex sm7 xs6> 761 <v-flex sm7 xs6>
646 <h5 class="my-1">{{ editedItem.country }}</h5> 762 <h5 class="my-1">{{ editedItem.country }}</h5>
647 </v-flex> 763 </v-flex>
648 </v-layout> 764 </v-layout>
649 </v-flex> 765 </v-flex>
650 </v-layout> 766 </v-layout>
651 <v-layout wrap> 767 <v-layout wrap>
652 <v-flex xs12 sm5> 768 <v-flex xs12 sm5>
653 <v-layout> 769 <v-layout>
654 <v-flex sm6 xs6> 770 <v-flex sm6 xs6>
655 <b> 771 <b>
656 <h5 class="right my-1"> 772 <h5 class="right my-1">
657 <b>Mobile No:</b> 773 <b>Mobile No:</b>
658 </h5> 774 </h5>
659 </b> 775 </b>
660 </v-flex> 776 </v-flex>
661 <v-flex sm6 xs6> 777 <v-flex sm6 xs6>
662 <h5 class="my-1">{{ editedItem.mobile }}</h5> 778 <h5 class="my-1">{{ editedItem.mobile }}</h5>
663 </v-flex> 779 </v-flex>
664 </v-layout> 780 </v-layout>
665 </v-flex> 781 </v-flex>
666 <v-flex xs12 sm7> 782 <v-flex xs12 sm7>
667 <v-layout> 783 <v-layout>
668 <v-flex xs6 sm4> 784 <v-flex xs6 sm4>
669 <b> 785 <b>
670 <h5 class="right my-1"> 786 <h5 class="right my-1">
671 <b>FahterName:</b> 787 <b>FahterName:</b>
672 </h5> 788 </h5>
673 </b> 789 </b>
674 </v-flex> 790 </v-flex>
675 <v-flex sm8 xs6> 791 <v-flex sm8 xs6>
676 <h5 class="my-1">{{ editedItem.fatherName }}</h5> 792 <h5 class="my-1">{{ editedItem.fatherName }}</h5>
677 </v-flex> 793 </v-flex>
678 </v-layout> 794 </v-layout>
679 </v-flex> 795 </v-flex>
680 </v-layout> 796 </v-layout>
681 <v-layout wrap> 797 <v-layout wrap>
682 <v-flex xs12 sm5> 798 <v-flex xs12 sm5>
683 <v-layout> 799 <v-layout>
684 <v-flex xs6 sm6> 800 <v-flex xs6 sm6>
685 <b> 801 <b>
686 <h5 class="right my-1"> 802 <h5 class="right my-1">
687 <b>MotherName:</b> 803 <b>MotherName:</b>
688 </h5> 804 </h5>
689 </b> 805 </b>
690 </v-flex> 806 </v-flex>
691 <v-flex sm6 xs6> 807 <v-flex sm6 xs6>
692 <h5 class="my-1">{{ editedItem.motherName }}</h5> 808 <h5 class="my-1">{{ editedItem.motherName }}</h5>
693 </v-flex> 809 </v-flex>
694 </v-layout> 810 </v-layout>
695 </v-flex> 811 </v-flex>
696 <v-flex xs12 sm7> 812 <v-flex xs12 sm7>
697 <v-layout> 813 <v-layout>
698 <v-flex xs6 sm4> 814 <v-flex xs6 sm4>
699 <b> 815 <b>
700 <h5 class="right my-1"> 816 <h5 class="right my-1">
701 <b>FatherCellNo:</b> 817 <b>FatherCellNo:</b>
702 </h5> 818 </h5>
703 </b> 819 </b>
704 </v-flex> 820 </v-flex>
705 <v-flex sm6 xs6> 821 <v-flex sm6 xs6>
706 <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5> 822 <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5>
707 </v-flex> 823 </v-flex>
708 </v-layout> 824 </v-layout>
709 </v-flex> 825 </v-flex>
710 </v-layout> 826 </v-layout>
711 <v-layout wrap> 827 <v-layout wrap>
712 <v-flex xs12 sm5> 828 <v-flex xs12 sm5>
713 <v-layout> 829 <v-layout>
714 <v-flex xs6 sm6> 830 <v-flex xs6 sm6>
715 <b> 831 <b>
716 <h5 class="right my-1"> 832 <h5 class="right my-1">
717 <b>MotherCellNo:</b> 833 <b>MotherCellNo:</b>
718 </h5> 834 </h5>
719 </b> 835 </b>
720 </v-flex> 836 </v-flex>
721 <v-flex sm6 xs6> 837 <v-flex sm6 xs6>
722 <h5 class="my-1">{{ editedItem.motherCellNo }}</h5> 838 <h5 class="my-1">{{ editedItem.motherCellNo }}</h5>
723 </v-flex> 839 </v-flex>
724 </v-layout> 840 </v-layout>
725 </v-flex> 841 </v-flex>
726 <v-flex xs12 sm7> 842 <v-flex xs12 sm7>
727 <v-layout> 843 <v-layout>
728 <v-flex xs6 sm4> 844 <v-flex xs6 sm4>
729 <b> 845 <b>
730 <h5 class="my-1 right"> 846 <h5 class="my-1 right">
731 <b>AcademicYear:</b> 847 <b>AcademicYear:</b>
732 </h5> 848 </h5>
733 </b> 849 </b>
734 </v-flex> 850 </v-flex>
735 <v-flex sm5 xs8> 851 <v-flex sm5 xs8>
736 <h5 class="my-1">{{ editedItem.establishmentYear }}</h5> 852 <h5 class="my-1">{{ editedItem.establishmentYear }}</h5>
737 </v-flex> 853 </v-flex>
738 </v-layout> 854 </v-layout>
739 </v-flex> 855 </v-flex>
740 </v-layout> 856 </v-layout>
741 <v-layout wrap> 857 <v-layout wrap>
742 <v-flex xs12 sm5> 858 <v-flex xs12 sm5>
743 <v-layout> 859 <v-layout>
744 <v-flex xs6 sm6> 860 <v-flex xs6 sm6>
745 <b> 861 <b>
746 <h5 class="my-1 right"> 862 <h5 class="my-1 right">
747 <b>MedicalNotes:</b> 863 <b>MedicalNotes:</b>
748 </h5> 864 </h5>
749 </b> 865 </b>
750 </v-flex> 866 </v-flex>
751 <v-flex sm5 xs6> 867 <v-flex sm5 xs6>
752 <h5 class="my-1">{{ editedItem.medicalNotes }}</h5> 868 <h5 class="my-1">{{ editedItem.medicalNotes }}</h5>
753 </v-flex> 869 </v-flex>
754 </v-layout> 870 </v-layout>
755 </v-flex> 871 </v-flex>
756 <v-flex xs12 sm7 class="hidden-xs-only"> 872 <v-flex xs12 sm7 class="hidden-xs-only">
757 <v-layout wrap> 873 <v-layout wrap>
758 <v-flex sm4> 874 <v-flex sm4>
759 <b> 875 <b>
760 <h5 class="my-1 right"> 876 <h5 class="my-1 right">
761 <b>present Address:</b> 877 <b>present Address:</b>
762 </h5> 878 </h5>
763 </b> 879 </b>
764 </v-flex> 880 </v-flex>
765 <v-flex sm8> 881 <v-flex sm8>
766 <h5 class="my-1">{{ editedItem.presentAddress }}</h5> 882 <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
767 </v-flex> 883 </v-flex>
768 </v-layout> 884 </v-layout>
769 </v-flex> 885 </v-flex>
770 <v-flex sm6 class="hidden-xs-only"> 886 <v-flex sm6 class="hidden-xs-only">
771 <v-layout wrap> 887 <v-layout wrap>
772 <v-flex sm5> 888 <v-flex sm5>
773 <b> 889 <b>
774 <h5 class="my-1 right"> 890 <h5 class="my-1 right">
775 <b>Permanent Address:</b> 891 <b>Permanent Address:</b>
776 </h5> 892 </h5>
777 </b> 893 </b>
778 </v-flex> 894 </v-flex>
779 <v-flex sm7> 895 <v-flex sm7>
780 <h5 class="my-1">{{ editedItem.permanentAddress }}</h5> 896 <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
781 </v-flex> 897 </v-flex>
782 </v-layout> 898 </v-layout>
783 </v-flex> 899 </v-flex>
784 </v-layout> 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 <v-flex xs12 sm5> 905 <v-flex xs12 sm5>
787 <v-layout wrap> 906 <v-layout wrap>
788 <v-flex xs12 sm6> 907 <v-flex xs12 sm6>
789 <b> 908 <b>
790 <h5 class="my-1"> 909 <h5 class="my-1">
791 <b>present Address:-</b> 910 <b>present Address:-</b>
792 </h5> 911 </h5>
793 </b> 912 </b>
794 </v-flex> 913 </v-flex>
795 <v-flex sm5 xs12> 914 <v-flex sm5 xs12>
796 <h5 class="my-1">{{ editedItem.presentAddress }}</h5> 915 <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
797 </v-flex> 916 </v-flex>
798 </v-layout> 917 </v-layout>
799 </v-flex> 918 </v-flex>
800 <v-flex xs12 sm6> 919 <v-flex xs12 sm6>
801 <v-layout wrap> 920 <v-layout wrap>
802 <v-flex xs12 sm6> 921 <v-flex xs12 sm6>
803 <b> 922 <b>
804 <h5 class="my-1"> 923 <h5 class="my-1">
805 <b>Permanent Address:-</b> 924 <b>Permanent Address:-</b>
806 </h5> 925 </h5>
807 </b> 926 </b>
808 </v-flex> 927 </v-flex>
809 <v-flex sm6 xs12> 928 <v-flex sm6 xs12>
810 <h5 class="my-1">{{ editedItem.permanentAddress }}</h5> 929 <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
811 </v-flex> 930 </v-flex>
812 </v-layout> 931 </v-layout>
813 </v-flex> 932 </v-flex>
814 </v-layout> 933 </v-layout>
815 </v-container> 934 </v-container>
816 </v-card-text> 935 </v-card-text>
817 </v-card> 936 </v-card>
818 </v-dialog> 937 </v-dialog>
819 938
820 <!-- ****** STUDENTS TABLE ****** --> 939 <!-- ****** STUDENTS TABLE ****** -->
821 <v-toolbar color="transparent" flat> 940 <v-toolbar color="transparent" flat>
822 <v-btn 941 <v-btn
823 fab 942 fab
824 dark 943 dark
825 class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only" 944 class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"
826 small 945 small
827 @click="addStudentDialog = true" 946 @click="addStudentDialog = true"
828 > 947 >
829 <v-icon dark>add</v-icon> 948 <v-icon dark>add</v-icon>
830 </v-btn> 949 </v-btn>
831 <v-btn 950 <v-btn
832 v-if="role != 'TEACHER' " 951 v-if="role != 'TEACHER'"
833 round 952 round
834 class="open-dialog-button hidden-sm-only hidden-xs-only" 953 class="open-dialog-button hidden-sm-only hidden-xs-only"
835 dark 954 dark
836 @click="addStudentDialog = true" 955 @click="addStudentDialog = true"
837 > 956 >
838 <v-icon class="white--text pr-1" size="20">add</v-icon>Add Student 957 <v-icon class="white--text pr-1" size="20">add</v-icon>Add Student
839 </v-btn> 958 </v-btn>
840 <v-card-actions class="hidden-xs-only hidden-sm-only"> 959 <v-card-actions class="hidden-xs-only hidden-sm-only">
841 <v-flex md13 lg12> 960 <v-flex md13 lg12>
842 <v-layout> 961 <v-layout>
843 <v-flex lg3 md4> 962 <v-flex lg3 md4>
844 <v-select 963 <v-select
845 :items="addclass" 964 :items="addclass"
846 label="Select Class" 965 label="Select Class"
847 v-model="selectStudents.select" 966 v-model="selectStudents.select"
848 item-text="classNum" 967 item-text="classNum"
849 item-value="_id" 968 item-value="_id"
850 name="Select Class" 969 name="Select Class"
851 :rules="classRules" 970 :rules="classRules"
852 @change="getSections(selectStudents.select)" 971 @change="getSections(selectStudents.select)"
853 required 972 required
854 class="ml-2" 973 class="ml-2"
855 ></v-select> 974 ></v-select>
856 </v-flex> 975 </v-flex>
857 <v-flex lg3 md4 class="ml-2"> 976 <v-flex lg3 md4 class="ml-2">
858 <v-layout> 977 <v-layout>
859 <v-select 978 <v-select
860 :items="addSection" 979 :items="addSection"
861 label="Select Section" 980 label="Select Section"
862 v-model="selectStudents.selectSection" 981 v-model="selectStudents.selectSection"
863 item-text="name" 982 item-text="name"
864 item-value="_id" 983 item-value="_id"
865 name="Select Section" 984 name="Select Section"
866 required 985 required
867 ></v-select> 986 ></v-select>
868 </v-layout> 987 </v-layout>
869 </v-flex> 988 </v-flex>
870 </v-layout> 989 </v-layout>
871 </v-flex> 990 </v-flex>
872 </v-card-actions> 991 </v-card-actions>
873 <v-spacer></v-spacer> 992 <v-spacer></v-spacer>
874 <v-btn 993 <v-btn
875 @click="findStudents()" 994 @click="findStudents()"
876 round 995 round
877 dark 996 dark
878 :loading="loading" 997 :loading="loading"
879 class="open-dialog-button hidden-xs-only hidden-sm-only" 998 class="open-dialog-button hidden-xs-only hidden-sm-only"
880 >Find</v-btn> 999 >Find</v-btn
1000 >
881 <v-card-title class="body-1" v-show="show"> 1001 <v-card-title class="body-1" v-show="show">
882 <v-btn icon large flat @click="displaySearch"> 1002 <v-btn icon large flat @click="displaySearch">
883 <v-avatar size="27"> 1003 <v-avatar size="27">
884 <img src="/static/icon/search.png" alt="icon" /> 1004 <img src="/static/icon/search.png" alt="icon" />
885 </v-avatar> 1005 </v-avatar>
886 </v-btn> 1006 </v-btn>
887 </v-card-title> 1007 </v-card-title>
888 <v-flex xs8 sm7 lg2 md3 v-if="showSearch"> 1008 <v-flex xs8 sm7 lg2 md3 v-if="showSearch">
889 <v-layout> 1009 <v-layout>
890 <v-text-field 1010 <v-text-field
891 autofocus 1011 autofocus
892 v-model="search" 1012 v-model="search"
893 label="Search" 1013 label="Search"
894 prepend-inner-icon="search" 1014 prepend-inner-icon="search"
895 color="primary" 1015 color="primary"
896 ></v-text-field> 1016 ></v-text-field>
897 <v-icon @click="closeSearch" color="error">close</v-icon> 1017 <v-icon @click="closeSearch" color="error">close</v-icon>
898 </v-layout> 1018 </v-layout>
899 </v-flex> 1019 </v-flex>
900 </v-toolbar> 1020 </v-toolbar>
901 <v-card flat class="elevation-0 transparent"> 1021 <v-card flat class="elevation-0 transparent">
902 <v-flex class="hidden-xl-only hidden-lg-only hidden-md-only"> 1022 <v-flex class="hidden-xl-only hidden-lg-only hidden-md-only">
903 <v-layout> 1023 <v-layout>
904 <v-flex xs4> 1024 <v-flex xs4>
905 <label class="right mt-4">Select Class:</label> 1025 <label class="right mt-4">Select Class:</label>
906 </v-flex> 1026 </v-flex>
907 <v-flex xs8> 1027 <v-flex xs8>
908 <v-select 1028 <v-select
909 :items="addclass" 1029 :items="addclass"
910 label="Select Class" 1030 label="Select Class"
911 v-model="selectStudents.select" 1031 v-model="selectStudents.select"
912 item-text="classNum" 1032 item-text="classNum"
913 item-value="_id" 1033 item-value="_id"
914 name="Select Class" 1034 name="Select Class"
915 :rules="classRules" 1035 :rules="classRules"
916 @change="getSections(selectStudents.select)" 1036 @change="getSections(selectStudents.select)"
917 class="px-2" 1037 class="px-2"
918 ></v-select> 1038 ></v-select>
919 </v-flex> 1039 </v-flex>
920 </v-layout> 1040 </v-layout>
921 <v-layout> 1041 <v-layout>
922 <v-flex xs4> 1042 <v-flex xs4>
923 <label class="right mt-4">Select Section:</label> 1043 <label class="right mt-4">Select Section:</label>
924 </v-flex> 1044 </v-flex>
925 <v-flex xs8> 1045 <v-flex xs8>
926 <v-select 1046 <v-select
927 :items="addSection" 1047 :items="addSection"
928 label="Select Section" 1048 label="Select Section"
929 v-model="selectStudents.selectSection" 1049 v-model="selectStudents.selectSection"
930 item-text="name" 1050 item-text="name"
931 item-value="_id" 1051 item-value="_id"
932 name="Select Section" 1052 name="Select Section"
933 :rules="sectionRules" 1053 :rules="sectionRules"
934 class="px-2" 1054 class="px-2"
935 required 1055 required
936 ></v-select> 1056 ></v-select>
937 </v-flex> 1057 </v-flex>
938 </v-layout> 1058 </v-layout>
939 <v-layout> 1059 <v-layout>
940 <v-flex xs5 class="mx-auto mb-2"> 1060 <v-flex xs5 class="mx-auto mb-2">
941 <v-btn 1061 <v-btn
942 @click="findStudents()" 1062 @click="findStudents()"
943 block 1063 block
944 round 1064 round
945 dark 1065 dark
946 :loading="loading" 1066 :loading="loading"
947 class="add-button" 1067 class="add-button"
948 >Find</v-btn> 1068 >Find</v-btn
1069 >
949 </v-flex> 1070 </v-flex>
950 </v-layout> 1071 </v-layout>
951 </v-flex> 1072 </v-flex>
952 </v-card> 1073 </v-card>
953 <v-data-table 1074 <v-data-table
954 :headers="headers" 1075 :headers="headers"
955 :items="studentsData" 1076 :items="studentsData"
956 :pagination.sync="pagination" 1077 :pagination.sync="pagination"
957 :search="search" 1078 :search="search"
958 > 1079 >
959 <template slot="items" slot-scope="props"> 1080 <template slot="items" slot-scope="props">
960 <tr class="tr"> 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 <td class="text-xs-center td td-row"> 1083 <td class="text-xs-center td td-row">
963 <v-avatar size="40"> 1084 <v-avatar size="40">
964 <img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" /> 1085 <img
965 <img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" /> 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 </v-avatar> 1093 </v-avatar>
967 </td> 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 <td class="text-xs-center td td-row">{{ props.item.gender }}</td> 1096 <td class="text-xs-center td td-row">{{ props.item.gender }}</td>
970 <td 1097 <td class="text-xs-center td td-row">
971 class="text-xs-center td td-row" 1098 {{ props.item.parentId ? props.item.parentId.fatherName : "-" }}
972 >{{ props.item.parentId ? props.item.parentId.fatherName: '-' }}</td> 1099 </td>
973 <td 1100 <td class="text-xs-center td td-row">
974 class="text-xs-center td td-row" 1101 {{ props.item.parentId ? props.item.parentId.motherName : "-" }}
975 >{{ props.item.parentId ? props.item.parentId.motherName: '-' }}</td> 1102 </td>
976 <td class="text-xs-center td td-row">{{ props.item.establishmentYear }}</td> 1103 <td class="text-xs-center td td-row">
1104 {{ props.item.establishmentYear }}
1105 </td>
977 <!-- <td class="text-xs-center td td-row">{{ props.item.mobile}}</td> --> 1106 <!-- <td class="text-xs-center td td-row">{{ props.item.mobile}}</td> -->
978 <td class="text-xs-center td td-row"> 1107 <td class="text-xs-center td td-row">
979 <v-switch 1108 <v-switch
980 class="pl-3" 1109 class="pl-3"
981 :disabled="role === 'TEACHER'" 1110 :disabled="role === 'TEACHER'"
982 v-model="props.item.status" 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 ></v-switch> 1113 ></v-switch>
985 </td> 1114 </td>
986 <td class="text-xs-center td td-row"> 1115 <td class="text-xs-center td td-row">
987 <span> 1116 <span>
988 <v-tooltip top> 1117 <v-tooltip top>
989 <img 1118 <img
990 slot="activator" 1119 slot="activator"
991 style="cursor:pointer; width:25px; height:25px; " 1120 style="cursor: pointer; width: 25px; height: 25px"
992 class="mr-3" 1121 class="mr-3"
993 @click="profile(props.item)" 1122 @click="profile(props.item)"
994 src="/static/icon/view.png" 1123 src="/static/icon/view.png"
995 /> 1124 />
996 <span>View</span> 1125 <span>View</span>
997 </v-tooltip> 1126 </v-tooltip>
998 <v-tooltip top v-if="role != 'TEACHER' "> 1127 <v-tooltip top v-if="role != 'TEACHER'">
999 <img 1128 <img
1000 slot="activator" 1129 slot="activator"
1001 style="cursor:pointer; width:20px; height:18px; " 1130 style="cursor: pointer; width: 20px; height: 18px"
1002 class="mr-3" 1131 class="mr-3"
1003 @click="editItem(props.item)" 1132 @click="editItem(props.item)"
1004 src="/static/icon/edit.png" 1133 src="/static/icon/edit.png"
1005 /> 1134 />
1006 <span>Edit</span> 1135 <span>Edit</span>
1007 </v-tooltip> 1136 </v-tooltip>
1008 <v-tooltip top v-if="role != 'TEACHER' "> 1137 <v-tooltip top v-if="role != 'TEACHER'">
1009 <img 1138 <img
1010 slot="activator" 1139 slot="activator"
1011 style="cursor:pointer; width:20px; height:20px; " 1140 style="cursor: pointer; width: 20px; height: 20px"
1012 class="mr-3" 1141 class="mr-3"
1013 @click="deleteItem(props.item)" 1142 @click="deleteItem(props.item)"
1014 src="/static/icon/delete.png" 1143 src="/static/icon/delete.png"
1015 /> 1144 />
1016 <span>Delete</span> 1145 <span>Delete</span>
1017 </v-tooltip> 1146 </v-tooltip>
1018 </span> 1147 </span>
1019 </td> 1148 </td>
1020 </tr> 1149 </tr>
1021 </template> 1150 </template>
1022 <v-alert 1151 <v-alert slot="no-results" :value="true" color="error" icon="warning"
1023 slot="no-results" 1152 >Your search for "{{ search }}" found no results.</v-alert
1024 :value="true" 1153 >
1025 color="error"
1026 icon="warning"
1027 >Your search for "{{ search }}" found no results.</v-alert>
1028 </v-data-table> 1154 </v-data-table>
1029 <!-- DIALOG -- ADD STUDENTS DETAILS --> 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 <v-card flat class="Card-style pa-2"> 1162 <v-card flat class="Card-style pa-2">
1032 <v-layout> 1163 <v-layout>
1033 <v-flex xs12> 1164 <v-flex xs12>
1034 <label class="title text-xs-center">Add Student</label> 1165 <label class="title text-xs-center">Add Student</label>
1035 <v-icon 1166 <v-icon
1036 size="24" 1167 size="24"
1037 class="right" 1168 class="right"
1038 @click="$refs.parentForm.reset();$refs.parentFormLgScr.reset();$refs.form.reset();e2 = 1;addStudentDialog = false" 1169 @click="
1039 >cancel</v-icon> 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 </v-flex> 1180 </v-flex>
1041 </v-layout> 1181 </v-layout>
1042 <v-container fluid> 1182 <v-container fluid>
1043 <v-layout align-center> 1183 <v-layout align-center>
1044 <v-flex xs12> 1184 <v-flex xs12>
1045 <v-stepper v-model="e2" flat class="Card-style elevation-0"> 1185 <v-stepper v-model="e2" flat class="Card-style elevation-0">
1046 <v-stepper-header> 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 <v-divider></v-divider> 1190 <v-divider></v-divider>
1049 <v-stepper-step step="2">Fill Student Details</v-stepper-step> 1191 <v-stepper-step step="2">Fill Student Details</v-stepper-step>
1050 </v-stepper-header> 1192 </v-stepper-header>
1051 <v-stepper-items> 1193 <v-stepper-items>
1052 <v-stepper-content step="1"> 1194 <v-stepper-content step="1">
1053 <v-container fluid class> 1195 <v-container fluid class>
1054 <v-flex xs12 sm12 class="hidden-md-only hidden-lg-only hidden-xl-only"> 1196 <!-- FILL PARENT DETAILS - hidden md,lg,xl-->
1055 <v-form ref="parentForm" v-model="valid" lazy-validation> 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 <v-layout wrap> 1207 <v-layout wrap>
1208 <!-- FATHER CELL NUMBER hidden md,lg,xl -->
1057 <v-flex xs12 sm6> 1209 <v-flex xs12 sm6>
1058 <!-- FATHER CELL NUMBER visible only on xs and sm screen -->
1059 <v-layout wrap> 1210 <v-layout wrap>
1060 <v-flex xs12 class="pt-4 subheading"> 1211 <v-flex xs12 class="pt-4 subheading">
1061 <label>Father Cell No:</label> 1212 <label>Father Cell No:</label>
1062 </v-flex> 1213 </v-flex>
1063 <v-flex xs12> 1214 <v-flex xs12>
1064 <v-layout row wrap xs12> 1215 <v-layout row wrap xs12>
1065 <v-flex sm3 class="mt-3"> 1216 <v-flex sm3 class="mt-3" v-if="!showNext">
1066 <vue-country-code 1217 <vue-country-code
1067 @onSelect="addFatherCellCode" 1218 @onSelect="addFatherCellCode"
1068 class="black--text" 1219 class="black--text"
1069 ></vue-country-code> 1220 ></vue-country-code>
1070 </v-flex> 1221 </v-flex>
1071 1222
1072 <v-flex sm9> 1223 <v-flex sm9>
1073 <v-text-field 1224 <v-text-field
1225 :disabled="showNext"
1074 v-model.trim="parentData.fatherCellNo" 1226 v-model.trim="parentData.fatherCellNo"
1075 placeholder="fill your father Cell Number" 1227 placeholder="fill your father Cell Number"
1076 type="number" 1228 type="number"
1077 :rules="fatheCellNoRules" 1229 :rules="fatheCellNoRules"
1078 counter="10" 1230 counter="10"
1079 v-on:keyup="getParentDetails()" 1231 v-on:keyup="getParentDetails()"
1080 required 1232 required
1081 ></v-text-field> 1233 ></v-text-field>
1082 </v-flex> 1234 </v-flex>
1083 </v-layout> 1235 </v-layout>
1084 </v-flex> 1236 </v-flex>
1085 </v-layout> 1237 </v-layout>
1086 </v-flex> 1238 </v-flex>
1239 <!-- PARENT EMAIL ID - hidden md,lg,xl -->
1087 <v-flex xs12 sm6> 1240 <v-flex xs12 sm6>
1088 <v-layout wrap> 1241 <v-layout wrap>
1089 <v-flex xs12 class="pt-4 subheading"> 1242 <v-flex xs12 class="pt-4 subheading">
1090 <label>Parent Email Id:</label> 1243 <label>Parent Email Id:</label>
1091 </v-flex> 1244 </v-flex>
1092 <v-flex xs12> 1245 <v-flex xs12>
1093 <v-text-field 1246 <v-text-field
1247 :disabled="showNext"
1094 placeholder="fill Parent email" 1248 placeholder="fill Parent email"
1095 v-model="parentData.email" 1249 v-model="parentData.email"
1096 type="text" 1250 type="text"
1097 required 1251 required
1098 ></v-text-field> 1252 ></v-text-field>
1099 </v-flex> 1253 </v-flex>
1100 </v-layout> 1254 </v-layout>
1101 </v-flex> 1255 </v-flex>
1102 </v-layout> 1256 </v-layout>
1257
1103 <v-layout wrap> 1258 <v-layout wrap>
1259 <!-- FATHER NAME - hidden md,lg,xl -->
1104 <v-flex xs12 sm6> 1260 <v-flex xs12 sm6>
1105 <v-layout wrap> 1261 <v-layout wrap>
1106 <v-flex xs12 class="pt-4 subheading"> 1262 <v-flex xs12 class="pt-4 subheading">
1107 <label>Father Name:</label> 1263 <label>Father Name:</label>
1108 </v-flex> 1264 </v-flex>
1109 <v-flex xs12> 1265 <v-flex xs12>
1110 <v-text-field 1266 <v-text-field
1267 :disabled="showNext"
1111 v-model="parentData.fatherName" 1268 v-model="parentData.fatherName"
1112 placeholder="Fill your father Name" 1269 placeholder="Fill your father Name"
1113 required 1270 required
1114 ></v-text-field> 1271 ></v-text-field>
1115 </v-flex> 1272 </v-flex>
1116 </v-layout> 1273 </v-layout>
1117 </v-flex> 1274 </v-flex>
1275 <!-- MOTHER NAME - hidden md,lg,xl -->
1118 <v-flex xs12 sm6> 1276 <v-flex xs12 sm6>
1119 <v-layout wrap> 1277 <v-layout wrap>
1120 <v-flex xs12 class="pt-4 subheading"> 1278 <v-flex xs12 class="pt-4 subheading">
1121 <label>Mother Name:</label> 1279 <label>Mother Name:</label>
1122 </v-flex> 1280 </v-flex>
1123 <v-flex xs12> 1281 <v-flex xs12>
1124 <v-text-field 1282 <v-text-field
1283 :disabled="showNext"
1125 v-model="parentData.motherName" 1284 v-model="parentData.motherName"
1126 placeholder="fill your Mother Name" 1285 placeholder="fill your Mother Name"
1127 type="text" 1286 type="text"
1128 required 1287 required
1129 ></v-text-field> 1288 ></v-text-field>
1130 </v-flex> 1289 </v-flex>
1131 </v-layout> 1290 </v-layout>
1132 </v-flex> 1291 </v-flex>
1133 </v-layout> 1292 </v-layout>
1293
1134 <v-layout wrap> 1294 <v-layout wrap>
1135 <!-- MOTHER CELL NUMBER - VISIBLE ONLY ON xs and sm screen--> 1295 <!-- MOTHER CELL NUMBER - - hidden md,lg,xl -->
1136 <v-flex xs12 sm6> 1296 <v-flex xs12 sm6>
1137 <v-layout wrap> 1297 <v-layout wrap>
1138 <v-flex xs12 class="pt-4 subheading"> 1298 <v-flex xs12 class="pt-4 subheading">
1139 <label>Mother Cell No:</label> 1299 <label>Mother Cell No:</label>
1140 </v-flex> 1300 </v-flex>
1141 <v-flex xs12> 1301 <v-flex xs12>
1142 <v-layout row wrap> 1302 <v-layout row wrap>
1143 <v-flex sm3 class="mt-3"> 1303 <v-flex sm3 class="mt-3" v-if="!showNext">
1144 <vue-country-code @onSelect="onSelect" class="black--text"></vue-country-code> 1304 <vue-country-code
1305 @onSelect="onSelect"
1306 class="black--text"
1307 ></vue-country-code>
1145 </v-flex> 1308 </v-flex>
1146 <v-flex sm9> 1309 <v-flex sm9>
1147 <v-text-field 1310 <v-text-field
1311 :disabled="showNext"
1148 v-model="parentData.motherCellNo" 1312 v-model="parentData.motherCellNo"
1149 placeholder="Mother Cell Number" 1313 placeholder="Mother Cell Number"
1150 type="number" 1314 type="number"
1151 required 1315 required
1152 ></v-text-field> 1316 ></v-text-field>
1153 </v-flex> 1317 </v-flex>
1154 </v-layout> 1318 </v-layout>
1155 </v-flex> 1319 </v-flex>
1156 </v-layout> 1320 </v-layout>
1157 </v-flex> 1321 </v-flex>
1322 <!-- FATHER PROFESSION - hidden md,lg,xl -->
1158 <v-flex xs12 sm6> 1323 <v-flex xs12 sm6>
1159 <v-layout wrap> 1324 <v-layout wrap>
1160 <v-flex xs12 class="pt-4 subheading"> 1325 <v-flex xs12 class="pt-4 subheading">
1161 <label>Father Profession:</label> 1326 <label>Father Profession:</label>
1162 </v-flex> 1327 </v-flex>
1163 <v-flex xs12> 1328 <v-flex xs12>
1164 <v-text-field 1329 <v-text-field
1330 :disabled="showNext"
1165 v-model="parentData.fatherProfession" 1331 v-model="parentData.fatherProfession"
1166 placeholder="fill your father profession" 1332 placeholder="fill your father profession"
1167 ></v-text-field> 1333 ></v-text-field>
1168 </v-flex> 1334 </v-flex>
1169 </v-layout> 1335 </v-layout>
1170 </v-flex> 1336 </v-flex>
1171 </v-layout> 1337 </v-layout>
1338
1172 <v-layout wrap> 1339 <v-layout wrap>
1340 <!-- MOTHER PROFESSION - hidden md,lg,xl -->
1173 <v-flex xs12 sm6> 1341 <v-flex xs12 sm6>
1174 <v-layout wrap> 1342 <v-layout wrap>
1175 <v-flex xs12 class="pt-4 subheading"> 1343 <v-flex xs12 class="pt-4 subheading">
1176 <label>Mother Profession:</label> 1344 <label>Mother Profession:</label>
1177 </v-flex> 1345 </v-flex>
1178 <v-flex xs12> 1346 <v-flex xs12>
1179 <v-text-field 1347 <v-text-field
1348 :disabled="showNext"
1180 v-model="parentData.motherProfession" 1349 v-model="parentData.motherProfession"
1181 placeholder="fill your mother profession" 1350 placeholder="fill your mother profession"
1182 ></v-text-field> 1351 ></v-text-field>
1183 </v-flex> 1352 </v-flex>
1184 </v-layout> 1353 </v-layout>
1185 </v-flex> 1354 </v-flex>
1355 <!-- PASSWORD - hidden md,lg,xl -->
1186 <v-flex xs12 sm6> 1356 <v-flex xs12 sm6>
1187 <v-layout wrap> 1357 <v-layout wrap>
1188 <v-flex xs12 class="pt-4 subheading"> 1358 <v-flex xs12 class="pt-4 subheading">
1189 <label>Password:</label> 1359 <label>Password:</label>
1190 </v-flex> 1360 </v-flex>
1191 <v-flex xs12> 1361 <v-flex xs12>
1192 <v-text-field 1362 <v-text-field
1363 :disabled="showNext"
1193 v-model="parentData.password" 1364 v-model="parentData.password"
1194 placeholder="Enter Your Password" 1365 placeholder="Enter Your Password"
1195 ></v-text-field> 1366 ></v-text-field>
1196 </v-flex> 1367 </v-flex>
1197 </v-layout> 1368 </v-layout>
1198 </v-flex> 1369 </v-flex>
1199 </v-layout> 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 <v-card-actions> 1373 <v-card-actions>
1202 <v-spacer></v-spacer> 1374 <v-spacer></v-spacer>
1203 <v-btn 1375 <v-btn
1204 @click="submitParentDetails" 1376 @click="submitParentDetails"
1205 round 1377 round
1206 dark 1378 dark
1207 :loading="loading" 1379 :loading="loading"
1208 v-show="showParent" 1380 v-if="showParent"
1209 class="add-button" 1381 class="add-button"
1210 >Add</v-btn> 1382 >Add</v-btn
1383 >
1211 <v-btn 1384 <v-btn
1212 v-show="showNext" 1385 v-if="showNext"
1213 @click="e2 = 2" 1386 @click="e2 = 2"
1214 round 1387 round
1215 dark 1388 dark
1216 class="add-button" 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 </v-card-actions> 1404 </v-card-actions>
1219 </v-flex> 1405 </v-flex> -->
1406 <!-- visible xs only -->
1220 <v-flex 1407 <v-flex
1221 xs6 1408 xs12
1222 class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2" 1409 class="hidden-md-only hidden-lg-only hidden-xl-only mx-auto mt-2"
1223 > 1410 >
1224 <v-btn 1411 <v-btn
1225 @click="submitParentDetails" 1412 @click="submitParentDetails"
1226 round 1413 round
1227 dark 1414 dark
1228 :loading="loading" 1415 :loading="loading"
1229 v-show="showParent" 1416 v-if="showParent"
1230 class="add-button" 1417 class="add-button"
1231 >Add</v-btn> 1418 >Add</v-btn
1419 >
1232 <v-btn 1420 <v-btn
1233 v-show="showNext" 1421 v-if="showNext"
1234 @click="e2 = 2" 1422 @click="e2 = 2"
1235 round 1423 round
1236 dark 1424 dark
1237 class="add-button" 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 </v-flex> 1440 </v-flex>
1240 </v-form> 1441 </v-form>
1241 </v-flex> 1442 </v-flex>
1242 <!-- FATHER CELL NUMBER - HIDDEN xs and sm screen --> 1443 <!-- FATHER CELL NUMBER - HIDDEN xs and sm screen -->
1243 <v-flex xs12 sm12 class="hidden-xs-only hidden-sm-only"> 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 <v-layout wrap> 1450 <v-layout wrap>
1246 <v-flex xs12 sm6> 1451 <v-flex xs12 sm6>
1247 <v-layout> 1452 <v-layout>
1248 <v-flex xs4 class="pt-4 subheading"> 1453 <v-flex xs4 class="pt-4 subheading">
1249 <label class="right">Father Cell No:</label> 1454 <label class="right">Father Cell No:</label>
1250 </v-flex> 1455 </v-flex>
1251 <v-flex xs8 class="ml-3"> 1456 <v-flex xs8 class="ml-3">
1252 <v-layout row wrap> 1457 <v-layout row wrap>
1253 <v-flex md3 class="mt-3"> 1458 <v-flex md3 class="mt-3" v-if="!showNext">
1254 <vue-country-code 1459 <vue-country-code
1255 @onSelect="addFatherCellCode" 1460 @onSelect="addFatherCellCode"
1256 class="black--text" 1461 class="black--text"
1257 ></vue-country-code> 1462 ></vue-country-code>
1258 </v-flex> 1463 </v-flex>
1259 <v-flex md9> 1464 <v-flex md9>
1260 <v-text-field 1465 <v-text-field
1466 :disabled="showNext"
1261 v-model.trim="parentData.fatherCellNo" 1467 v-model.trim="parentData.fatherCellNo"
1262 placeholder="fill your father Cell Number" 1468 placeholder="fill your father Cell Number"
1263 type="number" 1469 type="number"
1264 :rules="fatheCellNoRules" 1470 :rules="fatheCellNoRules"
1265 counter="10" 1471 counter="10"
1266 required 1472 required
1267 v-on:keyup="getParentDetails()" 1473 v-on:keyup="getParentDetails()"
1268 ></v-text-field> 1474 ></v-text-field>
1269 </v-flex> 1475 </v-flex>
1270 </v-layout> 1476 </v-layout>
1271 </v-flex> 1477 </v-flex>
1272 </v-layout> 1478 </v-layout>
1273 </v-flex> 1479 </v-flex>
1480 <!-- PARENT EMAIL ID - HIDDEN xs and sm screen -->
1274 <v-flex xs12 sm6> 1481 <v-flex xs12 sm6>
1275 <v-layout> 1482 <v-layout>
1276 <v-flex xs4 class="pt-4 subheading"> 1483 <v-flex xs4 class="pt-4 subheading">
1277 <label class="right">Parent Email Id:</label> 1484 <label class="right">Parent Email Id:</label>
1278 </v-flex> 1485 </v-flex>
1279 <v-flex xs8 class="ml-3"> 1486 <v-flex xs8 class="ml-3">
1280 <v-text-field 1487 <v-text-field
1488 :disabled="showNext"
1281 placeholder="fill Parent email" 1489 placeholder="fill Parent email"
1282 v-model="parentData.email" 1490 v-model="parentData.email"
1283 type="text" 1491 type="text"
1284 required 1492 required
1285 ></v-text-field> 1493 ></v-text-field>
1286 </v-flex> 1494 </v-flex>
1287 </v-layout> 1495 </v-layout>
1288 </v-flex> 1496 </v-flex>
1289 </v-layout> 1497 </v-layout>
1290 <v-layout wrap> 1498 <v-layout wrap>
1499 <!--FATHER NAME HIDDEN xs and sm -->
1291 <v-flex xs12 sm6> 1500 <v-flex xs12 sm6>
1292 <v-layout> 1501 <v-layout>
1293 <v-flex xs4 class="pt-4 subheading"> 1502 <v-flex xs4 class="pt-4 subheading">
1294 <label class="right">Father Name:</label> 1503 <label class="right">Father Name:</label>
1295 </v-flex> 1504 </v-flex>
1296 <v-flex xs8 class="ml-3"> 1505 <v-flex xs8 class="ml-3">
1297 <v-text-field 1506 <v-text-field
1507 :disabled="showNext"
1298 v-model="parentData.fatherName" 1508 v-model="parentData.fatherName"
1299 placeholder="Fill your father Name" 1509 placeholder="Fill your father Name"
1300 required 1510 required
1301 ></v-text-field> 1511 ></v-text-field>
1302 </v-flex> 1512 </v-flex>
1303 </v-layout> 1513 </v-layout>
1304 </v-flex> 1514 </v-flex>
1515 <!-- MOTHER NAME HIDDDEN xs and sm screen -->
1305 <v-flex xs12 sm6> 1516 <v-flex xs12 sm6>
1306 <v-layout> 1517 <v-layout>
1307 <v-flex xs4 class="pt-4 subheading"> 1518 <v-flex xs4 class="pt-4 subheading">
1308 <label class="right">Mother Name:</label> 1519 <label class="right">Mother Name:</label>
1309 </v-flex> 1520 </v-flex>
1310 <v-flex xs8 class="ml-3"> 1521 <v-flex xs8 class="ml-3">
1311 <v-text-field 1522 <v-text-field
1523 :disabled="showNext"
1312 v-model="parentData.motherName" 1524 v-model="parentData.motherName"
1313 placeholder="fill your Mother Name" 1525 placeholder="fill your Mother Name"
1314 type="text" 1526 type="text"
1315 required 1527 required
1316 ></v-text-field> 1528 ></v-text-field>
1317 </v-flex> 1529 </v-flex>
1318 </v-layout> 1530 </v-layout>
1319 </v-flex> 1531 </v-flex>
1320 </v-layout> 1532 </v-layout>
1321 <v-layout wrap> 1533 <v-layout wrap>
1322 <!-- MOTHER CELL NUMBER HIDDEN ON xs and sm screen --> 1534 <!-- MOTHER CELL NUMBER HIDDEN ON xs and sm screen -->
1323 <v-flex xs12 sm6> 1535 <v-flex xs12 sm6>
1324 <v-layout> 1536 <v-layout>
1325 <v-flex xs4 class="pt-4 subheading"> 1537 <v-flex xs4 class="pt-4 subheading">
1326 <label class="right">Mother Cell No:</label> 1538 <label class="right">Mother Cell No:</label>
1327 </v-flex> 1539 </v-flex>
1328 <v-flex xs8 class="ml-3"> 1540 <v-flex xs8 class="ml-3">
1329 <v-layout row wrap> 1541 <v-layout row wrap>
1330 <v-flex md3 class="mt-3"> 1542 <v-flex md3 class="mt-3" v-if="!showNext">
1331 <vue-country-code @onSelect="onSelect" class="black--text"></vue-country-code> 1543 <vue-country-code
1544 @onSelect="onSelect"
1545 class="black--text"
1546 ></vue-country-code>
1332 </v-flex> 1547 </v-flex>
1333 <v-flex md9> 1548 <v-flex md9>
1334 <v-text-field 1549 <v-text-field
1550 :disabled="showNext"
1335 v-model="parentData.motherCellNo" 1551 v-model="parentData.motherCellNo"
1336 placeholder="fill your Mother Cell Number" 1552 placeholder="fill your Mother Cell Number"
1337 type="number" 1553 type="number"
1338 required 1554 required
1339 ></v-text-field> 1555 ></v-text-field>
1340 </v-flex> 1556 </v-flex>
1341 </v-layout> 1557 </v-layout>
1342 </v-flex> 1558 </v-flex>
1343 </v-layout> 1559 </v-layout>
1344 </v-flex> 1560 </v-flex>
1561 <!-- FATHER PROFESSION HIDDEN XS AND SM SCREEN -->
1345 <v-flex xs12 sm6> 1562 <v-flex xs12 sm6>
1346 <v-layout> 1563 <v-layout>
1347 <v-flex xs4 class="pt-4 subheading"> 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 </v-flex> 1568 </v-flex>
1350 <v-flex xs8 class="ml-3"> 1569 <v-flex xs8 class="ml-3">
1351 <v-text-field 1570 <v-text-field
1571 :disabled="showNext"
1352 v-model="parentData.fatherProfession" 1572 v-model="parentData.fatherProfession"
1353 placeholder="fill your father profession" 1573 placeholder="fill your father profession"
1354 ></v-text-field> 1574 ></v-text-field>
1355 </v-flex> 1575 </v-flex>
1356 </v-layout> 1576 </v-layout>
1357 </v-flex> 1577 </v-flex>
1358 </v-layout> 1578 </v-layout>
1359 <v-layout wrap> 1579 <v-layout wrap>
1580 <!-- MOTHERS PROFESSION HIDDEN XS AND SM SCREEN -->
1360 <v-flex xs12 sm6> 1581 <v-flex xs12 sm6>
1361 <v-layout> 1582 <v-layout>
1362 <v-flex xs4 class="pt-4 subheading"> 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 </v-flex> 1587 </v-flex>
1365 <v-flex xs8 class="ml-3"> 1588 <v-flex xs8 class="ml-3">
1366 <v-text-field 1589 <v-text-field
1590 :disabled="showNext"
1367 v-model="parentData.motherProfession" 1591 v-model="parentData.motherProfession"
1368 placeholder="fill your mother profession" 1592 placeholder="fill your mother profession"
1369 ></v-text-field> 1593 ></v-text-field>
1370 </v-flex> 1594 </v-flex>
1371 </v-layout> 1595 </v-layout>
1372 </v-flex> 1596 </v-flex>
1373 <v-flex xs12 sm6> 1597 <v-flex xs12 sm6>
1374 <v-layout> 1598 <v-layout>
1375 <v-flex xs4 class="pt-4 subheading"> 1599 <v-flex xs4 class="pt-4 subheading">
1376 <label class="right">Password:</label> 1600 <label class="right">Password:</label>
1377 </v-flex> 1601 </v-flex>
1378 <v-flex xs8 class="ml-3"> 1602 <v-flex xs8 class="ml-3">
1379 <v-text-field 1603 <v-text-field
1380 :append-icon="e1 ? 'visibility_off' : 'visibility'" 1604 :append-icon="
1605 e1 ? 'visibility_off' : 'visibility'
1606 "
1381 :append-icon-cb="() => (e1 = !e1)" 1607 :append-icon-cb="() => (e1 = !e1)"
1382 :type="e1 ? 'password' : 'text'" 1608 :type="e1 ? 'password' : 'text'"
1383 :rules="password" 1609 :rules="password"
1384 v-model="parentData.password" 1610 v-model="parentData.password"
1385 placeholder="Enter Your Password" 1611 placeholder="Enter Your Password"
1386 :disabled="isFatherCellExists" 1612 :disabled="isFatherCellExists"
1387 required 1613 required
1388 ></v-text-field> 1614 ></v-text-field>
1389 </v-flex> 1615 </v-flex>
1390 </v-layout> 1616 </v-layout>
1391 </v-flex> 1617 </v-flex>
1392 </v-layout> 1618 </v-layout>
1393 <v-flex sm12 class="hidden-xs-only"> 1619 <v-flex sm12 class="hidden-xs-only">
1394 <v-card-actions> 1620 <v-card-actions>
1395 <v-spacer></v-spacer> 1621 <v-spacer></v-spacer>
1396 <v-btn 1622 <v-btn
1397 @click="submitParentDetails" 1623 @click="submitParentDetails"
1398 round 1624 round
1399 dark 1625 dark
1400 :loading="loading" 1626 :loading="loading"
1401 v-show="showParent" 1627 v-show="showParent"
1402 class="add-button" 1628 class="add-button"
1403 >Add</v-btn> 1629 >Add</v-btn
1630 >
1404 <v-btn 1631 <v-btn
1405 v-show="showNext" 1632 v-show="showNext"
1406 @click="e2 = 2" 1633 @click="e2 = 2"
1407 round 1634 round
1408 dark 1635 dark
1409 class="add-button" 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 </v-card-actions> 1651 </v-card-actions>
1412 </v-flex> 1652 </v-flex>
1413 <v-flex 1653 <!-- <v-flex
1414 xs6 1654 xs6
1415 class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2" 1655 class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"
1416 > 1656 >
1417 <v-btn 1657 <v-btn
1418 @click="submitParentDetails" 1658 @click="submitParentDetails"
1419 round 1659 round
1420 dark 1660 dark
1421 :loading="loading" 1661 :loading="loading"
1422 v-show="showParent" 1662 v-show="showParent"
1423 class="add-button" 1663 class="add-button"
1424 >Add</v-btn> 1664 >Add</v-btn
1665 >
1425 <v-btn 1666 <v-btn
1426 v-show="showNext" 1667 v-show="showNext"
1427 @click="e2 = 2" 1668 @click="e2 = 2"
1428 round 1669 round
1429 dark 1670 dark
1430 class="add-button" 1671 class="add-button"
1431 >Next</v-btn> 1672 >Next</v-btn
1432 </v-flex> 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 </v-form> 1687 </v-form>
1434 </v-flex> 1688 </v-flex>
1435 </v-container> 1689 </v-container>
1436 </v-stepper-content> 1690 </v-stepper-content>
1437 <v-stepper-content step="2"> 1691 <v-stepper-content step="2">
1438 <v-flex xs12 sm12> 1692 <v-flex xs12 sm12>
1439 <v-form ref="form" v-model="valid" lazy-validation> 1693 <v-form ref="form" v-model="valid" lazy-validation>
1440 <v-layout> 1694 <v-layout>
1441 <v-flex 1695 <v-flex
1442 xs12 1696 xs12
1443 class="text-xs-center text-sm-center text-md-center text-lg-center" 1697 class="text-xs-center text-sm-center text-md-center text-lg-center"
1444 > 1698 >
1445 <v-avatar size="100px"> 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 </v-avatar> 1704 </v-avatar>
1448 <input 1705 <input
1449 type="file" 1706 type="file"
1450 style="display: none" 1707 style="display: none"
1451 ref="image" 1708 ref="image"
1452 accept="image/*" 1709 accept="image/*"
1453 @change="onFilePicked" 1710 @change="onFilePicked"
1454 /> 1711 />
1455 <img 1712 <img
1456 :src="imageData.imageUrl" 1713 :src="imageData.imageUrl"
1457 height="150" 1714 height="150"
1458 v-if="imageUrl" 1715 v-if="imageUrl"
1459 style="border-radius:50%; width:200px" 1716 style="border-radius: 50%; width: 200px"
1460 /> 1717 />
1461 </v-flex> 1718 </v-flex>
1462 </v-layout> 1719 </v-layout>
1463 <v-layout wrap> 1720 <v-layout wrap>
1464 <v-flex xs12 sm6> 1721 <v-flex xs12 sm6>
1465 <v-layout> 1722 <v-layout>
1466 <v-flex x4 sm4 class="pt-4 subheading"> 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 <label 1728 <label
1469 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1729 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1470 >Class:</label> 1730 >Class:</label
1731 >
1471 </v-flex> 1732 </v-flex>
1472 <v-flex xs8 sm8 class="ml-3"> 1733 <v-flex xs8 sm8 class="ml-3">
1473 <v-select 1734 <v-select
1474 :items="addclass" 1735 :items="addclass"
1475 label="Select Class" 1736 label="Select Class"
1476 v-model="addStudents.select" 1737 v-model="addStudents.select"
1477 item-text="classNum" 1738 item-text="classNum"
1478 item-value="_id" 1739 item-value="_id"
1479 name="Select Class" 1740 name="Select Class"
1480 :rules="classRules" 1741 :rules="classRules"
1481 @change="getSection(addStudents.select)" 1742 @change="getSection(addStudents.select)"
1482 required 1743 required
1483 ></v-select> 1744 ></v-select>
1484 </v-flex> 1745 </v-flex>
1485 </v-layout> 1746 </v-layout>
1486 </v-flex> 1747 </v-flex>
1487 <v-flex xs12 sm6> 1748 <v-flex xs12 sm6>
1488 <v-layout> 1749 <v-layout>
1489 <v-flex xs4 class="pt-4 subheading"> 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 <label 1755 <label
1492 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1756 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1493 >Section:</label> 1757 >Section:</label
1758 >
1494 </v-flex> 1759 </v-flex>
1495 <v-flex xs8 class="ml-3"> 1760 <v-flex xs8 class="ml-3">
1496 <v-select 1761 <v-select
1497 :items="addSection" 1762 :items="addSection"
1498 label="Select Section" 1763 label="Select Section"
1499 v-model="addStudents.selectSection" 1764 v-model="addStudents.selectSection"
1500 item-text="name" 1765 item-text="name"
1501 item-value="_id" 1766 item-value="_id"
1502 name="Select Section" 1767 name="Select Section"
1503 :rules="sectionRules" 1768 :rules="sectionRules"
1504 required 1769 required
1505 ></v-select> 1770 ></v-select>
1506 </v-flex> 1771 </v-flex>
1507 </v-layout> 1772 </v-layout>
1508 </v-flex> 1773 </v-flex>
1509 </v-layout> 1774 </v-layout>
1510 <v-layout wrap> 1775 <v-layout wrap>
1511 <v-flex xs12 sm6> 1776 <v-flex xs12 sm6>
1512 <v-layout> 1777 <v-layout>
1513 <v-flex xs4 sm4 class="pt-4 subheading"> 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 <label 1783 <label
1516 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1784 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1517 >Name:</label> 1785 >Name:</label
1786 >
1518 </v-flex> 1787 </v-flex>
1519 <v-flex xs8 sm8 class="ml-3"> 1788 <v-flex xs8 sm8 class="ml-3">
1520 <v-text-field 1789 <v-text-field
1521 v-model="addStudents.name" 1790 v-model="addStudents.name"
1522 placeholder="fill your full Name" 1791 placeholder="fill your full Name"
1523 name="name" 1792 name="name"
1524 type="text" 1793 type="text"
1525 :rules="nameRules" 1794 :rules="nameRules"
1526 required 1795 required
1527 ></v-text-field> 1796 ></v-text-field>
1528 </v-flex> 1797 </v-flex>
1529 </v-layout> 1798 </v-layout>
1530 </v-flex> 1799 </v-flex>
1531 <v-flex xs12 sm6> 1800 <v-flex xs12 sm6>
1532 <v-layout> 1801 <v-layout>
1533 <v-flex xs4 sm4 class="pt-4 subheading"> 1802 <v-flex xs4 sm4 class="pt-4 subheading">
1534 <label class="right">Email:</label> 1803 <label class="right">Email:</label>
1535 </v-flex> 1804 </v-flex>
1536 <v-flex xs8 sm8 class="ml-3"> 1805 <v-flex xs8 sm8 class="ml-3">
1537 <v-text-field 1806 <v-text-field
1538 placeholder="fill your email" 1807 placeholder="fill your email"
1539 v-model="addStudents.email" 1808 v-model="addStudents.email"
1540 type="text" 1809 type="text"
1541 name="email" 1810 name="email"
1542 required 1811 required
1543 ></v-text-field> 1812 ></v-text-field>
1544 </v-flex> 1813 </v-flex>
1545 </v-layout> 1814 </v-layout>
1546 </v-flex> 1815 </v-flex>
1547 </v-layout> 1816 </v-layout>
1548 <v-layout wrap> 1817 <v-layout wrap>
1549 <v-flex xs12 sm6> 1818 <v-flex xs12 sm6>
1550 <v-layout> 1819 <v-layout>
1551 <v-flex xs4 sm4 class="pt-4 subheading"> 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 <label 1825 <label
1554 class="right hidden-lg-only hidden-xl-only hidden-md-only" 1826 class="right hidden-lg-only hidden-xl-only hidden-md-only"
1555 >D.O.B:</label> 1827 >D.O.B:</label
1828 >
1556 </v-flex> 1829 </v-flex>
1557 <v-flex xs8 sm8 class="ml-3"> 1830 <v-flex xs8 sm8 class="ml-3">
1558 <v-menu 1831 <v-menu
1559 ref="menu" 1832 ref="menu"
1560 :close-on-content-click="false" 1833 :close-on-content-click="false"
1561 v-model="menu" 1834 v-model="menu"
1562 :nudge-right="40" 1835 :nudge-right="40"
1563 lazy 1836 lazy
1564 transition="scale-transition" 1837 transition="scale-transition"
1565 offset-y 1838 offset-y
1566 full-width 1839 full-width
1567 min-width="290px" 1840 min-width="290px"
1568 > 1841 >
1569 <v-text-field 1842 <v-text-field
1570 slot="activator" 1843 slot="activator"
1571 :rules="dateRules" 1844 :rules="dateRules"
1572 v-model="addStudents.date" 1845 v-model="addStudents.date"
1573 placeholder="Select date" 1846 placeholder="Select date"
1574 ></v-text-field> 1847 ></v-text-field>
1575 <v-date-picker 1848 <v-date-picker
1576 ref="picker" 1849 ref="picker"
1577 v-model="addStudents.date" 1850 v-model="addStudents.date"
1578 :max="new Date().toISOString().substr(0, 10)" 1851 :max="
1852 new Date().toISOString().substr(0, 10)
1853 "
1579 min="1950-01-01" 1854 min="1950-01-01"
1580 @input="menu = false" 1855 @input="menu = false"
1581 ></v-date-picker> 1856 ></v-date-picker>
1582 </v-menu> 1857 </v-menu>
1583 </v-flex> 1858 </v-flex>
1584 </v-layout> 1859 </v-layout>
1585 </v-flex> 1860 </v-flex>
1586 <v-flex xs12 sm6> 1861 <v-flex xs12 sm6>
1587 <v-layout> 1862 <v-layout>
1588 <v-flex xs4 class="pt-4 subheading"> 1863 <v-flex xs4 class="pt-4 subheading">
1589 <label class="right">City:</label> 1864 <label class="right">City:</label>
1590 </v-flex> 1865 </v-flex>
1591 <v-flex xs8 class="ml-3"> 1866 <v-flex xs8 class="ml-3">
1592 <v-text-field 1867 <v-text-field
1593 v-model="addStudents.city" 1868 v-model="addStudents.city"
1594 placeholder="fill your City Name" 1869 placeholder="fill your City Name"
1595 name="City" 1870 name="City"
1596 type="text" 1871 type="text"
1597 :rules="cityRules" 1872 :rules="cityRules"
1598 required 1873 required
1599 ></v-text-field> 1874 ></v-text-field>
1600 </v-flex> 1875 </v-flex>
1601 </v-layout> 1876 </v-layout>
1602 </v-flex> 1877 </v-flex>
1603 </v-layout> 1878 </v-layout>
1604 <v-layout wrap> 1879 <v-layout wrap>
1605 <v-flex xs12 sm6> 1880 <v-flex xs12 sm6>
1606 <v-layout> 1881 <v-layout>
1607 <v-flex xs4 class="pt-4 subheading"> 1882 <v-flex xs4 class="pt-4 subheading">
1608 <label class="right">State:</label> 1883 <label class="right">State:</label>
1609 </v-flex> 1884 </v-flex>
1610 <v-flex xs8 class="ml-3"> 1885 <v-flex xs8 class="ml-3">
1611 <v-text-field 1886 <v-text-field
1612 v-model="addStudents.state" 1887 v-model="addStudents.state"
1613 placeholder="fill your State Name" 1888 placeholder="fill your State Name"
1614 name="state" 1889 name="state"
1615 type="text" 1890 type="text"
1616 :rules="stateRules" 1891 :rules="stateRules"
1617 required 1892 required
1618 ></v-text-field> 1893 ></v-text-field>
1619 </v-flex> 1894 </v-flex>
1620 </v-layout> 1895 </v-layout>
1621 </v-flex> 1896 </v-flex>
1622 <v-flex xs12 sm6> 1897 <v-flex xs12 sm6>
1623 <v-layout> 1898 <v-layout>
1624 <v-flex xs4 class="pt-4 subheading"> 1899 <v-flex xs4 class="pt-4 subheading">
1625 <label class="right">Pincode:</label> 1900 <label class="right">Pincode:</label>
1626 </v-flex> 1901 </v-flex>
1627 <v-flex xs8 class="ml-3"> 1902 <v-flex xs8 class="ml-3">
1628 <v-text-field 1903 <v-text-field
1629 v-model="addStudents.pincode" 1904 v-model="addStudents.pincode"
1630 placeholder="fill your pincode" 1905 placeholder="fill your pincode"
1631 name="pincode" 1906 name="pincode"
1632 type="number" 1907 type="number"
1633 :rules="pincode" 1908 :rules="pincode"
1634 required 1909 required
1635 ></v-text-field> 1910 ></v-text-field>
1636 </v-flex> 1911 </v-flex>
1637 </v-layout> 1912 </v-layout>
1638 </v-flex> 1913 </v-flex>
1639 </v-layout> 1914 </v-layout>
1640 <v-layout wrap> 1915 <v-layout wrap>
1641 <v-flex xs12 sm6> 1916 <v-flex xs12 sm6>
1642 <v-layout> 1917 <v-layout>
1643 <v-flex xs4 class="pt-4 subheading"> 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 <label 1923 <label
1646 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1924 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1647 >Mobile:</label> 1925 >Mobile:</label
1926 >
1648 </v-flex> 1927 </v-flex>
1649 <v-flex xs8 class="ml-3"> 1928 <v-flex xs8 class="ml-3">
1650 <v-layout row wrap> 1929 <v-layout row wrap>
1651 <v-flex xs3 class="mt-3"> 1930 <v-flex xs3 class="mt-3">
1652 <vue-country-code 1931 <vue-country-code
1653 @onSelect="addStudentMobileCode" 1932 @onSelect="addStudentMobileCode"
1654 class="black--text" 1933 class="black--text"
1655 ></vue-country-code> 1934 ></vue-country-code>
1656 </v-flex> 1935 </v-flex>
1657 <v-flex xs9> 1936 <v-flex xs9>
1658 <v-text-field 1937 <v-text-field
1659 v-model="addStudents.mobile" 1938 v-model="addStudents.mobile"
1660 placeholder="fill your MobileNo" 1939 placeholder="fill your MobileNo"
1661 name="mobileNo" 1940 name="mobileNo"
1662 type="number" 1941 type="number"
1663 ></v-text-field> 1942 ></v-text-field>
1664 </v-flex> 1943 </v-flex>
1665 </v-layout> 1944 </v-layout>
1666 </v-flex> 1945 </v-flex>
1667 </v-layout> 1946 </v-layout>
1668 </v-flex> 1947 </v-flex>
1669 <v-flex xs12 sm6> 1948 <v-flex xs12 sm6>
1670 <v-layout> 1949 <v-layout>
1671 <v-flex xs4 class="pt-4 subheading"> 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 <label 1955 <label
1674 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1956 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1675 >Country:</label> 1957 >Country:</label
1958 >
1676 </v-flex> 1959 </v-flex>
1677 <v-flex xs8 class="ml-3"> 1960 <v-flex xs8 class="ml-3">
1678 <v-autocomplete 1961 <v-autocomplete
1679 v-model="addStudents.country" 1962 v-model="addStudents.country"
1680 :rules="country" 1963 :rules="country"
1681 :items="countries" 1964 :items="countries"
1682 placeholder="Select Country Name" 1965 placeholder="Select Country Name"
1683 required 1966 required
1684 ></v-autocomplete> 1967 ></v-autocomplete>
1685 </v-flex> 1968 </v-flex>
1686 </v-layout> 1969 </v-layout>
1687 </v-flex> 1970 </v-flex>
1688 </v-layout> 1971 </v-layout>
1689 <v-layout wrap> 1972 <v-layout wrap>
1690 <v-flex xs12 sm6> 1973 <v-flex xs12 sm6>
1691 <v-layout> 1974 <v-layout>
1692 <v-flex xs4 class="pt-4 subheading"> 1975 <v-flex xs4 class="pt-4 subheading">
1693 <label class="right">Gender:</label> 1976 <label class="right">Gender:</label>
1694 </v-flex> 1977 </v-flex>
1695 <v-flex xs8 class="ml-3"> 1978 <v-flex xs8 class="ml-3">
1696 <v-select 1979 <v-select
1697 :items="gender" 1980 :items="gender"
1698 v-model="addStudents.gender" 1981 v-model="addStudents.gender"
1699 :rules="genderRules" 1982 :rules="genderRules"
1700 label="Select Gender" 1983 label="Select Gender"
1701 required 1984 required
1702 ></v-select> 1985 ></v-select>
1703 </v-flex> 1986 </v-flex>
1704 </v-layout> 1987 </v-layout>
1705 </v-flex> 1988 </v-flex>
1706 <v-flex xs12 sm6> 1989 <v-flex xs12 sm6>
1707 <v-layout> 1990 <v-layout>
1708 <v-flex xs4 class="pt-4 subheading"> 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 <label 1996 <label
1711 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1997 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1712 >Blood:</label> 1998 >Blood:</label
1999 >
1713 </v-flex> 2000 </v-flex>
1714 <v-flex xs8 class="ml-3"> 2001 <v-flex xs8 class="ml-3">
1715 <v-text-field 2002 <v-text-field
1716 v-model="addStudents.bloodGroup" 2003 v-model="addStudents.bloodGroup"
1717 placeholder="Fill your Blood Group" 2004 placeholder="Fill your Blood Group"
1718 required 2005 required
1719 ></v-text-field> 2006 ></v-text-field>
1720 </v-flex> 2007 </v-flex>
1721 </v-layout> 2008 </v-layout>
1722 </v-flex> 2009 </v-flex>
1723 </v-layout> 2010 </v-layout>
1724 <v-layout wrap> 2011 <v-layout wrap>
1725 <v-flex xs12 sm6> 2012 <v-flex xs12 sm6>
1726 <v-layout> 2013 <v-layout>
1727 <v-flex xs4 class="pt-4 subheading"> 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 <label 2019 <label
1730 class="right hidden-lg-only hidden-md-only hidden-xl-only" 2020 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1731 >Roll No:</label> 2021 >Roll No:</label
2022 >
1732 </v-flex> 2023 </v-flex>
1733 <v-flex xs8 class="ml-3"> 2024 <v-flex xs8 class="ml-3">
1734 <v-text-field 2025 <v-text-field
1735 v-model="addStudents.rollNo" 2026 v-model="addStudents.rollNo"
1736 placeholder="Fill your Roll Number" 2027 placeholder="Fill your Roll Number"
1737 :rules="rollNo" 2028 :rules="rollNo"
1738 required 2029 required
1739 ></v-text-field> 2030 ></v-text-field>
1740 </v-flex> 2031 </v-flex>
1741 </v-layout> 2032 </v-layout>
1742 </v-flex> 2033 </v-flex>
1743 <v-flex xs12 sm6> 2034 <v-flex xs12 sm6>
1744 <v-layout> 2035 <v-layout>
1745 <v-flex xs4 class="pt-4 subheading"> 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 <label 2041 <label
1748 class="right hidden-lg-only hidden-md-only hidden-xl-only" 2042 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1749 >Medical:</label> 2043 >Medical:</label
2044 >
1750 </v-flex> 2045 </v-flex>
1751 <v-flex xs8 class="ml-3"> 2046 <v-flex xs8 class="ml-3">
1752 <v-text-field 2047 <v-text-field
1753 v-model="addStudents.medicalNotes" 2048 v-model="addStudents.medicalNotes"
1754 placeholder="Fill your Medical Notes" 2049 placeholder="Fill your Medical Notes"
1755 required 2050 required
1756 ></v-text-field> 2051 ></v-text-field>
1757 </v-flex> 2052 </v-flex>
1758 </v-layout> 2053 </v-layout>
1759 </v-flex> 2054 </v-flex>
1760 </v-layout> 2055 </v-layout>
1761 <v-layout wrap> 2056 <v-layout wrap>
1762 <v-flex xs12 sm6> 2057 <v-flex xs12 sm6>
1763 <v-layout> 2058 <v-layout>
1764 <v-flex xs4 class="pt-4 subheading"> 2059 <v-flex xs4 class="pt-4 subheading">
1765 <label class="right">Height:</label> 2060 <label class="right">Height:</label>
1766 </v-flex> 2061 </v-flex>
1767 <v-flex xs8 class="ml-3"> 2062 <v-flex xs8 class="ml-3">
1768 <v-text-field 2063 <v-text-field
1769 v-model="addStudents.height" 2064 v-model="addStudents.height"
1770 placeholder="Fill your Height" 2065 placeholder="Fill your Height"
1771 required 2066 required
1772 ></v-text-field> 2067 ></v-text-field>
1773 </v-flex> 2068 </v-flex>
1774 </v-layout> 2069 </v-layout>
1775 </v-flex> 2070 </v-flex>
1776 <v-flex xs12 sm6> 2071 <v-flex xs12 sm6>
1777 <v-layout> 2072 <v-layout>
1778 <v-flex xs4 class="pt-4 subheading"> 2073 <v-flex xs4 class="pt-4 subheading">
1779 <label class="right">Weight:</label> 2074 <label class="right">Weight:</label>
1780 </v-flex> 2075 </v-flex>
1781 <v-flex xs8 class="ml-3"> 2076 <v-flex xs8 class="ml-3">
1782 <v-text-field 2077 <v-text-field
1783 v-model="addStudents.weight" 2078 v-model="addStudents.weight"
1784 placeholder="Fill your Weight" 2079 placeholder="Fill your Weight"
1785 required 2080 required
1786 ></v-text-field> 2081 ></v-text-field>
1787 </v-flex> 2082 </v-flex>
1788 </v-layout> 2083 </v-layout>
1789 </v-flex> 2084 </v-flex>
1790 </v-layout> 2085 </v-layout>
1791 <v-layout wrap> 2086 <v-layout wrap>
1792 <v-flex xs12 sm6> 2087 <v-flex xs12 sm6>
1793 <v-layout> 2088 <v-layout>
1794 <v-flex xs4 class="pt-4 subheading"> 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 <label 2094 <label
1797 class="right hidden-lg-only hidden-md-only hidden-xl-only" 2095 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1798 >Uplaod :</label> 2096 >Uplaod :</label
2097 >
1799 </v-flex> 2098 </v-flex>
1800 <v-flex xs8 class="ml-3"> 2099 <v-flex xs8 class="ml-3">
1801 <v-text-field 2100 <v-text-field
1802 label="Select Image" 2101 label="Select Image"
1803 @click="pickFile" 2102 @click="pickFile"
1804 v-model="imageName" 2103 v-model="imageName"
1805 append-icon="attach_file" 2104 append-icon="attach_file"
1806 ></v-text-field> 2105 ></v-text-field>
1807 </v-flex> 2106 </v-flex>
1808 </v-layout> 2107 </v-layout>
1809 </v-flex> 2108 </v-flex>
1810 <v-flex xs12 sm6> 2109 <v-flex xs12 sm6>
1811 <v-layout> 2110 <v-layout>
1812 <v-flex xs4 class="pt-4 subheading"> 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 <label 2116 <label
1815 class="right hidden-lg-only hidden-md-only hidden-xl-only" 2117 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1816 >Year:</label> 2118 >Year:</label
2119 >
1817 </v-flex> 2120 </v-flex>
1818 <v-flex xs8 class="ml-3"> 2121 <v-flex xs8 class="ml-3">
1819 <v-text-field 2122 <v-text-field
1820 v-model="addStudents.establishmentYear" 2123 v-model="addStudents.establishmentYear"
1821 placeholder="fill your Academic Year" 2124 placeholder="fill your Academic Year"
1822 name="state" 2125 name="state"
1823 type="number" 2126 type="number"
1824 :rules="establishmentYearRules" 2127 :rules="establishmentYearRules"
1825 required 2128 required
1826 ></v-text-field> 2129 ></v-text-field>
1827 </v-flex> 2130 </v-flex>
1828 </v-layout> 2131 </v-layout>
1829 </v-flex> 2132 </v-flex>
1830 </v-layout> 2133 </v-layout>
1831 <v-layout wrap class="hidden-xs-only hidden-sm-only"> 2134 <v-layout wrap class="hidden-xs-only hidden-sm-only">
1832 <v-flex xs12 sm6> 2135 <v-flex xs12 sm6>
1833 <v-layout> 2136 <v-layout>
1834 <v-flex xs4 sm4 class="pt-4 subheading"> 2137 <v-flex xs4 sm4 class="pt-4 subheading">
1835 <label class="right">Present Address:</label> 2138 <label class="right">Present Address:</label>
1836 </v-flex> 2139 </v-flex>
1837 <v-flex xs8 sm8 class="ml-3"> 2140 <v-flex xs8 sm8 class="ml-3">
1838 <v-text-field 2141 <v-text-field
1839 v-model="addStudents.presentAddress" 2142 v-model="addStudents.presentAddress"
1840 :rules="presentAddress" 2143 :rules="presentAddress"
1841 placeholder="fill Your present Address" 2144 placeholder="fill Your present Address"
1842 @keyup="copyData" 2145 @keyup="copyData"
1843 ></v-text-field> 2146 ></v-text-field>
1844 </v-flex> 2147 </v-flex>
1845 </v-layout> 2148 </v-layout>
1846 </v-flex> 2149 </v-flex>
1847 <v-flex xs12 sm6> 2150 <v-flex xs12 sm6>
1848 <v-layout> 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 <label class="right">Permanent Address:</label> 2157 <label class="right">Permanent Address:</label>
1851 </v-flex> 2158 </v-flex>
1852 <v-flex xs12 sm8 class="ml-3"> 2159 <v-flex xs12 sm8 class="ml-3">
1853 <v-switch 2160 <v-switch
1854 v-model="addStudents.permanentAddress" 2161 v-model="addStudents.permanentAddress"
1855 label="Select Permanent Address" 2162 label="Select Permanent Address"
1856 :value="addStudents.presentAddress" 2163 :value="addStudents.presentAddress"
1857 ></v-switch> 2164 ></v-switch>
1858 </v-flex> 2165 </v-flex>
1859 </v-layout> 2166 </v-layout>
1860 </v-flex> 2167 </v-flex>
1861 </v-layout> 2168 </v-layout>
1862 <v-layout class="hidden-xs-only hidden-sm-only"> 2169 <v-layout class="hidden-xs-only hidden-sm-only">
1863 <v-flex xs12 sm6> 2170 <v-flex xs12 sm6>
1864 <v-layout> 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 <label class="right">Permanent Address:</label> 2177 <label class="right">Permanent Address:</label>
1867 </v-flex> 2178 </v-flex>
1868 <v-flex xs12 sm8 class="ml-3"> 2179 <v-flex xs12 sm8 class="ml-3">
1869 <v-text-field 2180 <v-text-field
1870 v-model="addStudents.permanentAddress" 2181 v-model="addStudents.permanentAddress"
1871 :rules="permanentAddress" 2182 :rules="permanentAddress"
1872 placeholder="fill Your Permanent Address" 2183 placeholder="fill Your Permanent Address"
1873 ></v-text-field> 2184 ></v-text-field>
1874 </v-flex> 2185 </v-flex>
1875 </v-layout> 2186 </v-layout>
1876 </v-flex> 2187 </v-flex>
1877 </v-layout> 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 <v-flex xs12 sm12> 2193 <v-flex xs12 sm12>
1880 <v-layout> 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 <label class>Present Address:</label> 2200 <label class>Present Address:</label>
1883 </v-flex> 2201 </v-flex>
1884 </v-layout> 2202 </v-layout>
1885 <v-layout> 2203 <v-layout>
1886 <v-flex xs12 sm12> 2204 <v-flex xs12 sm12>
1887 <v-textarea 2205 <v-textarea
1888 name="input-4-3" 2206 name="input-4-3"
1889 v-model="addStudents.presentAddress" 2207 v-model="addStudents.presentAddress"
1890 :rules="presentAddress" 2208 :rules="presentAddress"
1891 placeholder="fill Your present Address" 2209 placeholder="fill Your present Address"
1892 required 2210 required
1893 ></v-textarea> 2211 ></v-textarea>
1894 </v-flex> 2212 </v-flex>
1895 </v-layout> 2213 </v-layout>
1896 </v-flex> 2214 </v-flex>
1897 <v-flex xs12 sm12> 2215 <v-flex xs12 sm12>
1898 <v-layout> 2216 <v-layout>
1899 <v-flex 2217 <v-flex
1900 xs12 2218 xs12
1901 sm12 2219 sm12
1902 class="pt-4 pr-4 subheading text-xs-center addressForm" 2220 class="pt-4 pr-4 subheading text-xs-center addressForm"
1903 > 2221 >
1904 <label>Permanent Address:</label> 2222 <label>Permanent Address:</label>
1905 </v-flex> 2223 </v-flex>
1906 </v-layout> 2224 </v-layout>
1907 <v-layout> 2225 <v-layout>
1908 <v-flex xs12 sm12> 2226 <v-flex xs12 sm12>
1909 <v-textarea 2227 <v-textarea
1910 name="input-4-3" 2228 name="input-4-3"
1911 v-model="addStudents.permanentAddress" 2229 v-model="addStudents.permanentAddress"
1912 :rules="permanentAddress" 2230 :rules="permanentAddress"
1913 placeholder="fill Your Permanent Address" 2231 placeholder="fill Your Permanent Address"
1914 required 2232 required
1915 ></v-textarea> 2233 ></v-textarea>
1916 </v-flex> 2234 </v-flex>
1917 </v-layout> 2235 </v-layout>
1918 </v-flex> 2236 </v-flex>
1919 </v-layout> 2237 </v-layout>
1920 <v-layout> 2238 <v-layout>
1921 <v-flex xs12 sm12> 2239 <v-flex xs12 sm12>
1922 <v-layout class="right"> 2240 <v-layout class="right">
1923 <!-- <v-flex xs6> --> 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 <!-- </v-flex> 2249 <!-- </v-flex>
1926 <v-flex xs6>--> 2250 <v-flex xs6>-->
1927 <v-btn 2251 <v-btn
1928 @click="submit" 2252 @click="submit"
1929 round 2253 round
1930 dark 2254 dark
1931 :loading="loading" 2255 :loading="loading"
1932 class="add-button" 2256 class="add-button"
1933 >Add</v-btn> 2257 >Add</v-btn
2258 >
1934 <!-- </v-flex> --> 2259 <!-- </v-flex> -->
1935 </v-layout> 2260 </v-layout>
1936 </v-flex> 2261 </v-flex>
1937 </v-layout> 2262 </v-layout>
1938 </v-form> 2263 </v-form>
1939 </v-flex> 2264 </v-flex>
1940 </v-stepper-content> 2265 </v-stepper-content>
1941 </v-stepper-items> 2266 </v-stepper-items>
1942 </v-stepper> 2267 </v-stepper>
1943 </v-flex> 2268 </v-flex>
1944 </v-layout> 2269 </v-layout>
1945 </v-container> 2270 </v-container>
1946 </v-card> 2271 </v-card>
1947 </v-dialog> 2272 </v-dialog>
1948 <v-snackbar 2273 <v-snackbar
1949 :timeout="timeout" 2274 :timeout="timeout"
1950 :top="y === 'top'" 2275 :top="y === 'top'"
1951 :right="x === 'right'" 2276 :right="x === 'right'"
1952 :vertical="mode === 'vertical'" 2277 :vertical="mode === 'vertical'"
1953 v-model="snackbar" 2278 v-model="snackbar"
1954 :color="color" 2279 :color="color"
1955 >{{ text }}</v-snackbar> 2280 >{{ text }}</v-snackbar
2281 >
1956 <div class="loader" v-if="showLoader"> 2282 <div class="loader" v-if="showLoader">
1957 <v-progress-circular indeterminate color="white"></v-progress-circular> 2283 <v-progress-circular indeterminate color="white"></v-progress-circular>
1958 </div> 2284 </div>
1959 </v-container> 2285 </v-container>
1960 </template> 2286 </template>
1961 2287
1962 <script> 2288 <script>
1963 import http from "@/Services/http.js"; 2289 import http from "@/Services/http.js";
1964 import moment from "moment"; 2290 import moment from "moment";
1965 import countryList from "@/script/country.js"; 2291 import countryList from "@/script/country.js";
1966 import parent from "@/script/parents.js"; 2292 import parent from "@/script/parents.js";
1967 2293
1968 export default { 2294 export default {
1969 data: () => ({ 2295 data: () => ({
1970 /* EDIT DETAILS MOBILE */ 2296 /* EDIT DETAILS MOBILE */
1971 editedStudentMobileCode: "", 2297 editedStudentMobileCode: "",
1972 /* ADD FATHER CELL */ 2298 /* ADD FATHER CELL */
1973 addedFatherCellCode: "", 2299 addedFatherCellCode: "",
1974 addedStudentMobileCode: "", 2300 addedStudentMobileCode: "",
1975 e1: true, 2301 e1: true,
1976 e2: 0, 2302 e2: 0,
1977 showParent: true, 2303 showParent: true,
1978 showNext: false, 2304 showNext: false,
1979 snackbar: false, 2305 snackbar: false,
1980 y: "top", 2306 y: "top",
1981 x: "right", 2307 x: "right",
1982 role: "", 2308 role: "",
1983 mode: "", 2309 mode: "",
1984 append: "", 2310 append: "",
1985 timeout: 3000, 2311 timeout: 3000,
1986 text: "", 2312 text: "",
1987 show: true, 2313 show: true,
1988 color: "", 2314 color: "",
1989 showSearch: false, 2315 showSearch: false,
1990 showLoader: false, 2316 showLoader: false,
1991 loading: false, 2317 loading: false,
1992 editLoading: false, 2318 editLoading: false,
1993 date: null, 2319 date: null,
1994 search: "", 2320 search: "",
1995 password: "", 2321 password: "",
1996 menu: false, 2322 menu: false,
1997 menu1: false, 2323 menu1: false,
1998 editStudentDialog: false, 2324 editStudentDialog: false,
1999 profileStudentDialog: false, 2325 profileStudentDialog: false,
2000 addStudentDialog: false, 2326 addStudentDialog: false,
2001 valid: true, 2327 valid: true,
2002 addclass: [], 2328 addclass: [],
2003 addSection: [], 2329 addSection: [],
2004 gender: ["Male", "Female"], 2330 gender: ["Male", "Female"],
2005 pagination: { 2331 pagination: {
2006 rowsPerPage: 10, 2332 rowsPerPage: 10,
2007 }, 2333 },
2008 imageData: {}, 2334 imageData: {},
2009 imageName: "", 2335 imageName: "",
2010 imageUrl: "", 2336 imageUrl: "",
2011 imageFile: "", 2337 imageFile: "",
2012 editImageName: "", 2338 editImageName: "",
2013 editImageUrl: "", 2339 editImageUrl: "",
2014 nameRules: [(v) => !!v || " Full Name is required"], 2340 nameRules: [(v) => !!v || " Full Name is required"],
2015 dateRules: [(v) => !!v || " DOB is required"], 2341 dateRules: [(v) => !!v || " DOB is required"],
2016 cityRules: [(v) => !!v || " City Name is required"], 2342 cityRules: [(v) => !!v || " City Name is required"],
2017 pincode: [(v) => !!v || " Pincode is required"], 2343 pincode: [(v) => !!v || " Pincode is required"],
2018 country: [(v) => !!v || " Country Name is required"], 2344 country: [(v) => !!v || " Country Name is required"],
2019 rollNo: [(v) => !!v || "Roll No is required"], 2345 rollNo: [(v) => !!v || "Roll No is required"],
2020 permanentAddress: [(v) => !!v || " Permanent Address is required"], 2346 permanentAddress: [(v) => !!v || " Permanent Address is required"],
2021 presentAddress: [(v) => !!v || " Present Address is required"], 2347 presentAddress: [(v) => !!v || " Present Address is required"],
2022 stateRules: [(v) => !!v || "State Name is required"], 2348 stateRules: [(v) => !!v || "State Name is required"],
2023 classRules: [(v) => !!v || " Class Name is required"], 2349 classRules: [(v) => !!v || " Class Name is required"],
2024 sectionRules: [(v) => !!v || " Section Name is required"], 2350 sectionRules: [(v) => !!v || " Section Name is required"],
2025 genderRules: [(v) => !!v || " Select Gender is required"], 2351 genderRules: [(v) => !!v || " Select Gender is required"],
2026 fatheCellNoRules: [ 2352 fatheCellNoRules: [
2027 (v) => !!v || " father Cell Number is required", 2353 (v) => !!v || " father Cell Number is required",
2028 (v) => v <= 10000000000 || "Max 10 characters is required", 2354 (v) => v <= 10000000000 || "Max 10 characters is required",
2029 ], 2355 ],
2030 password: [ 2356 password: [
2031 (v) => !!v || "Password field is Required.", 2357 (v) => !!v || "Password field is Required.",
2032 // v => (/^(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])(?=.{8,})/).test(v) && v.length >= 8 2358 // v => (/^(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])(?=.{8,})/).test(v) && v.length >= 8
2033 ], 2359 ],
2034 mobileNoRule: [(v) => !!v || " Mobile Number is required"], 2360 mobileNoRule: [(v) => !!v || " Mobile Number is required"],
2035 establishmentYearRules: [(v) => !!v || " Academic Year is required"], 2361 establishmentYearRules: [(v) => !!v || " Academic Year is required"],
2036 errorMessages: "", 2362 errorMessages: "",
2037 countries: [], 2363 countries: [],
2038 headers: [ 2364 headers: [
2039 { 2365 {
2040 text: "Roll No.", 2366 text: "Roll No.",
2041 align: "center", 2367 align: "center",
2042 sortable: false, 2368 sortable: false,
2043 value: "rollNo", 2369 value: "rollNo",
2044 }, 2370 },
2045 { 2371 {
2046 text: "Profile Pic", 2372 text: "Profile Pic",
2047 value: "profilePicUrl", 2373 value: "profilePicUrl",
2048 sortable: false, 2374 sortable: false,
2049 align: "center", 2375 align: "center",
2050 }, 2376 },
2051 { text: "Name", value: "name", sortable: false, align: "center" }, 2377 { text: "Name", value: "name", sortable: false, align: "center" },
2052 { text: "Gender", value: "gender", sortable: false, align: "center" }, 2378 { text: "Gender", value: "gender", sortable: false, align: "center" },
2053 { 2379 {
2054 text: "Father Name", 2380 text: "Father Name",
2055 value: "fatherName", 2381 value: "fatherName",
2056 sortable: false, 2382 sortable: false,
2057 align: "center", 2383 align: "center",
2058 }, 2384 },
2059 { 2385 {
2060 text: "Mother Name", 2386 text: "Mother Name",
2061 value: "motherName", 2387 value: "motherName",
2062 sortable: false, 2388 sortable: false,
2063 align: "center", 2389 align: "center",
2064 }, 2390 },
2065 { 2391 {
2066 text: "Academic Year", 2392 text: "Academic Year",
2067 value: "establishmentYear", 2393 value: "establishmentYear",
2068 sortable: false, 2394 sortable: false,
2069 align: "center", 2395 align: "center",
2070 }, 2396 },
2071 // { text: "Mobile No", value: "mobile", sortable: false, align: "center" }, 2397 // { text: "Mobile No", value: "mobile", sortable: false, align: "center" },
2072 { 2398 {
2073 text: "Status", 2399 text: "Status",
2074 value: "status", 2400 value: "status",
2075 sortable: false, 2401 sortable: false,
2076 align: "center", 2402 align: "center",
2077 }, 2403 },
2078 { text: "Action", value: "", sortable: false, align: "center" }, 2404 { text: "Action", value: "", sortable: false, align: "center" },
2079 ], 2405 ],
2080 studentsData: [], 2406 studentsData: [],
2081 parentId: "", 2407 parentId: "",
2082 editedIndex: -1, 2408 editedIndex: -1,
2083 parentData: {}, 2409 parentData: {},
2084 addStudents: { 2410 addStudents: {
2085 role: "STUDENT", 2411 role: "STUDENT",
2086 name: "", 2412 name: "",
2087 email: "", 2413 email: "",
2088 date: "", 2414 date: "",
2089 city: "", 2415 city: "",
2090 pincode: "", 2416 pincode: "",
2091 country: "", 2417 country: "",
2092 permanentAddress: "", 2418 permanentAddress: "",
2093 presentAddress: "", 2419 presentAddress: "",
2094 mobile: "", 2420 mobile: "",
2095 state: "", 2421 state: "",
2096 gender: "", 2422 gender: "",
2097 select: "", 2423 select: "",
2098 selectSection: "", 2424 selectSection: "",
2099 bloodGroup: "", 2425 bloodGroup: "",
2100 allergies: "", 2426 allergies: "",
2101 medicalNotes: "", 2427 medicalNotes: "",
2102 height: "", 2428 height: "",
2103 weight: "", 2429 weight: "",
2104 rollNo: "", 2430 rollNo: "",
2105 establishmentYear: new Date().getFullYear(), 2431 establishmentYear: new Date().getFullYear(),
2106 }, 2432 },
2107 selectStudents: { 2433 selectStudents: {
2108 select: "", 2434 select: "",
2109 selectSection: "", 2435 selectSection: "",
2110 }, 2436 },
2111 editedItem: { 2437 editedItem: {
2112 role: "STUDENT", 2438 role: "STUDENT",
2113 name: "", 2439 name: "",
2114 email: "", 2440 email: "",
2115 dob: "", 2441 dob: "",
2116 city: "", 2442 city: "",
2117 pincode: "", 2443 pincode: "",
2118 country: "", 2444 country: "",
2119 permanentAddress: "", 2445 permanentAddress: "",
2120 presentAddress: "", 2446 presentAddress: "",
2121 mobile: "", 2447 mobile: "",
2122 state: "", 2448 state: "",
2123 gender: "", 2449 gender: "",
2124 select: "", 2450 select: "",
2125 selectSection: "", 2451 selectSection: "",
2126 bloodGroup: "", 2452 bloodGroup: "",
2127 allergies: "", 2453 allergies: "",
2128 medicalNotes: "", 2454 medicalNotes: "",
2129 height: "", 2455 height: "",
2130 weight: "", 2456 weight: "",
2131 rollNo: "", 2457 rollNo: "",
2132 establishmentYear: new Date().getFullYear(), 2458 establishmentYear: new Date().getFullYear(),
2133 }, 2459 },
2134 isFatherCellExists: false, 2460 isFatherCellExists: false,
2135 }), 2461 }),
2136 watch: { 2462 watch: {
2137 menu(val) { 2463 menu(val) {
2138 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR")); 2464 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
2139 }, 2465 },
2140 menu1(val) { 2466 menu1(val) {
2141 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR")); 2467 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
2142 }, 2468 },
2143 addStudentDialog: function (val) { 2469 addStudentDialog: function (val) {
2144 if (!val) { 2470 if (!val) {
2145 this.parentData = []; 2471 this.parentData = [];
2146 this.addStudents = []; 2472 this.addStudents = [];
2147 this.imageName = ""; 2473 this.imageName = "";
2148 this.imageFile = ""; 2474 this.imageFile = "";
2149 this.imageUrl = ""; 2475 this.imageUrl = "";
2150 this.e2 = 1; 2476 this.e2 = 1;
2151 } 2477 }
2152 }, 2478 },
2153 }, 2479 },
2154 methods: { 2480 methods: {
2155 editStudentMobileCode({ name, iso2, dialCode }) { 2481 editStudentMobileCode({ name, iso2, dialCode }) {
2156 // console.log("Edit father cell", name,iso2); 2482 // console.log("Edit father cell", name,iso2);
2157 this.editedStudentMobileCode = dialCode; 2483 this.editedStudentMobileCode = dialCode;
2158 }, 2484 },
2159 addFatherCellCode({ name, iso2, dialCode }) { 2485 addFatherCellCode({ name, iso2, dialCode }) {
2160 this.addedFatherCellCode = dialCode; 2486 this.addedFatherCellCode = dialCode;
2161 }, 2487 },
2162 addStudentMobileCode({ name, iso2, dialCode }) { 2488 addStudentMobileCode({ name, iso2, dialCode }) {
2163 this.addedStudentMobileCode = dialCode; 2489 this.addedStudentMobileCode = dialCode;
2164 }, 2490 },
2165 onSelect({ name, iso2, dialCode }) { 2491 onSelect({ name, iso2, dialCode }) {
2166 // console.log("country codes", name, iso2, dialCode); 2492 // console.log("country codes", name, iso2, dialCode);
2167 }, 2493 },
2168 findStudents() { 2494 findStudents() {
2169 this.showLoader = true; 2495 this.showLoader = true;
2170 http() 2496 http()
2171 .get("/getStudentWithClass", { 2497 .get("/getStudentWithClass", {
2172 params: { 2498 params: {
2173 classId: this.selectStudents.select, 2499 classId: this.selectStudents.select,
2174 sectionId: this.selectStudents.selectSection, 2500 sectionId: this.selectStudents.selectSection,
2175 }, 2501 },
2176 }) 2502 })
2177 .then((response) => { 2503 .then((response) => {
2178 this.studentsData = response.data.data; 2504 this.studentsData = response.data.data;
2179 this.showLoader = false; 2505 this.showLoader = false;
2180 }) 2506 })
2181 .catch((err) => { 2507 .catch((err) => {
2182 // console.log("err====>", err); 2508 // console.log("err====>", err);
2183 this.showLoader = false; 2509 this.showLoader = false;
2184 this.snackbar = true; 2510 this.snackbar = true;
2185 this.color = "error"; 2511 this.color = "error";
2186 this.text = error.response.data.message; 2512 this.text = error.response.data.message;
2187 }); 2513 });
2188 }, 2514 },
2189 getSections(_id) { 2515 getSections(_id) {
2190 var token = this.$store.state.token; 2516 var token = this.$store.state.token;
2191 this.showLoader = true; 2517 this.showLoader = true;
2192 this.studentsData = []; 2518 this.studentsData = [];
2193 http() 2519 http()
2194 .get( 2520 .get(
2195 "/getSectionsList", 2521 "/getSectionsList",
2196 { params: { classId: _id } }, 2522 { params: { classId: _id } },
2197 { 2523 {
2198 headers: { Authorization: "Bearer " + token }, 2524 headers: { Authorization: "Bearer " + token },
2199 } 2525 }
2200 ) 2526 )
2201 .then((response) => { 2527 .then((response) => {
2202 this.addSection = response.data.data; 2528 this.addSection = response.data.data;
2203 this.showLoader = false; 2529 this.showLoader = false;
2204 }) 2530 })
2205 .catch((err) => { 2531 .catch((err) => {
2206 this.showLoader = false; 2532 this.showLoader = false;
2207 }); 2533 });
2208 }, 2534 },
2209 getSection(_id) { 2535 getSection(_id) {
2210 var token = this.$store.state.token; 2536 var token = this.$store.state.token;
2211 this.showLoader = true; 2537 this.showLoader = true;
2212 http() 2538 http()
2213 .get( 2539 .get(
2214 "/getSectionsList", 2540 "/getSectionsList",
2215 { params: { classId: _id } }, 2541 { params: { classId: _id } },
2216 { 2542 {
2217 headers: { Authorization: "Bearer " + token }, 2543 headers: { Authorization: "Bearer " + token },
2218 } 2544 }
2219 ) 2545 )
2220 .then((response) => { 2546 .then((response) => {
2221 this.addSection = response.data.data; 2547 this.addSection = response.data.data;
2222 this.showLoader = false; 2548 this.showLoader = false;
2223 }) 2549 })
2224 .catch((err) => { 2550 .catch((err) => {
2225 this.showLoader = false; 2551 this.showLoader = false;
2226 }); 2552 });
2227 }, 2553 },
2228 pickFile() { 2554 pickFile() {
2229 this.$refs.image.click(); 2555 this.$refs.image.click();
2230 }, 2556 },
2231 pickEditFile() { 2557 pickEditFile() {
2232 this.$refs.editDataImage.click(); 2558 this.$refs.editDataImage.click();
2233 }, 2559 },
2234 dates: function (date) { 2560 dates: function (date) {
2235 return moment(date).format("MMMM DD, YYYY"); 2561 return moment(date).format("MMMM DD, YYYY");
2236 return date; 2562 return date;
2237 }, 2563 },
2238 onFilePicked(e) { 2564 onFilePicked(e) {
2239 // console.log(e) 2565 // console.log(e)
2240 const files = e.target.files; 2566 const files = e.target.files;
2241 this.imageData.upload = e.target.files[0]; 2567 this.imageData.upload = e.target.files[0];
2242 if (files[0] !== undefined) { 2568 if (files[0] !== undefined) {
2243 this.imageName = files[0].name; 2569 this.imageName = files[0].name;
2244 if (this.imageName.lastIndexOf(".") <= 0) { 2570 if (this.imageName.lastIndexOf(".") <= 0) {
2245 return; 2571 return;
2246 } 2572 }
2247 const fr = new FileReader(); 2573 const fr = new FileReader();
2248 fr.readAsDataURL(files[0]); 2574 fr.readAsDataURL(files[0]);
2249 fr.addEventListener("load", () => { 2575 fr.addEventListener("load", () => {
2250 this.imageUrl = fr.result; 2576 this.imageUrl = fr.result;
2251 this.imageFile = files[0]; // this is an image file that can be sent to server... 2577 this.imageFile = files[0]; // this is an image file that can be sent to server...
2252 this.imageData.imageUrl = URL.createObjectURL(this.imageFile); 2578 this.imageData.imageUrl = URL.createObjectURL(this.imageFile);
2253 }); 2579 });
2254 } else { 2580 } else {
2255 this.imageName = ""; 2581 this.imageName = "";
2256 this.imageFile = ""; 2582 this.imageFile = "";
2257 this.imageUrl = ""; 2583 this.imageUrl = "";
2258 } 2584 }
2259 }, 2585 },
2260 onEditFilePicked(e) { 2586 onEditFilePicked(e) {
2261 // console.log(e); 2587 // console.log(e);
2262 const files = e.target.files; 2588 const files = e.target.files;
2263 if (files[0] !== undefined) { 2589 if (files[0] !== undefined) {
2264 this.editImageName = files[0].name; 2590 this.editImageName = files[0].name;
2265 // console.log("this.editImageName", this.editImageName); 2591 // console.log("this.editImageName", this.editImageName);
2266 2592
2267 if (this.editImageName.lastIndexOf(".") <= 0) { 2593 if (this.editImageName.lastIndexOf(".") <= 0) {
2268 return; 2594 return;
2269 } 2595 }
2270 const fr = new FileReader(); 2596 const fr = new FileReader();
2271 fr.readAsDataURL(files[0]); 2597 fr.readAsDataURL(files[0]);
2272 fr.addEventListener("load", () => { 2598 fr.addEventListener("load", () => {
2273 this.editImageUrl = fr.result; 2599 this.editImageUrl = fr.result;
2274 this.editiImageFile = files[0]; // this is an image file that can be sent to server... 2600 this.editiImageFile = files[0]; // this is an image file that can be sent to server...
2275 }); 2601 });
2276 } else { 2602 } else {
2277 this.editImageName = ""; 2603 this.editImageName = "";
2278 this.editiImageFile = ""; 2604 this.editiImageFile = "";
2279 } 2605 }
2280 }, 2606 },
2281 editItem(item) { 2607 editItem(item) {
2282 this.editedIndex = this.studentsData.indexOf(item); 2608 this.editedIndex = this.studentsData.indexOf(item);
2283 this.editedItem = Object.assign({}, item); 2609 this.editedItem = Object.assign({}, item);
2284 this.editedItem.fatherName = item.parentId.fatherName; 2610 this.editedItem.fatherName = item.parentId.fatherName;
2285 this.editedItem.fatherCellNo = item.parentId.fatherCellNo; 2611 this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
2286 this.editedItem.motherName = item.parentId.motherName; 2612 this.editedItem.motherName = item.parentId.motherName;
2287 this.editedItem.motherCellNo = item.parentId.motherCellNo; 2613 this.editedItem.motherCellNo = item.parentId.motherCellNo;
2288 this.editedItem.dob = 2614 this.editedItem.dob =
2289 this.editedItem.dob != undefined 2615 this.editedItem.dob != undefined
2290 ? (this.editedItem.dob = this.editedItem.dob.substring(0, 10)) 2616 ? (this.editedItem.dob = this.editedItem.dob.substring(0, 10))
2291 : (this.editedItem.dob = ""); 2617 : (this.editedItem.dob = "");
2292 this.editStudentDialog = true; 2618 this.editStudentDialog = true;
2293 }, 2619 },
2294 profile(item) { 2620 profile(item) {
2295 this.editedIndex = this.studentsData.indexOf(item); 2621 this.editedIndex = this.studentsData.indexOf(item);
2296 this.editedItem = Object.assign({}, item); 2622 this.editedItem = Object.assign({}, item);
2297 this.editedItem.fatherName = item.parentId.fatherName; 2623 this.editedItem.fatherName = item.parentId.fatherName;
2298 this.editedItem.fatherCellNo = item.parentId.fatherCellNo; 2624 this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
2299 this.editedItem.motherName = item.parentId.motherName; 2625 this.editedItem.motherName = item.parentId.motherName;
2300 this.editedItem.motherCellNo = item.parentId.motherCellNo; 2626 this.editedItem.motherCellNo = item.parentId.motherCellNo;
2301 2627
2302 this.profileStudentDialog = true; 2628 this.profileStudentDialog = true;
2303 }, 2629 },
2304 deleteItem(item) { 2630 deleteItem(item) {
2305 let deleteStudent = { 2631 let deleteStudent = {
2306 studentId: item._id, 2632 studentId: item._id,
2307 }; 2633 };
2308 http() 2634 http()
2309 .delete( 2635 .delete(
2310 "/deleteStudent", 2636 "/deleteStudent",
2311 confirm("Are you sure you want to delete this?") && { 2637 confirm("Are you sure you want to delete this?") && {
2312 params: deleteStudent, 2638 params: deleteStudent,
2313 } 2639 }
2314 ) 2640 )
2315 .then((response) => { 2641 .then((response) => {
2316 this.snackbar = true; 2642 this.snackbar = true;
2317 this.text = response.data.message; 2643 this.text = response.data.message;
2318 this.color = "green"; 2644 this.color = "green";
2319 this.findStudents(); 2645 this.findStudents();
2320 }) 2646 })
2321 .catch((error) => { 2647 .catch((error) => {
2322 this.snackbar = true; 2648 this.snackbar = true;
2323 this.text = error.response.data.message; 2649 this.text = error.response.data.message;
2324 this.color = "error"; 2650 this.color = "error";
2325 }); 2651 });
2326 }, 2652 },
2327 close() { 2653 close() {
2328 this.editStudentDialog = false; 2654 this.editStudentDialog = false;
2329 }, 2655 },
2330 closeStudentProfile() { 2656 closeStudentProfile() {
2331 this.profileStudentDialog = false; 2657 this.profileStudentDialog = false;
2332 }, 2658 },
2333 copyData() { 2659 copyData() {
2334 this.addStudents.permanentAddress = this.addStudents.presentAddress; 2660 this.addStudents.permanentAddress = this.addStudents.presentAddress;
2335 }, 2661 },
2336 submit() { 2662 submit() {
2337 if (this.$refs.form.validate()) { 2663 if (this.$refs.form.validate()) {
2338 let addStudent = { 2664 let addStudent = {
2339 parentId: this.parentId, 2665 parentId: this.parentId,
2340 name: this.addStudents.name, 2666 name: this.addStudents.name,
2341 email: this.addStudents.email, 2667 email: this.addStudents.email,
2342 role: this.addStudents.role, 2668 role: this.addStudents.role,
2343 dob: this.addStudents.date, 2669 dob: this.addStudents.date,
2344 city: this.addStudents.city, 2670 city: this.addStudents.city,
2345 pincode: this.addStudents.pincode, 2671 pincode: this.addStudents.pincode,
2346 country: this.addStudents.country, 2672 country: this.addStudents.country,
2347 permanentAddress: this.addStudents.permanentAddress, 2673 permanentAddress: this.addStudents.permanentAddress,
2348 presentAddress: this.addStudents.presentAddress, 2674 presentAddress: this.addStudents.presentAddress,
2349 countryCode: this.addedStudentMobileCode, 2675 countryCode: this.addedStudentMobileCode,
2350 mobile: this.addStudents.mobile, 2676 mobile: this.addStudents.mobile,
2351 state: this.addStudents.state, 2677 state: this.addStudents.state,
2352 gender: this.addStudents.gender, 2678 gender: this.addStudents.gender,
2353 establishmentYear: this.addStudents.establishmentYear, 2679 establishmentYear: this.addStudents.establishmentYear,
2354 classId: this.addStudents.select, 2680 classId: this.addStudents.select,
2355 sectionId: this.addStudents.selectSection, 2681 sectionId: this.addStudents.selectSection,
2356 bloodGroup: this.addStudents.bloodGroup, 2682 bloodGroup: this.addStudents.bloodGroup,
2357 medicalNotes: this.addStudents.medicalNotes, 2683 medicalNotes: this.addStudents.medicalNotes,
2358 height: this.addStudents.height, 2684 height: this.addStudents.height,
2359 weight: this.addStudents.weight, 2685 weight: this.addStudents.weight,
2360 rollNo: this.addStudents.rollNo, 2686 rollNo: this.addStudents.rollNo,
2361 }; 2687 };
2362 if (this.imageUrl) { 2688 if (this.imageUrl) {
2363 var str = this.imageUrl; 2689 var str = this.imageUrl;
2364 const [baseUrl, imageUrl] = str.split(/,/); 2690 const [baseUrl, imageUrl] = str.split(/,/);
2365 addStudent.upload = imageUrl; 2691 addStudent.upload = imageUrl;
2366 } 2692 }
2367 this.loading = true; 2693 this.loading = true;
2368 http() 2694 http()
2369 .post("/createStudent", addStudent) 2695 .post("/createStudent", addStudent)
2370 .then((response) => { 2696 .then((response) => {
2371 this.snackbar = true; 2697 this.snackbar = true;
2372 this.text = "New Student added successfully"; 2698 this.text = "New Student added successfully";
2373 this.color = "green"; 2699 this.color = "green";
2374 this.addStudentDialog = false; 2700 this.addStudentDialog = false;
2375 this.$refs.parentForm.reset(); 2701 this.$refs.parentForm.reset();
2376 this.$refs.parentFormLgScr.reset(); 2702 this.$refs.parentFormLgScr.reset();
2377 this.$refs.form.reset(); 2703 this.$refs.form.reset();
2378 this.e2 = 1; 2704 this.e2 = 1;
2379 // this.clear(); 2705 // this.clear();
2380 // this.clearParents(); 2706 // this.clearParents();
2381 this.loading = false; 2707 this.loading = false;
2382 }) 2708 })
2383 .catch((error) => { 2709 .catch((error) => {
2384 this.snackbar = true; 2710 this.snackbar = true;
2385 this.text = error.response.data.message; 2711 this.text = error.response.data.message;
2386 this.color = "error"; 2712 this.color = "error";
2387 this.loading = false; 2713 this.loading = false;
2388 }); 2714 });
2389 } 2715 }
2390 }, 2716 },
2391 clear() { 2717 clear() {
2392 this.$refs.form.reset(); 2718 this.$refs.form.reset();
2393 this.imageUrl = ""; 2719 this.imageUrl = "";
2394 }, 2720 },
2395 clearParents() { 2721 clearParents() {
2396 this.$refs.parentForm.reset(); 2722 this.$refs.parentForm.reset();
2397 }, 2723 },
2398 save() { 2724 save() {
2399 let editStudent = { 2725 let editStudent = {
2400 studentId: this.editedItem._id, 2726 studentId: this.editedItem._id,
2401 name: this.editedItem.name, 2727 name: this.editedItem.name,
2402 email: this.editedItem.email, 2728 email: this.editedItem.email,
2403 role: this.editedItem.role, 2729 role: this.editedItem.role,
2404 dob: this.editedItem.dob, 2730 dob: this.editedItem.dob,
2405 city: this.editedItem.city, 2731 city: this.editedItem.city,
2406 pincode: this.editedItem.pincode, 2732 pincode: this.editedItem.pincode,
2407 country: this.editedItem.country, 2733 country: this.editedItem.country,
2408 permanentAddress: this.editedItem.permanentAddress, 2734 permanentAddress: this.editedItem.permanentAddress,
2409 presentAddress: this.editedItem.presentAddress, 2735 presentAddress: this.editedItem.presentAddress,
2410 mobile: this.editedItem.mobile, 2736 mobile: this.editedItem.mobile,
2411 state: this.editedItem.state, 2737 state: this.editedItem.state,
2412 gender: this.editedItem.gender, 2738 gender: this.editedItem.gender,
2413 establishmentYear: this.editedItem.establishmentYear, 2739 establishmentYear: this.editedItem.establishmentYear,
2414 classId: this.editedItem.select, 2740 classId: this.editedItem.select,
2415 sectionId: this.editedItem.selectSection, 2741 sectionId: this.editedItem.selectSection,
2416 bloodGroup: this.editedItem.bloodGroup, 2742 bloodGroup: this.editedItem.bloodGroup,
2417 medicalNotes: this.editedItem.medicalNotes, 2743 medicalNotes: this.editedItem.medicalNotes,
2418 height: this.editedItem.height, 2744 height: this.editedItem.height,
2419 weight: this.editedItem.weight, 2745 weight: this.editedItem.weight,
2420 rollNo: this.editedItem.rollNo, 2746 rollNo: this.editedItem.rollNo,
2421 }; 2747 };
2422 if (this.editImageUrl) { 2748 if (this.editImageUrl) {
2423 var str = this.editImageUrl; 2749 var str = this.editImageUrl;
2424 const [baseUrl, editImageUrl] = str.split(/,/); 2750 const [baseUrl, editImageUrl] = str.split(/,/);
2425 editStudent.upload = editImageUrl; 2751 editStudent.upload = editImageUrl;
2426 } 2752 }
2427 this.editLoading = true; 2753 this.editLoading = true;
2428 http() 2754 http()
2429 .put("/updateStudent", editStudent) 2755 .put("/updateStudent", editStudent)
2430 .then((response) => { 2756 .then((response) => {
2431 this.snackbar = true; 2757 this.snackbar = true;
2432 this.text = response.data.message; 2758 this.text = response.data.message;
2433 this.color = "green"; 2759 this.color = "green";
2434 this.imageUrl = ""; 2760 this.imageUrl = "";
2435 this.findStudents(); 2761 this.findStudents();
2436 this.close(); 2762 this.close();
2437 this.editLoading = false; 2763 this.editLoading = false;
2438 }) 2764 })
2439 .catch((error) => { 2765 .catch((error) => {
2440 this.snackbar = true; 2766 this.snackbar = true;
2441 this.text = error.response.data.statusText; 2767 this.text = error.response.data.statusText;
2442 this.color = "error"; 2768 this.color = "error";
2443 this.editLoading = false; 2769 this.editLoading = false;
2444 }); 2770 });
2445 }, 2771 },
2446 submitParentDetails() { 2772 submitParentDetails() {
2447 if (this.$refs.parentForm.validate()) { 2773 if (this.$refs.parentForm.validate()) {
2448 this.parentData.fatherCellNo = this.parentData.fatherCellNo; 2774 this.parentData.fatherCellNo = this.parentData.fatherCellNo;
2449 this.parentData.motherCellNo = this.parentData.motherCellNo; 2775 this.parentData.motherCellNo = this.parentData.motherCellNo;
2450 let addparentDetails = { 2776 let addparentDetails = {
2451 email: this.parentData.email, 2777 email: this.parentData.email,
2452 fatherName: this.parentData.fatherName, 2778 fatherName: this.parentData.fatherName,
2453 countryCode: this.addedFatherCellCode, 2779 countryCode: this.addedFatherCellCode,
2454 fatherCellNo: this.parentData.fatherCellNo, 2780 fatherCellNo: this.parentData.fatherCellNo,
2455 motherName: this.parentData.motherName, 2781 motherName: this.parentData.motherName,
2456 motherCellNo: this.parentData.motherCellNo, 2782 motherCellNo: this.parentData.motherCellNo,
2457 fatherProfession: this.parentData.fatherProfession, 2783 fatherProfession: this.parentData.fatherProfession,
2458 motherProfession: this.parentData.motherProfession, 2784 motherProfession: this.parentData.motherProfession,
2459 password: this.parentData.password, 2785 password: this.parentData.password,
2460 role: "PARENT", 2786 role: "PARENT",
2461 }; 2787 };
2462 this.loading = true; 2788 this.loading = true;
2463 http() 2789 http()
2464 .post("/createParent", addparentDetails) 2790 .post("/createParent", addparentDetails)
2465 .then((response) => { 2791 .then((response) => {
2466 this.parentId = response.data.data.id; 2792 this.parentId = response.data.data.id;
2467 this.e2 = 2; 2793 this.e2 = 2;
2468 this.snackbar = true; 2794 this.snackbar = true;
2469 this.text = response.data.message; 2795 this.text = response.data.message;
2470 this.color = "green"; 2796 this.color = "green";
2471 // this.getStudentList(); 2797 // this.getStudentList();
2472 this.clear(); 2798 this.clear();
2473 this.loading = false; 2799 this.loading = false;
2474 }) 2800 })
2475 .catch((error) => { 2801 .catch((error) => {
2476 this.snackbar = true; 2802 this.snackbar = true;
2477 this.text = error.response.data.message; 2803 this.text = error.response.data.message;
2478 this.color = "error"; 2804 this.color = "error";
2479 if (error.response.data.statusText) { 2805 if (error.response.data.statusText) {
2480 this.text = error.response.data.statusText; 2806 this.text = error.response.data.statusText;
2481 } 2807 }
2482 this.loading = false; 2808 this.loading = false;
2483 }); 2809 });
2484 } 2810 }
2485 }, 2811 },
2486 getParentDetails() { 2812 getParentDetails() {
2487 if (this.parentData.fatherCellNo.length > 9) { 2813 if (this.parentData.fatherCellNo.length > 9) {
2488 this.showLoader = true; 2814 this.showLoader = true;
2489 this.isFatherCellExists = false; 2815 this.isFatherCellExists = false;
2490 http() 2816 http()
2491 .get("getParticularParent", { 2817 .get("getParticularParent", {
2492 params: { fatherCellNo: this.parentData.fatherCellNo }, 2818 params: { fatherCellNo: this.parentData.fatherCellNo },
2493 headers: { 2819 headers: {
2494 Authorization: "Bearer " + this.$store.state.token, 2820 Authorization: "Bearer " + this.$store.state.token,
2495 }, 2821 },
2496 }) 2822 })
2497 .then((response) => { 2823 .then((response) => {
2498 this.showNext = true; 2824 this.showNext = true;
2499 this.showParent = false; 2825 this.showParent = false;
2500 this.parentData = response.data.data; 2826 this.parentData = response.data.data;
2501 this.parentId = response.data.data._id; 2827 this.parentId = response.data.data._id;
2502 this.showLoader = false; 2828 this.showLoader = false;
2503 this.isFatherCellExists = true; 2829 this.isFatherCellExists = true;
2504 }) 2830 })
2505 .catch((error) => { 2831 .catch((error) => {
2506 // console.log("err====>", error.response.data.message); 2832 // console.log("err====>", error.response.data.message);
2507 this.text = error.response.data.message; 2833 this.text = error.response.data.message;
2508 this.snackbar = true; 2834 this.snackbar = true;
2509 this.color = "error"; 2835 this.color = "error";
2510 if (this.text === "Data not found!") { 2836 if (this.text === "Data not found!") {
2511 this.showNext = false; 2837 this.showNext = false;
2512 this.showParent = true; 2838 this.showParent = true;
2513 this.parentData.email = ""; 2839 // this.parentData.email = "";
2514 this.parentData.fatherName = ""; 2840 // this.parentData.fatherName = "";
2515 this.parentData.motherName = ""; 2841 // this.parentData.motherName = "";
2516 this.parentData.motherCellNo = ""; 2842 // this.parentData.motherCellNo = "";
2517 this.parentData.fatherProfession = ""; 2843 // this.parentData.fatherProfession = "";
2518 this.parentData.motherProfession = ""; 2844 // this.parentData.motherProfession = "";
2519 this.parentData.password = ""; 2845 // this.parentData.password = "";
2520 } 2846 }
2521 this.showLoader = false; 2847 this.showLoader = false;
2522 }); 2848 });
2523 } 2849 }
2524 }, 2850 },
2525 suspendStudentStatus(status, id) { 2851 suspendStudentStatus(status, id) {
2526 let suspendStudentData = { 2852 let suspendStudentData = {
2527 studentId: id, 2853 studentId: id,
2528 status: status, 2854 status: status,
2529 }; 2855 };
2530 http() 2856 http()
2531 .put("/suspendStudentAccount", suspendStudentData) 2857 .put("/suspendStudentAccount", suspendStudentData)
2532 .then((response) => { 2858 .then((response) => {
2533 this.findStudents(); 2859 this.findStudents();
2534 this.text = response.data.message; 2860 this.text = response.data.message;
2535 this.color = "green"; 2861 this.color = "green";
2536 this.snackbar = true; 2862 this.snackbar = true;
2537 }) 2863 })
2538 .catch((error) => { 2864 .catch((error) => {
2539 this.snackbar = true; 2865 this.snackbar = true;
2540 this.color = "error"; 2866 this.color = "error";
2541 this.text = error.response.data.message; 2867 this.text = error.response.data.message;
2542 }); 2868 });
2543 }, 2869 },
2544 displaySearch() { 2870 displaySearch() {
2545 (this.show = false), (this.showSearch = true); 2871 (this.show = false), (this.showSearch = true);
2546 }, 2872 },
2547 closeSearch() { 2873 closeSearch() {
2548 this.showSearch = false; 2874 this.showSearch = false;
2549 this.show = true; 2875 this.show = true;
2550 this.search = ""; 2876 this.search = "";
2551 }, 2877 },
2552 }, 2878 },
2553 mounted() { 2879 mounted() {
2554 const getCountryList = countryList(); 2880 const getCountryList = countryList();
2555 this.role = this.$store.state.role; 2881 this.role = this.$store.state.role;
2556 this.countries = getCountryList; 2882 this.countries = getCountryList;
2557 var token = this.$store.state.token; 2883 var token = this.$store.state.token;
2558 http() 2884 http()
2559 .get("/getClassesList", { 2885 .get("/getClassesList", {
2560 headers: { Authorization: "Bearer " + token }, 2886 headers: { Authorization: "Bearer " + token },
2561 }) 2887 })
2562 .then((response) => { 2888 .then((response) => {
2563 this.addclass = response.data.data; 2889 this.addclass = response.data.data;
2564 }) 2890 })
2565 .catch((error) => { 2891 .catch((error) => {
2566 this.showLoader = false; 2892 this.showLoader = false;
2567 if (error.response.status === 401) { 2893 if (error.response.status === 401) {
2568 this.$router.replace({ path: "/" }); 2894 this.$router.replace({ path: "/" });
2569 this.$store.dispatch("setToken", null); 2895 this.$store.dispatch("setToken", null);
2570 this.$store.dispatch("Id", null); 2896 this.$store.dispatch("Id", null);
2571 this.$store.dispatch("Role", null); 2897 this.$store.dispatch("Role", null);
2572 } 2898 }
2573 }); 2899 });
2574 }, 2900 },
2575 }; 2901 };
2576 </script> 2902 </script>
2577 <style scoped> 2903 <style scoped>
2578 .active { 2904 .active {
2579 background-color: gray; 2905 background-color: gray;
2580 color: white !important; 2906 color: white !important;
2581 } 2907 }
src/pages/Teachers/teachers.vue
Diff comments   View file @86df4b7
1 <template> 1 <template>
2 <v-container fluid class="body-color"> 2 <v-container fluid class="body-color">
3 <!-- ****** EDIT TEACHERS DETAILS ****** --> 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 <v-card flat class="Card-style pa-3"> 10 <v-card flat class="Card-style pa-3">
6 <v-card-text> 11 <v-card-text>
7 <v-layout> 12 <v-layout>
8 <v-flex xs12> 13 <v-flex xs12>
9 <label class="title text-xs-center">Edit Teacher Details</label> 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 </v-flex> 18 </v-flex>
12 </v-layout> 19 </v-layout>
13 <v-container fluid> 20 <v-container fluid>
14 <v-layout> 21 <v-layout>
15 <v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center my-4"> 22 <v-flex
16 <v-avatar size="100px" v-if="!editedItem.profilePicUrl && !imageUrl"> 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 <img src="/static/icon/user.png" /> 30 <img src="/static/icon/user.png" />
18 </v-avatar> 31 </v-avatar>
19 <img 32 <img
20 :src="editedItem.profilePicUrl" 33 :src="editedItem.profilePicUrl"
21 v-else-if="editedItem.profilePicUrl && !imageUrl" 34 v-else-if="editedItem.profilePicUrl && !imageUrl"
22 height="150" 35 height="150"
23 style="border-radius:50%; width:150px" 36 style="border-radius: 50%; width: 150px"
24 /> 37 />
25 <img 38 <img
26 v-if="imageUrl" 39 v-if="imageUrl"
27 :src="imageUrl" 40 :src="imageUrl"
28 height="150" 41 height="150"
29 style="border-radius:50%; width:150px" 42 style="border-radius: 50%; width: 150px"
30 /> 43 />
31 <input 44 <input
32 type="file" 45 type="file"
33 style="display:none" 46 style="display: none"
34 ref="image" 47 ref="image"
35 accept="image/*" 48 accept="image/*"
36 @change="onFilePicked" 49 @change="onFilePicked"
37 /> 50 />
38 </v-flex> 51 </v-flex>
39 </v-layout> 52 </v-layout>
40 <v-layout wrap> 53 <v-layout wrap>
41 <v-flex xs12 sm6> 54 <v-flex xs12 sm6>
42 <v-layout> 55 <v-layout>
43 <v-flex xs4 class="pt-4 subheading"> 56 <v-flex xs4 class="pt-4 subheading">
44 <label class="right hidden-xs-only hidden-sm-only">Full Name:</label> 57 <label class="right hidden-xs-only hidden-sm-only"
45 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Name:</label> 58 >Full Name:</label
59 >
60 <label
61 class="right hidden-lg-only hidden-md-only hidden-xl-only"
62 >Name:</label
63 >
46 </v-flex> 64 </v-flex>
47 <v-flex xs8 class="ml-3"> 65 <v-flex xs8 class="ml-3">
48 <v-text-field 66 <v-text-field
49 v-model="editedItem.name" 67 v-model="editedItem.name"
50 placeholder="fill your full Name" 68 placeholder="fill your full Name"
51 type="text" 69 type="text"
52 required 70 required
53 ></v-text-field> 71 ></v-text-field>
54 </v-flex> 72 </v-flex>
55 </v-layout> 73 </v-layout>
56 </v-flex> 74 </v-flex>
57 <v-flex xs12 sm6> 75 <v-flex xs12 sm6>
58 <v-layout> 76 <v-layout>
59 <v-flex xs4 sm4 class="pt-4 subheading"> 77 <v-flex xs4 sm4 class="pt-4 subheading">
60 <label class="right">Email ID:</label> 78 <label class="right">Email ID:</label>
61 </v-flex> 79 </v-flex>
62 <v-flex xs8 sm8 class="ml-3"> 80 <v-flex xs8 sm8 class="ml-3">
63 <v-text-field 81 <v-text-field
64 placeholder="fill your email" 82 placeholder="fill your email"
65 v-model="editedItem.email" 83 v-model="editedItem.email"
66 type="text" 84 type="text"
67 required 85 required
68 ></v-text-field> 86 ></v-text-field>
69 </v-flex> 87 </v-flex>
70 </v-layout> 88 </v-layout>
71 </v-flex> 89 </v-flex>
72 </v-layout> 90 </v-layout>
73 <v-layout wrap> 91 <v-layout wrap>
74 <v-flex xs12 sm6> 92 <v-flex xs12 sm6>
75 <v-layout> 93 <v-layout>
76 <v-flex xs4 class="pt-4 subheading"> 94 <v-flex xs4 class="pt-4 subheading">
77 <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label> 95 <label class="right hidden-sm-only hidden-xs-only"
78 <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label> 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 </v-flex> 102 </v-flex>
80 <v-flex xs8 class="ml-3"> 103 <v-flex xs8 class="ml-3">
81 <v-menu 104 <v-menu
82 ref="menu" 105 ref="menu"
83 :close-on-content-click="false" 106 :close-on-content-click="false"
84 v-model="menu2" 107 v-model="menu2"
85 :nudge-right="40" 108 :nudge-right="40"
86 lazy 109 lazy
87 transition="scale-transition" 110 transition="scale-transition"
88 offset-y 111 offset-y
89 full-width 112 full-width
90 min-width="290px" 113 min-width="290px"
91 > 114 >
92 <v-text-field 115 <v-text-field
93 slot="activator" 116 slot="activator"
94 v-model="editedItem.dob" 117 v-model="editedItem.dob"
95 placeholder="Select date" 118 placeholder="Select date"
96 ></v-text-field> 119 ></v-text-field>
97 <v-date-picker 120 <v-date-picker
98 ref="picker" 121 ref="picker"
99 v-model="editedItem.dob" 122 v-model="editedItem.dob"
100 :max="new Date().toISOString().substr(0, 10)" 123 :max="new Date().toISOString().substr(0, 10)"
101 min="1950-01-01" 124 min="1950-01-01"
102 @input="menu2 = false" 125 @input="menu2 = false"
103 ></v-date-picker> 126 ></v-date-picker>
104 </v-menu> 127 </v-menu>
105 </v-flex> 128 </v-flex>
106 </v-layout> 129 </v-layout>
107 </v-flex> 130 </v-flex>
108 <v-flex xs12 sm6> 131 <v-flex xs12 sm6>
109 <v-layout> 132 <v-layout>
110 <v-flex xs4 class="pt-4 subheading"> 133 <v-flex xs4 class="pt-4 subheading">
111 <label class="right">City:</label> 134 <label class="right">City:</label>
112 </v-flex> 135 </v-flex>
113 <v-flex xs8 class="ml-3"> 136 <v-flex xs8 class="ml-3">
114 <v-text-field 137 <v-text-field
115 v-model="editedItem.city" 138 v-model="editedItem.city"
116 placeholder="fill your City Name" 139 placeholder="fill your City Name"
117 type="text" 140 type="text"
118 required 141 required
119 ></v-text-field> 142 ></v-text-field>
120 </v-flex> 143 </v-flex>
121 </v-layout> 144 </v-layout>
122 </v-flex> 145 </v-flex>
123 </v-layout> 146 </v-layout>
124 <v-layout wrap> 147 <v-layout wrap>
125 <v-flex xs12 sm6> 148 <v-flex xs12 sm6>
126 <v-layout> 149 <v-layout>
127 <v-flex xs4 class="pt-4 subheading"> 150 <v-flex xs4 class="pt-4 subheading">
128 <label class="right">State:</label> 151 <label class="right">State:</label>
129 </v-flex> 152 </v-flex>
130 <v-flex xs8 class="ml-3"> 153 <v-flex xs8 class="ml-3">
131 <v-text-field 154 <v-text-field
132 v-model="editedItem.state" 155 v-model="editedItem.state"
133 placeholder="fill your State Name" 156 placeholder="fill your State Name"
134 type="text" 157 type="text"
135 required 158 required
136 ></v-text-field> 159 ></v-text-field>
137 </v-flex> 160 </v-flex>
138 </v-layout> 161 </v-layout>
139 </v-flex> 162 </v-flex>
140 <v-flex xs12 sm6> 163 <v-flex xs12 sm6>
141 <v-layout> 164 <v-layout>
142 <v-flex xs4 class="pt-4 subheading"> 165 <v-flex xs4 class="pt-4 subheading">
143 <label class="right">PinCode:</label> 166 <label class="right">PinCode:</label>
144 </v-flex> 167 </v-flex>
145 <v-flex xs8 class="ml-3"> 168 <v-flex xs8 class="ml-3">
146 <v-text-field 169 <v-text-field
147 v-model="editedItem.pincode" 170 v-model="editedItem.pincode"
148 placeholder="fill your pincode" 171 placeholder="fill your pincode"
149 type="number" 172 type="number"
150 required 173 required
151 ></v-text-field> 174 ></v-text-field>
152 </v-flex> 175 </v-flex>
153 </v-layout> 176 </v-layout>
154 </v-flex> 177 </v-flex>
155 </v-layout> 178 </v-layout>
156 <v-layout wrap> 179 <v-layout wrap>
157 <!-- EDIT DETAILS MOBILE NUMBER --> 180 <!-- EDIT DETAILS MOBILE NUMBER -->
158 <v-flex xs12 sm6> 181 <v-flex xs12 sm6>
159 <v-layout> 182 <v-layout>
160 <v-flex xs4 class="pt-4 subheading"> 183 <v-flex xs4 class="pt-4 subheading">
161 <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label> 184 <label class="right hidden-xs-only hidden-sm-only"
162 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label> 185 >Mobile No:</label
186 >
187 <label
188 class="right hidden-lg-only hidden-md-only hidden-xl-only"
189 >Mobile:</label
190 >
163 </v-flex> 191 </v-flex>
164 <v-flex xs8 class="ml-3"> 192 <v-flex xs8 class="ml-3">
165 <v-layout row wrap> 193 <v-layout row wrap>
166 <v-flex xs3 class="mt-3"> 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 </v-flex> 199 </v-flex>
169 <v-flex xs9> 200 <v-flex xs9>
170 <v-text-field 201 <v-text-field
171 v-model="editedItem.mobileNo" 202 v-model="editedItem.mobileNo"
172 placeholder="Fill MobileNo" 203 placeholder="Fill MobileNo"
173 type="number" 204 type="number"
174 required 205 required
175 ></v-text-field> 206 ></v-text-field>
176 </v-flex> 207 </v-flex>
177 </v-layout> 208 </v-layout>
178 </v-flex> 209 </v-flex>
179 </v-layout> 210 </v-layout>
180 </v-flex> 211 </v-flex>
181 <v-flex xs12 sm6> 212 <v-flex xs12 sm6>
182 <v-layout> 213 <v-layout>
183 <v-flex xs4 class="pt-4 subheading"> 214 <v-flex xs4 class="pt-4 subheading">
184 <label class="right hidden-xs-only hidden-sm-only">Select Country:</label> 215 <label class="right hidden-xs-only hidden-sm-only"
185 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label> 216 >Select Country:</label
217 >
218 <label
219 class="right hidden-lg-only hidden-md-only hidden-xl-only"
220 >Country:</label
221 >
186 </v-flex> 222 </v-flex>
187 <v-flex xs8 sm8 class="ml-3"> 223 <v-flex xs8 sm8 class="ml-3">
188 <v-autocomplete 224 <v-autocomplete
189 v-model="editedItem.country" 225 v-model="editedItem.country"
190 :items="countries" 226 :items="countries"
191 placeholder="Select Country Name" 227 placeholder="Select Country Name"
192 required 228 required
193 ></v-autocomplete> 229 ></v-autocomplete>
194 </v-flex> 230 </v-flex>
195 </v-layout> 231 </v-layout>
196 </v-flex> 232 </v-flex>
197 </v-layout> 233 </v-layout>
198 <v-layout wrap> 234 <v-layout wrap>
199 <v-flex xs12 sm6> 235 <v-flex xs12 sm6>
200 <v-layout> 236 <v-layout>
201 <v-flex xs4 class="pt-4 subheading"> 237 <v-flex xs4 class="pt-4 subheading">
202 <label class="right">Join Date:</label> 238 <label class="right">Join Date:</label>
203 </v-flex> 239 </v-flex>
204 <v-flex xs8 sm8 class="ml-3"> 240 <v-flex xs8 sm8 class="ml-3">
205 <v-menu 241 <v-menu
206 ref="menu" 242 ref="menu"
207 :close-on-content-click="false" 243 :close-on-content-click="false"
208 v-model="menu3" 244 v-model="menu3"
209 :nudge-right="40" 245 :nudge-right="40"
210 lazy 246 lazy
211 transition="scale-transition" 247 transition="scale-transition"
212 offset-y 248 offset-y
213 full-width 249 full-width
214 min-width="290px" 250 min-width="290px"
215 > 251 >
216 <v-text-field 252 <v-text-field
217 slot="activator" 253 slot="activator"
218 v-model="editedItem.joinDate" 254 v-model="editedItem.joinDate"
219 placeholder="Select date" 255 placeholder="Select date"
220 ></v-text-field> 256 ></v-text-field>
221 <v-date-picker 257 <v-date-picker
222 ref="picker" 258 ref="picker"
223 v-model="editedItem.joinDate" 259 v-model="editedItem.joinDate"
224 :max="new Date().toISOString().substr(0, 10)" 260 :max="new Date().toISOString().substr(0, 10)"
225 min="1950-01-01" 261 min="1950-01-01"
226 @input="menu3 = false" 262 @input="menu3 = false"
227 ></v-date-picker> 263 ></v-date-picker>
228 </v-menu> 264 </v-menu>
229 </v-flex> 265 </v-flex>
230 </v-layout> 266 </v-layout>
231 </v-flex> 267 </v-flex>
232 <v-flex xs12 sm6> 268 <v-flex xs12 sm6>
233 <v-layout> 269 <v-layout>
234 <v-flex xs4 class="pt-4 subheading"> 270 <v-flex xs4 class="pt-4 subheading">
235 <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label> 271 <label class="right hidden-xs-only hidden-sm-only"
236 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod :</label> 272 >Uplaod Image:</label
273 >
274 <label
275 class="right hidden-lg-only hidden-md-only hidden-xl-only"
276 >Uplaod :</label
277 >
237 </v-flex> 278 </v-flex>
238 <v-flex xs8 sm8 class="ml-3"> 279 <v-flex xs8 sm8 class="ml-3">
239 <v-text-field 280 <v-text-field
240 label="Select Image" 281 label="Select Image"
241 @click="pickFile" 282 @click="pickFile"
242 v-model="imageName" 283 v-model="imageName"
243 append-icon="attach_file" 284 append-icon="attach_file"
244 ></v-text-field> 285 ></v-text-field>
245 </v-flex> 286 </v-flex>
246 </v-layout> 287 </v-layout>
247 </v-flex> 288 </v-flex>
248 </v-layout> 289 </v-layout>
249 <v-layout class="hidden-xs-only hidden-sm-only" wrap> 290 <v-layout class="hidden-xs-only hidden-sm-only" wrap>
250 <v-flex xs12 sm6> 291 <v-flex xs12 sm6>
251 <v-layout> 292 <v-layout>
252 <v-flex xs4 sm4 class="pt-4 subheading"> 293 <v-flex xs4 sm4 class="pt-4 subheading">
253 <label class="right">Present Address:</label> 294 <label class="right">Present Address:</label>
254 </v-flex> 295 </v-flex>
255 <v-flex xs8 sm8 class="ml-3"> 296 <v-flex xs8 sm8 class="ml-3">
256 <v-text-field 297 <v-text-field
257 name="input-4-3" 298 name="input-4-3"
258 v-model="editedItem.presentAddress" 299 v-model="editedItem.presentAddress"
259 placeholder="fill Your present Address" 300 placeholder="fill Your present Address"
260 required 301 required
261 ></v-text-field> 302 ></v-text-field>
262 </v-flex> 303 </v-flex>
263 </v-layout> 304 </v-layout>
264 </v-flex> 305 </v-flex>
265 <v-flex xs12 sm6> 306 <v-flex xs12 sm6>
266 <v-layout> 307 <v-layout>
267 <v-flex xs4 sm4 class="pt-4 subheading"> 308 <v-flex xs4 sm4 class="pt-4 subheading">
268 <label class="right">Permanent Address:</label> 309 <label class="right">Permanent Address:</label>
269 </v-flex> 310 </v-flex>
270 <v-flex xs12 sm8 class="ml-3"> 311 <v-flex xs12 sm8 class="ml-3">
271 <v-text-field 312 <v-text-field
272 name="input-4-3" 313 name="input-4-3"
273 v-model="editedItem.permanentAddress" 314 v-model="editedItem.permanentAddress"
274 placeholder="fill Your Permanent Address" 315 placeholder="fill Your Permanent Address"
275 required 316 required
276 ></v-text-field> 317 ></v-text-field>
277 </v-flex> 318 </v-flex>
278 </v-layout> 319 </v-layout>
279 </v-flex> 320 </v-flex>
280 </v-layout> 321 </v-layout>
281 <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap> 322 <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
282 <v-flex xs12 sm12> 323 <v-flex xs12 sm12>
283 <v-layout> 324 <v-layout>
284 <v-flex xs12 sm3 class="pt-4 subheading text-xs-center"> 325 <v-flex xs12 sm3 class="pt-4 subheading text-xs-center">
285 <label class>Present Address:</label> 326 <label class>Present Address:</label>
286 </v-flex> 327 </v-flex>
287 </v-layout> 328 </v-layout>
288 <v-layout> 329 <v-layout>
289 <v-flex xs12 sm12> 330 <v-flex xs12 sm12>
290 <v-textarea 331 <v-textarea
291 name="input-4-3" 332 name="input-4-3"
292 v-model="editedItem.presentAddress" 333 v-model="editedItem.presentAddress"
293 placeholder="fill Your present Address" 334 placeholder="fill Your present Address"
294 required 335 required
295 ></v-textarea> 336 ></v-textarea>
296 </v-flex> 337 </v-flex>
297 </v-layout> 338 </v-layout>
298 </v-flex> 339 </v-flex>
299 <v-flex xs12 sm12> 340 <v-flex xs12 sm12>
300 <v-layout> 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 <label>Permanent Address:</label> 347 <label>Permanent Address:</label>
303 </v-flex> 348 </v-flex>
304 </v-layout> 349 </v-layout>
305 <v-layout> 350 <v-layout>
306 <v-flex xs12 sm12> 351 <v-flex xs12 sm12>
307 <v-textarea 352 <v-textarea
308 name="input-4-3" 353 name="input-4-3"
309 v-model="editedItem.permanentAddress" 354 v-model="editedItem.permanentAddress"
310 placeholder="fill Your Permanent Address" 355 placeholder="fill Your Permanent Address"
311 required 356 required
312 ></v-textarea> 357 ></v-textarea>
313 </v-flex> 358 </v-flex>
314 </v-layout> 359 </v-layout>
315 </v-flex> 360 </v-flex>
316 </v-layout> 361 </v-layout>
317 <v-layout> 362 <v-layout>
318 <v-flex xs12 sm12> 363 <v-flex xs12 sm12>
319 <v-flex xs12 sm12> 364 <v-flex xs12 sm12>
320 <v-layout class="right"> 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 </v-layout> 374 </v-layout>
323 </v-flex> 375 </v-flex>
324 </v-flex> 376 </v-flex>
325 </v-layout> 377 </v-layout>
326 </v-container> 378 </v-container>
327 </v-card-text> 379 </v-card-text>
328 </v-card> 380 </v-card>
329 </v-dialog> 381 </v-dialog>
330 382
331 <!-- ****** PROFILE VIEW TEACHERS DETAILS ****** --> 383 <!-- ****** PROFILE VIEW TEACHERS DETAILS ****** -->
332 384
333 <v-dialog v-model="viewTeacherProfileDialog" max-width="500px" persistent> 385 <v-dialog v-model="viewTeacherProfileDialog" max-width="500px" persistent>
334 <v-card flat class="Card-style pa-3"> 386 <v-card flat class="Card-style pa-3">
335 <v-layout> 387 <v-layout>
336 <v-flex xs12> 388 <v-flex xs12>
337 <label class="title text-xs-center">View Teacher</label> 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 </v-flex> 396 </v-flex>
340 </v-layout> 397 </v-layout>
341 <v-card-text> 398 <v-card-text>
342 <v-container grid-list-md> 399 <v-container grid-list-md>
343 <v-layout wrap> 400 <v-layout wrap>
344 <v-flex> 401 <v-flex>
345 <v-flex align-center justify-center layout text-xs-center> 402 <v-flex align-center justify-center layout text-xs-center>
346 <v-avatar size="80"> 403 <v-avatar size="80">
347 <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" /> 404 <img
348 <img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" /> 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 </v-avatar> 412 </v-avatar>
350 </v-flex> 413 </v-flex>
351 <v-layout> 414 <v-layout>
352 <v-flex xs5 sm6> 415 <v-flex xs5 sm6>
353 <h5 class="right my-1"> 416 <h5 class="right my-1">
354 <b>Full Name:</b> 417 <b>Full Name:</b>
355 </h5> 418 </h5>
356 </v-flex> 419 </v-flex>
357 <v-flex sm6 xs8> 420 <v-flex sm6 xs8>
358 <h5 class="my-1">{{ editedItem.name }}</h5> 421 <h5 class="my-1">{{ editedItem.name }}</h5>
359 </v-flex> 422 </v-flex>
360 </v-layout> 423 </v-layout>
361 <v-layout> 424 <v-layout>
362 <v-flex xs5 sm6> 425 <v-flex xs5 sm6>
363 <h5 class="right my-1"> 426 <h5 class="right my-1">
364 <b>Email:</b> 427 <b>Email:</b>
365 </h5> 428 </h5>
366 </v-flex> 429 </v-flex>
367 <v-flex sm6 xs8> 430 <v-flex sm6 xs8>
368 <h5 class="my-1">{{ editedItem.email }}</h5> 431 <h5 class="my-1">{{ editedItem.email }}</h5>
369 </v-flex> 432 </v-flex>
370 </v-layout> 433 </v-layout>
371 <v-layout> 434 <v-layout>
372 <v-flex xs5 sm6> 435 <v-flex xs5 sm6>
373 <h5 class="right my-1"> 436 <h5 class="right my-1">
374 <b>City:</b> 437 <b>City:</b>
375 </h5> 438 </h5>
376 </v-flex> 439 </v-flex>
377 <v-flex sm6 xs8> 440 <v-flex sm6 xs8>
378 <h5 class="my-1">{{ editedItem.city }}</h5> 441 <h5 class="my-1">{{ editedItem.city }}</h5>
379 </v-flex> 442 </v-flex>
380 </v-layout> 443 </v-layout>
381 <v-layout> 444 <v-layout>
382 <v-flex xs5 sm6> 445 <v-flex xs5 sm6>
383 <h5 class="right my-1"> 446 <h5 class="right my-1">
384 <b>State:</b> 447 <b>State:</b>
385 </h5> 448 </h5>
386 </v-flex> 449 </v-flex>
387 <v-flex sm6 xs8> 450 <v-flex sm6 xs8>
388 <h5 class="my-1">{{ editedItem.state }}</h5> 451 <h5 class="my-1">{{ editedItem.state }}</h5>
389 </v-flex> 452 </v-flex>
390 </v-layout> 453 </v-layout>
391 <v-layout> 454 <v-layout>
392 <v-flex xs5 sm6> 455 <v-flex xs5 sm6>
393 <h5 class="right my-1"> 456 <h5 class="right my-1">
394 <b>Country:</b> 457 <b>Country:</b>
395 </h5> 458 </h5>
396 </v-flex> 459 </v-flex>
397 <v-flex sm6 xs8> 460 <v-flex sm6 xs8>
398 <h5 class="my-1">{{ editedItem.country }}</h5> 461 <h5 class="my-1">{{ editedItem.country }}</h5>
399 </v-flex> 462 </v-flex>
400 </v-layout> 463 </v-layout>
401 <v-layout> 464 <v-layout>
402 <v-flex xs5 sm6> 465 <v-flex xs5 sm6>
403 <h5 class="right my-1"> 466 <h5 class="right my-1">
404 <b>Pincode:</b> 467 <b>Pincode:</b>
405 </h5> 468 </h5>
406 </v-flex> 469 </v-flex>
407 <v-flex sm6 xs8> 470 <v-flex sm6 xs8>
408 <h5 class="my-1">{{ editedItem.pincode }}</h5> 471 <h5 class="my-1">{{ editedItem.pincode }}</h5>
409 </v-flex> 472 </v-flex>
410 </v-layout> 473 </v-layout>
411 <v-layout> 474 <v-layout>
412 <v-flex xs5 sm6> 475 <v-flex xs5 sm6>
413 <h5 class="right my-1"> 476 <h5 class="right my-1">
414 <b>Mobile No:</b> 477 <b>Mobile No:</b>
415 </h5> 478 </h5>
416 </v-flex> 479 </v-flex>
417 <v-flex sm6 xs8> 480 <v-flex sm6 xs8>
418 <h5 class="my-1">{{ editedItem.mobileNo }}</h5> 481 <h5 class="my-1">{{ editedItem.mobileNo }}</h5>
419 </v-flex> 482 </v-flex>
420 </v-layout> 483 </v-layout>
421 <v-layout> 484 <v-layout>
422 <v-flex xs5 sm6> 485 <v-flex xs5 sm6>
423 <h5 class="right my-1"> 486 <h5 class="right my-1">
424 <b>Join Date:</b> 487 <b>Join Date:</b>
425 </h5> 488 </h5>
426 </v-flex> 489 </v-flex>
427 <v-flex sm6 xs8> 490 <v-flex sm6 xs8>
428 <h5 class="my-1">{{ dates(editedItem.joinDate) }}</h5> 491 <h5 class="my-1">{{ dates(editedItem.joinDate) }}</h5>
429 </v-flex> 492 </v-flex>
430 </v-layout> 493 </v-layout>
431 <v-layout> 494 <v-layout>
432 <v-flex xs5 sm6> 495 <v-flex xs5 sm6>
433 <h5 class="right my-1"> 496 <h5 class="right my-1">
434 <b>D.O.B :</b> 497 <b>D.O.B :</b>
435 </h5> 498 </h5>
436 </v-flex> 499 </v-flex>
437 <v-flex sm6 xs8> 500 <v-flex sm6 xs8>
438 <h5 class="my-1">{{ dates(editedItem.dob) }}</h5> 501 <h5 class="my-1">{{ dates(editedItem.dob) }}</h5>
439 </v-flex> 502 </v-flex>
440 </v-layout> 503 </v-layout>
441 <v-layout> 504 <v-layout>
442 <v-flex xs6 sm6> 505 <v-flex xs6 sm6>
443 <h5 class="right my-1"> 506 <h5 class="right my-1">
444 <b>Permanent Address:</b> 507 <b>Permanent Address:</b>
445 </h5> 508 </h5>
446 </v-flex> 509 </v-flex>
447 <v-flex sm6 xs8> 510 <v-flex sm6 xs8>
448 <h5 class="my-1">{{ editedItem.permanentAddress }}</h5> 511 <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
449 </v-flex> 512 </v-flex>
450 </v-layout> 513 </v-layout>
451 <v-layout> 514 <v-layout>
452 <v-flex xs6 sm6> 515 <v-flex xs6 sm6>
453 <h5 class="right my-1"> 516 <h5 class="right my-1">
454 <b>present Address:</b> 517 <b>present Address:</b>
455 </h5> 518 </h5>
456 </v-flex> 519 </v-flex>
457 <v-flex sm6 xs8> 520 <v-flex sm6 xs8>
458 <h5 class="my-1">{{ editedItem.presentAddress }}</h5> 521 <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
459 </v-flex> 522 </v-flex>
460 </v-layout> 523 </v-layout>
461 </v-flex> 524 </v-flex>
462 </v-layout> 525 </v-layout>
463 </v-container> 526 </v-container>
464 </v-card-text> 527 </v-card-text>
465 </v-card> 528 </v-card>
466 </v-dialog> 529 </v-dialog>
467 <!-- ****** EXISTING-Teachers TABLE DATA****** --> 530 <!-- ****** EXISTING-Teachers TABLE DATA****** -->
468 <v-toolbar color="transparent" flat> 531 <v-toolbar color="transparent" flat>
469 <v-btn 532 <v-btn
470 fab 533 fab
471 dark 534 dark
472 class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only" 535 class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"
473 small 536 small
474 @click="addTeacherDialog = true" 537 @click="addTeacherDialog = true"
475 > 538 >
476 <v-icon dark>add</v-icon> 539 <v-icon dark>add</v-icon>
477 </v-btn> 540 </v-btn>
478 <v-btn 541 <v-btn
479 v-if="role != 'TEACHER' " 542 v-if="role != 'TEACHER'"
480 round 543 round
481 class="open-dialog-button hidden-sm-only hidden-xs-only" 544 class="open-dialog-button hidden-sm-only hidden-xs-only"
482 dark 545 dark
483 @click="addTeacherDialog = true" 546 @click="addTeacherDialog = true"
484 > 547 >
485 <v-icon class="white--text pr-1" size="20">add</v-icon>Add Teacher 548 <v-icon class="white--text pr-1" size="20">add</v-icon>Add Teacher
486 </v-btn> 549 </v-btn>
487 <v-spacer></v-spacer> 550 <v-spacer></v-spacer>
488 <v-card-title class="body-1" v-show="show"> 551 <v-card-title class="body-1" v-show="show">
489 <v-btn icon large flat @click="displaySearch"> 552 <v-btn icon large flat @click="displaySearch">
490 <v-avatar size="27"> 553 <v-avatar size="27">
491 <img src="/static/icon/search.png" alt="icon" /> 554 <img src="/static/icon/search.png" alt="icon" />
492 </v-avatar> 555 </v-avatar>
493 </v-btn> 556 </v-btn>
494 </v-card-title> 557 </v-card-title>
495 <v-flex md2 lg2 sm6 xs8 v-if="showSearch"> 558 <v-flex md2 lg2 sm6 xs8 v-if="showSearch">
496 <v-layout> 559 <v-layout>
497 <v-text-field 560 <v-text-field
498 autofocus 561 autofocus
499 v-model="search" 562 v-model="search"
500 label="Search" 563 label="Search"
501 prepend-inner-icon="search" 564 prepend-inner-icon="search"
502 color="primary" 565 color="primary"
503 ></v-text-field> 566 ></v-text-field>
504 <v-icon @click="closeSearch" color="error">close</v-icon> 567 <v-icon @click="closeSearch" color="error">close</v-icon>
505 </v-layout> 568 </v-layout>
506 </v-flex> 569 </v-flex>
507 </v-toolbar> 570 </v-toolbar>
508 <v-data-table 571 <v-data-table
509 :headers="headers" 572 :headers="headers"
510 :items="desserts" 573 :items="desserts"
511 :pagination.sync="pagination" 574 :pagination.sync="pagination"
512 :search="search" 575 :search="search"
513 > 576 >
514 <template slot="items" slot-scope="props"> 577 <template slot="items" slot-scope="props">
515 <tr class="tr"> 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 <td class="td td-row text-xs-center"> 580 <td class="td td-row text-xs-center">
518 <v-avatar size="40"> 581 <v-avatar size="40">
519 <img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" /> 582 <img
520 <img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" /> 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 </v-avatar> 590 </v-avatar>
522 </td> 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 <td class="td td-row text-xs-center">{{ props.item.email }}</td> 593 <td class="td td-row text-xs-center">{{ props.item.email }}</td>
525 <td class="td td-row text-xs-center">{{ dates(props.item.dob) }}</td> 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 <td class="td td-row text-xs-center">{{ props.item.mobileNo }}</td> 598 <td class="td td-row text-xs-center">{{ props.item.mobileNo }}</td>
528 <td class="td td-row text-xs-center"> 599 <td class="td td-row text-xs-center">
529 <v-switch 600 <v-switch
530 class="pl-3" 601 class="pl-3"
531 v-model="props.item.status" 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 ></v-switch> 604 ></v-switch>
534 </td> 605 </td>
535 <td class="text-xs-center td td-row"> 606 <td class="text-xs-center td td-row">
536 <span> 607 <span>
537 <v-tooltip top> 608 <v-tooltip top>
538 <img 609 <img
539 slot="activator" 610 slot="activator"
540 style="cursor:pointer; width:25px; height:25px; " 611 style="cursor: pointer; width: 25px; height: 25px"
541 class="mr-3" 612 class="mr-3"
542 @click="profile(props.item)" 613 @click="profile(props.item)"
543 src="/static/icon/view.png" 614 src="/static/icon/view.png"
544 /> 615 />
545 <span>View</span> 616 <span>View</span>
546 </v-tooltip> 617 </v-tooltip>
547 <v-tooltip top v-if="role != 'TEACHER' "> 618 <v-tooltip top v-if="role != 'TEACHER'">
548 <img 619 <img
549 slot="activator" 620 slot="activator"
550 style="cursor:pointer; width:20px; height:18px; " 621 style="cursor: pointer; width: 20px; height: 18px"
551 class="mr-3" 622 class="mr-3"
552 @click="editItem(props.item)" 623 @click="editItem(props.item)"
553 src="/static/icon/edit.png" 624 src="/static/icon/edit.png"
554 /> 625 />
555 <span>Edit</span> 626 <span>Edit</span>
556 </v-tooltip> 627 </v-tooltip>
557 <!-- <v-tooltip top v-if="role != 'TEACHER' "> 628 <!-- <v-tooltip top v-if="role != 'TEACHER' ">
558 <img 629 <img
559 slot="activator" 630 slot="activator"
560 style="cursor:pointer; width:20px; height:20px; " 631 style="cursor:pointer; width:20px; height:20px; "
561 @click="deleteItem(props.item)" 632 @click="deleteItem(props.item)"
562 src="/static/icon/delete.png" 633 src="/static/icon/delete.png"
563 class="mr-3" 634 class="mr-3"
564 /> 635 />
565 <span>Delete</span> 636 <span>Delete</span>
566 </v-tooltip>--> 637 </v-tooltip>-->
567 </span> 638 </span>
568 </td> 639 </td>
569 </tr> 640 </tr>
570 </template> 641 </template>
571 <v-alert 642 <v-alert slot="no-results" :value="true" color="error" icon="warning"
572 slot="no-results" 643 >Your search for "{{ search }}" found no results.</v-alert
573 :value="true" 644 >
574 color="error"
575 icon="warning"
576 >Your search for "{{ search }}" found no results.</v-alert>
577 </v-data-table> 645 </v-data-table>
578 646
579 <!-- ****** DIALOG BOX - Add Teachers Data****** --> 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 <v-card flat class="Card-style pa-2"> 654 <v-card flat class="Card-style pa-2">
582 <v-layout> 655 <v-layout>
583 <v-flex xs12 class="pa-0"> 656 <v-flex xs12 class="pa-0">
584 <label class="title text-xs-center">Add Teacher</label> 657 <label class="title text-xs-center">Add Teacher</label>
585 <v-icon 658 <v-icon
586 size="24" 659 size="24"
587 class="right" 660 class="right"
588 @click="$refs.form.reset();addTeacherDialog = false" 661 @click="
589 >cancel</v-icon> 662 $refs.form.reset();
663 addTeacherDialog = false;
664 "
665 >cancel</v-icon
666 >
590 </v-flex> 667 </v-flex>
591 </v-layout> 668 </v-layout>
592 <v-form ref="form" v-model="valid" lazy-validation> 669 <v-form ref="form" v-model="valid" lazy-validation>
593 <v-container fluid> 670 <v-container fluid>
594 <v-layout> 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 <v-avatar size="120px"> 676 <v-avatar size="120px">
597 <img src="/static/icon/user.png" v-if="!imageUrl" /> 677 <img src="/static/icon/user.png" v-if="!imageUrl" />
598 </v-avatar> 678 </v-avatar>
599 <img 679 <img
600 :src="imageUrl" 680 :src="imageUrl"
601 height="150" 681 height="150"
602 v-if="imageUrl" 682 v-if="imageUrl"
603 style="border-radius:50%; width:150px" 683 style="border-radius: 50%; width: 150px"
604 /> 684 />
605 </v-flex> 685 </v-flex>
606 </v-layout> 686 </v-layout>
607 <v-layout wrap> 687 <v-layout wrap>
608 <v-flex xs12 sm6> 688 <v-flex xs12 sm6>
609 <v-layout> 689 <v-layout>
610 <v-flex xs4 class="pt-4 subheading"> 690 <v-flex xs4 class="pt-4 subheading">
611 <label class="right hidden-sm-only hidden-xs-only">Full Name:</label> 691 <label class="right hidden-sm-only hidden-xs-only"
612 <label class="right hidden-lg-only hidden-xl-only hidden-md-only">Full Name</label> 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 </v-flex> 698 </v-flex>
614 <v-flex xs8 class="ml-3"> 699 <v-flex xs8 class="ml-3">
615 <v-text-field 700 <v-text-field
616 v-model="addTeachers.name" 701 v-model="addTeachers.name"
617 placeholder="fill your full Name" 702 placeholder="fill your full Name"
618 name="name" 703 name="name"
619 type="text" 704 type="text"
620 :rules="nameRules" 705 :rules="nameRules"
621 required 706 required
622 ></v-text-field> 707 ></v-text-field>
623 </v-flex> 708 </v-flex>
624 </v-layout> 709 </v-layout>
625 </v-flex> 710 </v-flex>
626 <v-flex xs12 sm6> 711 <v-flex xs12 sm6>
627 <v-layout> 712 <v-layout>
628 <v-flex xs4 class="pt-4 subheading"> 713 <v-flex xs4 class="pt-4 subheading">
629 <label class="right">Email ID:</label> 714 <label class="right">Email ID:</label>
630 </v-flex> 715 </v-flex>
631 <v-flex xs8 class="ml-3"> 716 <v-flex xs8 class="ml-3">
632 <v-text-field 717 <v-text-field
633 placeholder="fill your email" 718 placeholder="fill your email"
634 v-model="addTeachers.email" 719 v-model="addTeachers.email"
635 type="text" 720 type="text"
636 name="email" 721 name="email"
637 required 722 required
638 ></v-text-field> 723 ></v-text-field>
639 </v-flex> 724 </v-flex>
640 </v-layout> 725 </v-layout>
641 </v-flex> 726 </v-flex>
642 </v-layout> 727 </v-layout>
643 <v-layout wrap> 728 <v-layout wrap>
644 <v-flex xs12 sm6> 729 <v-flex xs12 sm6>
645 <v-layout> 730 <v-layout>
646 <v-flex xs4 sm4 class="pt-4 subheading"> 731 <v-flex xs4 sm4 class="pt-4 subheading">
647 <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label> 732 <label class="right hidden-sm-only hidden-xs-only"
648 <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label> 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 </v-flex> 739 </v-flex>
650 <v-flex xs8 class="ml-3"> 740 <v-flex xs8 class="ml-3">
651 <v-menu 741 <v-menu
652 ref="menu" 742 ref="menu"
653 :close-on-content-click="false" 743 :close-on-content-click="false"
654 v-model="menu" 744 v-model="menu"
655 :nudge-right="40" 745 :nudge-right="40"
656 lazy 746 lazy
657 transition="scale-transition" 747 transition="scale-transition"
658 offset-y 748 offset-y
659 full-width 749 full-width
660 min-width="290px" 750 min-width="290px"
661 > 751 >
662 <v-text-field 752 <v-text-field
663 slot="activator" 753 slot="activator"
664 :rules="dateRules" 754 :rules="dateRules"
665 v-model="addTeachers.date" 755 v-model="addTeachers.date"
666 placeholder="Select date" 756 placeholder="Select date"
667 ></v-text-field> 757 ></v-text-field>
668 <v-date-picker 758 <v-date-picker
669 ref="picker" 759 ref="picker"
670 v-model="addTeachers.date" 760 v-model="addTeachers.date"
671 :max="new Date().toISOString().substr(0, 10)" 761 :max="new Date().toISOString().substr(0, 10)"
672 min="1950-01-01" 762 min="1950-01-01"
673 @input="menu = false" 763 @input="menu = false"
674 ></v-date-picker> 764 ></v-date-picker>
675 </v-menu> 765 </v-menu>
676 </v-flex> 766 </v-flex>
677 </v-layout> 767 </v-layout>
678 </v-flex> 768 </v-flex>
679 <v-flex xs12 sm6> 769 <v-flex xs12 sm6>
680 <v-layout> 770 <v-layout>
681 <v-flex xs4 class="pt-4 subheading"> 771 <v-flex xs4 class="pt-4 subheading">
682 <label class="right">City:</label> 772 <label class="right">City:</label>
683 </v-flex> 773 </v-flex>
684 <v-flex xs8 class="ml-3"> 774 <v-flex xs8 class="ml-3">
685 <v-text-field 775 <v-text-field
686 v-model="addTeachers.city" 776 v-model="addTeachers.city"
687 placeholder="fill your City Name" 777 placeholder="fill your City Name"
688 name="City" 778 name="City"
689 type="text" 779 type="text"
690 :rules="cityRules" 780 :rules="cityRules"
691 required 781 required
692 ></v-text-field> 782 ></v-text-field>
693 </v-flex> 783 </v-flex>
694 </v-layout> 784 </v-layout>
695 </v-flex> 785 </v-flex>
696 </v-layout> 786 </v-layout>
697 <v-layout wrap> 787 <v-layout wrap>
698 <v-flex xs12 sm6> 788 <v-flex xs12 sm6>
699 <v-layout> 789 <v-layout>
700 <v-flex xs4 class="pt-4 subheading"> 790 <v-flex xs4 class="pt-4 subheading">
701 <label class="right">State:</label> 791 <label class="right">State:</label>
702 </v-flex> 792 </v-flex>
703 <v-flex xs8 class="ml-3"> 793 <v-flex xs8 class="ml-3">
704 <v-text-field 794 <v-text-field
705 v-model="addTeachers.state" 795 v-model="addTeachers.state"
706 placeholder="fill your State Name" 796 placeholder="fill your State Name"
707 name="state" 797 name="state"
708 type="text" 798 type="text"
709 :rules="stateRules" 799 :rules="stateRules"
710 required 800 required
711 ></v-text-field> 801 ></v-text-field>
712 </v-flex> 802 </v-flex>
713 </v-layout> 803 </v-layout>
714 </v-flex> 804 </v-flex>
715 <v-flex xs12 sm6> 805 <v-flex xs12 sm6>
716 <v-layout> 806 <v-layout>
717 <v-flex xs4 class="pt-4 subheading"> 807 <v-flex xs4 class="pt-4 subheading">
718 <label class="right">PinCode:</label> 808 <label class="right">PinCode:</label>
719 </v-flex> 809 </v-flex>
720 <v-flex xs8 class="ml-3"> 810 <v-flex xs8 class="ml-3">
721 <v-text-field 811 <v-text-field
722 v-model="addTeachers.pincode" 812 v-model="addTeachers.pincode"
723 placeholder="fill your pincode" 813 placeholder="fill your pincode"
724 name="pincode" 814 name="pincode"
725 type="number" 815 type="number"
726 :rules="pincode" 816 :rules="pincode"
727 required 817 required
728 ></v-text-field> 818 ></v-text-field>
729 </v-flex> 819 </v-flex>
730 </v-layout> 820 </v-layout>
731 </v-flex> 821 </v-flex>
732 </v-layout> 822 </v-layout>
733 <!-- ADD TEACHER MOBILE --> 823 <!-- ADD TEACHER MOBILE -->
734 <v-layout wrap> 824 <v-layout wrap>
735 <v-flex xs12 sm6> 825 <v-flex xs12 sm6>
736 <v-layout> 826 <v-layout>
737 <v-flex xs4 class="pt-4 subheading"> 827 <v-flex xs4 class="pt-4 subheading">
738 <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label> 828 <label class="right hidden-xs-only hidden-sm-only"
739 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label> 829 >Mobile No:</label
830 >
831 <label
832 class="right hidden-lg-only hidden-md-only hidden-xl-only"
833 >Mobile:</label
834 >
740 </v-flex> 835 </v-flex>
741 <v-flex xs8 class="ml-3"> 836 <v-flex xs8 class="ml-3">
742 <v-layout row wrap> 837 <v-layout row wrap>
743 <v-flex xs3 class="mt-3"> 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 </v-flex> 843 </v-flex>
746 <v-flex xs9> 844 <v-flex xs9>
747 <v-text-field 845 <v-text-field
748 v-model="addTeachers.mobileNo" 846 v-model="addTeachers.mobileNo"
749 placeholder="Fill your Mobile No." 847 placeholder="Fill your Mobile No."
750 name="mobileNo" 848 name="mobileNo"
751 type="number" 849 type="number"
752 :rules="mobileNoRules" 850 :rules="mobileNoRules"
753 required 851 required
754 ></v-text-field> 852 ></v-text-field>
755 </v-flex> 853 </v-flex>
756 </v-layout> 854 </v-layout>
757 </v-flex> 855 </v-flex>
758 </v-layout> 856 </v-layout>
759 </v-flex> 857 </v-flex>
760 <v-flex xs12 sm6> 858 <v-flex xs12 sm6>
761 <v-layout> 859 <v-layout>
762 <v-flex xs4 class="pt-4 subheading"> 860 <v-flex xs4 class="pt-4 subheading">
763 <label class="right hidden-xs-only hidden-sm-only">Select Country:</label> 861 <label class="right hidden-xs-only hidden-sm-only"
764 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label> 862 >Select Country:</label
863 >
864 <label
865 class="right hidden-lg-only hidden-md-only hidden-xl-only"
866 >Country:</label
867 >
765 </v-flex> 868 </v-flex>
766 <v-flex xs8 class="ml-3"> 869 <v-flex xs8 class="ml-3">
767 <v-autocomplete 870 <v-autocomplete
768 v-model="addTeachers.country" 871 v-model="addTeachers.country"
769 :rules="country" 872 :rules="country"
770 :items="countries" 873 :items="countries"
771 placeholder="Select Country Name" 874 placeholder="Select Country Name"
772 required 875 required
773 ></v-autocomplete> 876 ></v-autocomplete>
774 </v-flex> 877 </v-flex>
775 </v-layout> 878 </v-layout>
776 </v-flex> 879 </v-flex>
777 </v-layout> 880 </v-layout>
778 <v-layout wrap> 881 <v-layout wrap>
779 <v-flex xs12 sm6> 882 <v-flex xs12 sm6>
780 <v-layout> 883 <v-layout>
781 <v-flex xs4 class="pt-4 subheading"> 884 <v-flex xs4 class="pt-4 subheading">
782 <label class="right">Join Date:</label> 885 <label class="right">Join Date:</label>
783 </v-flex> 886 </v-flex>
784 <v-flex xs8 class="ml-3"> 887 <v-flex xs8 class="ml-3">
785 <v-menu 888 <v-menu
786 ref="menu1" 889 ref="menu1"
787 :close-on-content-click="false" 890 :close-on-content-click="false"
788 v-model="menu1" 891 v-model="menu1"
789 :nudge-right="40" 892 :nudge-right="40"
790 lazy 893 lazy
791 transition="scale-transition" 894 transition="scale-transition"
792 offset-y 895 offset-y
793 full-width 896 full-width
794 min-width="290px" 897 min-width="290px"
795 > 898 >
796 <v-text-field 899 <v-text-field
797 slot="activator" 900 slot="activator"
798 :rules="joinDateRules" 901 :rules="joinDateRules"
799 v-model="addTeachers.joinDate" 902 v-model="addTeachers.joinDate"
800 placeholder="Select date" 903 placeholder="Select date"
801 ></v-text-field> 904 ></v-text-field>
802 <v-date-picker 905 <v-date-picker
803 ref="picker" 906 ref="picker"
804 v-model="addTeachers.joinDate" 907 v-model="addTeachers.joinDate"
805 :max="new Date().toISOString().substr(0, 10)" 908 :max="new Date().toISOString().substr(0, 10)"
806 min="1950-01-01" 909 min="1950-01-01"
807 @input="menu1 = false" 910 @input="menu1 = false"
808 ></v-date-picker> 911 ></v-date-picker>
809 </v-menu> 912 </v-menu>
810 </v-flex> 913 </v-flex>
811 </v-layout> 914 </v-layout>
812 </v-flex> 915 </v-flex>
813 <v-flex xs12 sm6> 916 <v-flex xs12 sm6>
814 <v-layout> 917 <v-layout>
815 <v-flex xs4 class="pt-4 subheading"> 918 <v-flex xs4 class="pt-4 subheading">
816 <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label> 919 <label class="right hidden-xs-only hidden-sm-only"
817 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label> 920 >Uplaod Image:</label
921 >
922 <label
923 class="right hidden-lg-only hidden-md-only hidden-xl-only"
924 >Uplaod:</label
925 >
818 </v-flex> 926 </v-flex>
819 <v-flex xs8 class="ml-3"> 927 <v-flex xs8 class="ml-3">
820 <v-text-field 928 <v-text-field
821 label="Select Image" 929 label="Select Image"
822 @click="pickFile" 930 @click="pickFile"
823 v-model="imageName" 931 v-model="imageName"
824 append-icon="attach_file" 932 append-icon="attach_file"
825 ></v-text-field> 933 ></v-text-field>
826 <input 934 <input
827 type="file" 935 type="file"
828 style="display:none" 936 style="display: none"
829 ref="image" 937 ref="image"
830 accept="image/*" 938 accept="image/*"
831 @change="onFilePicked" 939 @change="onFilePicked"
832 /> 940 />
833 </v-flex> 941 </v-flex>
834 </v-layout> 942 </v-layout>
835 </v-flex> 943 </v-flex>
836 </v-layout> 944 </v-layout>
837 <v-layout class="hidden-xs-only hidden-sm-only"> 945 <v-layout class="hidden-xs-only hidden-sm-only">
838 <v-flex xs12 sm6> 946 <v-flex xs12 sm6>
839 <v-layout> 947 <v-layout>
840 <v-flex xs4 md4 class="pt-4 subheading"> 948 <v-flex xs4 md4 class="pt-4 subheading">
841 <label class="right">Present Address:</label> 949 <label class="right">Present Address:</label>
842 </v-flex> 950 </v-flex>
843 <v-flex xs8 md8 class="ml-3"> 951 <v-flex xs8 md8 class="ml-3">
844 <v-text-field 952 <v-text-field
845 name="input-4-3" 953 name="input-4-3"
846 v-model="addTeachers.presentAddress" 954 v-model="addTeachers.presentAddress"
847 :rules="presentAddress" 955 :rules="presentAddress"
848 placeholder="fill Your present Address" 956 placeholder="fill Your present Address"
849 @keyup="copyData" 957 @keyup="copyData"
850 ></v-text-field> 958 ></v-text-field>
851 </v-flex> 959 </v-flex>
852 </v-layout> 960 </v-layout>
853 </v-flex> 961 </v-flex>
854 <v-flex xs12 sm6> 962 <v-flex xs12 sm6>
855 <v-layout> 963 <v-layout>
856 <v-flex xs4 md4 class="pt-4 subheading addressForm"> 964 <v-flex xs4 md4 class="pt-4 subheading addressForm">
857 <label class="right">Permanent Address:</label> 965 <label class="right">Permanent Address:</label>
858 </v-flex> 966 </v-flex>
859 <v-flex xs12 md8 class="ml-3"> 967 <v-flex xs12 md8 class="ml-3">
860 <v-switch 968 <v-switch
861 v-model="addTeachers.permanentAddress" 969 v-model="addTeachers.permanentAddress"
862 label="Select Permanent Address" 970 label="Select Permanent Address"
863 :value="addTeachers.presentAddress" 971 :value="addTeachers.presentAddress"
864 ></v-switch> 972 ></v-switch>
865 </v-flex> 973 </v-flex>
866 </v-layout> 974 </v-layout>
867 </v-flex> 975 </v-flex>
868 </v-layout> 976 </v-layout>
869 <v-layout class="hidden-xs-only hidden-sm-only"> 977 <v-layout class="hidden-xs-only hidden-sm-only">
870 <v-flex xs12 sm6> 978 <v-flex xs12 sm6>
871 <v-layout> 979 <v-layout>
872 <v-flex xs4 md4 class="pt-4 subheading addressForm"> 980 <v-flex xs4 md4 class="pt-4 subheading addressForm">
873 <label class="right">Permanent Address:</label> 981 <label class="right">Permanent Address:</label>
874 </v-flex> 982 </v-flex>
875 <v-flex xs12 md8 class="ml-3"> 983 <v-flex xs12 md8 class="ml-3">
876 <v-text-field 984 <v-text-field
877 name="input-4-3" 985 name="input-4-3"
878 v-model="addTeachers.permanentAddress" 986 v-model="addTeachers.permanentAddress"
879 :rules="permanentAddress" 987 :rules="permanentAddress"
880 placeholder="fill Your Permanent Address" 988 placeholder="fill Your Permanent Address"
881 required 989 required
882 ></v-text-field> 990 ></v-text-field>
883 </v-flex> 991 </v-flex>
884 </v-layout> 992 </v-layout>
885 </v-flex> 993 </v-flex>
886 </v-layout> 994 </v-layout>
887 <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap> 995 <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
888 <v-flex xs12 sm12> 996 <v-flex xs12 sm12>
889 <v-layout> 997 <v-layout>
890 <v-flex xs12 sm12 class="pt-4 subheading text-xs-center"> 998 <v-flex xs12 sm12 class="pt-4 subheading text-xs-center">
891 <label class>Present Addres:</label> 999 <label class>Present Addres:</label>
892 </v-flex> 1000 </v-flex>
893 </v-layout> 1001 </v-layout>
894 <v-layout> 1002 <v-layout>
895 <v-flex xs12 sm12> 1003 <v-flex xs12 sm12>
896 <v-textarea 1004 <v-textarea
897 name="input-4-3" 1005 name="input-4-3"
898 v-model="addTeachers.presentAddress" 1006 v-model="addTeachers.presentAddress"
899 :rules="presentAddress" 1007 :rules="presentAddress"
900 placeholder="fill Your present Address" 1008 placeholder="fill Your present Address"
901 required 1009 required
902 ></v-textarea> 1010 ></v-textarea>
903 </v-flex> 1011 </v-flex>
904 </v-layout> 1012 </v-layout>
905 </v-flex> 1013 </v-flex>
906 <v-flex xs12 sm12> 1014 <v-flex xs12 sm12>
907 <v-layout> 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 <label>Permanent Address:</label> 1021 <label>Permanent Address:</label>
910 </v-flex> 1022 </v-flex>
911 </v-layout> 1023 </v-layout>
912 <v-layout> 1024 <v-layout>
913 <v-flex xs12 sm12> 1025 <v-flex xs12 sm12>
914 <v-textarea 1026 <v-textarea
915 name="input-4-3" 1027 name="input-4-3"
916 v-model="addTeachers.permanentAddress" 1028 v-model="addTeachers.permanentAddress"
917 :rules="permanentAddress" 1029 :rules="permanentAddress"
918 placeholder="fill Your Permanent Address" 1030 placeholder="fill Your Permanent Address"
919 required 1031 required
920 ></v-textarea> 1032 ></v-textarea>
921 </v-flex> 1033 </v-flex>
922 </v-layout> 1034 </v-layout>
923 </v-flex> 1035 </v-flex>
924 </v-layout> 1036 </v-layout>
925 <v-layout> 1037 <v-layout>
926 <v-flex xs12 sm12> 1038 <v-flex xs12 sm12>
927 <v-layout class="right"> 1039 <v-layout class="right">
928 <v-btn @click="clear" round dark class="clear-button">Clear</v-btn> 1040 <v-btn @click="clear" round dark class="clear-button"
929 <v-btn @click="submit" round dark :loading="loading" class="add-button">Add</v-btn> 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 </v-layout> 1051 </v-layout>
931 </v-flex> 1052 </v-flex>
932 </v-layout> 1053 </v-layout>
933 </v-container> 1054 </v-container>
934 </v-form> 1055 </v-form>
935 </v-card> 1056 </v-card>
936 </v-dialog> 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 <div class="loader" v-if="showLoader"> 1067 <div class="loader" v-if="showLoader">
938 <v-progress-circular indeterminate color="white"></v-progress-circular> 1068 <v-progress-circular indeterminate color="white"></v-progress-circular>
939 </div> 1069 </div>
940 </v-container> 1070 </v-container>
941 </template> 1071 </template>
942 1072
943 <script> 1073 <script>
944 import http from "@/Services/http.js"; 1074 import http from "@/Services/http.js";
945 import moment from "moment"; 1075 import moment from "moment";
946 import countryList from "@/script/country.js"; 1076 import countryList from "@/script/country.js";
947 1077
948 export default { 1078 export default {
949 data: () => ({ 1079 data: () => ({
950 /* EDIT MOBILE CELL */ 1080 /* EDIT MOBILE CELL */
951 editedMobileCode: "", 1081 editedMobileCode: "",
952 /* ADD FATHER CELL */ 1082 /* ADD FATHER CELL */
953 addedTeacherMobileCode: "", 1083 addedTeacherMobileCode: "",
954 component: "report-generate", 1084 component: "report-generate",
955 snackbar: false, 1085 snackbar: false,
956 y: "top", 1086 y: "top",
957 x: "right", 1087 x: "right",
958 role: "", 1088 role: "",
959 mode: "", 1089 mode: "",
960 timeout: 3000, 1090 timeout: 3000,
961 text: "", 1091 text: "",
962 color: "", 1092 color: "",
963 showLoader: false, 1093 showLoader: false,
964 loading: false, 1094 loading: false,
965 date: null, 1095 date: null,
966 search: "", 1096 search: "",
967 show: true, 1097 show: true,
968 showSearch: false, 1098 showSearch: false,
969 menu: false, 1099 menu: false,
970 menu1: false, 1100 menu1: false,
971 menu2: false, 1101 menu2: false,
972 menu3: false, 1102 menu3: false,
973 editTeacherDialog: false, 1103 editTeacherDialog: false,
974 viewTeacherProfileDialog: false, 1104 viewTeacherProfileDialog: false,
975 addTeacherDialog: false, 1105 addTeacherDialog: false,
976 valid: true, 1106 valid: true,
977 pagination: { 1107 pagination: {
978 rowsPerPage: 10, 1108 rowsPerPage: 10,
979 }, 1109 },
980 imageData: {}, 1110 imageData: {},
981 imageName: "", 1111 imageName: "",
982 imageUrl: "", 1112 imageUrl: "",
983 imageFile: "", 1113 imageFile: "",
984 nameRules: [(v) => !!v || " Full Name is required"], 1114 nameRules: [(v) => !!v || " Full Name is required"],
985 dateRules: [(v) => !!v || " DOB is required"], 1115 dateRules: [(v) => !!v || " DOB is required"],
986 cityRules: [(v) => !!v || " City Name is required"], 1116 cityRules: [(v) => !!v || " City Name is required"],
987 pincode: [(v) => !!v || " Pincode is required"], 1117 pincode: [(v) => !!v || " Pincode is required"],
988 country: [(v) => !!v || " Country Name is required"], 1118 country: [(v) => !!v || " Country Name is required"],
989 permanentAddress: [(v) => !!v || " Permanent Address is required"], 1119 permanentAddress: [(v) => !!v || " Permanent Address is required"],
990 presentAddress: [(v) => !!v || " Present Address is required"], 1120 presentAddress: [(v) => !!v || " Present Address is required"],
991 mobileNoRules: [(v) => !!v || "Mobile Number is required"], 1121 mobileNoRules: [(v) => !!v || "Mobile Number is required"],
992 stateRules: [(v) => !!v || "State Name is required"], 1122 stateRules: [(v) => !!v || "State Name is required"],
993 joinDateRules: [(v) => !!v || " Join Date is required"], 1123 joinDateRules: [(v) => !!v || " Join Date is required"],
994 errorMessages: "", 1124 errorMessages: "",
995 switch1: true, 1125 switch1: true,
996 countries: [], 1126 countries: [],
997 headers: [ 1127 headers: [
998 { 1128 {
999 text: "No", 1129 text: "No",
1000 align: "", 1130 align: "",
1001 sortable: false, 1131 sortable: false,
1002 value: "No", 1132 value: "No",
1003 }, 1133 },
1004 { 1134 {
1005 text: "Profile Pic", 1135 text: "Profile Pic",
1006 value: "profilePicUrl", 1136 value: "profilePicUrl",
1007 sortable: false, 1137 sortable: false,
1008 align: "center", 1138 align: "center",
1009 }, 1139 },
1010 { text: "Name", value: "name", sortable: false, align: "center" }, 1140 { text: "Name", value: "name", sortable: false, align: "center" },
1011 { text: "Email", value: "email", sortable: false, align: "center" }, 1141 { text: "Email", value: "email", sortable: false, align: "center" },
1012 { text: "DOB", value: "dob", sortable: false, align: "center" }, 1142 { text: "DOB", value: "dob", sortable: false, align: "center" },
1013 { 1143 {
1014 text: "Join Date", 1144 text: "Join Date",
1015 value: "joinDate", 1145 value: "joinDate",
1016 sortable: false, 1146 sortable: false,
1017 align: "center", 1147 align: "center",
1018 }, 1148 },
1019 { 1149 {
1020 text: "Mobile No", 1150 text: "Mobile No",
1021 value: "mobileNo", 1151 value: "mobileNo",
1022 sortable: false, 1152 sortable: false,
1023 align: "center", 1153 align: "center",
1024 }, 1154 },
1025 { 1155 {
1026 text: "Status", 1156 text: "Status",
1027 value: "status", 1157 value: "status",
1028 sortable: false, 1158 sortable: false,
1029 align: "center", 1159 align: "center",
1030 }, 1160 },
1031 { text: "Action", value: "", sortable: false, align: "center" }, 1161 { text: "Action", value: "", sortable: false, align: "center" },
1032 ], 1162 ],
1033 desserts: [], 1163 desserts: [],
1034 editedIndex: -1, 1164 editedIndex: -1,
1035 upload: "", 1165 upload: "",
1036 editedItem: { 1166 editedItem: {
1037 role: "TEACHER", 1167 role: "TEACHER",
1038 name: "", 1168 name: "",
1039 email: "", 1169 email: "",
1040 date: null, 1170 date: null,
1041 city: "", 1171 city: "",
1042 pincode: "", 1172 pincode: "",
1043 country: "", 1173 country: "",
1044 permanentAddress: "", 1174 permanentAddress: "",
1045 presentAddress: "", 1175 presentAddress: "",
1046 mobileNo: "", 1176 mobileNo: "",
1047 state: "", 1177 state: "",
1048 joinDate: null, 1178 joinDate: null,
1049 }, 1179 },
1050 addTeachers: { 1180 addTeachers: {
1051 role: "TEACHER", 1181 role: "TEACHER",
1052 name: "", 1182 name: "",
1053 email: "", 1183 email: "",
1054 date: null, 1184 date: null,
1055 city: "", 1185 city: "",
1056 pincode: "", 1186 pincode: "",
1057 country: "", 1187 country: "",
1058 permanentAddress: "", 1188 permanentAddress: "",
1059 presentAddress: "", 1189 presentAddress: "",
1060 mobileNo: "", 1190 mobileNo: "",
1061 state: "", 1191 state: "",
1062 joinDate: null, 1192 joinDate: null,
1063 }, 1193 },
1064 status: "", 1194 status: "",
1065 }), 1195 }),
1066 watch: { 1196 watch: {
1067 menu(val) { 1197 menu(val) {
1068 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR")); 1198 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
1069 }, 1199 },
1070 menu1(val) { 1200 menu1(val) {
1071 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR")); 1201 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
1072 }, 1202 },
1073 addTeacherDialog: function (val) { 1203 addTeacherDialog: function (val) {
1074 if (!val) { 1204 if (!val) {
1075 this.addTeachers = { 1205 this.addTeachers = {
1076 role: "TEACHER", 1206 role: "TEACHER",
1077 }; 1207 };
1078 this.imageName = ""; 1208 this.imageName = "";
1079 this.imageFile = ""; 1209 this.imageFile = "";
1080 this.imageUrl = ""; 1210 this.imageUrl = "";
1081 } 1211 }
1082 }, 1212 },
1083 }, 1213 },
1084 methods: { 1214 methods: {
1085 onSelect({ name, iso2, dialCode }) { 1215 onSelect({ name, iso2, dialCode }) {
1086 // console.log("country codes", name, iso2, dialCode); 1216 // console.log("country codes", name, iso2, dialCode);
1087 }, 1217 },
1088 editMobileCode({ name, iso2, dialCode }) { 1218 editMobileCode({ name, iso2, dialCode }) {
1089 // console.log("Edit father cell", name,iso2); 1219 // console.log("Edit father cell", name,iso2);
1090 this.editedMobileCode = dialCode; 1220 this.editedMobileCode = dialCode;
1091 }, 1221 },
1092 addTeacherMobileCode({ name, iso2, dialCode }) { 1222 addTeacherMobileCode({ name, iso2, dialCode }) {
1093 this.addedTeacherMobileCode = dialCode; 1223 this.addedTeacherMobileCode = dialCode;
1094 }, 1224 },
1095 save(date) { 1225 save(date) {
1096 this.$refs.menu.save(date); 1226 this.$refs.menu.save(date);
1097 }, 1227 },
1098 save(date) { 1228 save(date) {
1099 this.$refs.menu1.save(date); 1229 this.$refs.menu1.save(date);
1100 }, 1230 },
1101 pickFile() { 1231 pickFile() {
1102 this.$refs.image.click(); 1232 this.$refs.image.click();
1103 }, 1233 },
1104 onFilePicked(e) { 1234 onFilePicked(e) {
1105 const files = e.target.files; 1235 const files = e.target.files;
1106 this.upload = e.target.files[0]; 1236 this.upload = e.target.files[0];
1107 if (files[0] !== undefined) { 1237 if (files[0] !== undefined) {
1108 this.imageName = files[0].name; 1238 this.imageName = files[0].name;
1109 if (this.imageName.lastIndexOf(".") <= 0) { 1239 if (this.imageName.lastIndexOf(".") <= 0) {
1110 return; 1240 return;
1111 } 1241 }
1112 const fr = new FileReader(); 1242 const fr = new FileReader();
1113 fr.readAsDataURL(files[0]); 1243 fr.readAsDataURL(files[0]);
1114 fr.addEventListener("load", () => { 1244 fr.addEventListener("load", () => {
1115 this.imageUrl = fr.result; 1245 this.imageUrl = fr.result;
1116 this.imageFile = files[0]; // this is an image file that can be sent to server... 1246 this.imageFile = files[0]; // this is an image file that can be sent to server...
1117 }); 1247 });
1118 } else { 1248 } else {
1119 this.imageName = ""; 1249 this.imageName = "";
1120 this.imageFile = ""; 1250 this.imageFile = "";
1121 this.imageUrl = ""; 1251 this.imageUrl = "";
1122 } 1252 }
1123 }, 1253 },
1124 dates: function (date) { 1254 dates: function (date) {
1125 return moment(date).format("MMMM DD, YYYY"); 1255 return moment(date).format("MMMM DD, YYYY");
1126 }, 1256 },
1127 getTeacherList() { 1257 getTeacherList() {
1128 this.showLoader = true; 1258 this.showLoader = true;
1129 var token = this.$store.state.token; 1259 var token = this.$store.state.token;
1130 http() 1260 http()
1131 .get("/getTeachersList", { 1261 .get("/getTeachersList", {
1132 headers: { Authorization: "Bearer " + token }, 1262 headers: { Authorization: "Bearer " + token },
1133 }) 1263 })
1134 .then((response) => { 1264 .then((response) => {
1135 this.desserts = response.data.data; 1265 this.desserts = response.data.data;
1136 this.showLoader = false; 1266 this.showLoader = false;
1137 // console.log("getTeacherList=====>",this.desserts) 1267 // console.log("getTeacherList=====>",this.desserts)
1138 }) 1268 })
1139 .catch((error) => { 1269 .catch((error) => {
1140 this.showLoader = false; 1270 this.showLoader = false;
1141 if (error.response.status === 401) { 1271 if (error.response.status === 401) {
1142 this.$router.replace({ path: "/" }); 1272 this.$router.replace({ path: "/" });
1143 this.$store.dispatch("setToken", null); 1273 this.$store.dispatch("setToken", null);
1144 this.$store.dispatch("Id", null); 1274 this.$store.dispatch("Id", null);
1145 } 1275 }
1146 }); 1276 });
1147 }, 1277 },
1148 editItem(item) { 1278 editItem(item) {
1149 this.editedIndex = this.desserts.indexOf(item); 1279 this.editedIndex = this.desserts.indexOf(item);
1150 this.editedItem = Object.assign({}, item); 1280 this.editedItem = Object.assign({}, item);
1151 this.editedItem.dob = 1281 this.editedItem.dob =
1152 this.editedItem.dob != undefined 1282 this.editedItem.dob != undefined
1153 ? (this.editedItem.dob = this.editedItem.dob.substring(0, 10)) 1283 ? (this.editedItem.dob = this.editedItem.dob.substring(0, 10))
1154 : (this.editedItem.dob = ""); 1284 : (this.editedItem.dob = "");
1155 this.editedItem.joinDate = 1285 this.editedItem.joinDate =
1156 this.editedItem.joinDate != undefined 1286 this.editedItem.joinDate != undefined
1157 ? (this.editedItem.joinDate = this.editedItem.joinDate.substring( 1287 ? (this.editedItem.joinDate = this.editedItem.joinDate.substring(
1158 0, 1288 0,
1159 10 1289 10
1160 )) 1290 ))
1161 : (this.editedItem.joinDate = ""); 1291 : (this.editedItem.joinDate = "");
1162 1292
1163 this.editTeacherDialog = true; 1293 this.editTeacherDialog = true;
1164 }, 1294 },
1165 profile(item) { 1295 profile(item) {
1166 this.editedIndex = this.desserts.indexOf(item); 1296 this.editedIndex = this.desserts.indexOf(item);
1167 this.editedItem = Object.assign({}, item); 1297 this.editedItem = Object.assign({}, item);
1168 this.viewTeacherProfileDialog = true; 1298 this.viewTeacherProfileDialog = true;
1169 }, 1299 },
1170 deleteItem(item) { 1300 deleteItem(item) {
1171 let deleteTeachers = { 1301 let deleteTeachers = {
1172 teacherId: item._id, 1302 teacherId: item._id,
1173 }; 1303 };
1174 http() 1304 http()
1175 .delete( 1305 .delete(
1176 "/deleteTeacher", 1306 "/deleteTeacher",
1177 confirm("Are you sure you want to delete this?") && { 1307 confirm("Are you sure you want to delete this?") && {
1178 params: deleteTeachers, 1308 params: deleteTeachers,
1179 } 1309 }
1180 ) 1310 )
1181 .then((response) => { 1311 .then((response) => {
1182 this.snackbar = true; 1312 this.snackbar = true;
1183 this.text = "Successfully delete Existing Teacher"; 1313 this.text = "Successfully delete Existing Teacher";
1184 this.color = "green"; 1314 this.color = "green";
1185 this.getTeacherList(); 1315 this.getTeacherList();
1186 }) 1316 })
1187 .catch((error) => { 1317 .catch((error) => {
1188 this.snackbar = true; 1318 this.snackbar = true;
1189 this.text = error.response.data.message; 1319 this.text = error.response.data.message;
1190 this.color = "error"; 1320 this.color = "error";
1191 }); 1321 });
1192 }, 1322 },
1193 closeEditTeacherDialog() { 1323 closeEditTeacherDialog() {
1194 this.editTeacherDialog = false; 1324 this.editTeacherDialog = false;
1195 }, 1325 },
1196 close1() { 1326 close1() {
1197 this.viewTeacherProfileDialog = false; 1327 this.viewTeacherProfileDialog = false;
1198 }, 1328 },
1199 copyData() { 1329 copyData() {
1200 this.addTeachers.permanentAddress = this.addTeachers.presentAddress; 1330 this.addTeachers.permanentAddress = this.addTeachers.presentAddress;
1201 }, 1331 },
1202 submit() { 1332 submit() {
1203 if (this.$refs.form.validate()) { 1333 if (this.$refs.form.validate()) {
1204 let addTeacher = { 1334 let addTeacher = {
1205 name: this.addTeachers.name, 1335 name: this.addTeachers.name,
1206 email: this.addTeachers.email, 1336 email: this.addTeachers.email,
1207 role: this.addTeachers.role, 1337 role: this.addTeachers.role,
1208 dob: this.addTeachers.date, 1338 dob: this.addTeachers.date,
1209 city: this.addTeachers.city, 1339 city: this.addTeachers.city,
1210 pincode: this.addTeachers.pincode, 1340 pincode: this.addTeachers.pincode,
1211 country: this.addTeachers.country, 1341 country: this.addTeachers.country,
1212 permanentAddress: this.addTeachers.permanentAddress, 1342 permanentAddress: this.addTeachers.permanentAddress,
1213 presentAddress: this.addTeachers.presentAddress, 1343 presentAddress: this.addTeachers.presentAddress,
1214 countryCode: this.addedTeacherMobileCode, 1344 countryCode: this.addedTeacherMobileCode,
1215 mobileNo: this.addTeachers.mobileNo, 1345 mobileNo: this.addTeachers.mobileNo,
1216 state: this.addTeachers.state, 1346 state: this.addTeachers.state,
1217 joinDate: this.addTeachers.joinDate, 1347 joinDate: this.addTeachers.joinDate,
1218 }; 1348 };
1219 if (this.imageUrl) { 1349 if (this.imageUrl) {
1220 var str = this.imageUrl; 1350 var str = this.imageUrl;
1221 const [baseUrl, imageUrl] = str.split(/,/); 1351 const [baseUrl, imageUrl] = str.split(/,/);
1222 addTeacher.upload = imageUrl; 1352 addTeacher.upload = imageUrl;
1223 } 1353 }
1224 this.loading = true; 1354 this.loading = true;
1225 http() 1355 http()
1226 .post("/createTeacher", addTeacher) 1356 .post("/createTeacher", addTeacher)
1227 .then((response) => { 1357 .then((response) => {
1228 this.imageUrl = ""; 1358 this.imageUrl = "";
1229 this.getTeacherList(); 1359 this.getTeacherList();
1230 this.snackbar = true; 1360 this.snackbar = true;
1231 this.text = "New Teacher added successfully"; 1361 this.text = "New Teacher added successfully";
1232 this.color = "green"; 1362 this.color = "green";
1233 this.clear(); 1363 this.clear();
1234 this.loading = false; 1364 this.loading = false;
1235 this.addTeacherDialog = false; 1365 this.addTeacherDialog = false;
1236 }) 1366 })
1237 .catch((error) => { 1367 .catch((error) => {
1238 this.snackbar = true; 1368 this.snackbar = true;
1239 this.text = error.response.data.message; 1369 this.text = error.response.data.message;
1240 this.color = "error"; 1370 this.color = "error";
1241 this.loading = false; 1371 this.loading = false;
1242 }); 1372 });
1243 } 1373 }
1244 }, 1374 },
1245 clear() { 1375 clear() {
1246 this.$refs.form.reset(); 1376 this.$refs.form.reset();
1247 this.imageUrl = ""; 1377 this.imageUrl = "";
1248 }, 1378 },
1249 save() { 1379 save() {
1250 this.loading = true; 1380 this.loading = true;
1251 let editTeacher = { 1381 let editTeacher = {
1252 teacherId: this.editedItem._id, 1382 teacherId: this.editedItem._id,
1253 name: this.editedItem.name, 1383 name: this.editedItem.name,
1254 email: this.editedItem.email, 1384 email: this.editedItem.email,
1255 role: this.editedItem.role, 1385 role: this.editedItem.role,
1256 dob: this.editedItem.dob, 1386 dob: this.editedItem.dob,
1257 city: this.editedItem.city, 1387 city: this.editedItem.city,
1258 pincode: this.editedItem.pincode, 1388 pincode: this.editedItem.pincode,
1259 country: this.editedItem.country, 1389 country: this.editedItem.country,
1260 permanentAddress: this.editedItem.permanentAddress, 1390 permanentAddress: this.editedItem.permanentAddress,
1261 presentAddress: this.editedItem.presentAddress, 1391 presentAddress: this.editedItem.presentAddress,
1262 countryCode: this.editedMobileCode, 1392 countryCode: this.editedMobileCode,
1263 mobileNo: this.editedItem.mobileNo, 1393 mobileNo: this.editedItem.mobileNo,
1264 state: this.editedItem.state, 1394 state: this.editedItem.state,
1265 joinDate: this.editedItem.joinDate, 1395 joinDate: this.editedItem.joinDate,
1266 }; 1396 };
1267 if (this.imageUrl) { 1397 if (this.imageUrl) {
1268 var str = this.imageUrl; 1398 var str = this.imageUrl;
1269 const [baseUrl, imageUrl] = str.split(/,/); 1399 const [baseUrl, imageUrl] = str.split(/,/);
1270 editTeacher.upload = imageUrl; 1400 editTeacher.upload = imageUrl;
1271 } 1401 }
1272 http() 1402 http()
1273 .put("/updateTeacher", editTeacher) 1403 .put("/updateTeacher", editTeacher)
1274 .then((response) => { 1404 .then((response) => {
1275 this.snackbar = true; 1405 this.snackbar = true;
1276 this.text = "Successfully Edit Existing Teacher"; 1406 this.text = "Successfully Edit Existing Teacher";
1277 this.color = "green"; 1407 this.color = "green";
1278 this.loading = false; 1408 this.loading = false;
1279 this.getTeacherList(); 1409 this.getTeacherList();
1280 this.closeEditTeacherDialog(); 1410 this.closeEditTeacherDialog();
1281 }) 1411 })
1282 .catch((error) => { 1412 .catch((error) => {
1283 this.snackbar = true; 1413 this.snackbar = true;
1284 this.text = error.response.data.message; 1414 this.text = error.response.data.message;
1285 this.color = "error"; 1415 this.color = "error";
1286 this.loading = false; 1416 this.loading = false;
1287 }); 1417 });
1288 }, 1418 },
1289 suspendStatus(suspendStatus, id) { 1419 suspendStatus(suspendStatus, id) {
1290 let suspendStatusData = { 1420 let suspendStatusData = {
1291 teacherId: id, 1421 teacherId: id,
1292 status: suspendStatus, 1422 status: suspendStatus,
1293 }; 1423 };
1294 this.showLoader = true; 1424 this.showLoader = true;
1295 http() 1425 http()
1296 .put("/suspendAccount", suspendStatusData) 1426 .put("/suspendAccount", suspendStatusData)
1297 .then((response) => { 1427 .then((response) => {
1298 this.getTeacherList(); 1428 this.getTeacherList();
1299 this.text = response.data.message; 1429 this.text = response.data.message;
1300 this.color = "green"; 1430 this.color = "green";
1301 this.snackbar = true; 1431 this.snackbar = true;
1302 this.showLoader = false; 1432 this.showLoader = false;
1303 }) 1433 })
1304 .catch((error) => { 1434 .catch((error) => {
1305 this.snackbar = true; 1435 this.snackbar = true;
1306 this.color = "error"; 1436 this.color = "error";
1307 this.text = error.response.data.message; 1437 this.text = error.response.data.message;
1308 this.showLoader = false; 1438 this.showLoader = false;
1309 }); 1439 });
1310 }, 1440 },
1311 displaySearch() { 1441 displaySearch() {
1312 (this.show = false), (this.showSearch = true); 1442 (this.show = false), (this.showSearch = true);
1313 }, 1443 },
1314 closeSearch() { 1444 closeSearch() {
1315 this.showSearch = false; 1445 this.showSearch = false;
1316 this.show = true; 1446 this.show = true;
1317 this.search = ""; 1447 this.search = "";
1318 }, 1448 },
1319 }, 1449 },
1320 mounted() { 1450 mounted() {
1321 const getCountryList = countryList(); 1451 const getCountryList = countryList();
1322 this.countries = getCountryList; 1452 this.countries = getCountryList;
1323 this.getTeacherList(); 1453 this.getTeacherList();
1324 this.role = this.$store.state.role; 1454 this.role = this.$store.state.role;
1325 }, 1455 },
1326 }; 1456 };
1327 </script> 1457 </script>
1328 <style scoped> 1458 <style scoped>
1329 .active { 1459 .active {
1330 background-color: gray; 1460 background-color: gray;
1331 color: white !important; 1461 color: white !important;
1332 } 1462 }
1333 .activebtn { 1463 .activebtn {