viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit f6200ce53760284dcfa816478ebed8882cf6115c

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

send number via authenticatiion in student and parents number

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