viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit a0650f86b4e5a4e05d77681e91c01a09d77c1e2e

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

implement class validation of edit students and parenst

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