viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit 11797ea5a354002fd432c7b8f0611a04c000471f

Authored by Shikha Mishra
1 parent caaa85a2cd
Exists in master and in 3 other branches amber-development, development, ui-design

added password field

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