viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit 4efdca5643addf2a997143c3f9869d47b00757c1

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

solve bugs parent mobile number in parent and student parents

Showing 2 changed files with 154 additions and 149 deletions   Show diff stats
src/pages/Parent/parents.vue
Diff comments   View file @4efdca5
1 <template> 1 <template>
2 <v-app id="pages-dasboard"> 2 <v-app id="pages-dasboard">
3 <v-tabs grow slider-color="gray"> 3 <v-tabs grow slider-color="gray">
4 <v-tab 4 <v-tab
5 ripple 5 ripple
6 @click="activeTab('existing')" 6 @click="activeTab('existing')"
7 v-bind:class="{ active: isActive }" 7 v-bind:class="{ active: isActive }"
8 id="tab" 8 id="tab"
9 class="subheading" 9 class="subheading"
10 >Existing Parents</v-tab> 10 >Existing Parents</v-tab>
11 <v-tab 11 <v-tab
12 ripple 12 ripple
13 @click="activeTab('new')" 13 @click="activeTab('new')"
14 v-bind:class="{ active: newActive }" 14 v-bind:class="{ active: newActive }"
15 id="tab1" 15 id="tab1"
16 User 16 User
17 class="subheading" 17 class="subheading"
18 >Add New Parents</v-tab> 18 >Add New Parents</v-tab>
19 19
20 <!-- ****** EDITS Parents DETAILS ****** --> 20 <!-- ****** EDITS Parents DETAILS ****** -->
21 21
22 <v-tab-item> 22 <v-tab-item>
23 <v-snackbar 23 <v-snackbar
24 :timeout="timeout" 24 :timeout="timeout"
25 :top="y === 'top'" 25 :top="y === 'top'"
26 :right="x === 'right'" 26 :right="x === 'right'"
27 :vertical="mode === 'vertical'" 27 :vertical="mode === 'vertical'"
28 v-model="snackbar" 28 v-model="snackbar"
29 color="success" 29 color="success"
30 >{{ text }}</v-snackbar> 30 >{{ text }}</v-snackbar>
31 <v-dialog v-model="dialog" max-width="600px" scrollable> 31 <v-dialog v-model="dialog" max-width="600px" scrollable>
32 <v-card flat> 32 <v-card flat>
33 <v-toolbar color="grey lighten-2" flat> 33 <v-toolbar color="grey lighten-2" flat>
34 <v-spacer></v-spacer> 34 <v-spacer></v-spacer>
35 <v-toolbar-title> 35 <v-toolbar-title>
36 <h3 class="hidden-xs-only">Edit Parent Profile</h3> 36 <h3 class="hidden-xs-only">Edit Parent Profile</h3>
37 <h5 37 <h5
38 class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only" 38 class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only"
39 >Edit Parent Profile</h5> 39 >Edit Parent Profile</h5>
40 </v-toolbar-title> 40 </v-toolbar-title>
41 <v-spacer></v-spacer> 41 <v-spacer></v-spacer>
42 <v-icon @click="close" class="hidden-xs-only pr-2">close</v-icon> 42 <v-icon @click="close" class="hidden-xs-only pr-2">close</v-icon>
43 <v-icon 43 <v-icon
44 @click="close" 44 @click="close"
45 size="26" 45 size="26"
46 class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only" 46 class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only"
47 >close</v-icon> 47 >close</v-icon>
48 </v-toolbar> 48 </v-toolbar>
49 <v-card-text style="height: 600px;" class="hidden-xs-only hidden-sm-only"> 49 <v-card-text style="height: 600px;" class="hidden-xs-only hidden-sm-only">
50 <v-flex xs12> 50 <v-form ref="editParentForm" v-model="validEditParent" lazy-validation>
51 <v-layout> 51 <v-flex xs12>
52 <v-flex xs3 sm4 class="pt-4 subheading"> 52 <v-layout>
53 <label class="right">Email ID:</label> 53 <v-flex xs3 sm4 class="pt-4 subheading">
54 </v-flex> 54 <label class="right">Email ID:</label>
55 <v-flex xs8 sm6 class="ml-3"> 55 </v-flex>
56 <v-text-field 56 <v-flex xs8 sm6 class="ml-3">
57 placeholder="fill your email" 57 <v-text-field
58 v-model="editedItem.email" 58 placeholder="fill your email"
59 type="text" 59 v-model="editedItem.email"
60 name="email" 60 type="text"
61 required 61 name="email"
62 ></v-text-field> 62 required
63 </v-flex> 63 ></v-text-field>
64 </v-layout> 64 </v-flex>
65 </v-flex> 65 </v-layout>
66 <v-flex xs12> 66 </v-flex>
67 <v-layout> 67 <v-flex xs12>
68 <v-flex xs3 sm4 class="pt-4 subheading"> 68 <v-layout>
69 <label class="right">Father Name:</label> 69 <v-flex xs3 sm4 class="pt-4 subheading">
70 </v-flex> 70 <label class="right">Father Name:</label>
71 <v-flex xs8 sm6 class="ml-3"> 71 </v-flex>
72 <v-text-field 72 <v-flex xs8 sm6 class="ml-3">
73 v-model="editedItem.fatherName" 73 <v-text-field
74 placeholder="fill your father Name" 74 v-model="editedItem.fatherName"
75 required 75 placeholder="fill your father Name"
76 ></v-text-field> 76 required
77 </v-flex> 77 ></v-text-field>
78 </v-layout> 78 </v-flex>
79 </v-flex> 79 </v-layout>
80 <v-flex xs12> 80 </v-flex>
81 <v-layout> 81 <v-flex xs12>
82 <v-flex xs3 sm4 class="pt-4 subheading"> 82 <v-layout>
83 <label class="right">Father Cell No:</label> 83 <v-flex xs3 sm4 class="pt-4 subheading">
84 </v-flex> 84 <label class="right">Father Cell No:</label>
85 <v-flex xs8 sm6 class="ml-3"> 85 </v-flex>
86 <v-text-field 86 <v-flex xs8 sm6 class="ml-3">
87 v-model="editedItem.fatherCellNo" 87 <v-text-field
88 placeholder="fill your father Cell Number" 88 v-model="editedItem.fatherCellNo"
89 type="number" 89 placeholder="fill your father Cell Number"
90 required 90 :rules="editFatherNoRule"
91 ></v-text-field> 91 type="number"
92 </v-flex> 92 required
93 </v-layout> 93 ></v-text-field>
94 </v-flex> 94 </v-flex>
95 <v-flex xs12> 95 </v-layout>
96 <v-layout> 96 </v-flex>
97 <v-flex xs3 sm4 class="pt-4 subheading"> 97 <v-flex xs12>
98 <label class="right">Father Profession:</label> 98 <v-layout>
99 </v-flex> 99 <v-flex xs3 sm4 class="pt-4 subheading">
100 <v-flex xs8 sm6 class="ml-3"> 100 <label class="right">Father Profession:</label>
101 <v-text-field 101 </v-flex>
102 v-model="editedItem.fatherProfession" 102 <v-flex xs8 sm6 class="ml-3">
103 placeholder="fill your father Profession" 103 <v-text-field
104 required 104 v-model="editedItem.fatherProfession"
105 ></v-text-field> 105 placeholder="fill your father Profession"
106 </v-flex> 106 required
107 </v-layout> 107 ></v-text-field>
108 </v-flex> 108 </v-flex>
109 <v-flex xs12> 109 </v-layout>
110 <v-layout> 110 </v-flex>
111 <v-flex xs3 sm4 class="pt-4 subheading"> 111 <v-flex xs12>
112 <label class="right">Mother Name:</label> 112 <v-layout>
113 </v-flex> 113 <v-flex xs3 sm4 class="pt-4 subheading">
114 <v-flex xs8 sm6 class="ml-3"> 114 <label class="right">Mother Name:</label>
115 <v-text-field 115 </v-flex>
116 v-model="editedItem.motherName" 116 <v-flex xs8 sm6 class="ml-3">
117 placeholder="fill your Mother Name" 117 <v-text-field
118 type="text" 118 v-model="editedItem.motherName"
119 required 119 placeholder="fill your Mother Name"
120 ></v-text-field> 120 type="text"
121 </v-flex> 121 required
122 </v-layout> 122 ></v-text-field>
123 </v-flex> 123 </v-flex>
124 <v-flex xs12> 124 </v-layout>
125 <v-layout> 125 </v-flex>
126 <v-flex xs3 sm4 class="pt-4 subheading"> 126 <v-flex xs12>
127 <label class="right">Mother Cell No:</label> 127 <v-layout>
128 </v-flex> 128 <v-flex xs3 sm4 class="pt-4 subheading">
129 <v-flex xs8 sm6 class="ml-3"> 129 <label class="right">Mother Cell No:</label>
130 <v-text-field 130 </v-flex>
131 v-model="editedItem.motherCellNo" 131 <v-flex xs8 sm6 class="ml-3">
132 placeholder="fill your Mother Cell Number" 132 <v-text-field
133 type="number" 133 v-model="editedItem.motherCellNo"
134 required 134 placeholder="fill your Mother Cell Number"
135 ></v-text-field> 135 type="number"
136 </v-flex> 136 required
137 </v-layout> 137 ></v-text-field>
138 </v-flex> 138 </v-flex>
139 <v-flex xs12> 139 </v-layout>
140 </v-flex>
141 <v-flex xs12>
142 <v-layout>
143 <v-flex xs3 sm4 class="pt-4 subheading">
144 <label class="right">Mother Profession:</label>
145 </v-flex>
146 <v-flex xs8 sm6 class="ml-3">
147 <v-text-field
148 v-model="editedItem.motherProfession"
149 placeholder="fill your Mother Profession"
150 type="text"
151 required
152 ></v-text-field>
153 </v-flex>
154 </v-layout>
155 </v-flex>
140 <v-layout> 156 <v-layout>
141 <v-flex xs3 sm4 class="pt-4 subheading"> 157 <v-flex xs12 sm12>
142 <label class="right">Mother Profession:</label> 158 <v-card-actions>
143 </v-flex> 159 <v-spacer></v-spacer>
144 <v-flex xs8 sm6 class="ml-3"> 160 <v-btn round dark @click="save">Save</v-btn>
145 <v-text-field 161 <v-spacer></v-spacer>
146 v-model="editedItem.motherProfession" 162 </v-card-actions>
147 placeholder="fill your Mother Profession"
148 type="text"
149 required
150 ></v-text-field>
151 </v-flex> 163 </v-flex>
152 </v-layout> 164 </v-layout>
153 </v-flex> 165 </v-form>
154 <v-layout>
155 <v-flex xs12 sm12>
156 <v-card-actions>
157 <v-spacer></v-spacer>
158 <v-btn round dark @click="save">Save</v-btn>
159 <v-spacer></v-spacer>
160 </v-card-actions>
161 </v-flex>
162 </v-layout>
163 </v-card-text> 166 </v-card-text>
164 <v-card-text 167 <v-card-text
165 style="height: 600px;" 168 style="height: 600px;"
166 class="hidden-lg-only hidden-xl-only hidden-md-only" 169 class="hidden-lg-only hidden-xl-only hidden-md-only"
167 > 170 >
168 <v-flex xs12> 171 <v-flex xs12>
169 <v-layout wrap> 172 <v-layout wrap>
170 <v-flex xs12 class="pt-4 subheading"> 173 <v-flex xs12 class="pt-4 subheading">
171 <label>Email ID:</label> 174 <label>Email ID:</label>
172 </v-flex> 175 </v-flex>
173 <v-flex xs12> 176 <v-flex xs12>
174 <v-text-field 177 <v-text-field
175 placeholder="fill your email" 178 placeholder="fill your email"
176 v-model="editedItem.email" 179 v-model="editedItem.email"
177 type="text" 180 type="text"
178 name="email" 181 name="email"
179 required 182 required
180 ></v-text-field> 183 ></v-text-field>
181 </v-flex> 184 </v-flex>
182 </v-layout> 185 </v-layout>
183 </v-flex> 186 </v-flex>
184 <v-flex xs12> 187 <v-flex xs12>
185 <v-layout wrap> 188 <v-layout wrap>
186 <v-flex xs12 class="pt-4 subheading"> 189 <v-flex xs12 class="pt-4 subheading">
187 <label>Father Name:</label> 190 <label>Father Name:</label>
188 </v-flex> 191 </v-flex>
189 <v-flex xs12> 192 <v-flex xs12>
190 <v-text-field 193 <v-text-field
191 v-model="editedItem.fatherName" 194 v-model="editedItem.fatherName"
192 placeholder="fill your father Name" 195 placeholder="fill your father Name"
193 required 196 required
194 ></v-text-field> 197 ></v-text-field>
195 </v-flex> 198 </v-flex>
196 </v-layout> 199 </v-layout>
197 </v-flex> 200 </v-flex>
198 <v-flex xs12> 201 <v-flex xs12>
199 <v-layout wrap> 202 <v-layout wrap>
200 <v-flex xs12 class="pt-4 subheading"> 203 <v-flex xs12 class="pt-4 subheading">
201 <label>Father Cell No:</label> 204 <label>Father Cell No:</label>
202 </v-flex> 205 </v-flex>
203 <v-flex xs12> 206 <v-flex xs12>
204 <v-text-field 207 <v-text-field
205 v-model="editedItem.fatherCellNo" 208 v-model="editedItem.fatherCellNo"
206 placeholder="fill your father Cell Number" 209 placeholder="fill your father Cell Number"
207 type="number" 210 type="number"
208 required 211 required
209 ></v-text-field> 212 ></v-text-field>
210 </v-flex> 213 </v-flex>
211 </v-layout> 214 </v-layout>
212 </v-flex> 215 </v-flex>
213 <v-flex xs12> 216 <v-flex xs12>
214 <v-layout wrap> 217 <v-layout wrap>
215 <v-flex xs12 class="pt-4 subheading"> 218 <v-flex xs12 class="pt-4 subheading">
216 <label>Father Profession:</label> 219 <label>Father Profession:</label>
217 </v-flex> 220 </v-flex>
218 <v-flex xs12> 221 <v-flex xs12>
219 <v-text-field 222 <v-text-field
220 v-model="editedItem.fatherProfession" 223 v-model="editedItem.fatherProfession"
221 placeholder="fill your father Profession" 224 placeholder="fill your father Profession"
222 required 225 required
223 ></v-text-field> 226 ></v-text-field>
224 </v-flex> 227 </v-flex>
225 </v-layout> 228 </v-layout>
226 </v-flex> 229 </v-flex>
227 <v-flex xs12> 230 <v-flex xs12>
228 <v-layout wrap> 231 <v-layout wrap>
229 <v-flex xs12 class="pt-4 subheading"> 232 <v-flex xs12 class="pt-4 subheading">
230 <label>Mother Name:</label> 233 <label>Mother Name:</label>
231 </v-flex> 234 </v-flex>
232 <v-flex xs12> 235 <v-flex xs12>
233 <v-text-field 236 <v-text-field
234 v-model="editedItem.motherName" 237 v-model="editedItem.motherName"
235 placeholder="fill your Mother Name" 238 placeholder="fill your Mother Name"
236 type="text" 239 type="text"
237 required 240 required
238 ></v-text-field> 241 ></v-text-field>
239 </v-flex> 242 </v-flex>
240 </v-layout> 243 </v-layout>
241 </v-flex> 244 </v-flex>
242 <v-flex xs12> 245 <v-flex xs12>
243 <v-layout wrap> 246 <v-layout wrap>
244 <v-flex xs12 class="pt-4 subheading"> 247 <v-flex xs12 class="pt-4 subheading">
245 <label>Mother Cell No:</label> 248 <label>Mother Cell No:</label>
246 </v-flex> 249 </v-flex>
247 <v-flex xs12> 250 <v-flex xs12>
248 <v-text-field 251 <v-text-field
249 v-model="editedItem.motherCellNo" 252 v-model="editedItem.motherCellNo"
250 placeholder="fill your Mother Cell Number" 253 placeholder="fill your Mother Cell Number"
251 type="number" 254 type="number"
252 required 255 required
253 ></v-text-field> 256 ></v-text-field>
254 </v-flex> 257 </v-flex>
255 </v-layout> 258 </v-layout>
256 </v-flex> 259 </v-flex>
257 <v-flex xs12> 260 <v-flex xs12>
258 <v-layout wrap> 261 <v-layout wrap>
259 <v-flex xs12 class="pt-4 subheading"> 262 <v-flex xs12 class="pt-4 subheading">
260 <label>Mother Profession:</label> 263 <label>Mother Profession:</label>
261 </v-flex> 264 </v-flex>
262 <v-flex xs12> 265 <v-flex xs12>
263 <v-text-field 266 <v-text-field
264 v-model="editedItem.motherProfession" 267 v-model="editedItem.motherProfession"
265 placeholder="fill your Mother Profession" 268 placeholder="fill your Mother Profession"
266 type="text" 269 type="text"
267 required 270 required
268 ></v-text-field> 271 ></v-text-field>
269 </v-flex> 272 </v-flex>
270 </v-layout> 273 </v-layout>
271 </v-flex> 274 </v-flex>
272 <v-layout> 275 <v-layout>
273 <v-flex xs12 sm12> 276 <v-flex xs12 sm12>
274 <v-card-actions> 277 <v-card-actions>
275 <v-spacer></v-spacer> 278 <v-spacer></v-spacer>
276 <v-btn round dark @click="save">Save</v-btn> 279 <v-btn round dark @click="save">Save</v-btn>
277 <v-spacer></v-spacer> 280 <v-spacer></v-spacer>
278 </v-card-actions> 281 </v-card-actions>
279 </v-flex> 282 </v-flex>
280 </v-layout> 283 </v-layout>
281 </v-card-text> 284 </v-card-text>
282 </v-card> 285 </v-card>
283 </v-dialog> 286 </v-dialog>
284 287
285 <!-- ****** PROFILE VIEW Parents DEATILS ****** --> 288 <!-- ****** PROFILE VIEW Parents DEATILS ****** -->
286 289
287 <v-dialog v-model="dialog1" max-width="600px" scrollable> 290 <v-dialog v-model="dialog1" max-width="600px" scrollable>
288 <v-card> 291 <v-card>
289 <v-toolbar color="grey lighten-2" flat> 292 <v-toolbar color="grey lighten-2" flat>
290 <v-spacer></v-spacer> 293 <v-spacer></v-spacer>
291 <v-toolbar-title>Parent Profile</v-toolbar-title> 294 <v-toolbar-title>Parent Profile</v-toolbar-title>
292 <v-spacer></v-spacer> 295 <v-spacer></v-spacer>
293 <v-icon @click="close1">close</v-icon> 296 <v-icon @click="close1">close</v-icon>
294 </v-toolbar> 297 </v-toolbar>
295 <v-container grid-list-md> 298 <v-container grid-list-md>
296 <v-layout wrap> 299 <v-layout wrap>
297 <v-flex xs12> 300 <v-flex xs12>
298 <v-layout> 301 <v-layout>
299 <v-flex xs12 sm12> 302 <v-flex xs12 sm12>
300 <v-layout> 303 <v-layout>
301 <v-flex xs6> 304 <v-flex xs6>
302 <h5 class="right my-1"> 305 <h5 class="right my-1">
303 <b>Email:</b> 306 <b>Email:</b>
304 </h5> 307 </h5>
305 </v-flex> 308 </v-flex>
306 <v-flex xs6> 309 <v-flex xs6>
307 <h5 class="my-1">{{ editedItem.email }}</h5> 310 <h5 class="my-1">{{ editedItem.email }}</h5>
308 </v-flex> 311 </v-flex>
309 </v-layout> 312 </v-layout>
310 </v-flex> 313 </v-flex>
311 </v-layout> 314 </v-layout>
312 <v-layout> 315 <v-layout>
313 <v-flex xs12> 316 <v-flex xs12>
314 <v-layout> 317 <v-layout>
315 <v-flex xs6> 318 <v-flex xs6>
316 <b> 319 <b>
317 <h5 class="right my-1"> 320 <h5 class="right my-1">
318 <b>Fahter Name:</b> 321 <b>Fahter Name:</b>
319 </h5> 322 </h5>
320 </b> 323 </b>
321 </v-flex> 324 </v-flex>
322 <v-flex xs6> 325 <v-flex xs6>
323 <h5 class="my-1">{{ editedItem.fatherName }}</h5> 326 <h5 class="my-1">{{ editedItem.fatherName }}</h5>
324 </v-flex> 327 </v-flex>
325 </v-layout> 328 </v-layout>
326 </v-flex> 329 </v-flex>
327 </v-layout> 330 </v-layout>
328 <v-layout> 331 <v-layout>
329 <v-flex xs12> 332 <v-flex xs12>
330 <v-layout> 333 <v-layout>
331 <v-flex xs6> 334 <v-flex xs6>
332 <b> 335 <b>
333 <h5 class="right my-1"> 336 <h5 class="right my-1">
334 <b>Mother Name:</b> 337 <b>Mother Name:</b>
335 </h5> 338 </h5>
336 </b> 339 </b>
337 </v-flex> 340 </v-flex>
338 <v-flex xs6> 341 <v-flex xs6>
339 <h5 class="my-1">{{ editedItem.motherName }}</h5> 342 <h5 class="my-1">{{ editedItem.motherName }}</h5>
340 </v-flex> 343 </v-flex>
341 </v-layout> 344 </v-layout>
342 </v-flex> 345 </v-flex>
343 </v-layout> 346 </v-layout>
344 <v-layout> 347 <v-layout>
345 <v-flex xs12> 348 <v-flex xs12>
346 <v-layout> 349 <v-layout>
347 <v-flex sm6> 350 <v-flex sm6>
348 <b> 351 <b>
349 <h5 class="right my-1"> 352 <h5 class="right my-1">
350 <b>Father Cell No:</b> 353 <b>Father Cell No:</b>
351 </h5> 354 </h5>
352 </b> 355 </b>
353 </v-flex> 356 </v-flex>
354 <v-flex sm6> 357 <v-flex sm6>
355 <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5> 358 <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5>
356 </v-flex> 359 </v-flex>
357 </v-layout> 360 </v-layout>
358 </v-flex> 361 </v-flex>
359 </v-layout> 362 </v-layout>
360 <v-layout> 363 <v-layout>
361 <v-flex xs12> 364 <v-flex xs12>
362 <v-layout> 365 <v-layout>
363 <v-flex xs6> 366 <v-flex xs6>
364 <b> 367 <b>
365 <h5 class="right my-1"> 368 <h5 class="right my-1">
366 <b>Mother Cell No:</b> 369 <b>Mother Cell No:</b>
367 </h5> 370 </h5>
368 </b> 371 </b>
369 </v-flex> 372 </v-flex>
370 <v-flex xs6> 373 <v-flex xs6>
371 <h5 class="my-1">{{ editedItem.motherCellNo }}</h5> 374 <h5 class="my-1">{{ editedItem.motherCellNo }}</h5>
372 </v-flex> 375 </v-flex>
373 </v-layout> 376 </v-layout>
374 </v-flex> 377 </v-flex>
375 </v-layout> 378 </v-layout>
376 <v-layout> 379 <v-layout>
377 <v-flex xs12> 380 <v-flex xs12>
378 <v-layout> 381 <v-layout>
379 <v-flex xs6> 382 <v-flex xs6>
380 <b> 383 <b>
381 <h5 class="right my-1"> 384 <h5 class="right my-1">
382 <b>Father Profession:</b> 385 <b>Father Profession:</b>
383 </h5> 386 </h5>
384 </b> 387 </b>
385 </v-flex> 388 </v-flex>
386 <v-flex xs6> 389 <v-flex xs6>
387 <h5 class="my-1">{{ editedItem.fatherProfession }}</h5> 390 <h5 class="my-1">{{ editedItem.fatherProfession }}</h5>
388 </v-flex> 391 </v-flex>
389 </v-layout> 392 </v-layout>
390 </v-flex> 393 </v-flex>
391 </v-layout> 394 </v-layout>
392 <v-layout> 395 <v-layout>
393 <v-flex xs12> 396 <v-flex xs12>
394 <v-layout> 397 <v-layout>
395 <v-flex xs6> 398 <v-flex xs6>
396 <b> 399 <b>
397 <h5 class="right my-1"> 400 <h5 class="right my-1">
398 <b>Mother Profession:</b> 401 <b>Mother Profession:</b>
399 </h5> 402 </h5>
400 </b> 403 </b>
401 </v-flex> 404 </v-flex>
402 <v-flex xs6> 405 <v-flex xs6>
403 <h5 class="my-1">{{ editedItem.motherProfession }}</h5> 406 <h5 class="my-1">{{ editedItem.motherProfession }}</h5>
404 </v-flex> 407 </v-flex>
405 </v-layout> 408 </v-layout>
406 </v-flex> 409 </v-flex>
407 </v-layout> 410 </v-layout>
408 </v-flex> 411 </v-flex>
409 </v-layout> 412 </v-layout>
410 </v-container> 413 </v-container>
411 <!-- </v-card-text> --> 414 <!-- </v-card-text> -->
412 </v-card> 415 </v-card>
413 </v-dialog> 416 </v-dialog>
414 417
415 <v-snackbar 418 <v-snackbar
416 :timeout="timeout" 419 :timeout="timeout"
417 :top="y === 'top'" 420 :top="y === 'top'"
418 :right="x === 'right'" 421 :right="x === 'right'"
419 :vertical="mode === 'vertical'" 422 :vertical="mode === 'vertical'"
420 v-model="snackbar" 423 v-model="snackbar"
421 color="success" 424 color="success"
422 >{{ text }}</v-snackbar> 425 >{{ text }}</v-snackbar>
423 426
424 <!-- ****** EXISTING-USERS Parents TABLE ****** --> 427 <!-- ****** EXISTING-USERS Parents TABLE ****** -->
425 <v-data-table 428 <v-data-table
426 :headers="headers" 429 :headers="headers"
427 :items="parentsList" 430 :items="parentsList"
428 :pagination.sync="pagination" 431 :pagination.sync="pagination"
429 :search="search" 432 :search="search"
430 > 433 >
431 <template slot="items" slot-scope="props"> 434 <template slot="items" slot-scope="props">
432 <td id="td" class="text-xs-center">{{ props.index + 1}}</td> 435 <td id="td" class="text-xs-center">{{ props.index + 1}}</td>
433 <td id="td" class="text-xs-center">{{ props.item.email }}</td> 436 <td id="td" class="text-xs-center">{{ props.item.email }}</td>
434 <td id="td" class="text-xs-center">{{ props.item.fatherName }}</td> 437 <td id="td" class="text-xs-center">{{ props.item.fatherName }}</td>
435 <td id="td" class="text-xs-center">{{ props.item.fatherCellNo }}</td> 438 <td id="td" class="text-xs-center">{{ props.item.fatherCellNo }}</td>
436 <td id="td" class="text-xs-center">{{ props.item.motherName }}</td> 439 <td id="td" class="text-xs-center">{{ props.item.motherName }}</td>
437 <td id="td" class="text-xs-center">{{ props.item.motherCellNo }}</td> 440 <td id="td" class="text-xs-center">{{ props.item.motherCellNo }}</td>
438 <td class="text-xs-center"> 441 <td class="text-xs-center">
439 <span> 442 <span>
440 <v-tooltip top> 443 <v-tooltip top>
441 <img 444 <img
442 slot="activator" 445 slot="activator"
443 style="cursor:pointer; width:25px; height:18px; " 446 style="cursor:pointer; width:25px; height:18px; "
444 class="mr5" 447 class="mr5"
445 @click="profile(props.item)" 448 @click="profile(props.item)"
446 src="/static/icon/eye1.png" 449 src="/static/icon/eye1.png"
447 /> 450 />
448 <span>View</span> 451 <span>View</span>
449 </v-tooltip> 452 </v-tooltip>
450 <v-tooltip top> 453 <v-tooltip top>
451 <img 454 <img
452 slot="activator" 455 slot="activator"
453 style="cursor:pointer; width:20px; height:18px; " 456 style="cursor:pointer; width:20px; height:18px; "
454 class="mr5" 457 class="mr5"
455 @click="editItem(props.item)" 458 @click="editItem(props.item)"
456 src="/static/icon/edit1.png" 459 src="/static/icon/edit1.png"
457 /> 460 />
458 <span>Edit</span> 461 <span>Edit</span>
459 </v-tooltip> 462 </v-tooltip>
460 </span> 463 </span>
461 </td> 464 </td>
462 </template> 465 </template>
463 <v-alert 466 <v-alert
464 slot="no-results" 467 slot="no-results"
465 :value="true" 468 :value="true"
466 color="error" 469 color="error"
467 icon="warning" 470 icon="warning"
468 >Your search for "{{ search }}" found no results.</v-alert> 471 >Your search for "{{ search }}" found no results.</v-alert>
469 </v-data-table> 472 </v-data-table>
470 </v-tab-item> 473 </v-tab-item>
471 474
472 <!-- ****** ADD PARENTS DETAILS****** --> 475 <!-- ****** ADD PARENTS DETAILS****** -->
473 <v-tab-item> 476 <v-tab-item>
474 <v-container fluid class="mt-5"> 477 <v-container fluid class="mt-5">
475 <v-layout align-center justify-center fill-height> 478 <v-layout align-center justify-center fill-height>
476 <v-flex xs12 sm12 md10 lg11> 479 <v-flex xs12 sm12 md10 lg11>
477 <v-card> 480 <v-card>
478 <v-container fluid class> 481 <v-container fluid class>
479 <v-layout> 482 <v-layout>
480 <v-flex xs12> 483 <v-flex xs12>
481 <v-snackbar 484 <v-snackbar
482 :timeout="timeout" 485 :timeout="timeout"
483 :top="y === 'top'" 486 :top="y === 'top'"
484 :right="x === 'right'" 487 :right="x === 'right'"
485 :vertical="mode === 'vertical'" 488 :vertical="mode === 'vertical'"
486 v-model="snackbar" 489 v-model="snackbar"
487 color="success" 490 color="success"
488 >{{ text }}</v-snackbar> 491 >{{ text }}</v-snackbar>
489 <v-flex xs12 sm12> 492 <v-flex xs12 sm12>
490 <v-form ref="parentForm" v-model="valid" lazy-validation> 493 <v-form ref="parentForm" v-model="valid" lazy-validation>
491 <v-container fluid class="hidden-xs-only hidden-sm-only"> 494 <v-container fluid class="hidden-xs-only hidden-sm-only">
492 <v-layout> 495 <v-layout>
493 <v-flex xs12 sm6> 496 <v-flex xs12 sm6>
494 <v-layout> 497 <v-layout>
495 <v-flex xs4 class="pt-4 subheading"> 498 <v-flex xs4 class="pt-4 subheading">
496 <label class="right">Father Cell No:</label> 499 <label class="right">Father Cell No:</label>
497 </v-flex> 500 </v-flex>
498 <v-flex xs8 class="ml-3"> 501 <v-flex xs8 class="ml-3">
499 <v-text-field 502 <v-text-field
500 v-model="parentData.fatherCellNo" 503 v-model="parentData.fatherCellNo"
501 placeholder="fill your father Cell Number" 504 placeholder="fill your father Cell Number"
502 type="number" 505 type="number"
503 :rules="fatheCellNoRules" 506 :rules="fatheCellNoRules"
504 counter="10" 507 counter="10"
505 required 508 required
506 ></v-text-field> 509 ></v-text-field>
507 </v-flex> 510 </v-flex>
508 </v-layout> 511 </v-layout>
509 </v-flex> 512 </v-flex>
510 <v-flex xs12 sm6> 513 <v-flex xs12 sm6>
511 <v-layout> 514 <v-layout>
512 <v-flex xs4 class="pt-4 subheading"> 515 <v-flex xs4 class="pt-4 subheading">
513 <label class="right">Parent Email Id:</label> 516 <label class="right">Parent Email Id:</label>
514 </v-flex> 517 </v-flex>
515 <v-flex xs8 class="ml-3"> 518 <v-flex xs8 class="ml-3">
516 <v-text-field 519 <v-text-field
517 placeholder="fill Parent email" 520 placeholder="fill Parent email"
518 v-model="parentData.email" 521 v-model="parentData.email"
519 type="text" 522 type="text"
520 required 523 required
521 ></v-text-field> 524 ></v-text-field>
522 </v-flex> 525 </v-flex>
523 </v-layout> 526 </v-layout>
524 </v-flex> 527 </v-flex>
525 </v-layout> 528 </v-layout>
526 <v-layout> 529 <v-layout>
527 <v-flex xs12 sm6> 530 <v-flex xs12 sm6>
528 <v-layout> 531 <v-layout>
529 <v-flex xs4 class="pt-4 subheading"> 532 <v-flex xs4 class="pt-4 subheading">
530 <label class="right">Father Name:</label> 533 <label class="right">Father Name:</label>
531 </v-flex> 534 </v-flex>
532 <v-flex xs8 class="ml-3"> 535 <v-flex xs8 class="ml-3">
533 <v-text-field 536 <v-text-field
534 v-model="parentData.fatherName" 537 v-model="parentData.fatherName"
535 placeholder="Fill your father Name" 538 placeholder="Fill your father Name"
536 required 539 required
537 ></v-text-field> 540 ></v-text-field>
538 </v-flex> 541 </v-flex>
539 </v-layout> 542 </v-layout>
540 </v-flex> 543 </v-flex>
541 <v-flex xs12 sm6> 544 <v-flex xs12 sm6>
542 <v-layout> 545 <v-layout>
543 <v-flex xs4 class="pt-4 subheading"> 546 <v-flex xs4 class="pt-4 subheading">
544 <label class="right">Father Profession:</label> 547 <label class="right">Father Profession:</label>
545 </v-flex> 548 </v-flex>
546 <v-flex xs8 class="ml-3"> 549 <v-flex xs8 class="ml-3">
547 <v-text-field 550 <v-text-field
548 v-model="parentData.fatherProfession" 551 v-model="parentData.fatherProfession"
549 placeholder="fill your father Profession" 552 placeholder="fill your father Profession"
550 required 553 required
551 ></v-text-field> 554 ></v-text-field>
552 </v-flex> 555 </v-flex>
553 </v-layout> 556 </v-layout>
554 </v-flex> 557 </v-flex>
555 </v-layout> 558 </v-layout>
556 <v-layout> 559 <v-layout>
557 <v-flex xs12 sm6> 560 <v-flex xs12 sm6>
558 <v-layout> 561 <v-layout>
559 <v-flex xs4 class="pt-4 subheading"> 562 <v-flex xs4 class="pt-4 subheading">
560 <label class="right">Mother Name:</label> 563 <label class="right">Mother Name:</label>
561 </v-flex> 564 </v-flex>
562 <v-flex xs8 class="ml-3"> 565 <v-flex xs8 class="ml-3">
563 <v-text-field 566 <v-text-field
564 v-model="parentData.motherName" 567 v-model="parentData.motherName"
565 placeholder="fill your Mother Name" 568 placeholder="fill your Mother Name"
566 type="text" 569 type="text"
567 required 570 required
568 ></v-text-field> 571 ></v-text-field>
569 </v-flex> 572 </v-flex>
570 </v-layout> 573 </v-layout>
571 </v-flex> 574 </v-flex>
572 <v-flex xs12 sm6> 575 <v-flex xs12 sm6>
573 <v-layout> 576 <v-layout>
574 <v-flex xs4 class="pt-4 subheading"> 577 <v-flex xs4 class="pt-4 subheading">
575 <label class="right">Mother Cell No:</label> 578 <label class="right">Mother Cell No:</label>
576 </v-flex> 579 </v-flex>
577 <v-flex xs8 class="ml-3"> 580 <v-flex xs8 class="ml-3">
578 <v-text-field 581 <v-text-field
579 v-model="parentData.motherCellNo" 582 v-model="parentData.motherCellNo"
580 placeholder="fill your Mother Cell Number" 583 placeholder="fill your Mother Cell Number"
581 :rules="motherCellNoRules"
582 counter="10" 584 counter="10"
583 type="number" 585 type="number"
584 required 586 required
585 ></v-text-field> 587 ></v-text-field>
586 </v-flex> 588 </v-flex>
587 </v-layout> 589 </v-layout>
588 </v-flex> 590 </v-flex>
589 </v-layout> 591 </v-layout>
590 <v-layout> 592 <v-layout>
591 <v-flex xs12 sm6> 593 <v-flex xs12 sm6>
592 <v-layout> 594 <v-layout>
593 <v-flex xs4 class="pt-4 subheading"> 595 <v-flex xs4 class="pt-4 subheading">
594 <label class="right">Mother Profession:</label> 596 <label class="right">Mother Profession:</label>
595 </v-flex> 597 </v-flex>
596 <v-flex xs8 class="ml-3"> 598 <v-flex xs8 class="ml-3">
597 <v-text-field 599 <v-text-field
598 v-model="parentData.motherProfession" 600 v-model="parentData.motherProfession"
599 placeholder="fill your Mother Profession" 601 placeholder="fill your Mother Profession"
600 type="text" 602 type="text"
601 required 603 required
602 ></v-text-field> 604 ></v-text-field>
603 </v-flex> 605 </v-flex>
604 </v-layout> 606 </v-layout>
605 </v-flex> 607 </v-flex>
606 </v-layout> 608 </v-layout>
607 <v-flex xs12 sm12> 609 <v-flex xs12 sm12>
608 <v-layout> 610 <v-layout>
609 <v-flex xs6 sm6 offset-sm1> 611 <v-flex xs6 sm6 offset-sm1>
610 <v-btn @click="clear" round dark class="ml-4">clear</v-btn> 612 <v-btn @click="clear" round dark class="ml-4">clear</v-btn>
611 </v-flex> 613 </v-flex>
612 <v-flex xs6 sm6> 614 <v-flex xs6 sm6>
613 <v-btn 615 <v-btn
614 class="right" 616 class="right"
615 @click="submitParentDetails" 617 @click="submitParentDetails"
616 round 618 round
617 dark 619 dark
618 :loading="loading" 620 :loading="loading"
619 v-show="showParent" 621 v-show="showParent"
620 >Add</v-btn> 622 >Add</v-btn>
621 </v-flex> 623 </v-flex>
622 </v-layout> 624 </v-layout>
623 </v-flex> 625 </v-flex>
624 </v-container> 626 </v-container>
625 <v-container fluid class="hidden-lg-only hidden-xl-only hidden-md-only"> 627 <v-container fluid class="hidden-lg-only hidden-xl-only hidden-md-only">
626 <v-layout> 628 <v-layout>
627 <v-flex xs12 sm6> 629 <v-flex xs12 sm6>
628 <v-layout wrap> 630 <v-layout wrap>
629 <v-flex xs12 class="pt-4 subheading"> 631 <v-flex xs12 class="pt-4 subheading">
630 <label>Father Cell No:</label> 632 <label>Father Cell No:</label>
631 </v-flex> 633 </v-flex>
632 <v-flex xs12> 634 <v-flex xs12>
633 <v-text-field 635 <v-text-field
634 v-model="parentData.fatherCellNo" 636 v-model="parentData.fatherCellNo"
635 :rules="fatheCellNoRules" 637 :rules="fatheCellNoRules"
636 counter="10" 638 counter="10"
637 placeholder="fill your father Cell Number" 639 placeholder="fill your father Cell Number"
638 type="number" 640 type="number"
639 required 641 required
640 ></v-text-field> 642 ></v-text-field>
641 </v-flex> 643 </v-flex>
642 </v-layout> 644 </v-layout>
643 </v-flex> 645 </v-flex>
644 <v-flex xs12 sm6> 646 <v-flex xs12 sm6>
645 <v-layout wrap> 647 <v-layout wrap>
646 <v-flex xs12 class="pt-4 subheading"> 648 <v-flex xs12 class="pt-4 subheading">
647 <label>Parent Email Id:</label> 649 <label>Parent Email Id:</label>
648 </v-flex> 650 </v-flex>
649 <v-flex xs12> 651 <v-flex xs12>
650 <v-text-field 652 <v-text-field
651 placeholder="fill Parent email" 653 placeholder="fill Parent email"
652 v-model="parentData.email" 654 v-model="parentData.email"
653 type="text" 655 type="text"
654 required 656 required
655 ></v-text-field> 657 ></v-text-field>
656 </v-flex> 658 </v-flex>
657 </v-layout> 659 </v-layout>
658 </v-flex> 660 </v-flex>
659 </v-layout> 661 </v-layout>
660 <v-layout> 662 <v-layout>
661 <v-flex xs12 sm6> 663 <v-flex xs12 sm6>
662 <v-layout wrap> 664 <v-layout wrap>
663 <v-flex xs12 class="pt-4 subheading"> 665 <v-flex xs12 class="pt-4 subheading">
664 <label>Father Name:</label> 666 <label>Father Name:</label>
665 </v-flex> 667 </v-flex>
666 <v-flex xs12> 668 <v-flex xs12>
667 <v-text-field 669 <v-text-field
668 v-model="parentData.fatherName" 670 v-model="parentData.fatherName"
669 placeholder="Fill your father Name" 671 placeholder="Fill your father Name"
670 required 672 required
671 ></v-text-field> 673 ></v-text-field>
672 </v-flex> 674 </v-flex>
673 </v-layout> 675 </v-layout>
674 </v-flex> 676 </v-flex>
675 <v-flex xs12 sm6> 677 <v-flex xs12 sm6>
676 <v-layout wrap> 678 <v-layout wrap>
677 <v-flex xs12 class="pt-4 subheading"> 679 <v-flex xs12 class="pt-4 subheading">
678 <label>Father Profession:</label> 680 <label>Father Profession:</label>
679 </v-flex> 681 </v-flex>
680 <v-flex xs12> 682 <v-flex xs12>
681 <v-text-field 683 <v-text-field
682 v-model="parentData.fatherProfession" 684 v-model="parentData.fatherProfession"
683 placeholder="fill your father Profession" 685 placeholder="fill your father Profession"
684 required 686 required
685 ></v-text-field> 687 ></v-text-field>
686 </v-flex> 688 </v-flex>
687 </v-layout> 689 </v-layout>
688 </v-flex> 690 </v-flex>
689 </v-layout> 691 </v-layout>
690 <v-layout> 692 <v-layout>
691 <v-flex xs12 sm6> 693 <v-flex xs12 sm6>
692 <v-layout wrap> 694 <v-layout wrap>
693 <v-flex xs12 class="pt-4 subheading"> 695 <v-flex xs12 class="pt-4 subheading">
694 <label>Mother Name:</label> 696 <label>Mother Name:</label>
695 </v-flex> 697 </v-flex>
696 <v-flex xs12> 698 <v-flex xs12>
697 <v-text-field 699 <v-text-field
698 v-model="parentData.motherName" 700 v-model="parentData.motherName"
699 placeholder="fill your Mother Name" 701 placeholder="fill your Mother Name"
700 type="text" 702 type="text"
701 required 703 required
702 ></v-text-field> 704 ></v-text-field>
703 </v-flex> 705 </v-flex>
704 </v-layout> 706 </v-layout>
705 </v-flex> 707 </v-flex>
706 <v-flex xs12 sm6> 708 <v-flex xs12 sm6>
707 <v-layout wrap> 709 <v-layout wrap>
708 <v-flex xs42 class="pt-4 subheading"> 710 <v-flex xs42 class="pt-4 subheading">
709 <label>Mother Cell No:</label> 711 <label>Mother Cell No:</label>
710 </v-flex> 712 </v-flex>
711 <v-flex xs12> 713 <v-flex xs12>
712 <v-text-field 714 <v-text-field
713 v-model="parentData.motherCellNo" 715 v-model="parentData.motherCellNo"
714 placeholder="fill your Mother Cell Number" 716 placeholder="fill your Mother Cell Number"
715 :rules="motherCellNoRules"
716 type="number" 717 type="number"
717 required 718 required
718 ></v-text-field> 719 ></v-text-field>
719 </v-flex> 720 </v-flex>
720 </v-layout> 721 </v-layout>
721 </v-flex> 722 </v-flex>
722 </v-layout> 723 </v-layout>
723 <v-layout> 724 <v-layout>
724 <v-flex xs12 sm6> 725 <v-flex xs12 sm6>
725 <v-layout wrap> 726 <v-layout wrap>
726 <v-flex xs12 class="pt-4 subheading"> 727 <v-flex xs12 class="pt-4 subheading">
727 <label>Mother Profession:</label> 728 <label>Mother Profession:</label>
728 </v-flex> 729 </v-flex>
729 <v-flex xs12> 730 <v-flex xs12>
730 <v-text-field 731 <v-text-field
731 v-model="parentData.motherProfession" 732 v-model="parentData.motherProfession"
732 placeholder="fill your Mother Profession" 733 placeholder="fill your Mother Profession"
733 type="text" 734 type="text"
734 required 735 required
735 ></v-text-field> 736 ></v-text-field>
736 </v-flex> 737 </v-flex>
737 </v-layout> 738 </v-layout>
738 </v-flex> 739 </v-flex>
739 </v-layout> 740 </v-layout>
740 <v-flex xs12 sm12> 741 <v-flex xs12 sm12>
741 <v-layout> 742 <v-layout>
742 <v-flex xs6 sm6 offset-sm1> 743 <v-flex xs6 sm6 offset-sm1>
743 <v-btn @click="clear" round dark class="ml-4">clear</v-btn> 744 <v-btn @click="clear" round dark class="ml-4">clear</v-btn>
744 </v-flex> 745 </v-flex>
745 <v-flex xs6 sm6> 746 <v-flex xs6 sm6>
746 <v-btn 747 <v-btn
747 class="right" 748 class="right"
748 @click="submitParentDetails" 749 @click="submitParentDetails"
749 round 750 round
750 dark 751 dark
751 :loading="loading" 752 :loading="loading"
752 v-show="showParent" 753 v-show="showParent"
753 >Add</v-btn> 754 >Add</v-btn>
754 </v-flex> 755 </v-flex>
755 </v-layout> 756 </v-layout>
756 </v-flex> 757 </v-flex>
757 </v-container> 758 </v-container>
758 </v-form> 759 </v-form>
759 </v-flex> 760 </v-flex>
760 </v-flex> 761 </v-flex>
761 </v-layout> 762 </v-layout>
762 </v-container> 763 </v-container>
763 </v-card> 764 </v-card>
764 </v-flex> 765 </v-flex>
765 </v-layout> 766 </v-layout>
766 </v-container> 767 </v-container>
767 </v-tab-item> 768 </v-tab-item>
768 </v-tabs> 769 </v-tabs>
769 <div class="loader" v-if="showLoader"> 770 <div class="loader" v-if="showLoader">
770 <v-progress-circular indeterminate color="white"></v-progress-circular> 771 <v-progress-circular indeterminate color="white"></v-progress-circular>
771 </div> 772 </div>
772 </v-app> 773 </v-app>
773 </template> 774 </template>
774 775
775 <script> 776 <script>
776 import http from "@/Services/http.js"; 777 import http from "@/Services/http.js";
777 import Util from "@/util"; 778 import Util from "@/util";
778 import moment from "moment"; 779 import moment from "moment";
779 780
780 export default { 781 export default {
781 data: () => ({ 782 data: () => ({
782 showParent: true, 783 showParent: true,
783 snackbar: false, 784 snackbar: false,
784 y: "top", 785 y: "top",
785 x: "right", 786 x: "right",
786 mode: "", 787 mode: "",
787 timeout: 3000, 788 timeout: 3000,
788 text: "", 789 text: "",
789 showLoader: false, 790 showLoader: false,
790 loading: false, 791 loading: false,
791 date: null, 792 date: null,
792 search: "", 793 search: "",
793 menu: false, 794 menu: false,
794 menu1: false, 795 menu1: false,
795 dialog: false, 796 dialog: false,
796 dialog1: false, 797 dialog1: false,
797 valid: true, 798 valid: true,
799 validEditParent: true,
798 isActive: true, 800 isActive: true,
799 newActive: false, 801 newActive: false,
800 AddUsercredentials: {}, 802 AddUsercredentials: {},
801 pagination: { 803 pagination: {
802 rowsPerPage: 15 804 rowsPerPage: 15
803 }, 805 },
804 fatherNameRules: [v => !!v || " Father Name is required"], 806 fatherNameRules: [v => !!v || " Father Name is required"],
805 fatheCellNoRules: [ 807 fatheCellNoRules: [
806 v => !!v || " father Cell Number is required", 808 v => !!v || " father Cell Number is required",
807 v => v <= 10000000000 || "Max 10 characters is required" 809 v => v <= 10000000000 || "Max 10 characters is required"
808 ], 810 ],
809 // motherNameRules: [v => !!v || " Mother Name is required"], 811 editFatherNoRule: [
810 motherCellNoRules: [ 812 v => !!v || " father Cell Number is required",
811 v => !!v || " Mother Cell Number is required",
812 v => v <= 10000000000 || "Max 10 characters is required" 813 v => v <= 10000000000 || "Max 10 characters is required"
813 ], 814 ],
815
816 editfatherCellNo: [v => !!v || " Father Name is required"],
814 errorMessages: "", 817 errorMessages: "",
815 emailRules: [ 818 emailRules: [
816 v => !!v || "E-mail is required", 819 v => !!v || "E-mail is required",
817 v => 820 v =>
818 /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) || 821 /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) ||
819 "E-mail must be valid" 822 "E-mail must be valid"
820 ], 823 ],
821 headers: [ 824 headers: [
822 { 825 {
823 text: "No", 826 text: "No",
824 align: "center", 827 align: "center",
825 sortable: false, 828 sortable: false,
826 value: "No" 829 value: "No"
827 }, 830 },
828 { text: "Email", value: "email", sortable: false, align: "center" }, 831 { text: "Email", value: "email", sortable: false, align: "center" },
829 { 832 {
830 text: "Father Name", 833 text: "Father Name",
831 value: "fatherName", 834 value: "fatherName",
832 sortable: false, 835 sortable: false,
833 align: "center" 836 align: "center"
834 }, 837 },
835 { 838 {
836 text: "Father Cell No", 839 text: "Father Cell No",
837 value: "fatherName", 840 value: "fatherName",
838 sortable: false, 841 sortable: false,
839 align: "center" 842 align: "center"
840 }, 843 },
841 { 844 {
842 text: "Mother Name", 845 text: "Mother Name",
843 value: "motherName", 846 value: "motherName",
844 sortable: false, 847 sortable: false,
845 align: "center" 848 align: "center"
846 }, 849 },
847 { 850 {
848 text: "Mother Cell No", 851 text: "Mother Cell No",
849 value: "motherCellNo", 852 value: "motherCellNo",
850 sortable: false, 853 sortable: false,
851 align: "center" 854 align: "center"
852 }, 855 },
853 { text: "Action", value: "", sortable: false, align: "center" } 856 { text: "Action", value: "", sortable: false, align: "center" }
854 ], 857 ],
855 parentsList: [], 858 parentsList: [],
856 editedIndex: -1, 859 editedIndex: -1,
857 parentData: {}, 860 parentData: {},
858 max: 10, 861 max: 10,
859 editedItem: { 862 editedItem: {
860 fatherName: "", 863 fatherName: "",
861 fatherCellNo: "", 864 fatherCellNo: "",
862 motherName: "", 865 motherName: "",
863 motherCellNo: "", 866 motherCellNo: "",
864 email: "" 867 email: ""
865 } 868 }
866 }), 869 }),
867 watch: { 870 watch: {
868 menu(val) { 871 menu(val) {
869 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR")); 872 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
870 }, 873 },
871 menu1(val) { 874 menu1(val) {
872 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR")); 875 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
873 } 876 }
874 }, 877 },
875 methods: { 878 methods: {
876 editItem(item) { 879 editItem(item) {
877 this.editedIndex = this.parentsList.indexOf(item); 880 this.editedIndex = this.parentsList.indexOf(item);
878 this.editedItem = Object.assign({}, item); 881 this.editedItem = Object.assign({}, item);
879 this.editedItem.fatherCellNo = this.editedItem.fatherCellNo.slice(3);
880 this.editedItem.motherCellNo = this.editedItem.motherCellNo.slice(3);
881 this.dialog = true; 882 this.dialog = true;
882 }, 883 },
883 profile(item) { 884 profile(item) {
884 // console.log("item", item); 885 // console.log("item", item);
885 this.editedIndex = this.parentsList.indexOf(item); 886 this.editedIndex = this.parentsList.indexOf(item);
886 this.editedItem = Object.assign({}, item); 887 this.editedItem = Object.assign({}, item);
887 this.dialog1 = true; 888 this.dialog1 = true;
888 }, 889 },
889 activeTab(type) { 890 activeTab(type) {
890 switch (type) { 891 switch (type) {
891 case "existing": 892 case "existing":
892 this.newActive = false; 893 this.newActive = false;
893 this.isActive = true; 894 this.isActive = true;
894 break; 895 break;
895 896
896 default: 897 default:
897 this.newActive = true; 898 this.newActive = true;
898 this.isActive = false; 899 this.isActive = false;
899 break; 900 break;
900 } 901 }
901 }, 902 },
902 close() { 903 close() {
903 this.dialog = false; 904 this.dialog = false;
904 setTimeout(() => { 905 setTimeout(() => {
905 this.editedItem = Object.assign({}, this.defaultItem); 906 this.editedItem = Object.assign({}, this.defaultItem);
906 this.editedIndex = -1; 907 this.editedIndex = -1;
907 }, 300); 908 }, 300);
908 }, 909 },
909 close1() { 910 close1() {
910 this.dialog1 = false; 911 this.dialog1 = false;
911 }, 912 },
912 clear() { 913 clear() {
913 this.$refs.parentForm.reset(); 914 this.$refs.parentForm.reset();
914 }, 915 },
915 save() { 916 save() {
916 this.editedItem.parentId = this.editedItem._id; 917 if (this.$refs.editParentForm.validate()) {
917 this.editedItem.fatherCellNo = "+91" + this.editedItem.fatherCellNo; 918 this.editedItem.parentId = this.editedItem._id;
918 this.editedItem.motherCellNo = "+91" + this.editedItem.motherCellNo; 919 http()
919 http() 920 .put("/updateParent", this.editedItem)
920 .put("/updateParent", this.editedItem) 921 .then(response => {
921 .then(response => { 922 this.snackbar = true;
922 this.snackbar = true; 923 this.color = "green";
923 this.color = "green"; 924 this.text = "Successfully Student Existing User";
924 this.text = "Successfully Student Existing User"; 925 this.getParentDetails();
925 this.getParentDetails(); 926 this.close();
926 this.close(); 927 })
927 }) 928 .catch(error => {
928 .catch(error => { 929 this.snackbar = true;
929 this.snackbar = true; 930 this.color = "error";
930 this.color = "error"; 931 this.text = error.response.data.message;
931 this.text = error.response.data.message; 932 if (error.response.data.statusText) {
932 if (error.response.data.statusText) { 933 this.text = error.response.data.statusText;
933 this.text = error.response.data.statusText; 934 }
934 } 935 });
935 }); 936 }
936 }, 937 },
937 async submitParentDetails() { 938 async submitParentDetails() {
938 if (this.$refs.parentForm.validate()) { 939 if (this.$refs.parentForm.validate()) {
939 this.parentData.role = "PARENT"; 940 this.parentData.role = "PARENT";
940 this.parentData.fatherCellNo = "+91" + this.parentData.fatherCellNo;
941 this.parentData.motherCellNo = "+91" + this.parentData.motherCellNo;
942 this.loading = true; 941 this.loading = true;
943 await http() 942 await http()
944 .post("/createParent", this.parentData) 943 .post("/createParent", this.parentData)
945 .then(response => { 944 .then(response => {
946 this.parentId = response.data.data.id; 945 this.parentId = response.data.data.id;
947 this.snackbar = true; 946 this.snackbar = true;
948 this.text = response.data.data.message; 947 this.text = response.data.data.message;
949 this.getParentDetails(); 948 this.getParentDetails();
950 this.clear(); 949 this.clear();
951 this.loading = false; 950 this.loading = false;
952 }) 951 })
953 .catch(error => { 952 .catch(error => {
954 // console.log(error.response.data); 953 // console.log(error.response.data);
955 this.snackbar = true; 954 this.snackbar = true;
956 this.text = error.response.data.message; 955 this.text = error.response.data.message;
957 if (error.response.data.statusText) { 956 if (error.response.data.statusText) {
958 this.text = error.response.data.statusText; 957 this.text = error.response.data.statusText;
959 } 958 }
960 this.loading = false; 959 this.loading = false;
961 }); 960 });
962 } 961 }
963 }, 962 },
964 getParentDetails() { 963 getParentDetails() {
965 http() 964 http()
966 .get("getParentsList", { 965 .get("getParentsList", {
967 headers: { 966 headers: {
968 Authorization: "Bearer " + this.$store.state.token 967 Authorization: "Bearer " + this.$store.state.token
969 } 968 }
970 }) 969 })
971 .then(response => { 970 .then(response => {
972 this.parentsList = response.data.data; 971 this.parentsList = response.data.data;
973 }) 972 })
974 .catch(error => { 973 .catch(error => {
975 // console.log("err====>", error.response.data.message); 974 // console.log("err====>", error.response.data.message);
976 this.showLoader = false; 975 this.showLoader = false;
977 if (error.response.status === 401) { 976 if (error.response.status === 401) {
978 this.$router.replace({ path: "/" }); 977 this.$router.replace({ path: "/" });
979 this.$store.dispatch("setToken", null); 978 this.$store.dispatch("setToken", null);
980 this.$store.dispatch("Id", null); 979 this.$store.dispatch("Id", null);
981 this.$store.dispatch("Role", null); 980 this.$store.dispatch("Role", null);
982 } 981 }
983 }); 982 });
984 } 983 }
985 }, 984 },
986 mounted() { 985 mounted() {
987 this.getParentDetails(); 986 this.getParentDetails();
988 }, 987 },
989 created() { 988 created() {
src/pages/Students/students.vue
Diff comments   View file @4efdca5
1 <template> 1 <template>
2 <div> 2 <div>
3 <v-tabs grow slider-color="gray"> 3 <v-tabs grow slider-color="gray">
4 <v-tab 4 <v-tab
5 ripple 5 ripple
6 @click="activeTab('existing')" 6 @click="activeTab('existing')"
7 v-bind:class="{ active: isActive }" 7 v-bind:class="{ active: isActive }"
8 id="tab" 8 id="tab"
9 class="subheading" 9 class="subheading"
10 >Existing Students</v-tab> 10 >Existing Students</v-tab>
11 <v-tab 11 <v-tab
12 ripple 12 ripple
13 @click="activeTab('new')" 13 @click="activeTab('new')"
14 v-bind:class="{ active: newActive }" 14 v-bind:class="{ active: newActive }"
15 id="tab1" 15 id="tab1"
16 User 16 User
17 class="subheading" 17 class="subheading"
18 >Add New Students</v-tab> 18 >Add New Students</v-tab>
19 19
20 <!-- ****** EDITS STUDENTS DETAILS ****** --> 20 <!-- ****** EDITS STUDENTS DETAILS ****** -->
21 21
22 <v-tab-item> 22 <v-tab-item>
23 <v-snackbar 23 <v-snackbar
24 :timeout="timeout" 24 :timeout="timeout"
25 :top="y === 'top'" 25 :top="y === 'top'"
26 :right="x === 'right'" 26 :right="x === 'right'"
27 :vertical="mode === 'vertical'" 27 :vertical="mode === 'vertical'"
28 v-model="snackbar" 28 v-model="snackbar"
29 color="success" 29 color="success"
30 >{{ text }}</v-snackbar> 30 >{{ text }}</v-snackbar>
31 <v-dialog v-model="dialog" max-width="170 0px" scrollable> 31 <v-dialog v-model="dialog" max-width="170 0px" scrollable>
32 <v-card flat> 32 <v-card flat>
33 <v-toolbar color="grey lighten-2" flat> 33 <v-toolbar color="grey lighten-2" flat>
34 <v-spacer></v-spacer> 34 <v-spacer></v-spacer>
35 <v-toolbar-title> 35 <v-toolbar-title>
36 <h3>Edit Student Profile</h3> 36 <h3>Edit Student Profile</h3>
37 </v-toolbar-title> 37 </v-toolbar-title>
38 <v-spacer></v-spacer> 38 <v-spacer></v-spacer>
39 </v-toolbar> 39 </v-toolbar>
40 <v-card-text style="height: 680px;"> 40 <v-card-text style="height: 680px;">
41 <v-form ref="form"> 41 <v-form ref="form">
42 <v-container fluid> 42 <v-container fluid>
43 <v-layout> 43 <v-layout>
44 <v-flex 44 <v-flex
45 xs12 45 xs12
46 class="text-xs-center text-sm-center text-md-center text-lg-center" 46 class="text-xs-center text-sm-center text-md-center text-lg-center"
47 > 47 >
48 <v-avatar size="160px"> 48 <v-avatar size="160px">
49 <img 49 <img
50 src="/static/icon/user.png" 50 src="/static/icon/user.png"
51 v-if="!editedItem.profilePicUrl && !editImageUrl" 51 v-if="!editedItem.profilePicUrl && !editImageUrl"
52 /> 52 />
53 <img 53 <img
54 :src="editedItem.profilePicUrl" 54 :src="editedItem.profilePicUrl"
55 v-else-if="editedItem.profilePicUrl && !editImageUrl" 55 v-else-if="editedItem.profilePicUrl && !editImageUrl"
56 /> 56 />
57 <img 57 <img
58 v-if="editImageUrl" 58 v-if="editImageUrl"
59 :src="editImageUrl" 59 :src="editImageUrl"
60 height="150" 60 height="150"
61 style="border-radius:50%; width:200px" 61 style="border-radius:50%; width:200px"
62 /> 62 />
63 </v-avatar> 63 </v-avatar>
64 <input 64 <input
65 type="file" 65 type="file"
66 style="display: none" 66 style="display: none"
67 ref="editDataImage" 67 ref="editDataImage"
68 accept="image/*" 68 accept="image/*"
69 @change="onEditFilePicked" 69 @change="onEditFilePicked"
70 /> 70 />
71 </v-flex> 71 </v-flex>
72 </v-layout> 72 </v-layout>
73 <v-layout> 73 <v-layout>
74 <v-flex xs12 sm4> 74 <v-flex xs12 sm4>
75 <v-layout> 75 <v-layout>
76 <v-flex xs4 class="pt-4 subheading"> 76 <v-flex xs4 class="pt-4 subheading">
77 <label class="right hidden-xs-only hidden-sm-only">Select Class:</label> 77 <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
78 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label> 78 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
79 </v-flex> 79 </v-flex>
80 <v-flex xs8 class="ml-3"> 80 <v-flex xs8 class="ml-3">
81 <v-select 81 <v-select
82 :items="addclass" 82 :items="addclass"
83 label="Select Class" 83 label="Select Class"
84 v-model="editedItem.select" 84 v-model="editedItem.select"
85 item-text="classNum" 85 item-text="classNum"
86 item-value="_id" 86 item-value="_id"
87 name="Select Class" 87 name="Select Class"
88 @change="getSections(editedItem.select)" 88 @change="getSections(editedItem.select)"
89 required 89 required
90 ></v-select> 90 ></v-select>
91 </v-flex> 91 </v-flex>
92 </v-layout> 92 </v-layout>
93 </v-flex> 93 </v-flex>
94 <v-flex xs12 sm4> 94 <v-flex xs12 sm4>
95 <v-layout> 95 <v-layout>
96 <v-flex xs4 class="pt-4 subheading"> 96 <v-flex xs4 class="pt-4 subheading">
97 <label class="right hidden-xs-only hidden-sm-only">Select Section:</label> 97 <label class="right hidden-xs-only hidden-sm-only">Select Section:</label>
98 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Section:</label> 98 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Section:</label>
99 </v-flex> 99 </v-flex>
100 <v-flex xs8 class="ml-3"> 100 <v-flex xs8 class="ml-3">
101 <v-select 101 <v-select
102 :items="addSection" 102 :items="addSection"
103 label="Select Section" 103 label="Select Section"
104 v-model="editedItem.selectSection" 104 v-model="editedItem.selectSection"
105 item-text="name" 105 item-text="name"
106 item-value="_id" 106 item-value="_id"
107 name="Select Section" 107 name="Select Section"
108 required 108 required
109 ></v-select> 109 ></v-select>
110 </v-flex> 110 </v-flex>
111 </v-layout> 111 </v-layout>
112 </v-flex> 112 </v-flex>
113 <v-flex xs12 sm4> 113 <v-flex xs12 sm4>
114 <v-layout> 114 <v-layout>
115 <v-flex xs4 class="pt-4 subheading"> 115 <v-flex xs4 class="pt-4 subheading">
116 <label class="right hidden-xs-only hidden-sm-only">Full Name:</label> 116 <label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
117 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Name:</label> 117 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Name:</label>
118 </v-flex> 118 </v-flex>
119 <v-flex xs8 class="ml-3"> 119 <v-flex xs8 class="ml-3">
120 <v-text-field 120 <v-text-field
121 v-model="editedItem.name" 121 v-model="editedItem.name"
122 placeholder="fill your full Name" 122 placeholder="fill your full Name"
123 name="name" 123 name="name"
124 type="text" 124 type="text"
125 required 125 required
126 ></v-text-field> 126 ></v-text-field>
127 </v-flex> 127 </v-flex>
128 </v-layout> 128 </v-layout>
129 </v-flex> 129 </v-flex>
130 </v-layout> 130 </v-layout>
131 <v-layout> 131 <v-layout>
132 <v-flex xs12 sm4> 132 <v-flex xs12 sm4>
133 <v-layout> 133 <v-layout>
134 <v-flex xs4 class="pt-4 subheading"> 134 <v-flex xs4 class="pt-4 subheading">
135 <label class="right hidden-xs-only hidden-sm-only">Email Id:</label> 135 <label class="right hidden-xs-only hidden-sm-only">Email Id:</label>
136 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Email:</label> 136 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Email:</label>
137 </v-flex> 137 </v-flex>
138 <v-flex xs8 class="ml-3"> 138 <v-flex xs8 class="ml-3">
139 <v-text-field 139 <v-text-field
140 placeholder="fill your email" 140 placeholder="fill your email"
141 v-model="editedItem.email" 141 v-model="editedItem.email"
142 type="text" 142 type="text"
143 name="email" 143 name="email"
144 required 144 required
145 ></v-text-field> 145 ></v-text-field>
146 </v-flex> 146 </v-flex>
147 </v-layout> 147 </v-layout>
148 </v-flex> 148 </v-flex>
149 <v-flex xs12 sm4> 149 <v-flex xs12 sm4>
150 <v-layout> 150 <v-layout>
151 <v-flex xs4 class="pt-4 subheading"> 151 <v-flex xs4 class="pt-4 subheading">
152 <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label> 152 <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
153 <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label> 153 <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label>
154 </v-flex> 154 </v-flex>
155 <v-flex xs8 class="ml-3"> 155 <v-flex xs8 class="ml-3">
156 <v-menu 156 <v-menu
157 ref="menu" 157 ref="menu"
158 :close-on-content-click="false" 158 :close-on-content-click="false"
159 v-model="menu1" 159 v-model="menu1"
160 :nudge-right="40" 160 :nudge-right="40"
161 lazy 161 lazy
162 transition="scale-transition" 162 transition="scale-transition"
163 offset-y 163 offset-y
164 full-width 164 full-width
165 min-width="290px" 165 min-width="290px"
166 > 166 >
167 <v-text-field 167 <v-text-field
168 slot="activator" 168 slot="activator"
169 v-model="editedItem.dob" 169 v-model="editedItem.dob"
170 placeholder="Select Dob" 170 placeholder="Select Dob"
171 ></v-text-field> 171 ></v-text-field>
172 <v-date-picker 172 <v-date-picker
173 ref="picker" 173 ref="picker"
174 v-model="editedItem.dob" 174 v-model="editedItem.dob"
175 :max="new Date().toISOString().substr(0, 10)" 175 :max="new Date().toISOString().substr(0, 10)"
176 min="1950-01-01" 176 min="1950-01-01"
177 @input="menu1 = false" 177 @input="menu1 = false"
178 ></v-date-picker> 178 ></v-date-picker>
179 </v-menu> 179 </v-menu>
180 </v-flex> 180 </v-flex>
181 </v-layout> 181 </v-layout>
182 </v-flex> 182 </v-flex>
183 <v-flex xs12 sm4> 183 <v-flex xs12 sm4>
184 <v-layout> 184 <v-layout>
185 <v-flex xs4 class="pt-4 subheading"> 185 <v-flex xs4 class="pt-4 subheading">
186 <label class="right">City:</label> 186 <label class="right">City:</label>
187 </v-flex> 187 </v-flex>
188 <v-flex xs8 class="ml-3"> 188 <v-flex xs8 class="ml-3">
189 <v-text-field 189 <v-text-field
190 v-model="editedItem.city" 190 v-model="editedItem.city"
191 placeholder="fill your City Name" 191 placeholder="fill your City Name"
192 name="City" 192 name="City"
193 type="text" 193 type="text"
194 required 194 required
195 ></v-text-field> 195 ></v-text-field>
196 </v-flex> 196 </v-flex>
197 </v-layout> 197 </v-layout>
198 </v-flex> 198 </v-flex>
199 </v-layout> 199 </v-layout>
200 <v-layout> 200 <v-layout>
201 <v-flex xs12 sm4> 201 <v-flex xs12 sm4>
202 <v-layout> 202 <v-layout>
203 <v-flex xs4 class="pt-4 subheading"> 203 <v-flex xs4 class="pt-4 subheading">
204 <label class="right hidden-xs-only hidden-sm-only">Blood Group:</label> 204 <label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>
205 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Blood:</label> 205 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Blood:</label>
206 </v-flex> 206 </v-flex>
207 <v-flex xs8 class="ml-3"> 207 <v-flex xs8 class="ml-3">
208 <v-text-field 208 <v-text-field
209 v-model="editedItem.bloodGroup" 209 v-model="editedItem.bloodGroup"
210 placeholder="fill your BloodGroup" 210 placeholder="fill your BloodGroup"
211 name="state" 211 name="state"
212 type="text" 212 type="text"
213 required 213 required
214 ></v-text-field> 214 ></v-text-field>
215 </v-flex> 215 </v-flex>
216 </v-layout> 216 </v-layout>
217 </v-flex> 217 </v-flex>
218 <v-flex xs12 sm4> 218 <v-flex xs12 sm4>
219 <v-layout> 219 <v-layout>
220 <v-flex xs4 class="pt-4 subheading"> 220 <v-flex xs4 class="pt-4 subheading">
221 <label class="right">Gender:</label> 221 <label class="right">Gender:</label>
222 </v-flex> 222 </v-flex>
223 <v-flex xs8 class="ml-3"> 223 <v-flex xs8 class="ml-3">
224 <v-select 224 <v-select
225 :items="gender" 225 :items="gender"
226 v-model="editedItem.gender" 226 v-model="editedItem.gender"
227 placeholder="Select Gender" 227 placeholder="Select Gender"
228 required 228 required
229 ></v-select> 229 ></v-select>
230 </v-flex> 230 </v-flex>
231 </v-layout> 231 </v-layout>
232 </v-flex> 232 </v-flex>
233 <v-flex xs12 sm4> 233 <v-flex xs12 sm4>
234 <v-layout> 234 <v-layout>
235 <v-flex xs4 class="pt-4 subheading"> 235 <v-flex xs4 class="pt-4 subheading">
236 <label class="right">Medical Notes:</label> 236 <label class="right">Medical Notes:</label>
237 </v-flex> 237 </v-flex>
238 <v-flex xs8 class="ml-3"> 238 <v-flex xs8 class="ml-3">
239 <v-text-field 239 <v-text-field
240 v-model="editedItem.medicalNotes" 240 v-model="editedItem.medicalNotes"
241 placeholder="fill your medicalNotes" 241 placeholder="fill your medicalNotes"
242 required 242 required
243 ></v-text-field> 243 ></v-text-field>
244 </v-flex> 244 </v-flex>
245 </v-layout> 245 </v-layout>
246 </v-flex> 246 </v-flex>
247 </v-layout> 247 </v-layout>
248 <v-layout> 248 <v-layout>
249 <v-flex xs12 sm4> 249 <v-flex xs12 sm4>
250 <v-layout> 250 <v-layout>
251 <v-flex xs4 class="pt-4 subheading"> 251 <v-flex xs4 class="pt-4 subheading">
252 <label class="right">Height:</label> 252 <label class="right">Height:</label>
253 </v-flex> 253 </v-flex>
254 <v-flex xs8 class="ml-3"> 254 <v-flex xs8 class="ml-3">
255 <v-text-field 255 <v-text-field
256 v-model="editedItem.height" 256 v-model="editedItem.height"
257 placeholder="fill your Height" 257 placeholder="fill your Height"
258 name="state" 258 name="state"
259 type="text" 259 type="text"
260 required 260 required
261 ></v-text-field> 261 ></v-text-field>
262 </v-flex> 262 </v-flex>
263 </v-layout> 263 </v-layout>
264 </v-flex> 264 </v-flex>
265 <v-flex xs12 sm4> 265 <v-flex xs12 sm4>
266 <v-layout> 266 <v-layout>
267 <v-flex xs4 class="pt-4 subheading"> 267 <v-flex xs4 class="pt-4 subheading">
268 <label class="right">Weight:</label> 268 <label class="right">Weight:</label>
269 </v-flex> 269 </v-flex>
270 <v-flex xs8 class="ml-3"> 270 <v-flex xs8 class="ml-3">
271 <v-text-field 271 <v-text-field
272 v-model="editedItem.weight" 272 v-model="editedItem.weight"
273 placeholder="fill your Weight" 273 placeholder="fill your Weight"
274 name="pincode" 274 name="pincode"
275 required 275 required
276 ></v-text-field> 276 ></v-text-field>
277 </v-flex> 277 </v-flex>
278 </v-layout> 278 </v-layout>
279 </v-flex> 279 </v-flex>
280 <v-flex xs12 sm4> 280 <v-flex xs12 sm4>
281 <v-layout> 281 <v-layout>
282 <v-flex xs4 class="pt-4 subheading"> 282 <v-flex xs4 class="pt-4 subheading">
283 <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label> 283 <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
284 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label> 284 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label>
285 </v-flex> 285 </v-flex>
286 <v-flex xs8 class="ml-3"> 286 <v-flex xs8 class="ml-3">
287 <v-text-field 287 <v-text-field
288 label="Select Image" 288 label="Select Image"
289 @click="pickEditFile" 289 @click="pickEditFile"
290 v-model="editImageName" 290 v-model="editImageName"
291 append-icon="attach_file" 291 append-icon="attach_file"
292 ></v-text-field> 292 ></v-text-field>
293 </v-flex> 293 </v-flex>
294 </v-layout> 294 </v-layout>
295 </v-flex> 295 </v-flex>
296 </v-layout> 296 </v-layout>
297 <v-layout> 297 <v-layout>
298 <v-flex xs12 sm4> 298 <v-flex xs12 sm4>
299 <v-layout> 299 <v-layout>
300 <v-flex xs4 class="pt-4 subheading"> 300 <v-flex xs4 class="pt-4 subheading">
301 <label class="right">State:</label> 301 <label class="right">State:</label>
302 </v-flex> 302 </v-flex>
303 <v-flex xs8 class="ml-3"> 303 <v-flex xs8 class="ml-3">
304 <v-text-field 304 <v-text-field
305 v-model="editedItem.state" 305 v-model="editedItem.state"
306 placeholder="fill your State Name" 306 placeholder="fill your State Name"
307 name="state" 307 name="state"
308 type="text" 308 type="text"
309 required 309 required
310 ></v-text-field> 310 ></v-text-field>
311 </v-flex> 311 </v-flex>
312 </v-layout> 312 </v-layout>
313 </v-flex> 313 </v-flex>
314 <v-flex xs12 sm4> 314 <v-flex xs12 sm4>
315 <v-layout> 315 <v-layout>
316 <v-flex xs4 class="pt-4 subheading"> 316 <v-flex xs4 class="pt-4 subheading">
317 <label class="right">Pincode:</label> 317 <label class="right">Pincode:</label>
318 </v-flex> 318 </v-flex>
319 <v-flex xs8 class="ml-3"> 319 <v-flex xs8 class="ml-3">
320 <v-text-field 320 <v-text-field
321 v-model="editedItem.pincode" 321 v-model="editedItem.pincode"
322 placeholder="fill your pincode" 322 placeholder="fill your pincode"
323 name="pincode" 323 name="pincode"
324 type="number" 324 type="number"
325 required 325 required
326 ></v-text-field> 326 ></v-text-field>
327 </v-flex> 327 </v-flex>
328 </v-layout> 328 </v-layout>
329 </v-flex> 329 </v-flex>
330 <v-flex xs12 sm4> 330 <v-flex xs12 sm4>
331 <v-layout> 331 <v-layout>
332 <v-flex xs4 class="pt-4 subheading"> 332 <v-flex xs4 class="pt-4 subheading">
333 <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label> 333 <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
334 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label> 334 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label>
335 </v-flex> 335 </v-flex>
336 <v-flex xs8 class="ml-3"> 336 <v-flex xs8 class="ml-3">
337 <v-text-field 337 <v-text-field
338 v-model="editedItem.mobile" 338 v-model="editedItem.mobile"
339 placeholder="fill your MobileNo" 339 placeholder="fill your MobileNo"
340 name="mobileNo" 340 name="mobileNo"
341 type="number" 341 type="number"
342 required 342 required
343 ></v-text-field> 343 ></v-text-field>
344 </v-flex> 344 </v-flex>
345 </v-layout> 345 </v-layout>
346 </v-flex> 346 </v-flex>
347 </v-layout> 347 </v-layout>
348 <v-layout> 348 <v-layout>
349 <v-flex xs12 sm4> 349 <v-flex xs12 sm4>
350 <v-layout> 350 <v-layout>
351 <v-flex xs4 class="pt-4 subheading"> 351 <v-flex xs4 class="pt-4 subheading">
352 <label class="right hidden-xs-only hidden-sm-only">Select Country:</label> 352 <label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
353 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label> 353 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label>
354 </v-flex> 354 </v-flex>
355 <v-flex xs8 class="ml-3"> 355 <v-flex xs8 class="ml-3">
356 <v-autocomplete 356 <v-autocomplete
357 v-model="editedItem.country" 357 v-model="editedItem.country"
358 :items="countries" 358 :items="countries"
359 placeholder="Select Country Name" 359 placeholder="Select Country Name"
360 required 360 required
361 ></v-autocomplete> 361 ></v-autocomplete>
362 </v-flex> 362 </v-flex>
363 </v-layout> 363 </v-layout>
364 </v-flex> 364 </v-flex>
365 <v-flex xs12 sm4> 365 <v-flex xs12 sm4>
366 <v-layout> 366 <v-layout>
367 <v-flex xs4 class="pt-4 subheading"> 367 <v-flex xs4 class="pt-4 subheading">
368 <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label> 368 <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
369 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label> 369 <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label>
370 </v-flex> 370 </v-flex>
371 <v-flex xs8 class="ml-3"> 371 <v-flex xs8 class="ml-3">
372 <v-text-field 372 <v-text-field
373 :items="gender" 373 :items="gender"
374 v-model="editedItem.rollNo" 374 v-model="editedItem.rollNo"
375 placeholder="fill roll number" 375 placeholder="fill roll number"
376 required 376 required
377 ></v-text-field> 377 ></v-text-field>
378 </v-flex> 378 </v-flex>
379 </v-layout> 379 </v-layout>
380 </v-flex> 380 </v-flex>
381 <v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only"> 381 <v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">
382 <v-layout> 382 <v-layout>
383 <v-flex xs4 sm4 class="pt-4 subheading"> 383 <v-flex xs4 sm4 class="pt-4 subheading">
384 <label class="right hidden-xs-only hidden-sm-only">Permanent Address:</label> 384 <label class="right hidden-xs-only hidden-sm-only">Permanent Address:</label>
385 <label 385 <label
386 class="right hidden-lg-only hidden-md-only hidden-xl-only" 386 class="right hidden-lg-only hidden-md-only hidden-xl-only"
387 >Permanent Address:</label> 387 >Permanent Address:</label>
388 </v-flex> 388 </v-flex>
389 <v-flex xs12 sm8 class="ml-3"> 389 <v-flex xs12 sm8 class="ml-3">
390 <v-text-field 390 <v-text-field
391 v-model="editedItem.permanentAddress" 391 v-model="editedItem.permanentAddress"
392 placeholder="fill Your Permanent Address" 392 placeholder="fill Your Permanent Address"
393 required 393 required
394 ></v-text-field> 394 ></v-text-field>
395 </v-flex> 395 </v-flex>
396 </v-layout> 396 </v-layout>
397 </v-flex> 397 </v-flex>
398 </v-layout> 398 </v-layout>
399 <v-layout class="hidden-xs-only hidden-sm-only"> 399 <v-layout class="hidden-xs-only hidden-sm-only">
400 <v-flex xs12 sm4> 400 <v-flex xs12 sm4>
401 <v-layout> 401 <v-layout>
402 <v-flex xs4 class="pt-4 subheading"> 402 <v-flex xs4 class="pt-4 subheading">
403 <label class="right hidden-xs-only hidden-sm-only">Present Address:</label> 403 <label class="right hidden-xs-only hidden-sm-only">Present Address:</label>
404 <label 404 <label
405 class="right hidden-lg-only hidden-md-only hidden-xl-only" 405 class="right hidden-lg-only hidden-md-only hidden-xl-only"
406 >Present Address:</label> 406 >Present Address:</label>
407 </v-flex> 407 </v-flex>
408 <v-flex xs8 class="ml-3"> 408 <v-flex xs8 class="ml-3">
409 <v-text-field 409 <v-text-field
410 v-model="editedItem.presentAddress" 410 v-model="editedItem.presentAddress"
411 placeholder="Select Country Name" 411 placeholder="Select Country Name"
412 required 412 required
413 ></v-text-field> 413 ></v-text-field>
414 </v-flex> 414 </v-flex>
415 </v-layout> 415 </v-layout>
416 </v-flex> 416 </v-flex>
417 </v-layout> 417 </v-layout>
418 <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only"> 418 <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only">
419 <v-flex xs12 sm12> 419 <v-flex xs12 sm12>
420 <v-layout> 420 <v-layout>
421 <v-flex xs12 sm3 class="pt-4 subheading text-xs-center"> 421 <v-flex xs12 sm3 class="pt-4 subheading text-xs-center">
422 <label class>Present Address :</label> 422 <label class>Present Address :</label>
423 </v-flex> 423 </v-flex>
424 </v-layout> 424 </v-layout>
425 <v-layout> 425 <v-layout>
426 <v-flex xs12 sm12> 426 <v-flex xs12 sm12>
427 <v-textarea 427 <v-textarea
428 v-model="editedItem.presentAddress" 428 v-model="editedItem.presentAddress"
429 placeholder="fill Your present Address" 429 placeholder="fill Your present Address"
430 required 430 required
431 ></v-textarea> 431 ></v-textarea>
432 </v-flex> 432 </v-flex>
433 </v-layout> 433 </v-layout>
434 </v-flex> 434 </v-flex>
435 <v-flex xs12 sm12> 435 <v-flex xs12 sm12>
436 <v-layout> 436 <v-layout>
437 <v-flex xs12 sm3 class="pt-4 pr-4 subheading text-xs-center addressForm"> 437 <v-flex xs12 sm3 class="pt-4 pr-4 subheading text-xs-center addressForm">
438 <label>Permanent addr:</label> 438 <label>Permanent addr:</label>
439 </v-flex> 439 </v-flex>
440 </v-layout> 440 </v-layout>
441 <v-layout> 441 <v-layout>
442 <v-flex xs12 sm12> 442 <v-flex xs12 sm12>
443 <v-textarea 443 <v-textarea
444 name="input-4-3" 444 name="input-4-3"
445 v-model="editedItem.permanentAddress" 445 v-model="editedItem.permanentAddress"
446 placeholder="fill Your Permanent Address" 446 placeholder="fill Your Permanent Address"
447 required 447 required
448 ></v-textarea> 448 ></v-textarea>
449 </v-flex> 449 </v-flex>
450 </v-layout> 450 </v-layout>
451 </v-flex> 451 </v-flex>
452 </v-layout> 452 </v-layout>
453 <v-layout> 453 <v-layout>
454 <v-flex xs12 sm12> 454 <v-flex xs12 sm12>
455 <v-layout> 455 <v-layout>
456 <v-flex xs6> 456 <v-flex xs6>
457 <v-btn round dark @click.native="close">Cancel</v-btn> 457 <v-btn round dark @click.native="close">Cancel</v-btn>
458 </v-flex> 458 </v-flex>
459 <v-flex xs6> 459 <v-flex xs6>
460 <v-btn @click="save" round dark :loading="editLoading" class="right">Save</v-btn> 460 <v-btn @click="save" round dark :loading="editLoading" class="right">Save</v-btn>
461 </v-flex> 461 </v-flex>
462 </v-layout> 462 </v-layout>
463 </v-flex> 463 </v-flex>
464 </v-layout> 464 </v-layout>
465 </v-container> 465 </v-container>
466 </v-form> 466 </v-form>
467 </v-card-text> 467 </v-card-text>
468 </v-card> 468 </v-card>
469 </v-dialog> 469 </v-dialog>
470 470
471 <!-- ****** PROFILE VIEW STUDENTS DEATILS ****** --> 471 <!-- ****** PROFILE VIEW STUDENTS DEATILS ****** -->
472 472
473 <v-dialog v-model="dialog1" max-width="1200px" scrollable> 473 <v-dialog v-model="dialog1" max-width="1200px" scrollable>
474 <v-card> 474 <v-card>
475 <v-toolbar color="grey lighten-2" flat> 475 <v-toolbar color="grey lighten-2" flat>
476 <v-spacer></v-spacer> 476 <v-spacer></v-spacer>
477 <v-toolbar-title>Student Profile</v-toolbar-title> 477 <v-toolbar-title>Student Profile</v-toolbar-title>
478 <v-spacer></v-spacer> 478 <v-spacer></v-spacer>
479 <v-icon @click="close1">close</v-icon> 479 <v-icon @click="close1">close</v-icon>
480 </v-toolbar> 480 </v-toolbar>
481 <v-card-text style="height: 700px;"> 481 <v-card-text style="height: 700px;">
482 <v-flex align-center justify-center layout text-xs-center class="mt-3"> 482 <v-flex align-center justify-center layout text-xs-center class="mt-3">
483 <v-avatar size="160px"> 483 <v-avatar size="160px">
484 <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" /> 484 <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" />
485 <img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" /> 485 <img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" />
486 </v-avatar> 486 </v-avatar>
487 </v-flex> 487 </v-flex>
488 <v-container grid-list-md> 488 <v-container grid-list-md>
489 <v-layout wrap> 489 <v-layout wrap>
490 <v-flex xs12 sm5> 490 <v-flex xs12 sm5>
491 <v-layout> 491 <v-layout>
492 <v-flex xs6 sm6> 492 <v-flex xs6 sm6>
493 <h5 class="right my-1"> 493 <h5 class="right my-1">
494 <b>Full Name:</b> 494 <b>Full Name:</b>
495 </h5> 495 </h5>
496 </v-flex> 496 </v-flex>
497 <v-flex sm6 xs6> 497 <v-flex sm6 xs6>
498 <h5 class="my-1 left">{{ editedItem.name }}</h5> 498 <h5 class="my-1 left">{{ editedItem.name }}</h5>
499 </v-flex> 499 </v-flex>
500 </v-layout> 500 </v-layout>
501 </v-flex> 501 </v-flex>
502 <v-flex xs12 sm7> 502 <v-flex xs12 sm7>
503 <v-layout> 503 <v-layout>
504 <v-flex xs6 sm4> 504 <v-flex xs6 sm4>
505 <h5 class="right my-1"> 505 <h5 class="right my-1">
506 <b>Email:</b> 506 <b>Email:</b>
507 </h5> 507 </h5>
508 </v-flex> 508 </v-flex>
509 <v-flex sm8 xs6> 509 <v-flex sm8 xs6>
510 <h5 class="my-1 left">{{ editedItem.email }}</h5> 510 <h5 class="my-1 left">{{ editedItem.email }}</h5>
511 </v-flex> 511 </v-flex>
512 </v-layout> 512 </v-layout>
513 </v-flex> 513 </v-flex>
514 </v-layout> 514 </v-layout>
515 <v-layout wrap> 515 <v-layout wrap>
516 <v-flex xs12 sm5> 516 <v-flex xs12 sm5>
517 <v-layout> 517 <v-layout>
518 <v-flex xs6 sm6> 518 <v-flex xs6 sm6>
519 <b> 519 <b>
520 <h5 class="right my-1"> 520 <h5 class="right my-1">
521 <b>Gender:</b> 521 <b>Gender:</b>
522 </h5> 522 </h5>
523 </b> 523 </b>
524 </v-flex> 524 </v-flex>
525 <v-flex sm6 xs6> 525 <v-flex sm6 xs6>
526 <h5 class="my-1 left">{{ editedItem.gender }}</h5> 526 <h5 class="my-1 left">{{ editedItem.gender }}</h5>
527 </v-flex> 527 </v-flex>
528 </v-layout> 528 </v-layout>
529 </v-flex> 529 </v-flex>
530 <v-flex xs12 sm7> 530 <v-flex xs12 sm7>
531 <v-layout> 531 <v-layout>
532 <v-flex xs6 sm4> 532 <v-flex xs6 sm4>
533 <b> 533 <b>
534 <h5 class="right my-1"> 534 <h5 class="right my-1">
535 <b>D.O.B:</b> 535 <b>D.O.B:</b>
536 </h5> 536 </h5>
537 </b> 537 </b>
538 </v-flex> 538 </v-flex>
539 <v-flex sm8 xs6> 539 <v-flex sm8 xs6>
540 <h5 class="my-1">{{ dates(editedItem.dob) }}</h5> 540 <h5 class="my-1">{{ dates(editedItem.dob) }}</h5>
541 </v-flex> 541 </v-flex>
542 </v-layout> 542 </v-layout>
543 </v-flex> 543 </v-flex>
544 </v-layout> 544 </v-layout>
545 <v-layout wrap> 545 <v-layout wrap>
546 <v-flex xs12 sm5> 546 <v-flex xs12 sm5>
547 <v-layout> 547 <v-layout>
548 <v-flex xs6 sm6> 548 <v-flex xs6 sm6>
549 <b> 549 <b>
550 <h5 class="right my-1"> 550 <h5 class="right my-1">
551 <b>Blood Group:</b> 551 <b>Blood Group:</b>
552 </h5> 552 </h5>
553 </b> 553 </b>
554 </v-flex> 554 </v-flex>
555 <v-flex sm6 xs6> 555 <v-flex sm6 xs6>
556 <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5> 556 <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>
557 </v-flex> 557 </v-flex>
558 </v-layout> 558 </v-layout>
559 </v-flex> 559 </v-flex>
560 <v-flex xs12 sm7> 560 <v-flex xs12 sm7>
561 <v-layout> 561 <v-layout>
562 <v-flex xs6 sm4> 562 <v-flex xs6 sm4>
563 <b> 563 <b>
564 <h5 class="right my-1"> 564 <h5 class="right my-1">
565 <b>Roll No. :</b> 565 <b>Roll No. :</b>
566 </h5> 566 </h5>
567 </b> 567 </b>
568 </v-flex> 568 </v-flex>
569 <v-flex sm8 xs6> 569 <v-flex sm8 xs6>
570 <h5 class="my-1">{{ editedItem.rollNo }}</h5> 570 <h5 class="my-1">{{ editedItem.rollNo }}</h5>
571 </v-flex> 571 </v-flex>
572 </v-layout> 572 </v-layout>
573 </v-flex> 573 </v-flex>
574 </v-layout> 574 </v-layout>
575 <v-layout wrap> 575 <v-layout wrap>
576 <v-flex xs12 sm5> 576 <v-flex xs12 sm5>
577 <v-layout> 577 <v-layout>
578 <v-flex xs6 sm6> 578 <v-flex xs6 sm6>
579 <b> 579 <b>
580 <h5 class="right my-1"> 580 <h5 class="right my-1">
581 <b>Height:</b> 581 <b>Height:</b>
582 </h5> 582 </h5>
583 </b> 583 </b>
584 </v-flex> 584 </v-flex>
585 <v-flex sm6 xs6> 585 <v-flex sm6 xs6>
586 <h5 class="my-1 left">{{ editedItem.height }}</h5> 586 <h5 class="my-1 left">{{ editedItem.height }}</h5>
587 </v-flex> 587 </v-flex>
588 </v-layout> 588 </v-layout>
589 </v-flex> 589 </v-flex>
590 <v-flex xs12 sm7> 590 <v-flex xs12 sm7>
591 <v-layout> 591 <v-layout>
592 <v-flex xs6 sm4> 592 <v-flex xs6 sm4>
593 <b> 593 <b>
594 <h5 class="right my-1"> 594 <h5 class="right my-1">
595 <b>Weight:</b> 595 <b>Weight:</b>
596 </h5> 596 </h5>
597 </b> 597 </b>
598 </v-flex> 598 </v-flex>
599 <v-flex sm8 xs6> 599 <v-flex sm8 xs6>
600 <h5 class="my-1">{{ editedItem.weight }}</h5> 600 <h5 class="my-1">{{ editedItem.weight }}</h5>
601 </v-flex> 601 </v-flex>
602 </v-layout> 602 </v-layout>
603 </v-flex> 603 </v-flex>
604 </v-layout> 604 </v-layout>
605 <v-layout wrap> 605 <v-layout wrap>
606 <v-flex xs12 sm5> 606 <v-flex xs12 sm5>
607 <v-layout> 607 <v-layout>
608 <v-flex xs6 sm6> 608 <v-flex xs6 sm6>
609 <b> 609 <b>
610 <h5 class="right my-1"> 610 <h5 class="right my-1">
611 <b>City:</b> 611 <b>City:</b>
612 </h5> 612 </h5>
613 </b> 613 </b>
614 </v-flex> 614 </v-flex>
615 <v-flex sm6 xs6> 615 <v-flex sm6 xs6>
616 <h5 class="my-1 left">{{ editedItem.city }}</h5> 616 <h5 class="my-1 left">{{ editedItem.city }}</h5>
617 </v-flex> 617 </v-flex>
618 </v-layout> 618 </v-layout>
619 </v-flex> 619 </v-flex>
620 <v-flex xs12 sm7> 620 <v-flex xs12 sm7>
621 <v-layout> 621 <v-layout>
622 <v-flex xs6 sm4> 622 <v-flex xs6 sm4>
623 <b> 623 <b>
624 <h5 class="right my-1"> 624 <h5 class="right my-1">
625 <b>State:</b> 625 <b>State:</b>
626 </h5> 626 </h5>
627 </b> 627 </b>
628 </v-flex> 628 </v-flex>
629 <v-flex sm8 xs6> 629 <v-flex sm8 xs6>
630 <h5 class="my-1">{{ editedItem.state }}</h5> 630 <h5 class="my-1">{{ editedItem.state }}</h5>
631 </v-flex> 631 </v-flex>
632 </v-layout> 632 </v-layout>
633 </v-flex> 633 </v-flex>
634 </v-layout> 634 </v-layout>
635 <v-layout wrap> 635 <v-layout wrap>
636 <v-flex xs12 sm5> 636 <v-flex xs12 sm5>
637 <v-layout> 637 <v-layout>
638 <v-flex xs6 sm6> 638 <v-flex xs6 sm6>
639 <b> 639 <b>
640 <h5 class="right my-1"> 640 <h5 class="right my-1">
641 <b>Pincode:</b> 641 <b>Pincode:</b>
642 </h5> 642 </h5>
643 </b> 643 </b>
644 </v-flex> 644 </v-flex>
645 <v-flex sm6 xs6> 645 <v-flex sm6 xs6>
646 <h5 class="my-1">{{ editedItem.pincode }}</h5> 646 <h5 class="my-1">{{ editedItem.pincode }}</h5>
647 </v-flex> 647 </v-flex>
648 </v-layout> 648 </v-layout>
649 </v-flex> 649 </v-flex>
650 <v-flex xs12 sm7> 650 <v-flex xs12 sm7>
651 <v-layout> 651 <v-layout>
652 <v-flex xs6 sm4> 652 <v-flex xs6 sm4>
653 <b> 653 <b>
654 <h5 class="right my-1"> 654 <h5 class="right my-1">
655 <b>Country:</b> 655 <b>Country:</b>
656 </h5> 656 </h5>
657 </b> 657 </b>
658 </v-flex> 658 </v-flex>
659 <v-flex sm7 xs6> 659 <v-flex sm7 xs6>
660 <h5 class="my-1">{{ editedItem.country }}</h5> 660 <h5 class="my-1">{{ editedItem.country }}</h5>
661 </v-flex> 661 </v-flex>
662 </v-layout> 662 </v-layout>
663 </v-flex> 663 </v-flex>
664 </v-layout> 664 </v-layout>
665 <v-layout wrap> 665 <v-layout wrap>
666 <v-flex xs12 sm5> 666 <v-flex xs12 sm5>
667 <v-layout> 667 <v-layout>
668 <v-flex sm6 xs6> 668 <v-flex sm6 xs6>
669 <b> 669 <b>
670 <h5 class="right my-1"> 670 <h5 class="right my-1">
671 <b>Mobile No:</b> 671 <b>Mobile No:</b>
672 </h5> 672 </h5>
673 </b> 673 </b>
674 </v-flex> 674 </v-flex>
675 <v-flex sm6 xs6> 675 <v-flex sm6 xs6>
676 <h5 class="my-1">{{ editedItem.mobile }}</h5> 676 <h5 class="my-1">{{ editedItem.mobile }}</h5>
677 </v-flex> 677 </v-flex>
678 </v-layout> 678 </v-layout>
679 </v-flex> 679 </v-flex>
680 <v-flex xs12 sm7> 680 <v-flex xs12 sm7>
681 <v-layout> 681 <v-layout>
682 <v-flex xs6 sm4> 682 <v-flex xs6 sm4>
683 <b> 683 <b>
684 <h5 class="right my-1"> 684 <h5 class="right my-1">
685 <b>FahterName:</b> 685 <b>FahterName:</b>
686 </h5> 686 </h5>
687 </b> 687 </b>
688 </v-flex> 688 </v-flex>
689 <v-flex sm8 xs6> 689 <v-flex sm8 xs6>
690 <h5 class="my-1">{{ editedItem.fatherName }}</h5> 690 <h5 class="my-1">{{ editedItem.fatherName }}</h5>
691 </v-flex> 691 </v-flex>
692 </v-layout> 692 </v-layout>
693 </v-flex> 693 </v-flex>
694 </v-layout> 694 </v-layout>
695 <v-layout wrap> 695 <v-layout wrap>
696 <v-flex xs12 sm5> 696 <v-flex xs12 sm5>
697 <v-layout> 697 <v-layout>
698 <v-flex xs6 sm6> 698 <v-flex xs6 sm6>
699 <b> 699 <b>
700 <h5 class="right my-1"> 700 <h5 class="right my-1">
701 <b>MotherName:</b> 701 <b>MotherName:</b>
702 </h5> 702 </h5>
703 </b> 703 </b>
704 </v-flex> 704 </v-flex>
705 <v-flex sm6 xs6> 705 <v-flex sm6 xs6>
706 <h5 class="my-1">{{ editedItem.motherName }}</h5> 706 <h5 class="my-1">{{ editedItem.motherName }}</h5>
707 </v-flex> 707 </v-flex>
708 </v-layout> 708 </v-layout>
709 </v-flex> 709 </v-flex>
710 <v-flex xs12 sm7> 710 <v-flex xs12 sm7>
711 <v-layout> 711 <v-layout>
712 <v-flex xs6 sm4> 712 <v-flex xs6 sm4>
713 <b> 713 <b>
714 <h5 class="right my-1"> 714 <h5 class="right my-1">
715 <b>FatherCellNo:</b> 715 <b>FatherCellNo:</b>
716 </h5> 716 </h5>
717 </b> 717 </b>
718 </v-flex> 718 </v-flex>
719 <v-flex sm6 xs6> 719 <v-flex sm6 xs6>
720 <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5> 720 <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5>
721 </v-flex> 721 </v-flex>
722 </v-layout> 722 </v-layout>
723 </v-flex> 723 </v-flex>
724 </v-layout> 724 </v-layout>
725 <v-layout wrap> 725 <v-layout wrap>
726 <v-flex xs12 sm5> 726 <v-flex xs12 sm5>
727 <v-layout> 727 <v-layout>
728 <v-flex xs6 sm6> 728 <v-flex xs6 sm6>
729 <b> 729 <b>
730 <h5 class="right my-1"> 730 <h5 class="right my-1">
731 <b>MotherCellNo:</b> 731 <b>MotherCellNo:</b>
732 </h5> 732 </h5>
733 </b> 733 </b>
734 </v-flex> 734 </v-flex>
735 <v-flex sm6 xs6> 735 <v-flex sm6 xs6>
736 <h5 class="my-1">{{ editedItem.motherCellNo }}</h5> 736 <h5 class="my-1">{{ editedItem.motherCellNo }}</h5>
737 </v-flex> 737 </v-flex>
738 </v-layout> 738 </v-layout>
739 </v-flex> 739 </v-flex>
740 <v-flex xs12 sm7> 740 <v-flex xs12 sm7>
741 <v-layout> 741 <v-layout>
742 <v-flex xs6 sm4> 742 <v-flex xs6 sm4>
743 <b> 743 <b>
744 <h5 class="my-1 right"> 744 <h5 class="my-1 right">
745 <b>AcademicYear:</b> 745 <b>AcademicYear:</b>
746 </h5> 746 </h5>
747 </b> 747 </b>
748 </v-flex> 748 </v-flex>
749 <v-flex sm5 xs8> 749 <v-flex sm5 xs8>
750 <h5 class="my-1">{{ editedItem.establishmentYear }}</h5> 750 <h5 class="my-1">{{ editedItem.establishmentYear }}</h5>
751 </v-flex> 751 </v-flex>
752 </v-layout> 752 </v-layout>
753 </v-flex> 753 </v-flex>
754 </v-layout> 754 </v-layout>
755 <v-layout wrap> 755 <v-layout wrap>
756 <v-flex xs12 sm5> 756 <v-flex xs12 sm5>
757 <v-layout> 757 <v-layout>
758 <v-flex xs6 sm6> 758 <v-flex xs6 sm6>
759 <b> 759 <b>
760 <h5 class="my-1 right"> 760 <h5 class="my-1 right">
761 <b>MedicalNotes:</b> 761 <b>MedicalNotes:</b>
762 </h5> 762 </h5>
763 </b> 763 </b>
764 </v-flex> 764 </v-flex>
765 <v-flex sm5 xs6> 765 <v-flex sm5 xs6>
766 <h5 class="my-1">{{ editedItem.medicalNotes }}</h5> 766 <h5 class="my-1">{{ editedItem.medicalNotes }}</h5>
767 </v-flex> 767 </v-flex>
768 </v-layout> 768 </v-layout>
769 </v-flex> 769 </v-flex>
770 <v-flex xs12 sm7 class="hidden-xs-only"> 770 <v-flex xs12 sm7 class="hidden-xs-only">
771 <v-layout wrap> 771 <v-layout wrap>
772 <v-flex sm4> 772 <v-flex sm4>
773 <b> 773 <b>
774 <h5 class="my-1 right"> 774 <h5 class="my-1 right">
775 <b>present Address:</b> 775 <b>present Address:</b>
776 </h5> 776 </h5>
777 </b> 777 </b>
778 </v-flex> 778 </v-flex>
779 <v-flex sm8> 779 <v-flex sm8>
780 <h5 class="my-1">{{ editedItem.presentAddress }}</h5> 780 <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
781 </v-flex> 781 </v-flex>
782 </v-layout> 782 </v-layout>
783 </v-flex> 783 </v-flex>
784 <v-flex sm6 class="hidden-xs-only"> 784 <v-flex sm6 class="hidden-xs-only">
785 <v-layout wrap> 785 <v-layout wrap>
786 <v-flex sm5> 786 <v-flex sm5>
787 <b> 787 <b>
788 <h5 class="my-1 right"> 788 <h5 class="my-1 right">
789 <b>Permanent Address:</b> 789 <b>Permanent Address:</b>
790 </h5> 790 </h5>
791 </b> 791 </b>
792 </v-flex> 792 </v-flex>
793 <v-flex sm7> 793 <v-flex sm7>
794 <h5 class="my-1">{{ editedItem.permanentAddress }}</h5> 794 <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
795 </v-flex> 795 </v-flex>
796 </v-layout> 796 </v-layout>
797 </v-flex> 797 </v-flex>
798 </v-layout> 798 </v-layout>
799 <v-layout wrap class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only"> 799 <v-layout wrap class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only">
800 <v-flex xs12 sm5> 800 <v-flex xs12 sm5>
801 <v-layout wrap> 801 <v-layout wrap>
802 <v-flex xs12 sm6> 802 <v-flex xs12 sm6>
803 <b> 803 <b>
804 <h5 class="my-1"> 804 <h5 class="my-1">
805 <b>present Address:-</b> 805 <b>present Address:-</b>
806 </h5> 806 </h5>
807 </b> 807 </b>
808 </v-flex> 808 </v-flex>
809 <v-flex sm5 xs12> 809 <v-flex sm5 xs12>
810 <h5 class="my-1">{{ editedItem.presentAddress }}</h5> 810 <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
811 </v-flex> 811 </v-flex>
812 </v-layout> 812 </v-layout>
813 </v-flex> 813 </v-flex>
814 <v-flex xs12 sm6> 814 <v-flex xs12 sm6>
815 <v-layout wrap> 815 <v-layout wrap>
816 <v-flex xs12 sm6> 816 <v-flex xs12 sm6>
817 <b> 817 <b>
818 <h5 class="my-1"> 818 <h5 class="my-1">
819 <b>Permanent Address:-</b> 819 <b>Permanent Address:-</b>
820 </h5> 820 </h5>
821 </b> 821 </b>
822 </v-flex> 822 </v-flex>
823 <v-flex sm6 xs12> 823 <v-flex sm6 xs12>
824 <h5 class="my-1">{{ editedItem.permanentAddress }}</h5> 824 <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
825 </v-flex> 825 </v-flex>
826 </v-layout> 826 </v-layout>
827 </v-flex> 827 </v-flex>
828 </v-layout> 828 </v-layout>
829 </v-container> 829 </v-container>
830 </v-card-text> 830 </v-card-text>
831 </v-card> 831 </v-card>
832 </v-dialog> 832 </v-dialog>
833 833
834 <v-snackbar 834 <v-snackbar
835 :timeout="timeout" 835 :timeout="timeout"
836 :top="y === 'top'" 836 :top="y === 'top'"
837 :right="x === 'right'" 837 :right="x === 'right'"
838 :vertical="mode === 'vertical'" 838 :vertical="mode === 'vertical'"
839 v-model="snackbar" 839 v-model="snackbar"
840 color="success" 840 color="success"
841 >{{ text }}</v-snackbar> 841 >{{ text }}</v-snackbar>
842 842
843 <!-- ****** EXISTING-USERS STUDENTS TABLE ****** --> 843 <!-- ****** EXISTING-USERS STUDENTS TABLE ****** -->
844 <v-card flat> 844 <v-card flat>
845 <v-card-actions class="hidden-xs-only hidden-sm-only"> 845 <v-card-actions class="hidden-xs-only hidden-sm-only">
846 <v-layout> 846 <v-layout>
847 <label class="right mt-4 ml-5">Select Class:</label> 847 <label class="right mt-4 ml-5">Select Class:</label>
848 <v-select 848 <v-select
849 :items="addclass" 849 :items="addclass"
850 label="Select Class" 850 label="Select Class"
851 v-model="selectStudents.select" 851 v-model="selectStudents.select"
852 item-text="classNum" 852 item-text="classNum"
853 item-value="_id" 853 item-value="_id"
854 name="Select Class" 854 name="Select Class"
855 :rules="classRules" 855 :rules="classRules"
856 @change="getSections(selectStudents.select)" 856 @change="getSections(selectStudents.select)"
857 class="px-4" 857 class="px-4"
858 required 858 required
859 ></v-select> 859 ></v-select>
860 <label class="right mt-4">Select Section:</label> 860 <label class="right mt-4">Select Section:</label>
861 <v-select 861 <v-select
862 :items="addSection" 862 :items="addSection"
863 label="Select Section" 863 label="Select Section"
864 v-model="selectStudents.selectSection" 864 v-model="selectStudents.selectSection"
865 item-text="name" 865 item-text="name"
866 item-value="_id" 866 item-value="_id"
867 name="Select Section" 867 name="Select Section"
868 :rules="sectionRules" 868 :rules="sectionRules"
869 class="pl-3" 869 class="pl-3"
870 required 870 required
871 ></v-select> 871 ></v-select>
872 </v-layout> 872 </v-layout>
873 <v-spacer></v-spacer> 873 <v-spacer></v-spacer>
874 <v-btn @click="findStudents()" round dark :loading="loading" class="left">Find</v-btn> 874 <v-btn @click="findStudents()" round dark :loading="loading" class="left">Find</v-btn>
875 </v-card-actions> 875 </v-card-actions>
876 <v-flex class="hidden-xl-only hidden-lg-only hidden-md-only"> 876 <v-flex class="hidden-xl-only hidden-lg-only hidden-md-only">
877 <v-layout> 877 <v-layout>
878 <v-flex xs4> 878 <v-flex xs4>
879 <label class="right mt-4">Select Class:</label> 879 <label class="right mt-4">Select Class:</label>
880 </v-flex> 880 </v-flex>
881 <v-flex xs8> 881 <v-flex xs8>
882 <v-select 882 <v-select
883 :items="addclass" 883 :items="addclass"
884 label="Select Class" 884 label="Select Class"
885 v-model="selectStudents.select" 885 v-model="selectStudents.select"
886 item-text="classNum" 886 item-text="classNum"
887 item-value="_id" 887 item-value="_id"
888 name="Select Class" 888 name="Select Class"
889 :rules="classRules" 889 :rules="classRules"
890 @change="getSections(selectStudents.select)" 890 @change="getSections(selectStudents.select)"
891 class="px-2" 891 class="px-2"
892 required 892 required
893 ></v-select> 893 ></v-select>
894 </v-flex> 894 </v-flex>
895 </v-layout> 895 </v-layout>
896 <v-layout> 896 <v-layout>
897 <v-flex xs4> 897 <v-flex xs4>
898 <label class="right mt-4">Select Section:</label> 898 <label class="right mt-4">Select Section:</label>
899 </v-flex> 899 </v-flex>
900 <v-flex xs8> 900 <v-flex xs8>
901 <v-select 901 <v-select
902 :items="addSection" 902 :items="addSection"
903 label="Select Section" 903 label="Select Section"
904 v-model="selectStudents.selectSection" 904 v-model="selectStudents.selectSection"
905 item-text="name" 905 item-text="name"
906 item-value="_id" 906 item-value="_id"
907 name="Select Section" 907 name="Select Section"
908 :rules="sectionRules" 908 :rules="sectionRules"
909 class="px-2" 909 class="px-2"
910 required 910 required
911 ></v-select> 911 ></v-select>
912 </v-flex> 912 </v-flex>
913 </v-layout> 913 </v-layout>
914 <v-layout> 914 <v-layout>
915 <v-flex xs5 class="mx-auto mb-2"> 915 <v-flex xs5 class="mx-auto mb-2">
916 <v-btn @click="findStudents()" block round dark :loading="loading">Find</v-btn> 916 <v-btn @click="findStudents()" block round dark :loading="loading">Find</v-btn>
917 </v-flex> 917 </v-flex>
918 </v-layout> 918 </v-layout>
919 </v-flex> 919 </v-flex>
920 </v-card> 920 </v-card>
921 <v-data-table 921 <v-data-table
922 :headers="headers" 922 :headers="headers"
923 :items="desserts" 923 :items="desserts"
924 :pagination.sync="pagination" 924 :pagination.sync="pagination"
925 :search="search" 925 :search="search"
926 > 926 >
927 <template slot="items" slot-scope="props"> 927 <template slot="items" slot-scope="props">
928 <td id="td" class="text-xs-center">{{ props.item.rollNo}}</td> 928 <td id="td" class="text-xs-center">{{ props.item.rollNo}}</td>
929 <td id="td" class="text-xs-center"> 929 <td id="td" class="text-xs-center">
930 <v-avatar> 930 <v-avatar>
931 <img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" /> 931 <img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" />
932 <img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" /> 932 <img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" />
933 </v-avatar> 933 </v-avatar>
934 </td> 934 </td>
935 <td id="td" class="text-xs-center">{{ props.item.name}}</td> 935 <td id="td" class="text-xs-center">{{ props.item.name}}</td>
936 <td id="td" class="text-xs-center">{{ props.item.email }}</td> 936 <td id="td" class="text-xs-center">{{ props.item.email }}</td>
937 <td id="td" class="text-xs-center">{{ dates(props.item.dob) }}</td> 937 <td id="td" class="text-xs-center">{{ dates(props.item.dob) }}</td>
938 <td id="td" class="text-xs-center">{{ props.item.gender }}</td> 938 <td id="td" class="text-xs-center">{{ props.item.gender }}</td>
939 <td id="td" class="text-xs-center">{{ props.item.parentId.fatherName }}</td> 939 <td id="td" class="text-xs-center">{{ props.item.parentId.fatherName }}</td>
940 <td id="td" class="text-xs-center">{{ props.item.parentId.motherName }}</td> 940 <td id="td" class="text-xs-center">{{ props.item.parentId.motherName }}</td>
941 <td id="td" class="text-xs-center">{{ props.item.establishmentYear }}</td> 941 <td id="td" class="text-xs-center">{{ props.item.establishmentYear }}</td>
942 <td id="td" class="text-xs-center">{{ props.item.mobile}}</td> 942 <td id="td" class="text-xs-center">{{ props.item.mobile}}</td>
943 943
944 <td class="text-xs-center"> 944 <td class="text-xs-center">
945 <span> 945 <span>
946 <v-tooltip top> 946 <v-tooltip top>
947 <img 947 <img
948 slot="activator" 948 slot="activator"
949 style="cursor:pointer; width:25px; height:18px; " 949 style="cursor:pointer; width:25px; height:18px; "
950 class="mr5" 950 class="mr5"
951 @click="profile(props.item)" 951 @click="profile(props.item)"
952 src="/static/icon/eye1.png" 952 src="/static/icon/eye1.png"
953 /> 953 />
954 <span>View</span> 954 <span>View</span>
955 </v-tooltip> 955 </v-tooltip>
956 <v-tooltip top> 956 <v-tooltip top>
957 <img 957 <img
958 slot="activator" 958 slot="activator"
959 style="cursor:pointer; width:20px; height:18px; " 959 style="cursor:pointer; width:20px; height:18px; "
960 class="mr5" 960 class="mr5"
961 @click="editItem(props.item)" 961 @click="editItem(props.item)"
962 src="/static/icon/edit1.png" 962 src="/static/icon/edit1.png"
963 /> 963 />
964 <span>Edit</span> 964 <span>Edit</span>
965 </v-tooltip> 965 </v-tooltip>
966 <v-tooltip top> 966 <v-tooltip top>
967 <img 967 <img
968 slot="activator" 968 slot="activator"
969 style="cursor:pointer; width:20px; height:20px; " 969 style="cursor:pointer; width:20px; height:20px; "
970 class="mr5" 970 class="mr5"
971 @click="deleteItem(props.item)" 971 @click="deleteItem(props.item)"
972 src="/static/icon/delete1.png" 972 src="/static/icon/delete1.png"
973 /> 973 />
974 <span>Delete</span> 974 <span>Delete</span>
975 </v-tooltip> 975 </v-tooltip>
976 </span> 976 </span>
977 </td> 977 </td>
978 </template> 978 </template>
979 <v-alert 979 <v-alert
980 slot="no-results" 980 slot="no-results"
981 :value="true" 981 :value="true"
982 color="error" 982 color="error"
983 icon="warning" 983 icon="warning"
984 >Your search for "{{ search }}" found no results.</v-alert> 984 >Your search for "{{ search }}" found no results.</v-alert>
985 </v-data-table> 985 </v-data-table>
986 </v-tab-item> 986 </v-tab-item>
987 987
988 <!-- ****** ADD STUDENTS DETAILS****** --> 988 <!-- ****** ADD STUDENTS DETAILS****** -->
989 <v-tab-item> 989 <v-tab-item>
990 <v-container fluid> 990 <v-container fluid>
991 <v-layout align-center justify-center fill-height> 991 <v-layout align-center justify-center fill-height>
992 <v-flex xs12 sm12 md10 lg11> 992 <v-flex xs12 sm12 md10 lg11>
993 <div> 993 <div>
994 <v-app> 994 <v-app>
995 <v-stepper v-model="e2"> 995 <v-stepper v-model="e2">
996 <v-stepper-header> 996 <v-stepper-header>
997 <v-stepper-step :complete="e2 > 1" step="1">Fill parent Details</v-stepper-step> 997 <v-stepper-step :complete="e2 > 1" step="1">Fill parent Details</v-stepper-step>
998 <v-divider></v-divider> 998 <v-divider></v-divider>
999 <v-stepper-step step="2">Fill Student Details</v-stepper-step> 999 <v-stepper-step step="2">Fill Student Details</v-stepper-step>
1000 </v-stepper-header> 1000 </v-stepper-header>
1001 <v-stepper-items> 1001 <v-stepper-items>
1002 <v-stepper-content step="1"> 1002 <v-stepper-content step="1">
1003 <v-container fluid class> 1003 <v-container fluid class>
1004 <v-snackbar 1004 <v-snackbar
1005 :timeout="timeout" 1005 :timeout="timeout"
1006 :top="y === 'top'" 1006 :top="y === 'top'"
1007 :right="x === 'right'" 1007 :right="x === 'right'"
1008 :vertical="mode === 'vertical'" 1008 :vertical="mode === 'vertical'"
1009 v-model="snackbar" 1009 v-model="snackbar"
1010 color="success" 1010 color="success"
1011 >{{ text }}</v-snackbar> 1011 >{{ text }}</v-snackbar>
1012 <v-flex xs12 sm12 class="hidden-md-only hidden-lg-only hidden-xl-only"> 1012 <v-flex xs12 sm12 class="hidden-md-only hidden-lg-only hidden-xl-only">
1013 <v-form ref="parentForm" v-model="valid" lazy-validation> 1013 <v-form ref="parentForm" v-model="valid" lazy-validation>
1014 <v-layout wrap> 1014 <v-layout wrap>
1015 <v-flex xs12 sm6> 1015 <v-flex xs12 sm6>
1016 <v-layout wrap> 1016 <v-layout wrap>
1017 <v-flex xs12 class="pt-4 subheading"> 1017 <v-flex xs12 class="pt-4 subheading">
1018 <label>Father Cell No:</label> 1018 <label>Father Cell No:</label>
1019 </v-flex> 1019 </v-flex>
1020 <v-flex xs12> 1020 <v-flex xs12>
1021 <v-text-field 1021 <v-text-field
1022 v-model.trim="parentData.fatherCellNo" 1022 v-model.trim="parentData.fatherCellNo"
1023 placeholder="fill your father Cell Number" 1023 placeholder="fill your father Cell Number"
1024 type="number" 1024 type="number"
1025 :rules="fatheCellNoRules" 1025 :rules="fatheCellNoRules"
1026 counter="10" 1026 counter="10"
1027 v-on:keyup="getParentDetails()" 1027 v-on:keyup="getParentDetails()"
1028 required 1028 required
1029 ></v-text-field> 1029 ></v-text-field>
1030 </v-flex> 1030 </v-flex>
1031 </v-layout> 1031 </v-layout>
1032 </v-flex> 1032 </v-flex>
1033 <v-flex xs12 sm6> 1033 <v-flex xs12 sm6>
1034 <v-layout wrap> 1034 <v-layout wrap>
1035 <v-flex xs12 class="pt-4 subheading"> 1035 <v-flex xs12 class="pt-4 subheading">
1036 <label>Parent Email Id:</label> 1036 <label>Parent Email Id:</label>
1037 </v-flex> 1037 </v-flex>
1038 <v-flex xs12> 1038 <v-flex xs12>
1039 <v-text-field 1039 <v-text-field
1040 placeholder="fill Parent email" 1040 placeholder="fill Parent email"
1041 v-model="parentData.email" 1041 v-model="parentData.email"
1042 type="text" 1042 type="text"
1043 required 1043 required
1044 ></v-text-field> 1044 ></v-text-field>
1045 </v-flex> 1045 </v-flex>
1046 </v-layout> 1046 </v-layout>
1047 </v-flex> 1047 </v-flex>
1048 </v-layout> 1048 </v-layout>
1049 <v-layout wrap> 1049 <v-layout wrap>
1050 <v-flex xs12 sm6> 1050 <v-flex xs12 sm6>
1051 <v-layout wrap> 1051 <v-layout wrap>
1052 <v-flex xs12 class="pt-4 subheading"> 1052 <v-flex xs12 class="pt-4 subheading">
1053 <label>Father Name:</label> 1053 <label>Father Name:</label>
1054 </v-flex> 1054 </v-flex>
1055 <v-flex xs12> 1055 <v-flex xs12>
1056 <v-text-field 1056 <v-text-field
1057 v-model="parentData.fatherName" 1057 v-model="parentData.fatherName"
1058 placeholder="Fill your father Name" 1058 placeholder="Fill your father Name"
1059 required 1059 required
1060 ></v-text-field> 1060 ></v-text-field>
1061 </v-flex> 1061 </v-flex>
1062 </v-layout> 1062 </v-layout>
1063 </v-flex> 1063 </v-flex>
1064 <v-flex xs12 sm6> 1064 <v-flex xs12 sm6>
1065 <v-layout wrap> 1065 <v-layout wrap>
1066 <v-flex xs12 class="pt-4 subheading"> 1066 <v-flex xs12 class="pt-4 subheading">
1067 <label>Mother Name:</label> 1067 <label>Mother Name:</label>
1068 </v-flex> 1068 </v-flex>
1069 <v-flex xs12> 1069 <v-flex xs12>
1070 <v-text-field 1070 <v-text-field
1071 v-model="parentData.motherName" 1071 v-model="parentData.motherName"
1072 placeholder="fill your Mother Name" 1072 placeholder="fill your Mother Name"
1073 type="text" 1073 type="text"
1074 required 1074 required
1075 ></v-text-field> 1075 ></v-text-field>
1076 </v-flex> 1076 </v-flex>
1077 </v-layout> 1077 </v-layout>
1078 </v-flex> 1078 </v-flex>
1079 </v-layout> 1079 </v-layout>
1080 <v-layout wrap> 1080 <v-layout wrap>
1081 <v-flex xs12 sm6> 1081 <v-flex xs12 sm6>
1082 <v-layout wrap> 1082 <v-layout wrap>
1083 <v-flex xs12 class="pt-4 subheading"> 1083 <v-flex xs12 class="pt-4 subheading">
1084 <label>Mother Cell No:</label> 1084 <label>Mother Cell No:</label>
1085 </v-flex> 1085 </v-flex>
1086 <v-flex xs12> 1086 <v-flex xs12>
1087 <v-text-field 1087 <v-text-field
1088 v-model="parentData.motherCellNo" 1088 v-model="parentData.motherCellNo"
1089 placeholder="fill your Mother Cell Number" 1089 placeholder="fill your Mother Cell Number"
1090 :rules="motherCellNoRules"
1091 type="number" 1090 type="number"
1092 required 1091 required
1093 ></v-text-field> 1092 ></v-text-field>
1094 </v-flex> 1093 </v-flex>
1095 </v-layout> 1094 </v-layout>
1096 </v-flex> 1095 </v-flex>
1097 <v-flex xs12 sm6> 1096 <v-flex xs12 sm6>
1098 <v-layout wrap> 1097 <v-layout wrap>
1099 <v-flex xs12 class="pt-4 subheading"> 1098 <v-flex xs12 class="pt-4 subheading">
1100 <label>Father Profession:</label> 1099 <label>Father Profession:</label>
1101 </v-flex> 1100 </v-flex>
1102 <v-flex xs12> 1101 <v-flex xs12>
1103 <v-text-field 1102 <v-text-field
1104 v-model="parentData.fatherProfession" 1103 v-model="parentData.fatherProfession"
1105 placeholder="fill your father profession" 1104 placeholder="fill your father profession"
1106 ></v-text-field> 1105 ></v-text-field>
1107 </v-flex> 1106 </v-flex>
1108 </v-layout> 1107 </v-layout>
1109 </v-flex> 1108 </v-flex>
1110 </v-layout> 1109 </v-layout>
1111 <v-layout wrap> 1110 <v-layout wrap>
1112 <v-flex xs12 sm6> 1111 <v-flex xs12 sm6>
1113 <v-layout wrap> 1112 <v-layout wrap>
1114 <v-flex xs12 class="pt-4 subheading"> 1113 <v-flex xs12 class="pt-4 subheading">
1115 <label>Mother Profession:</label> 1114 <label>Mother Profession:</label>
1116 </v-flex> 1115 </v-flex>
1117 <v-flex xs12> 1116 <v-flex xs12>
1118 <v-text-field 1117 <v-text-field
1119 v-model="parentData.motherProfession" 1118 v-model="parentData.motherProfession"
1120 placeholder="fill your mother profession" 1119 placeholder="fill your mother profession"
1121 ></v-text-field> 1120 ></v-text-field>
1122 </v-flex> 1121 </v-flex>
1123 </v-layout> 1122 </v-layout>
1124 </v-flex> 1123 </v-flex>
1125 </v-layout> 1124 </v-layout>
1126 <v-flex sm12 class="hidden-xs-only"> 1125 <v-flex sm12 class="hidden-xs-only">
1127 <v-card-actions> 1126 <v-card-actions>
1128 <v-spacer></v-spacer> 1127 <v-spacer></v-spacer>
1129 <v-btn 1128 <v-btn
1130 @click="submitParentDetails" 1129 @click="submitParentDetails"
1131 round 1130 round
1132 dark 1131 dark
1133 :loading="loading" 1132 :loading="loading"
1134 v-show="showParent" 1133 v-show="showParent"
1135 >Add</v-btn> 1134 >Add</v-btn>
1136 <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn> 1135 <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>
1137 </v-card-actions> 1136 </v-card-actions>
1138 </v-flex> 1137 </v-flex>
1139 <v-flex 1138 <v-flex
1140 xs6 1139 xs6
1141 class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2" 1140 class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"
1142 > 1141 >
1143 <v-btn 1142 <v-btn
1144 @click="submitParentDetails" 1143 @click="submitParentDetails"
1145 round 1144 round
1146 dark 1145 dark
1147 :loading="loading" 1146 :loading="loading"
1148 v-show="showParent" 1147 v-show="showParent"
1149 >Add</v-btn> 1148 >Add</v-btn>
1150 <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn> 1149 <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>
1151 </v-flex> 1150 </v-flex>
1152 </v-form> 1151 </v-form>
1153 </v-flex> 1152 </v-flex>
1154 <v-flex xs12 sm12 class="hidden-xs-only hidden-sm-only"> 1153 <v-flex xs12 sm12 class="hidden-xs-only hidden-sm-only">
1155 <v-form ref="parentForm" v-model="valid" lazy-validation> 1154 <v-form ref="parentForm" v-model="valid" lazy-validation>
1156 <v-layout wrap> 1155 <v-layout wrap>
1157 <v-flex xs12 sm6> 1156 <v-flex xs12 sm6>
1158 <v-layout> 1157 <v-layout>
1159 <v-flex xs4 class="pt-4 subheading"> 1158 <v-flex xs4 class="pt-4 subheading">
1160 <label class="right">Father Cell No:</label> 1159 <label class="right">Father Cell No:</label>
1161 </v-flex> 1160 </v-flex>
1162 <v-flex xs8 class="ml-3"> 1161 <v-flex xs8 class="ml-3">
1163 <v-text-field 1162 <v-text-field
1164 v-model.trim="parentData.fatherCellNo" 1163 v-model.trim="parentData.fatherCellNo"
1165 placeholder="fill your father Cell Number" 1164 placeholder="fill your father Cell Number"
1166 type="number" 1165 type="number"
1167 :rules="fatheCellNoRules" 1166 :rules="fatheCellNoRules"
1168 counter="10" 1167 counter="10"
1169 v-on:keyup="getParentDetails()" 1168 v-on:keyup="getParentDetails()"
1170 required 1169 required
1171 ></v-text-field> 1170 ></v-text-field>
1172 </v-flex> 1171 </v-flex>
1173 </v-layout> 1172 </v-layout>
1174 </v-flex> 1173 </v-flex>
1175 <v-flex xs12 sm6> 1174 <v-flex xs12 sm6>
1176 <v-layout> 1175 <v-layout>
1177 <v-flex xs4 class="pt-4 subheading"> 1176 <v-flex xs4 class="pt-4 subheading">
1178 <label class="right">Parent Email Id:</label> 1177 <label class="right">Parent Email Id:</label>
1179 </v-flex> 1178 </v-flex>
1180 <v-flex xs8 class="ml-3"> 1179 <v-flex xs8 class="ml-3">
1181 <v-text-field 1180 <v-text-field
1182 placeholder="fill Parent email" 1181 placeholder="fill Parent email"
1183 v-model="parentData.email" 1182 v-model="parentData.email"
1184 type="text" 1183 type="text"
1185 required 1184 required
1186 ></v-text-field> 1185 ></v-text-field>
1187 </v-flex> 1186 </v-flex>
1188 </v-layout> 1187 </v-layout>
1189 </v-flex> 1188 </v-flex>
1190 </v-layout> 1189 </v-layout>
1191 <v-layout wrap> 1190 <v-layout wrap>
1192 <v-flex xs12 sm6> 1191 <v-flex xs12 sm6>
1193 <v-layout> 1192 <v-layout>
1194 <v-flex xs4 class="pt-4 subheading"> 1193 <v-flex xs4 class="pt-4 subheading">
1195 <label class="right">Father Name:</label> 1194 <label class="right">Father Name:</label>
1196 </v-flex> 1195 </v-flex>
1197 <v-flex xs8 class="ml-3"> 1196 <v-flex xs8 class="ml-3">
1198 <v-text-field 1197 <v-text-field
1199 v-model="parentData.fatherName" 1198 v-model="parentData.fatherName"
1200 placeholder="Fill your father Name" 1199 placeholder="Fill your father Name"
1201 required 1200 required
1202 ></v-text-field> 1201 ></v-text-field>
1203 </v-flex> 1202 </v-flex>
1204 </v-layout> 1203 </v-layout>
1205 </v-flex> 1204 </v-flex>
1206 <v-flex xs12 sm6> 1205 <v-flex xs12 sm6>
1207 <v-layout> 1206 <v-layout>
1208 <v-flex xs4 class="pt-4 subheading"> 1207 <v-flex xs4 class="pt-4 subheading">
1209 <label class="right">Mother Name:</label> 1208 <label class="right">Mother Name:</label>
1210 </v-flex> 1209 </v-flex>
1211 <v-flex xs8 class="ml-3"> 1210 <v-flex xs8 class="ml-3">
1212 <v-text-field 1211 <v-text-field
1213 v-model="parentData.motherName" 1212 v-model="parentData.motherName"
1214 placeholder="fill your Mother Name" 1213 placeholder="fill your Mother Name"
1215 type="text" 1214 type="text"
1216 required 1215 required
1217 ></v-text-field> 1216 ></v-text-field>
1218 </v-flex> 1217 </v-flex>
1219 </v-layout> 1218 </v-layout>
1220 </v-flex> 1219 </v-flex>
1221 </v-layout> 1220 </v-layout>
1222 <v-layout wrap> 1221 <v-layout wrap>
1223 <v-flex xs12 sm6> 1222 <v-flex xs12 sm6>
1224 <v-layout> 1223 <v-layout>
1225 <v-flex xs4 class="pt-4 subheading"> 1224 <v-flex xs4 class="pt-4 subheading">
1226 <label class="right">Mother Cell No:</label> 1225 <label class="right">Mother Cell No:</label>
1227 </v-flex> 1226 </v-flex>
1228 <v-flex xs8 class="ml-3"> 1227 <v-flex xs8 class="ml-3">
1229 <v-text-field 1228 <v-text-field
1230 v-model="parentData.motherCellNo" 1229 v-model="parentData.motherCellNo"
1231 placeholder="fill your Mother Cell Number" 1230 placeholder="fill your Mother Cell Number"
1232 type="number" 1231 type="number"
1233 :rules="motherCellNoRules"
1234 required 1232 required
1235 ></v-text-field> 1233 ></v-text-field>
1236 </v-flex> 1234 </v-flex>
1237 </v-layout> 1235 </v-layout>
1238 </v-flex> 1236 </v-flex>
1239 <v-flex xs12 sm6> 1237 <v-flex xs12 sm6>
1240 <v-layout> 1238 <v-layout>
1241 <v-flex xs4 class="pt-4 subheading"> 1239 <v-flex xs4 class="pt-4 subheading">
1242 <label class="right">Father Profession:</label> 1240 <label class="right">Father Profession:</label>
1243 </v-flex> 1241 </v-flex>
1244 <v-flex xs8 class="ml-3"> 1242 <v-flex xs8 class="ml-3">
1245 <v-text-field 1243 <v-text-field
1246 v-model="parentData.fatherProfession" 1244 v-model="parentData.fatherProfession"
1247 placeholder="fill your father profession" 1245 placeholder="fill your father profession"
1248 ></v-text-field> 1246 ></v-text-field>
1249 </v-flex> 1247 </v-flex>
1250 </v-layout> 1248 </v-layout>
1251 </v-flex> 1249 </v-flex>
1252 </v-layout> 1250 </v-layout>
1253 <v-layout wrap> 1251 <v-layout wrap>
1254 <v-flex xs12 sm6> 1252 <v-flex xs12 sm6>
1255 <v-layout> 1253 <v-layout>
1256 <v-flex xs4 class="pt-4 subheading"> 1254 <v-flex xs4 class="pt-4 subheading">
1257 <label class="right">Mother Profession:</label> 1255 <label class="right">Mother Profession:</label>
1258 </v-flex> 1256 </v-flex>
1259 <v-flex xs8 class="ml-3"> 1257 <v-flex xs8 class="ml-3">
1260 <v-text-field 1258 <v-text-field
1261 v-model="parentData.motherProfession" 1259 v-model="parentData.motherProfession"
1262 placeholder="fill your mother profession" 1260 placeholder="fill your mother profession"
1263 ></v-text-field> 1261 ></v-text-field>
1264 </v-flex> 1262 </v-flex>
1265 </v-layout> 1263 </v-layout>
1266 </v-flex> 1264 </v-flex>
1267 </v-layout> 1265 </v-layout>
1268 <v-flex sm12 class="hidden-xs-only"> 1266 <v-flex sm12 class="hidden-xs-only">
1269 <v-card-actions> 1267 <v-card-actions>
1270 <v-spacer></v-spacer> 1268 <v-spacer></v-spacer>
1271 <v-btn 1269 <v-btn
1272 @click="submitParentDetails" 1270 @click="submitParentDetails"
1273 round 1271 round
1274 dark 1272 dark
1275 :loading="loading" 1273 :loading="loading"
1276 v-show="showParent" 1274 v-show="showParent"
1277 >Add</v-btn> 1275 >Add</v-btn>
1278 <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn> 1276 <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>
1279 </v-card-actions> 1277 </v-card-actions>
1280 </v-flex> 1278 </v-flex>
1281 <v-flex 1279 <v-flex
1282 xs6 1280 xs6
1283 class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2" 1281 class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"
1284 > 1282 >
1285 <v-btn 1283 <v-btn
1286 @click="submitParentDetails" 1284 @click="submitParentDetails"
1287 round 1285 round
1288 dark 1286 dark
1289 :loading="loading" 1287 :loading="loading"
1290 v-show="showParent" 1288 v-show="showParent"
1291 >Add</v-btn> 1289 >Add</v-btn>
1292 <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn> 1290 <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>
1293 </v-flex> 1291 </v-flex>
1294 </v-form> 1292 </v-form>
1295 </v-flex> 1293 </v-flex>
1296 </v-container> 1294 </v-container>
1297 </v-stepper-content> 1295 </v-stepper-content>
1298 <v-stepper-content step="2"> 1296 <v-stepper-content step="2">
1299 <v-snackbar 1297 <v-snackbar
1300 :timeout="timeout" 1298 :timeout="timeout"
1301 :top="y === 'top'" 1299 :top="y === 'top'"
1302 :right="x === 'right'" 1300 :right="x === 'right'"
1303 :vertical="mode === 'vertical'" 1301 :vertical="mode === 'vertical'"
1304 v-model="snackbar" 1302 v-model="snackbar"
1305 color="success" 1303 color="success"
1306 >{{ text }}</v-snackbar> 1304 >{{ text }}</v-snackbar>
1307 <v-flex xs12 sm12> 1305 <v-flex xs12 sm12>
1308 <v-form ref="form" v-model="valid" lazy-validation> 1306 <v-form ref="form" v-model="valid" lazy-validation>
1309 <v-layout> 1307 <v-layout>
1310 <v-flex 1308 <v-flex
1311 xs12 1309 xs12
1312 class="text-xs-center text-sm-center text-md-center text-lg-center" 1310 class="text-xs-center text-sm-center text-md-center text-lg-center"
1313 > 1311 >
1314 <v-avatar size="100px"> 1312 <v-avatar size="100px">
1315 <img src="/static/icon/user.png" v-if="!imageUrl" /> 1313 <img src="/static/icon/user.png" v-if="!imageUrl" />
1316 </v-avatar> 1314 </v-avatar>
1317 <input 1315 <input
1318 type="file" 1316 type="file"
1319 style="display: none" 1317 style="display: none"
1320 ref="image" 1318 ref="image"
1321 accept="image/*" 1319 accept="image/*"
1322 @change="onFilePicked" 1320 @change="onFilePicked"
1323 /> 1321 />
1324 <img 1322 <img
1325 :src="imageData.imageUrl" 1323 :src="imageData.imageUrl"
1326 height="150" 1324 height="150"
1327 v-if="imageUrl" 1325 v-if="imageUrl"
1328 style="border-radius:50%; width:200px" 1326 style="border-radius:50%; width:200px"
1329 /> 1327 />
1330 </v-flex> 1328 </v-flex>
1331 </v-layout> 1329 </v-layout>
1332 <v-layout wrap> 1330 <v-layout wrap>
1333 <v-flex xs12 sm6> 1331 <v-flex xs12 sm6>
1334 <v-layout> 1332 <v-layout>
1335 <v-flex x4 sm4 class="pt-4 subheading"> 1333 <v-flex x4 sm4 class="pt-4 subheading">
1336 <label class="right hidden-xs-only hidden-sm-only">Select Class:</label> 1334 <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
1337 <label 1335 <label
1338 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1336 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1339 >Class:</label> 1337 >Class:</label>
1340 </v-flex> 1338 </v-flex>
1341 <v-flex xs8 sm8 class="ml-3"> 1339 <v-flex xs8 sm8 class="ml-3">
1342 <v-select 1340 <v-select
1343 :items="addclass" 1341 :items="addclass"
1344 label="Select Class" 1342 label="Select Class"
1345 v-model="addStudents.select" 1343 v-model="addStudents.select"
1346 item-text="classNum" 1344 item-text="classNum"
1347 item-value="_id" 1345 item-value="_id"
1348 name="Select Class" 1346 name="Select Class"
1349 :rules="classRules" 1347 :rules="classRules"
1350 @change="getSection(addStudents.select)" 1348 @change="getSection(addStudents.select)"
1351 required 1349 required
1352 ></v-select> 1350 ></v-select>
1353 </v-flex> 1351 </v-flex>
1354 </v-layout> 1352 </v-layout>
1355 </v-flex> 1353 </v-flex>
1356 <v-flex xs12 sm6> 1354 <v-flex xs12 sm6>
1357 <v-layout> 1355 <v-layout>
1358 <v-flex xs4 class="pt-4 subheading"> 1356 <v-flex xs4 class="pt-4 subheading">
1359 <label 1357 <label
1360 class="right hidden-xs-only hidden-sm-only" 1358 class="right hidden-xs-only hidden-sm-only"
1361 >Select Section:</label> 1359 >Select Section:</label>
1362 <label 1360 <label
1363 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1361 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1364 >Section:</label> 1362 >Section:</label>
1365 </v-flex> 1363 </v-flex>
1366 <v-flex xs8 class="ml-3"> 1364 <v-flex xs8 class="ml-3">
1367 <v-select 1365 <v-select
1368 :items="addSection" 1366 :items="addSection"
1369 label="Select Section" 1367 label="Select Section"
1370 v-model="addStudents.selectSection" 1368 v-model="addStudents.selectSection"
1371 item-text="name" 1369 item-text="name"
1372 item-value="_id" 1370 item-value="_id"
1373 name="Select Section" 1371 name="Select Section"
1374 :rules="sectionRules" 1372 :rules="sectionRules"
1375 required 1373 required
1376 ></v-select> 1374 ></v-select>
1377 </v-flex> 1375 </v-flex>
1378 </v-layout> 1376 </v-layout>
1379 </v-flex> 1377 </v-flex>
1380 </v-layout> 1378 </v-layout>
1381 <v-layout wrap> 1379 <v-layout wrap>
1382 <v-flex xs12 sm6> 1380 <v-flex xs12 sm6>
1383 <v-layout> 1381 <v-layout>
1384 <v-flex xs4 sm4 class="pt-4 subheading"> 1382 <v-flex xs4 sm4 class="pt-4 subheading">
1385 <label class="right hidden-xs-only hidden-sm-only">Full Name:</label> 1383 <label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
1386 <label 1384 <label
1387 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1385 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1388 >Name:</label> 1386 >Name:</label>
1389 </v-flex> 1387 </v-flex>
1390 <v-flex xs8 sm8 class="ml-3"> 1388 <v-flex xs8 sm8 class="ml-3">
1391 <v-text-field 1389 <v-text-field
1392 v-model="addStudents.name" 1390 v-model="addStudents.name"
1393 placeholder="fill your full Name" 1391 placeholder="fill your full Name"
1394 name="name" 1392 name="name"
1395 type="text" 1393 type="text"
1396 :rules="nameRules" 1394 :rules="nameRules"
1397 required 1395 required
1398 ></v-text-field> 1396 ></v-text-field>
1399 </v-flex> 1397 </v-flex>
1400 </v-layout> 1398 </v-layout>
1401 </v-flex> 1399 </v-flex>
1402 <v-flex xs12 sm6> 1400 <v-flex xs12 sm6>
1403 <v-layout> 1401 <v-layout>
1404 <v-flex xs4 sm4 class="pt-4 subheading"> 1402 <v-flex xs4 sm4 class="pt-4 subheading">
1405 <label class="right">Email ID:</label> 1403 <label class="right">Email ID:</label>
1406 </v-flex> 1404 </v-flex>
1407 <v-flex xs8 sm8 class="ml-3"> 1405 <v-flex xs8 sm8 class="ml-3">
1408 <v-text-field 1406 <v-text-field
1409 placeholder="fill your email" 1407 placeholder="fill your email"
1410 v-model="addStudents.email" 1408 v-model="addStudents.email"
1411 type="text" 1409 type="text"
1412 name="email" 1410 name="email"
1413 required 1411 required
1414 ></v-text-field> 1412 ></v-text-field>
1415 </v-flex> 1413 </v-flex>
1416 </v-layout> 1414 </v-layout>
1417 </v-flex> 1415 </v-flex>
1418 </v-layout> 1416 </v-layout>
1419 <v-layout wrap> 1417 <v-layout wrap>
1420 <v-flex xs12 sm6> 1418 <v-flex xs12 sm6>
1421 <v-layout> 1419 <v-layout>
1422 <v-flex xs4 sm4 class="pt-4 subheading"> 1420 <v-flex xs4 sm4 class="pt-4 subheading">
1423 <label 1421 <label
1424 class="right hidden-sm-only hidden-xs-only" 1422 class="right hidden-sm-only hidden-xs-only"
1425 >Date of Birth:</label> 1423 >Date of Birth:</label>
1426 <label 1424 <label
1427 class="right hidden-lg-only hidden-xl-only hidden-md-only" 1425 class="right hidden-lg-only hidden-xl-only hidden-md-only"
1428 >D.O.B:</label> 1426 >D.O.B:</label>
1429 </v-flex> 1427 </v-flex>
1430 <v-flex xs8 sm8 class="ml-3"> 1428 <v-flex xs8 sm8 class="ml-3">
1431 <v-menu 1429 <v-menu
1432 ref="menu" 1430 ref="menu"
1433 :close-on-content-click="false" 1431 :close-on-content-click="false"
1434 v-model="menu" 1432 v-model="menu"
1435 :nudge-right="40" 1433 :nudge-right="40"
1436 lazy 1434 lazy
1437 transition="scale-transition" 1435 transition="scale-transition"
1438 offset-y 1436 offset-y
1439 full-width 1437 full-width
1440 min-width="290px" 1438 min-width="290px"
1441 > 1439 >
1442 <v-text-field 1440 <v-text-field
1443 slot="activator" 1441 slot="activator"
1444 :rules="dateRules" 1442 :rules="dateRules"
1445 v-model="addStudents.date" 1443 v-model="addStudents.date"
1446 placeholder="Select date" 1444 placeholder="Select date"
1447 ></v-text-field> 1445 ></v-text-field>
1448 <v-date-picker 1446 <v-date-picker
1449 ref="picker" 1447 ref="picker"
1450 v-model="addStudents.date" 1448 v-model="addStudents.date"
1451 :max="new Date().toISOString().substr(0, 10)" 1449 :max="new Date().toISOString().substr(0, 10)"
1452 min="1950-01-01" 1450 min="1950-01-01"
1453 @input="menu = false" 1451 @input="menu = false"
1454 ></v-date-picker> 1452 ></v-date-picker>
1455 </v-menu> 1453 </v-menu>
1456 </v-flex> 1454 </v-flex>
1457 </v-layout> 1455 </v-layout>
1458 </v-flex> 1456 </v-flex>
1459 <v-flex xs12 sm6> 1457 <v-flex xs12 sm6>
1460 <v-layout> 1458 <v-layout>
1461 <v-flex xs4 class="pt-4 subheading"> 1459 <v-flex xs4 class="pt-4 subheading">
1462 <label class="right">City:</label> 1460 <label class="right">City:</label>
1463 </v-flex> 1461 </v-flex>
1464 <v-flex xs8 class="ml-3"> 1462 <v-flex xs8 class="ml-3">
1465 <v-text-field 1463 <v-text-field
1466 v-model="addStudents.city" 1464 v-model="addStudents.city"
1467 placeholder="fill your City Name" 1465 placeholder="fill your City Name"
1468 name="City" 1466 name="City"
1469 type="text" 1467 type="text"
1470 :rules="cityRules" 1468 :rules="cityRules"
1471 required 1469 required
1472 ></v-text-field> 1470 ></v-text-field>
1473 </v-flex> 1471 </v-flex>
1474 </v-layout> 1472 </v-layout>
1475 </v-flex> 1473 </v-flex>
1476 </v-layout> 1474 </v-layout>
1477 <v-layout wrap> 1475 <v-layout wrap>
1478 <v-flex xs12 sm6> 1476 <v-flex xs12 sm6>
1479 <v-layout> 1477 <v-layout>
1480 <v-flex xs4 class="pt-4 subheading"> 1478 <v-flex xs4 class="pt-4 subheading">
1481 <label class="right">State:</label> 1479 <label class="right">State:</label>
1482 </v-flex> 1480 </v-flex>
1483 <v-flex xs8 class="ml-3"> 1481 <v-flex xs8 class="ml-3">
1484 <v-text-field 1482 <v-text-field
1485 v-model="addStudents.state" 1483 v-model="addStudents.state"
1486 placeholder="fill your State Name" 1484 placeholder="fill your State Name"
1487 name="state" 1485 name="state"
1488 type="text" 1486 type="text"
1489 :rules="stateRules" 1487 :rules="stateRules"
1490 required 1488 required
1491 ></v-text-field> 1489 ></v-text-field>
1492 </v-flex> 1490 </v-flex>
1493 </v-layout> 1491 </v-layout>
1494 </v-flex> 1492 </v-flex>
1495 <v-flex xs12 sm6> 1493 <v-flex xs12 sm6>
1496 <v-layout> 1494 <v-layout>
1497 <v-flex xs4 class="pt-4 subheading"> 1495 <v-flex xs4 class="pt-4 subheading">
1498 <label class="right">Pincode:</label> 1496 <label class="right">Pincode:</label>
1499 </v-flex> 1497 </v-flex>
1500 <v-flex xs8 class="ml-3"> 1498 <v-flex xs8 class="ml-3">
1501 <v-text-field 1499 <v-text-field
1502 v-model="addStudents.pincode" 1500 v-model="addStudents.pincode"
1503 placeholder="fill your pincode" 1501 placeholder="fill your pincode"
1504 name="pincode" 1502 name="pincode"
1505 type="number" 1503 type="number"
1506 :rules="pincode" 1504 :rules="pincode"
1507 required 1505 required
1508 ></v-text-field> 1506 ></v-text-field>
1509 </v-flex> 1507 </v-flex>
1510 </v-layout> 1508 </v-layout>
1511 </v-flex> 1509 </v-flex>
1512 </v-layout> 1510 </v-layout>
1513 <v-layout wrap> 1511 <v-layout wrap>
1514 <v-flex xs12 sm6> 1512 <v-flex xs12 sm6>
1515 <v-layout> 1513 <v-layout>
1516 <v-flex xs4 class="pt-4 subheading"> 1514 <v-flex xs4 class="pt-4 subheading">
1517 <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label> 1515 <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
1518 <label 1516 <label
1519 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1517 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1520 >Mobile:</label> 1518 >Mobile:</label>
1521 </v-flex> 1519 </v-flex>
1522 <v-flex xs8 class="ml-3"> 1520 <v-flex xs8 class="ml-3">
1523 <v-text-field 1521 <v-text-field
1524 v-model="addStudents.mobile" 1522 v-model="addStudents.mobile"
1525 placeholder="fill your MobileNo" 1523 placeholder="fill your MobileNo"
1524 :rules="mobileNoRule"
1526 name="mobileNo" 1525 name="mobileNo"
1527 type="number" 1526 type="number"
1528 required 1527 required
1529 ></v-text-field> 1528 ></v-text-field>
1530 </v-flex> 1529 </v-flex>
1531 </v-layout> 1530 </v-layout>
1532 </v-flex> 1531 </v-flex>
1533 <v-flex xs12 sm6> 1532 <v-flex xs12 sm6>
1534 <v-layout> 1533 <v-layout>
1535 <v-flex xs4 class="pt-4 subheading"> 1534 <v-flex xs4 class="pt-4 subheading">
1536 <label 1535 <label
1537 class="right hidden-xs-only hidden-sm-only" 1536 class="right hidden-xs-only hidden-sm-only"
1538 >Select Country:</label> 1537 >Select Country:</label>
1539 <label 1538 <label
1540 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1539 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1541 >Country:</label> 1540 >Country:</label>
1542 </v-flex> 1541 </v-flex>
1543 <v-flex xs8 class="ml-3"> 1542 <v-flex xs8 class="ml-3">
1544 <v-autocomplete 1543 <v-autocomplete
1545 v-model="addStudents.country" 1544 v-model="addStudents.country"
1546 :rules="country" 1545 :rules="country"
1547 :items="countries" 1546 :items="countries"
1548 placeholder="Select Country Name" 1547 placeholder="Select Country Name"
1549 required 1548 required
1550 ></v-autocomplete> 1549 ></v-autocomplete>
1551 </v-flex> 1550 </v-flex>
1552 </v-layout> 1551 </v-layout>
1553 </v-flex> 1552 </v-flex>
1554 </v-layout> 1553 </v-layout>
1555 <v-layout wrap> 1554 <v-layout wrap>
1556 <v-flex xs12 sm6> 1555 <v-flex xs12 sm6>
1557 <v-layout> 1556 <v-layout>
1558 <v-flex xs4 class="pt-4 subheading"> 1557 <v-flex xs4 class="pt-4 subheading">
1559 <label class="right">Gender:</label> 1558 <label class="right">Gender:</label>
1560 </v-flex> 1559 </v-flex>
1561 <v-flex xs8 class="ml-3"> 1560 <v-flex xs8 class="ml-3">
1562 <v-select 1561 <v-select
1563 :items="gender" 1562 :items="gender"
1564 v-model="addStudents.gender" 1563 v-model="addStudents.gender"
1565 :rules="genderRules" 1564 :rules="genderRules"
1566 label="Select Gender" 1565 label="Select Gender"
1567 required 1566 required
1568 ></v-select> 1567 ></v-select>
1569 </v-flex> 1568 </v-flex>
1570 </v-layout> 1569 </v-layout>
1571 </v-flex> 1570 </v-flex>
1572 <v-flex xs12 sm6> 1571 <v-flex xs12 sm6>
1573 <v-layout> 1572 <v-layout>
1574 <v-flex xs4 class="pt-4 subheading"> 1573 <v-flex xs4 class="pt-4 subheading">
1575 <label class="right hidden-xs-only hidden-sm-only">Blood Group:</label> 1574 <label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>
1576 <label 1575 <label
1577 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1576 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1578 >Blood:</label> 1577 >Blood:</label>
1579 </v-flex> 1578 </v-flex>
1580 <v-flex xs8 class="ml-3"> 1579 <v-flex xs8 class="ml-3">
1581 <v-text-field 1580 <v-text-field
1582 v-model="addStudents.bloodGroup" 1581 v-model="addStudents.bloodGroup"
1583 placeholder="Fill your Blood Group" 1582 placeholder="Fill your Blood Group"
1584 required 1583 required
1585 ></v-text-field> 1584 ></v-text-field>
1586 </v-flex> 1585 </v-flex>
1587 </v-layout> 1586 </v-layout>
1588 </v-flex> 1587 </v-flex>
1589 </v-layout> 1588 </v-layout>
1590 <v-layout wrap> 1589 <v-layout wrap>
1591 <!-- <v-flex xs12 sm6> 1590 <!-- <v-flex xs12 sm6>
1592 <v-layout> 1591 <v-layout>
1593 <v-flex xs4 class="pt-4 subheading"> 1592 <v-flex xs4 class="pt-4 subheading">
1594 <label class="right">Allergies:</label> 1593 <label class="right">Allergies:</label>
1595 </v-flex> 1594 </v-flex>
1596 <v-flex xs8 class="ml-3"> 1595 <v-flex xs8 class="ml-3">
1597 <v-text-field 1596 <v-text-field
1598 v-model="addStudents.allergies" 1597 v-model="addStudents.allergies"
1599 placeholder="Fill your Allergies" 1598 placeholder="Fill your Allergies"
1600 required 1599 required
1601 ></v-text-field> 1600 ></v-text-field>
1602 </v-flex> 1601 </v-flex>
1603 </v-layout> 1602 </v-layout>
1604 </v-flex>--> 1603 </v-flex>-->
1605 <v-flex xs12 sm6> 1604 <v-flex xs12 sm6>
1606 <v-layout> 1605 <v-layout>
1607 <v-flex xs4 class="pt-4 subheading"> 1606 <v-flex xs4 class="pt-4 subheading">
1608 <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label> 1607 <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
1609 <label 1608 <label
1610 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1609 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1611 >Roll No:</label> 1610 >Roll No:</label>
1612 </v-flex> 1611 </v-flex>
1613 <v-flex xs8 class="ml-3"> 1612 <v-flex xs8 class="ml-3">
1614 <v-text-field 1613 <v-text-field
1615 v-model="addStudents.rollNo" 1614 v-model="addStudents.rollNo"
1616 placeholder="Fill your Roll Number" 1615 placeholder="Fill your Roll Number"
1617 required 1616 required
1618 ></v-text-field> 1617 ></v-text-field>
1619 </v-flex> 1618 </v-flex>
1620 </v-layout> 1619 </v-layout>
1621 </v-flex> 1620 </v-flex>
1622 <v-flex xs12 sm6> 1621 <v-flex xs12 sm6>
1623 <v-layout> 1622 <v-layout>
1624 <v-flex xs4 class="pt-4 subheading"> 1623 <v-flex xs4 class="pt-4 subheading">
1625 <label 1624 <label
1626 class="right hidden-xs-only hidden-sm-only" 1625 class="right hidden-xs-only hidden-sm-only"
1627 >Medical Notes:</label> 1626 >Medical Notes:</label>
1628 <label 1627 <label
1629 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1628 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1630 >Medical:</label> 1629 >Medical:</label>
1631 </v-flex> 1630 </v-flex>
1632 <v-flex xs8 class="ml-3"> 1631 <v-flex xs8 class="ml-3">
1633 <v-text-field 1632 <v-text-field
1634 v-model="addStudents.medicalNotes" 1633 v-model="addStudents.medicalNotes"
1635 placeholder="Fill your Medical Notes" 1634 placeholder="Fill your Medical Notes"
1636 required 1635 required
1637 ></v-text-field> 1636 ></v-text-field>
1638 </v-flex> 1637 </v-flex>
1639 </v-layout> 1638 </v-layout>
1640 </v-flex> 1639 </v-flex>
1641 </v-layout> 1640 </v-layout>
1642 <v-layout wrap> 1641 <v-layout wrap>
1643 <v-flex xs12 sm6> 1642 <v-flex xs12 sm6>
1644 <v-layout> 1643 <v-layout>
1645 <v-flex xs4 class="pt-4 subheading"> 1644 <v-flex xs4 class="pt-4 subheading">
1646 <label class="right">Height:</label> 1645 <label class="right">Height:</label>
1647 </v-flex> 1646 </v-flex>
1648 <v-flex xs8 class="ml-3"> 1647 <v-flex xs8 class="ml-3">
1649 <v-text-field 1648 <v-text-field
1650 v-model="addStudents.height" 1649 v-model="addStudents.height"
1651 placeholder="Fill your Height" 1650 placeholder="Fill your Height"
1652 required 1651 required
1653 ></v-text-field> 1652 ></v-text-field>
1654 </v-flex> 1653 </v-flex>
1655 </v-layout> 1654 </v-layout>
1656 </v-flex> 1655 </v-flex>
1657 <v-flex xs12 sm6> 1656 <v-flex xs12 sm6>
1658 <v-layout> 1657 <v-layout>
1659 <v-flex xs4 class="pt-4 subheading"> 1658 <v-flex xs4 class="pt-4 subheading">
1660 <label class="right">Weight:</label> 1659 <label class="right">Weight:</label>
1661 </v-flex> 1660 </v-flex>
1662 <v-flex xs8 class="ml-3"> 1661 <v-flex xs8 class="ml-3">
1663 <v-text-field 1662 <v-text-field
1664 v-model="addStudents.weight" 1663 v-model="addStudents.weight"
1665 placeholder="Fill your Weight" 1664 placeholder="Fill your Weight"
1666 required 1665 required
1667 ></v-text-field> 1666 ></v-text-field>
1668 </v-flex> 1667 </v-flex>
1669 </v-layout> 1668 </v-layout>
1670 </v-flex> 1669 </v-flex>
1671 </v-layout> 1670 </v-layout>
1672 <v-layout wrap> 1671 <v-layout wrap>
1673 <v-flex xs12 sm6> 1672 <v-flex xs12 sm6>
1674 <v-layout> 1673 <v-layout>
1675 <v-flex xs4 class="pt-4 subheading"> 1674 <v-flex xs4 class="pt-4 subheading">
1676 <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label> 1675 <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
1677 <label 1676 <label
1678 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1677 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1679 >Uplaod :</label> 1678 >Uplaod :</label>
1680 </v-flex> 1679 </v-flex>
1681 <v-flex xs8 class="ml-3"> 1680 <v-flex xs8 class="ml-3">
1682 <v-text-field 1681 <v-text-field
1683 label="Select Image" 1682 label="Select Image"
1684 @click="pickFile" 1683 @click="pickFile"
1685 v-model="imageName" 1684 v-model="imageName"
1686 append-icon="attach_file" 1685 append-icon="attach_file"
1687 ></v-text-field> 1686 ></v-text-field>
1688 </v-flex> 1687 </v-flex>
1689 </v-layout> 1688 </v-layout>
1690 </v-flex> 1689 </v-flex>
1691 <v-flex xs12 sm6> 1690 <v-flex xs12 sm6>
1692 <v-layout> 1691 <v-layout>
1693 <v-flex xs4 class="pt-4 subheading"> 1692 <v-flex xs4 class="pt-4 subheading">
1694 <label 1693 <label
1695 class="right hidden-xs-only hidden-sm-only" 1694 class="right hidden-xs-only hidden-sm-only"
1696 >Academic Year:</label> 1695 >Academic Year:</label>
1697 <label 1696 <label
1698 class="right hidden-lg-only hidden-md-only hidden-xl-only" 1697 class="right hidden-lg-only hidden-md-only hidden-xl-only"
1699 >Year:</label> 1698 >Year:</label>
1700 </v-flex> 1699 </v-flex>
1701 <v-flex xs8 class="ml-3"> 1700 <v-flex xs8 class="ml-3">
1702 <v-text-field 1701 <v-text-field
1703 v-model="addStudents.establishmentYear" 1702 v-model="addStudents.establishmentYear"
1704 placeholder="fill your Academic Year" 1703 placeholder="fill your Academic Year"
1705 name="state" 1704 name="state"
1706 type="number" 1705 type="number"
1707 :rules="establishmentYearRules" 1706 :rules="establishmentYearRules"
1708 required 1707 required
1709 ></v-text-field> 1708 ></v-text-field>
1710 </v-flex> 1709 </v-flex>
1711 </v-layout> 1710 </v-layout>
1712 </v-flex> 1711 </v-flex>
1713 </v-layout> 1712 </v-layout>
1714 <v-layout wrap class="hidden-xs-only hidden-sm-only"> 1713 <v-layout wrap class="hidden-xs-only hidden-sm-only">
1715 <v-flex xs12 sm6> 1714 <v-flex xs12 sm6>
1716 <v-layout> 1715 <v-layout>
1717 <v-flex xs4 sm4 class="pt-4 subheading"> 1716 <v-flex xs4 sm4 class="pt-4 subheading">
1718 <label class="right">Present Address:</label> 1717 <label class="right">Present Address:</label>
1719 </v-flex> 1718 </v-flex>
1720 <v-flex xs8 sm8 class="ml-3"> 1719 <v-flex xs8 sm8 class="ml-3">
1721 <v-text-field 1720 <v-text-field
1722 v-model="addStudents.presentAddress" 1721 v-model="addStudents.presentAddress"
1723 :rules="presentAddress" 1722 :rules="presentAddress"
1724 placeholder="fill Your present Address" 1723 placeholder="fill Your present Address"
1725 @keyup="copyData" 1724 @keyup="copyData"
1726 ></v-text-field> 1725 ></v-text-field>
1727 </v-flex> 1726 </v-flex>
1728 </v-layout> 1727 </v-layout>
1729 </v-flex> 1728 </v-flex>
1730 <v-flex xs12 sm6> 1729 <v-flex xs12 sm6>
1731 <v-layout> 1730 <v-layout>
1732 <v-flex xs4 sm4 class="pt-4 subheading addressForm"> 1731 <v-flex xs4 sm4 class="pt-4 subheading addressForm">
1733 <label class="right">Permanent Address:</label> 1732 <label class="right">Permanent Address:</label>
1734 </v-flex> 1733 </v-flex>
1735 <v-flex xs12 sm8 class="ml-3"> 1734 <v-flex xs12 sm8 class="ml-3">
1736 <v-switch 1735 <v-switch
1737 v-model="addStudents.permanentAddress" 1736 v-model="addStudents.permanentAddress"
1738 label="Select Permanent Address" 1737 label="Select Permanent Address"
1739 :value="addStudents.presentAddress" 1738 :value="addStudents.presentAddress"
1740 ></v-switch> 1739 ></v-switch>
1741 </v-flex> 1740 </v-flex>
1742 </v-layout> 1741 </v-layout>
1743 </v-flex> 1742 </v-flex>
1744 </v-layout> 1743 </v-layout>
1745 <v-layout class="hidden-xs-only hidden-sm-only"> 1744 <v-layout class="hidden-xs-only hidden-sm-only">
1746 <v-flex xs12 sm6> 1745 <v-flex xs12 sm6>
1747 <v-layout> 1746 <v-layout>
1748 <v-flex xs4 sm4 class="pt-4 subheading addressForm"> 1747 <v-flex xs4 sm4 class="pt-4 subheading addressForm">
1749 <label class="right">Permanent Address:</label> 1748 <label class="right">Permanent Address:</label>
1750 </v-flex> 1749 </v-flex>
1751 <v-flex xs12 sm8 class="ml-3"> 1750 <v-flex xs12 sm8 class="ml-3">
1752 <v-text-field 1751 <v-text-field
1753 v-model="addStudents.permanentAddress" 1752 v-model="addStudents.permanentAddress"
1754 :rules="permanentAddress" 1753 :rules="permanentAddress"
1755 placeholder="fill Your Permanent Address" 1754 placeholder="fill Your Permanent Address"
1756 ></v-text-field> 1755 ></v-text-field>
1757 </v-flex> 1756 </v-flex>
1758 </v-layout> 1757 </v-layout>
1759 </v-flex> 1758 </v-flex>
1760 </v-layout> 1759 </v-layout>
1761 <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap> 1760 <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
1762 <v-flex xs12 sm12> 1761 <v-flex xs12 sm12>
1763 <v-layout> 1762 <v-layout>
1764 <v-flex xs12 sm12 class="pt-4 subheading text-xs-center"> 1763 <v-flex xs12 sm12 class="pt-4 subheading text-xs-center">
1765 <label class>Present Address:</label> 1764 <label class>Present Address:</label>
1766 </v-flex> 1765 </v-flex>
1767 </v-layout> 1766 </v-layout>
1768 <v-layout> 1767 <v-layout>
1769 <v-flex xs12 sm12> 1768 <v-flex xs12 sm12>
1770 <v-textarea 1769 <v-textarea
1771 name="input-4-3" 1770 name="input-4-3"
1772 v-model="addStudents.presentAddress" 1771 v-model="addStudents.presentAddress"
1773 :rules="presentAddress" 1772 :rules="presentAddress"
1774 placeholder="fill Your present Address" 1773 placeholder="fill Your present Address"
1775 required 1774 required
1776 ></v-textarea> 1775 ></v-textarea>
1777 </v-flex> 1776 </v-flex>
1778 </v-layout> 1777 </v-layout>
1779 </v-flex> 1778 </v-flex>
1780 <v-flex xs12 sm12> 1779 <v-flex xs12 sm12>
1781 <v-layout> 1780 <v-layout>
1782 <v-flex 1781 <v-flex
1783 xs12 1782 xs12
1784 sm12 1783 sm12
1785 class="pt-4 pr-4 subheading text-xs-center addressForm" 1784 class="pt-4 pr-4 subheading text-xs-center addressForm"
1786 > 1785 >
1787 <label>Permanent Address:</label> 1786 <label>Permanent Address:</label>
1788 </v-flex> 1787 </v-flex>
1789 </v-layout> 1788 </v-layout>
1790 <v-layout> 1789 <v-layout>
1791 <v-flex xs12 sm12> 1790 <v-flex xs12 sm12>
1792 <v-textarea 1791 <v-textarea
1793 name="input-4-3" 1792 name="input-4-3"
1794 v-model="addStudents.permanentAddress" 1793 v-model="addStudents.permanentAddress"
1795 :rules="permanentAddress" 1794 :rules="permanentAddress"
1796 placeholder="fill Your Permanent Address" 1795 placeholder="fill Your Permanent Address"
1797 required 1796 required
1798 ></v-textarea> 1797 ></v-textarea>
1799 </v-flex> 1798 </v-flex>
1800 </v-layout> 1799 </v-layout>
1801 </v-flex> 1800 </v-flex>
1802 </v-layout> 1801 </v-layout>
1803 <v-layout> 1802 <v-layout>
1804 <v-flex xs12 sm11 offset-sm1> 1803 <v-flex xs12 sm11 offset-sm1>
1805 <v-layout> 1804 <v-layout>
1806 <v-flex xs6> 1805 <v-flex xs6>
1807 <v-btn round dark @click="e2 = 1">Back</v-btn> 1806 <v-btn round dark @click="e2 = 1">Back</v-btn>
1808 </v-flex> 1807 </v-flex>
1809 <v-flex xs6> 1808 <v-flex xs6>
1810 <v-btn 1809 <v-btn
1811 @click="submit" 1810 @click="submit"
1812 round 1811 round
1813 dark 1812 dark
1814 :loading="loading" 1813 :loading="loading"
1815 class="right" 1814 class="right"
1816 >Add</v-btn> 1815 >Add</v-btn>
1817 </v-flex> 1816 </v-flex>
1818 </v-layout> 1817 </v-layout>
1819 </v-flex> 1818 </v-flex>
1820 </v-layout> 1819 </v-layout>
1821 </v-form> 1820 </v-form>
1822 </v-flex> 1821 </v-flex>
1823 </v-stepper-content> 1822 </v-stepper-content>
1824 </v-stepper-items> 1823 </v-stepper-items>
1825 </v-stepper> 1824 </v-stepper>
1826 </v-app> 1825 </v-app>
1827 </div> 1826 </div>
1828 </v-flex> 1827 </v-flex>
1829 </v-layout> 1828 </v-layout>
1830 </v-container> 1829 </v-container>
1831 </v-tab-item> 1830 </v-tab-item>
1832 </v-tabs> 1831 </v-tabs>
1833 <div class="loader" v-if="showLoader"> 1832 <div class="loader" v-if="showLoader">
1834 <v-progress-circular indeterminate color="white"></v-progress-circular> 1833 <v-progress-circular indeterminate color="white"></v-progress-circular>
1835 </div> 1834 </div>
1836 </div> 1835 </div>
1837 </template> 1836 </template>
1838 1837
1839 <script> 1838 <script>
1840 import http from "@/Services/http.js"; 1839 import http from "@/Services/http.js";
1841 import moment from "moment"; 1840 import moment from "moment";
1842 import countryList from "@/script/country.js"; 1841 import countryList from "@/script/country.js";
1843 import parent from "@/script/parents.js"; 1842 import parent from "@/script/parents.js";
1844 1843
1845 export default { 1844 export default {
1846 data: () => ({ 1845 data: () => ({
1847 e2: 0, 1846 e2: 0,
1848 showParent: true, 1847 showParent: true,
1849 showNext: false, 1848 showNext: false,
1850 snackbar: false, 1849 snackbar: false,
1851 y: "top", 1850 y: "top",
1852 x: "right", 1851 x: "right",
1853 mode: "", 1852 mode: "",
1854 timeout: 3000, 1853 timeout: 3000,
1855 text: "", 1854 text: "",
1856 showLoader: false, 1855 showLoader: false,
1857 loading: false, 1856 loading: false,
1858 editLoading: false, 1857 editLoading: false,
1859 date: null, 1858 date: null,
1860 search: "", 1859 search: "",
1861 menu: false, 1860 menu: false,
1862 menu1: false, 1861 menu1: false,
1863 dialog: false, 1862 dialog: false,
1864 dialog1: false, 1863 dialog1: false,
1865 valid: true, 1864 valid: true,
1866 isActive: true, 1865 isActive: true,
1867 newActive: false, 1866 newActive: false,
1868 addclass: [], 1867 addclass: [],
1869 addSection: [], 1868 addSection: [],
1870 gender: ["Male", "Female"], 1869 gender: ["Male", "Female"],
1871 pagination: { 1870 pagination: {
1872 rowsPerPage: 15 1871 rowsPerPage: 15
1873 }, 1872 },
1874 imageData: {}, 1873 imageData: {},
1875 imageName: "", 1874 imageName: "",
1876 imageUrl: "", 1875 imageUrl: "",
1877 imageFile: "", 1876 imageFile: "",
1878 editImageName: "", 1877 editImageName: "",
1879 editImageUrl: "", 1878 editImageUrl: "",
1880 nameRules: [v => !!v || " Full Name is required"], 1879 nameRules: [v => !!v || " Full Name is required"],
1881 dateRules: [v => !!v || " DOB is required"], 1880 dateRules: [v => !!v || " DOB is required"],
1882 cityRules: [v => !!v || " City Name is required"], 1881 cityRules: [v => !!v || " City Name is required"],
1883 pincode: [v => !!v || " Pincode is required"], 1882 pincode: [v => !!v || " Pincode is required"],
1884 country: [v => !!v || " Country Name is required"], 1883 country: [v => !!v || " Country Name is required"],
1885 permanentAddress: [v => !!v || " Permanent Address is required"], 1884 permanentAddress: [v => !!v || " Permanent Address is required"],
1886 presentAddress: [v => !!v || " Present Address is required"], 1885 presentAddress: [v => !!v || " Present Address is required"],
1887 stateRules: [v => !!v || "State Name is required"], 1886 stateRules: [v => !!v || "State Name is required"],
1888 classRules: [v => !!v || " Class Name is required"], 1887 classRules: [v => !!v || " Class Name is required"],
1889 sectionRules: [v => !!v || " Section Name is required"], 1888 sectionRules: [v => !!v || " Section Name is required"],
1890 genderRules: [v => !!v || " Select Gender is required"], 1889 genderRules: [v => !!v || " Select Gender is required"],
1891 fatheCellNoRules: [ 1890 fatheCellNoRules: [
1892 v => !!v || " father Cell Number is required", 1891 v => !!v || " father Cell Number is required",
1893 v => v <= 10000000000 || "Max 10 characters is required" 1892 v => v <= 10000000000 || "Max 10 characters is required"
1894 ], 1893 ],
1895 motherCellNoRules: [ 1894 mobileNoRule: [v => !!v || " Mobile Number is required"],
1896 v => !!v || " Mother Cell Number is required",
1897 v => v <= 10000000000 || "Max 10 characters is required"
1898 ],
1899 establishmentYearRules: [v => !!v || " Academic Year is required"], 1895 establishmentYearRules: [v => !!v || " Academic Year is required"],
1900 errorMessages: "", 1896 errorMessages: "",
1901 countries: [], 1897 countries: [],
1902 headers: [ 1898 headers: [
1903 { 1899 {
1904 text: "Roll No.", 1900 text: "Roll No.",
1905 align: "center", 1901 align: "center",
1906 sortable: false, 1902 sortable: false,
1907 value: "rollNo" 1903 value: "rollNo"
1908 }, 1904 },
1909 { 1905 {
1910 text: "Profile Pic", 1906 text: "Profile Pic",
1911 value: "profilePicUrl", 1907 value: "profilePicUrl",
1912 sortable: false, 1908 sortable: false,
1913 align: "center" 1909 align: "center"
1914 }, 1910 },
1915 { text: "Name", value: "name", sortable: false, align: "center" }, 1911 { text: "Name", value: "name", sortable: false, align: "center" },
1916 { text: "Email", value: "email", sortable: false, align: "center" }, 1912 { text: "Email", value: "email", sortable: false, align: "center" },
1917 { text: "Dob", value: "dob", sortable: false, align: "center" }, 1913 { text: "Dob", value: "dob", sortable: false, align: "center" },
1918 { text: "Gender", value: "gender", sortable: false, align: "center" }, 1914 { text: "Gender", value: "gender", sortable: false, align: "center" },
1919 { 1915 {
1920 text: "Father Name", 1916 text: "Father Name",
1921 value: "fatherName", 1917 value: "fatherName",
1922 sortable: false, 1918 sortable: false,
1923 align: "center" 1919 align: "center"
1924 }, 1920 },
1925 { 1921 {
1926 text: "Mother Name", 1922 text: "Mother Name",
1927 value: "motherName", 1923 value: "motherName",
1928 sortable: false, 1924 sortable: false,
1929 align: "center" 1925 align: "center"
1930 }, 1926 },
1931 { 1927 {
1932 text: "Academic Year", 1928 text: "Academic Year",
1933 value: "establishmentYear", 1929 value: "establishmentYear",
1934 sortable: false, 1930 sortable: false,
1935 align: "center" 1931 align: "center"
1936 }, 1932 },
1937 { text: "Mobile No", value: "mobile", sortable: false, align: "center" }, 1933 { text: "Mobile No", value: "mobile", sortable: false, align: "center" },
1938 { text: "Action", value: "", sortable: false, align: "center" } 1934 { text: "Action", value: "", sortable: false, align: "center" }
1939 ], 1935 ],
1940 desserts: [], 1936 desserts: [],
1941 parentId: "", 1937 parentId: "",
1942 editedIndex: -1, 1938 editedIndex: -1,
1943 parentData: {}, 1939 parentData: {},
1944 addStudents: { 1940 addStudents: {
1945 role: "STUDENT", 1941 role: "STUDENT",
1946 name: "", 1942 name: "",
1947 email: "", 1943 email: "",
1948 date: "", 1944 date: "",
1949 city: "", 1945 city: "",
1950 pincode: "", 1946 pincode: "",
1951 country: "", 1947 country: "",
1952 permanentAddress: "", 1948 permanentAddress: "",
1953 presentAddress: "", 1949 presentAddress: "",
1954 mobile: "", 1950 mobile: "",
1955 state: "", 1951 state: "",
1956 gender: "", 1952 gender: "",
1957 select: "", 1953 select: "",
1958 selectSection: "", 1954 selectSection: "",
1959 bloodGroup: "", 1955 bloodGroup: "",
1960 allergies: "", 1956 allergies: "",
1961 medicalNotes: "", 1957 medicalNotes: "",
1962 height: "", 1958 height: "",
1963 weight: "", 1959 weight: "",
1964 rollNo: "", 1960 rollNo: "",
1965 establishmentYear: new Date().getFullYear() 1961 establishmentYear: new Date().getFullYear()
1966 }, 1962 },
1967 selectStudents: { 1963 selectStudents: {
1968 select: "", 1964 select: "",
1969 selectSection: "" 1965 selectSection: ""
1970 }, 1966 },
1971 editedItem: { 1967 editedItem: {
1972 role: "STUDENT", 1968 role: "STUDENT",
1973 name: "", 1969 name: "",
1974 email: "", 1970 email: "",
1975 dob: "", 1971 dob: "",
1976 city: "", 1972 city: "",
1977 pincode: "", 1973 pincode: "",
1978 country: "", 1974 country: "",
1979 permanentAddress: "", 1975 permanentAddress: "",
1980 presentAddress: "", 1976 presentAddress: "",
1981 mobile: "", 1977 mobile: "",
1982 state: "", 1978 state: "",
1983 gender: "", 1979 gender: "",
1984 select: "", 1980 select: "",
1985 selectSection: "", 1981 selectSection: "",
1986 bloodGroup: "", 1982 bloodGroup: "",
1987 allergies: "", 1983 allergies: "",
1988 medicalNotes: "", 1984 medicalNotes: "",
1989 height: "", 1985 height: "",
1990 weight: "", 1986 weight: "",
1991 rollNo: "", 1987 rollNo: "",
1992 establishmentYear: new Date().getFullYear() 1988 establishmentYear: new Date().getFullYear()
1993 } 1989 }
1994 }), 1990 }),
1995 watch: { 1991 watch: {
1996 menu(val) { 1992 menu(val) {
1997 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR")); 1993 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
1998 }, 1994 },
1999 menu1(val) { 1995 menu1(val) {
2000 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR")); 1996 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
2001 } 1997 }
2002 }, 1998 },
2003 methods: { 1999 methods: {
2004 findStudents() { 2000 findStudents() {
2005 this.showLoader = true; 2001 this.showLoader = true;
2006 http() 2002 http()
2007 .get("/getStudentWithClass", { 2003 .get("/getStudentWithClass", {
2008 params: { 2004 params: {
2009 classId: this.selectStudents.select, 2005 classId: this.selectStudents.select,
2010 sectionId: this.selectStudents.selectSection 2006 sectionId: this.selectStudents.selectSection
2011 } 2007 }
2012 }) 2008 })
2013 .then(response => { 2009 .then(response => {
2014 this.desserts = response.data.data; 2010 this.desserts = response.data.data;
2015 this.showLoader = false; 2011 this.showLoader = false;
2016 }) 2012 })
2017 .catch(err => { 2013 .catch(err => {
2018 console.log("err====>", err); 2014 console.log("err====>", err);
2019 this.showLoader = false; 2015 this.showLoader = false;
2020 }); 2016 });
2021 }, 2017 },
2022 getSections(_id) { 2018 getSections(_id) {
2023 var token = this.$store.state.token; 2019 var token = this.$store.state.token;
2024 this.showLoader = true; 2020 this.showLoader = true;
2025 http() 2021 http()
2026 .get( 2022 .get(
2027 "/getSectionsList", 2023 "/getSectionsList",
2028 { params: { classId: _id } }, 2024 { params: { classId: _id } },
2029 { 2025 {
2030 headers: { Authorization: "Bearer " + token } 2026 headers: { Authorization: "Bearer " + token }
2031 } 2027 }
2032 ) 2028 )
2033 .then(response => { 2029 .then(response => {
2034 this.addSection = response.data.data; 2030 this.addSection = response.data.data;
2035 this.showLoader = false; 2031 this.showLoader = false;
2036 }) 2032 })
2037 .catch(err => { 2033 .catch(err => {
2038 this.showLoader = false; 2034 this.showLoader = false;
2039 // console.log("err====>", err); 2035 // console.log("err====>", err);
2040 // this.$router.replace({ path: '/' }); 2036 // this.$router.replace({ path: '/' });
2041 }); 2037 });
2042 }, 2038 },
2043 getSection(_id) { 2039 getSection(_id) {
2044 var token = this.$store.state.token; 2040 var token = this.$store.state.token;
2045 this.showLoader = true; 2041 this.showLoader = true;
2046 http() 2042 http()
2047 .get( 2043 .get(
2048 "/getSectionsList", 2044 "/getSectionsList",
2049 { params: { classId: _id } }, 2045 { params: { classId: _id } },
2050 { 2046 {
2051 headers: { Authorization: "Bearer " + token } 2047 headers: { Authorization: "Bearer " + token }
2052 } 2048 }
2053 ) 2049 )
2054 .then(response => { 2050 .then(response => {
2055 this.addSection = response.data.data; 2051 this.addSection = response.data.data;
2056 this.showLoader = false; 2052 this.showLoader = false;
2057 // console.log("getSectionsList=====>", this.addSection); 2053 // console.log("getSectionsList=====>", this.addSection);
2058 }) 2054 })
2059 .catch(err => { 2055 .catch(err => {
2060 this.showLoader = false; 2056 this.showLoader = false;
2061 // console.log("err====>", err); 2057 // console.log("err====>", err);
2062 // this.$router.replace({ path: '/' }); 2058 // this.$router.replace({ path: '/' });
2063 }); 2059 });
2064 }, 2060 },
2065 pickFile() { 2061 pickFile() {
2066 this.$refs.image.click(); 2062 this.$refs.image.click();
2067 }, 2063 },
2068 pickEditFile() { 2064 pickEditFile() {
2069 this.$refs.editDataImage.click(); 2065 this.$refs.editDataImage.click();
2070 }, 2066 },
2071 dates: function(date) { 2067 dates: function(date) {
2072 return moment(date).format("MMMM DD, YYYY"); 2068 return moment(date).format("MMMM DD, YYYY");
2073 }, 2069 },
2074 onFilePicked(e) { 2070 onFilePicked(e) {
2075 // console.log(e) 2071 // console.log(e)
2076 const files = e.target.files; 2072 const files = e.target.files;
2077 this.imageData.upload = e.target.files[0]; 2073 this.imageData.upload = e.target.files[0];
2078 if (files[0] !== undefined) { 2074 if (files[0] !== undefined) {
2079 this.imageName = files[0].name; 2075 this.imageName = files[0].name;
2080 if (this.imageName.lastIndexOf(".") <= 0) { 2076 if (this.imageName.lastIndexOf(".") <= 0) {
2081 return; 2077 return;
2082 } 2078 }
2083 const fr = new FileReader(); 2079 const fr = new FileReader();
2084 fr.readAsDataURL(files[0]); 2080 fr.readAsDataURL(files[0]);
2085 fr.addEventListener("load", () => { 2081 fr.addEventListener("load", () => {
2086 this.imageUrl = fr.result; 2082 this.imageUrl = fr.result;
2087 this.imageFile = files[0]; // this is an image file that can be sent to server... 2083 this.imageFile = files[0]; // this is an image file that can be sent to server...
2088 this.imageData.imageUrl = URL.createObjectURL(this.imageFile); 2084 this.imageData.imageUrl = URL.createObjectURL(this.imageFile);
2089 }); 2085 });
2090 } else { 2086 } else {
2091 this.imageName = ""; 2087 this.imageName = "";
2092 this.imageFile = ""; 2088 this.imageFile = "";
2093 this.imageUrl = ""; 2089 this.imageUrl = "";
2094 } 2090 }
2095 }, 2091 },
2096 onEditFilePicked(e) { 2092 onEditFilePicked(e) {
2097 console.log(e); 2093 console.log(e);
2098 const files = e.target.files; 2094 const files = e.target.files;
2099 if (files[0] !== undefined) { 2095 if (files[0] !== undefined) {
2100 this.editImageName = files[0].name; 2096 this.editImageName = files[0].name;
2101 console.log("this.editImageName", this.editImageName); 2097 console.log("this.editImageName", this.editImageName);
2102 2098
2103 if (this.editImageName.lastIndexOf(".") <= 0) { 2099 if (this.editImageName.lastIndexOf(".") <= 0) {
2104 return; 2100 return;
2105 } 2101 }
2106 const fr = new FileReader(); 2102 const fr = new FileReader();
2107 fr.readAsDataURL(files[0]); 2103 fr.readAsDataURL(files[0]);
2108 fr.addEventListener("load", () => { 2104 fr.addEventListener("load", () => {
2109 this.editImageUrl = fr.result; 2105 this.editImageUrl = fr.result;
2110 this.editiImageFile = files[0]; // this is an image file that can be sent to server... 2106 this.editiImageFile = files[0]; // this is an image file that can be sent to server...
2111 }); 2107 });
2112 } else { 2108 } else {
2113 this.editImageName = ""; 2109 this.editImageName = "";
2114 this.editiImageFile = ""; 2110 this.editiImageFile = "";
2115 } 2111 }
2116 }, 2112 },
2117 editItem(item) { 2113 editItem(item) {
2118 this.editedIndex = this.desserts.indexOf(item); 2114 this.editedIndex = this.desserts.indexOf(item);
2119 this.editedItem = Object.assign({}, item); 2115 this.editedItem = Object.assign({}, item);
2120 this.editedItem.fatherName = item.parentId.fatherName; 2116 this.editedItem.fatherName = item.parentId.fatherName;
2121 this.editedItem.fatherCellNo = item.parentId.fatherCellNo; 2117 this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
2122 this.editedItem.motherName = item.parentId.motherName; 2118 this.editedItem.motherName = item.parentId.motherName;
2123 this.editedItem.motherCellNo = item.parentId.motherCellNo; 2119 this.editedItem.motherCellNo = item.parentId.motherCellNo;
2124 this.editedItem.dob = 2120 this.editedItem.dob =
2125 this.editedItem.dob != undefined 2121 this.editedItem.dob != undefined
2126 ? (this.editedItem.dob = this.editedItem.dob.substring(0, 10)) 2122 ? (this.editedItem.dob = this.editedItem.dob.substring(0, 10))
2127 : (this.editedItem.dob = ""); 2123 : (this.editedItem.dob = "");
2128 this.dialog = true; 2124 this.dialog = true;
2129 }, 2125 },
2130 profile(item) { 2126 profile(item) {
2131 // console.log("item", item); 2127 // console.log("item", item);
2132 this.editedIndex = this.desserts.indexOf(item); 2128 this.editedIndex = this.desserts.indexOf(item);
2133 this.editedItem = Object.assign({}, item); 2129 this.editedItem = Object.assign({}, item);
2134 this.editedItem.fatherName = item.parentId.fatherName; 2130 this.editedItem.fatherName = item.parentId.fatherName;
2135 this.editedItem.fatherCellNo = item.parentId.fatherCellNo; 2131 this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
2136 this.editedItem.motherName = item.parentId.motherName; 2132 this.editedItem.motherName = item.parentId.motherName;
2137 this.editedItem.motherCellNo = item.parentId.motherCellNo; 2133 this.editedItem.motherCellNo = item.parentId.motherCellNo;
2138 2134
2139 this.dialog1 = true; 2135 this.dialog1 = true;
2140 }, 2136 },
2141 deleteItem(item) { 2137 deleteItem(item) {
2142 let deleteStudent = { 2138 let deleteStudent = {
2143 studentId: item._id 2139 studentId: item._id
2144 }; 2140 };
2145 http() 2141 http()
2146 .delete( 2142 .delete(
2147 "/deleteStudent", 2143 "/deleteStudent",
2148 confirm("Are you sure you want to delete this?") && { 2144 confirm("Are you sure you want to delete this?") && {
2149 params: deleteStudent 2145 params: deleteStudent
2150 } 2146 }
2151 ) 2147 )
2152 .then(response => { 2148 .then(response => {
2153 // console.log("deleteUers",deleteStudent) 2149 // console.log("deleteUers",deleteStudent)
2154 this.snackbar = true; 2150 this.snackbar = true;
2155 this.text = "Successfully delete Existing Student"; 2151 this.text = "Successfully delete Existing Student";
2156 this.findStudents(); 2152 this.findStudents();
2157 }) 2153 })
2158 .catch(error => { 2154 .catch(error => {
2159 // console.log(error); 2155 // console.log(error);
2160 }); 2156 });
2161 }, 2157 },
2162 activeTab(type) { 2158 activeTab(type) {
2163 switch (type) { 2159 switch (type) {
2164 case "existing": 2160 case "existing":
2165 this.newActive = false; 2161 this.newActive = false;
2166 this.isActive = true; 2162 this.isActive = true;
2167 break; 2163 break;
2168 2164
2169 default: 2165 default:
2170 this.newActive = true; 2166 this.newActive = true;
2171 this.isActive = false; 2167 this.isActive = false;
2172 break; 2168 break;
2173 } 2169 }
2174 }, 2170 },
2175 close() { 2171 close() {
2176 this.dialog = false; 2172 this.dialog = false;
2177 setTimeout(() => { 2173 setTimeout(() => {
2178 this.editedItem = Object.assign({}, this.defaultItem); 2174 this.editedItem = Object.assign({}, this.defaultItem);
2179 this.editedIndex = -1; 2175 this.editedIndex = -1;
2180 }, 300); 2176 }, 300);
2181 }, 2177 },
2182 close1() { 2178 close1() {
2183 this.dialog1 = false; 2179 this.dialog1 = false;
2184 }, 2180 },
2185 copyData() { 2181 copyData() {
2186 this.addStudents.permanentAddress = this.addStudents.presentAddress; 2182 this.addStudents.permanentAddress = this.addStudents.presentAddress;
2187 }, 2183 },
2188 submit() { 2184 submit() {
2189 if (this.$refs.form.validate()) { 2185 if (this.$refs.form.validate()) {
2190 let addStudent = { 2186 let addStudent = {
2191 parentId: this.parentId, 2187 parentId: this.parentId,
2192 name: this.addStudents.name, 2188 name: this.addStudents.name,
2193 email: this.addStudents.email, 2189 email: this.addStudents.email,
2194 role: this.addStudents.role, 2190 role: this.addStudents.role,
2195 dob: this.addStudents.date, 2191 dob: this.addStudents.date,
2196 city: this.addStudents.city, 2192 city: this.addStudents.city,
2197 pincode: this.addStudents.pincode, 2193 pincode: this.addStudents.pincode,
2198 country: this.addStudents.country, 2194 country: this.addStudents.country,
2199 permanentAddress: this.addStudents.permanentAddress, 2195 permanentAddress: this.addStudents.permanentAddress,
2200 presentAddress: this.addStudents.presentAddress, 2196 presentAddress: this.addStudents.presentAddress,
2201 mobile: "+91" + this.addStudents.mobile, 2197 mobile: this.addStudents.mobile,
2202 state: this.addStudents.state, 2198 state: this.addStudents.state,
2203 gender: this.addStudents.gender, 2199 gender: this.addStudents.gender,
2204 establishmentYear: this.addStudents.establishmentYear, 2200 establishmentYear: this.addStudents.establishmentYear,
2205 classId: this.addStudents.select, 2201 classId: this.addStudents.select,
2206 sectionId: this.addStudents.selectSection, 2202 sectionId: this.addStudents.selectSection,
2207 bloodGroup: this.addStudents.bloodGroup, 2203 bloodGroup: this.addStudents.bloodGroup,
2208 medicalNotes: this.addStudents.medicalNotes, 2204 medicalNotes: this.addStudents.medicalNotes,
2209 height: this.addStudents.height, 2205 height: this.addStudents.height,
2210 weight: this.addStudents.weight, 2206 weight: this.addStudents.weight,
2211 rollNo: this.addStudents.rollNo 2207 rollNo: this.addStudents.rollNo
2212 }; 2208 };
2213 if (this.imageUrl) { 2209 if (this.imageUrl) {
2214 var str = this.imageUrl; 2210 var str = this.imageUrl;
2215 const [baseUrl, imageUrl] = str.split(/,/); 2211 const [baseUrl, imageUrl] = str.split(/,/);
2216 addStudent.upload = imageUrl; 2212 addStudent.upload = imageUrl;
2217 } 2213 }
2218 this.loading = true; 2214 this.loading = true;
2219 http() 2215 http()
2220 .post("/createStudent", addStudent) 2216 .post("/createStudent", addStudent)
2221 .then(response => { 2217 .then(response => {
2222 // console.log(addStudent); 2218 // console.log(addStudent);
2223 this.snackbar = true; 2219 this.snackbar = true;
2224 this.text = "New Student added successfully"; 2220 this.text = "New Student added successfully";
2225 // this.getStudentList(); 2221 // this.getStudentList();
2226 this.clear(); 2222 this.clear();
2227 this.clearParents(); 2223 this.clearParents();
2228 this.loading = false; 2224 this.loading = false;
2229 }) 2225 })
2230 .catch(error => { 2226 .catch(error => {
2231 // console.log(error); 2227 // console.log(error);
2232 this.snackbar = true; 2228 this.snackbar = true;
2233 this.text = error.response.data.message; 2229 this.text = error.response.data.message;
2234 this.loading = false; 2230 this.loading = false;
2235 }); 2231 });
2236 } 2232 }
2237 }, 2233 },
2238 clear() { 2234 clear() {
2239 this.$refs.form.reset(); 2235 this.$refs.form.reset();
2240 this.imageUrl = ""; 2236 this.imageUrl = "";
2241 }, 2237 },
2242 clearParents() { 2238 clearParents() {
2243 this.$refs.parentForm.reset(); 2239 this.$refs.parentForm.reset();
2244 }, 2240 },
2245 save() { 2241 save() {
2246 let editStudent = { 2242 let editStudent = {
2247 studentId: this.editedItem._id, 2243 studentId: this.editedItem._id,
2248 name: this.editedItem.name, 2244 name: this.editedItem.name,
2249 email: this.editedItem.email, 2245 email: this.editedItem.email,
2250 role: this.editedItem.role, 2246 role: this.editedItem.role,
2251 dob: this.editedItem.dob, 2247 dob: this.editedItem.dob,
2252 city: this.editedItem.city, 2248 city: this.editedItem.city,
2253 pincode: this.editedItem.pincode, 2249 pincode: this.editedItem.pincode,
2254 country: this.editedItem.country, 2250 country: this.editedItem.country,
2255 permanentAddress: this.editedItem.permanentAddress, 2251 permanentAddress: this.editedItem.permanentAddress,
2256 presentAddress: this.editedItem.presentAddress, 2252 presentAddress: this.editedItem.presentAddress,
2257 mobile: "+91" + this.editedItem.mobile, 2253 mobile: this.editedItem.mobile,
2258 state: this.editedItem.state, 2254 state: this.editedItem.state,
2259 gender: this.editedItem.gender, 2255 gender: this.editedItem.gender,
2260 establishmentYear: this.editedItem.establishmentYear, 2256 establishmentYear: this.editedItem.establishmentYear,
2261 classId: this.editedItem.select, 2257 classId: this.editedItem.select,
2262 sectionId: this.editedItem.selectSection, 2258 sectionId: this.editedItem.selectSection,
2263 bloodGroup: this.editedItem.bloodGroup, 2259 bloodGroup: this.editedItem.bloodGroup,
2264 medicalNotes: this.editedItem.medicalNotes, 2260 medicalNotes: this.editedItem.medicalNotes,
2265 height: this.editedItem.height, 2261 height: this.editedItem.height,
2266 weight: this.editedItem.weight, 2262 weight: this.editedItem.weight,
2267 rollNo: this.editedItem.rollNo 2263 rollNo: this.editedItem.rollNo
2268 }; 2264 };
2269 if (this.editImageUrl) { 2265 if (this.editImageUrl) {
2270 var str = this.editImageUrl; 2266 var str = this.editImageUrl;
2271 const [baseUrl, editImageUrl] = str.split(/,/); 2267 const [baseUrl, editImageUrl] = str.split(/,/);
2272 editStudent.upload = editImageUrl; 2268 editStudent.upload = editImageUrl;
2273 } 2269 }
2274 this.editLoading = true; 2270 this.editLoading = true;
2275 http() 2271 http()
2276 .put("/updateStudent", editStudent) 2272 .put("/updateStudent", editStudent)
2277 .then(response => { 2273 .then(response => {
2278 this.snackbar = true; 2274 this.snackbar = true;
2279 this.text = response.data.message; 2275 this.text = response.data.message;
2280 this.imageUrl = ""; 2276 this.imageUrl = "";
2281 this.findStudents(); 2277 this.findStudents();
2282 this.close(); 2278 this.close();
2283 this.editLoading = false; 2279 this.editLoading = false;
2284 }) 2280 })
2285 .catch(error => { 2281 .catch(error => {
2286 // console.log(error); 2282 // console.log(error);
2287 this.snackbar = true; 2283 this.snackbar = true;
2288 this.text = error.response.data.statusText; 2284 this.text = error.response.data.statusText;
2289 this.editLoading = false; 2285 this.editLoading = false;
2290 }); 2286 });
2291 }, 2287 },
2292 submitParentDetails() { 2288 submitParentDetails() {
2293 if (this.$refs.parentForm.validate()) { 2289 if (this.$refs.parentForm.validate()) {
2294 this.parentData.fatherCellNo = "+91" + this.parentData.fatherCellNo; 2290 this.parentData.fatherCellNo = this.parentData.fatherCellNo;
2295 this.parentData.motherCellNo = "+91" + this.parentData.motherCellNo; 2291 this.parentData.motherCellNo = this.parentData.motherCellNo;
2296 let addparentDetails = { 2292 let addparentDetails = {
2297 email: this.parentData.email, 2293 email: this.parentData.email,
2298 fatherName: this.parentData.fatherName, 2294 fatherName: this.parentData.fatherName,
2299 fatherCellNo: this.parentData.fatherCellNo, 2295 fatherCellNo: this.parentData.fatherCellNo,
2300 motherName: this.parentData.motherName, 2296 motherName: this.parentData.motherName,
2301 motherCellNo: this.parentData.motherCellNo, 2297 motherCellNo: this.parentData.motherCellNo,
2302 fatherProfession: this.parentData.fatherProfession, 2298 fatherProfession: this.parentData.fatherProfession,
2303 motherProfession: this.parentData.motherProfession, 2299 motherProfession: this.parentData.motherProfession,
2304 role: "PARENT" 2300 role: "PARENT"
2305 }; 2301 };
2306 this.loading = true; 2302 this.loading = true;
2307 http() 2303 http()
2308 .post("/createParent", addparentDetails) 2304 .post("/createParent", addparentDetails)
2309 .then(response => { 2305 .then(response => {
2310 this.parentId = response.data.data.id; 2306 this.parentId = response.data.data.id;
2311 this.e2 = 2; 2307 this.e2 = 2;
2312 this.snackbar = true; 2308 this.snackbar = true;
2313 this.text = "successfully"; 2309 this.text = "successfully";
2314 // this.getStudentList(); 2310 // this.getStudentList();
2315 this.clear(); 2311 this.clear();
2316 this.loading = false; 2312 this.loading = false;
2317 }) 2313 })
2318 .catch(error => { 2314 .catch(error => {
2319 this.snackbar = true; 2315 this.snackbar = true;
2320 this.text = error.response.data.message; 2316 this.text = error.response.data.message;
2321 this.text = error.response.data.statusText; 2317 this.text = error.response.data.statusText;
2322 this.loading = false; 2318 this.loading = false;
2323 }); 2319 });
2324 } 2320 }
2325 }, 2321 },
2326 getParentDetails() { 2322 getParentDetails() {
2327 if (this.parentData.fatherCellNo.length > 9) { 2323 if (this.parentData.fatherCellNo.length > 9) {
2328 this.showLoader = true; 2324 this.showLoader = true;
2329 http() 2325 http()
2330 .get("getParticularParent", { 2326 .get("getParticularParent", {
2331 params: { fatherCellNo: this.parentData.fatherCellNo }, 2327 params: { fatherCellNo: this.parentData.fatherCellNo },
2332 headers: { 2328 headers: {
2333 Authorization: "Bearer " + this.$store.state.token 2329 Authorization: "Bearer " + this.$store.state.token
2334 } 2330 }
2335 }) 2331 })
2336 .then(response => { 2332 .then(response => {
2337 this.showNext = true; 2333 this.showNext = true;
2338 this.showParent = false; 2334 this.showParent = false;
2339 this.parentData = response.data.data; 2335 this.parentData = response.data.data;
2340 this.parentId = response.data.data._id; 2336 this.parentId = response.data.data._id;
2341 this.showLoader = false; 2337 this.showLoader = false;
2342 }) 2338 })
2343 .catch(error => { 2339 .catch(error => {
2344 console.log("err====>", error.response.data.message); 2340 console.log("err====>", error.response.data.message);
2345 this.text = error.response.data.message; 2341 this.text = error.response.data.message;
2346 this.snackbar = true; 2342 this.snackbar = true;
2343 if (this.text === "Data not found!") {
2344 this.showNext = false;
2345 this.showParent = true;
2346 this.parentData.email = "";
2347 this.parentData.fatherName = "";
2348 this.parentData.motherName = "";
2349 this.parentData.motherCellNo = "";
2350 this.parentData.fatherProfession = "";
2351 this.parentData.motherProfession = "";
2352 }
2347 this.showLoader = false; 2353 this.showLoader = false;
2348 }); 2354 });
2349 } 2355 }
2350 } 2356 }
2351 }, 2357 },
2352 mounted() { 2358 mounted() {
2353 const getCountryList = countryList(); 2359 const getCountryList = countryList();
2354 this.countries = getCountryList; 2360 this.countries = getCountryList;
2355 var token = this.$store.state.token; 2361 var token = this.$store.state.token;
2356 http() 2362 http()
2357 .get("/getClassesList", { 2363 .get("/getClassesList", {
2358 headers: { Authorization: "Bearer " + token } 2364 headers: { Authorization: "Bearer " + token }
2359 }) 2365 })
2360 .then(response => { 2366 .then(response => {
2361 this.addclass = response.data.data; 2367 this.addclass = response.data.data;
2362 }) 2368 })
2363 .catch(error => { 2369 .catch(error => {
2364 this.showLoader = false; 2370 this.showLoader = false;
2365 if (error.response.status === 401) { 2371 if (error.response.status === 401) {
2366 this.$router.replace({ path: "/" }); 2372 this.$router.replace({ path: "/" });
2367 this.$store.dispatch("setToken", null); 2373 this.$store.dispatch("setToken", null);
2368 this.$store.dispatch("Id", null); 2374 this.$store.dispatch("Id", null);
2369 this.$store.dispatch("Role", null); 2375 this.$store.dispatch("Role", null);
2370 } 2376 }
2371 }); 2377 });
2372 }, 2378 },
2373 created() { 2379 created() {
2374 this.$root.$on("app:search", search => { 2380 this.$root.$on("app:search", search => {
2375 this.search = search; 2381 this.search = search;
2376 }); 2382 });
2377 }, 2383 },
2378 beforeDestroy() { 2384 beforeDestroy() {
2379 // dont forget to remove the listener 2385 // dont forget to remove the listener
2380 this.$root.$off("app:search"); 2386 this.$root.$off("app:search");
2381 } 2387 }
2382 }; 2388 };
2383 </script> 2389 </script>
2384 <style scoped> 2390 <style scoped>
2385 .active { 2391 .active {
2386 background-color: gray; 2392 background-color: gray;
2387 color: white !important; 2393 color: white !important;