Blame view

src/pages/Students/students.vue 97.3 KB
e3e2a04c6   Neeraj Sharma   first commit
1
  <template>
68d742034   Neeraj Sharma   implement new des...
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
    <v-container fluid class="body-color">
      <!-- ****** EDITS  STUDENTS DETAILS ****** -->
      <v-dialog v-model="editStudentDialog" max-width="1700px" scrollable>
        <v-card flat class="card-style pa-2" dark>
          <v-layout>
            <v-flex xs12>
              <label class="title text-xs-center">Edit Student</label>
              <v-icon size="24" class="right" @click="editStudentDialog = false">cancel</v-icon>
            </v-flex>
          </v-layout>
          <v-card-text>
            <v-form ref="form">
              <v-container fluid>
                <v-layout>
                  <v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center">
                    <v-avatar size="100px" v-if="!editedItem.profilePicUrl && !editImageUrl">
                      <img
                        src="/static/icon/user.png"
                      />
                    </v-avatar>
                    <img
                      :src="editedItem.profilePicUrl"
                      v-else-if="editedItem.profilePicUrl && !editImageUrl"
                      height="150"
                      style="border-radius:50%; width:150px"
                    />
                    <img
                      v-if="editImageUrl"
                      :src="editImageUrl"
                      style="border-radius:50%; width:150px;height:150px"
                    />
                    <input
                      type="file"
                      style="display: none"
                      ref="editDataImage"
                      accept="image/*"
                      @change="onEditFilePicked"
                    />
                  </v-flex>
                </v-layout>
                <v-layout wrap>
                  <v-flex xs12 sm4>
b82d0d998   Neeraj Sharma   changes and modif...
44
                    <v-layout>
68d742034   Neeraj Sharma   implement new des...
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
                        <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
                      </v-flex>
                      <v-flex xs8 class="ml-3">
                        <v-select
                          :items="addclass"
                          label="Select Class"
                          v-model="editedItem.select"
                          item-text="classNum"
                          item-value="_id"
                          name="Select Class"
                          @change="getSections(editedItem.select)"
                          required
                        ></v-select>
b82d0d998   Neeraj Sharma   changes and modif...
60
61
                      </v-flex>
                    </v-layout>
68d742034   Neeraj Sharma   implement new des...
62
63
                  </v-flex>
                  <v-flex xs12 sm4>
b82d0d998   Neeraj Sharma   changes and modif...
64
                    <v-layout>
68d742034   Neeraj Sharma   implement new des...
65
66
67
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right hidden-xs-only hidden-sm-only">Select Section:</label>
                        <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Section:</label>
b82d0d998   Neeraj Sharma   changes and modif...
68
                      </v-flex>
68d742034   Neeraj Sharma   implement new des...
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
                      <v-flex xs8 class="ml-3">
                        <v-select
                          :items="addSection"
                          label="Select Section"
                          v-model="editedItem.selectSection"
                          item-text="name"
                          item-value="_id"
                          name="Select Section"
                          required
                        ></v-select>
                      </v-flex>
                    </v-layout>
                  </v-flex>
                  <v-flex xs12 sm4>
                    <v-layout>
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
                        <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Name:</label>
b82d0d998   Neeraj Sharma   changes and modif...
87
                      </v-flex>
68d742034   Neeraj Sharma   implement new des...
88
89
90
91
92
93
94
95
                      <v-flex xs8 class="ml-3">
                        <v-text-field
                          v-model="editedItem.name"
                          placeholder="fill your full Name"
                          name="name"
                          type="text"
                          required
                        ></v-text-field>
b82d0d998   Neeraj Sharma   changes and modif...
96
                      </v-flex>
506be6fd7   Neeraj Sharma   implemet dyamic i...
97
                    </v-layout>
68d742034   Neeraj Sharma   implement new des...
98
99
100
101
                  </v-flex>
                </v-layout>
                <v-layout wrap>
                  <v-flex xs12 sm4>
506be6fd7   Neeraj Sharma   implemet dyamic i...
102
                    <v-layout>
68d742034   Neeraj Sharma   implement new des...
103
104
105
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right hidden-xs-only hidden-sm-only">Email Id:</label>
                        <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Email:</label>
b82d0d998   Neeraj Sharma   changes and modif...
106
                      </v-flex>
68d742034   Neeraj Sharma   implement new des...
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
                      <v-flex xs8 class="ml-3">
                        <v-text-field
                          placeholder="fill your email"
                          v-model="editedItem.email"
                          type="text"
                          name="email"
                          required
                        ></v-text-field>
                      </v-flex>
                    </v-layout>
                  </v-flex>
                  <v-flex xs12 sm4>
                    <v-layout>
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
                        <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label>
b82d0d998   Neeraj Sharma   changes and modif...
123
                      </v-flex>
68d742034   Neeraj Sharma   implement new des...
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
                      <v-flex xs8 class="ml-3">
                        <v-menu
                          ref="menu"
                          :close-on-content-click="false"
                          v-model="menu1"
                          :nudge-right="40"
                          lazy
                          transition="scale-transition"
                          offset-y
                          full-width
                          min-width="290px"
                        >
                          <v-text-field
                            slot="activator"
                            v-model="editedItem.dob"
                            placeholder="Select Dob"
                          ></v-text-field>
                          <v-date-picker
                            ref="picker"
                            v-model="editedItem.dob"
                            :max="new Date().toISOString().substr(0, 10)"
                            min="1950-01-01"
                            @input="menu1 = false"
                          ></v-date-picker>
                        </v-menu>
b82d0d998   Neeraj Sharma   changes and modif...
149
150
                      </v-flex>
                    </v-layout>
68d742034   Neeraj Sharma   implement new des...
151
152
                  </v-flex>
                  <v-flex xs12 sm4>
04165779e   Neeraj Sharma   implement parents...
153
                    <v-layout>
68d742034   Neeraj Sharma   implement new des...
154
155
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right">City:</label>
99ffa9511   Neeraj Sharma   add ,view, and ed...
156
                      </v-flex>
68d742034   Neeraj Sharma   implement new des...
157
158
159
160
161
162
163
164
                      <v-flex xs8 class="ml-3">
                        <v-text-field
                          v-model="editedItem.city"
                          placeholder="fill your City Name"
                          name="City"
                          type="text"
                          required
                        ></v-text-field>
99ffa9511   Neeraj Sharma   add ,view, and ed...
165
                      </v-flex>
68d742034   Neeraj Sharma   implement new des...
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
                    </v-layout>
                  </v-flex>
                </v-layout>
                <v-layout wrap>
                  <v-flex xs12 sm4>
                    <v-layout>
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>
                        <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Blood:</label>
                      </v-flex>
                      <v-flex xs8 class="ml-3">
                        <v-text-field
                          v-model="editedItem.bloodGroup"
                          placeholder="fill your BloodGroup"
                          name="state"
                          type="text"
                          required
                        ></v-text-field>
99ffa9511   Neeraj Sharma   add ,view, and ed...
184
185
                      </v-flex>
                    </v-layout>
68d742034   Neeraj Sharma   implement new des...
186
187
                  </v-flex>
                  <v-flex xs12 sm4>
04165779e   Neeraj Sharma   implement parents...
188
                    <v-layout>
68d742034   Neeraj Sharma   implement new des...
189
190
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right">Gender:</label>
99ffa9511   Neeraj Sharma   add ,view, and ed...
191
                      </v-flex>
68d742034   Neeraj Sharma   implement new des...
192
193
194
195
196
197
198
                      <v-flex xs8 class="ml-3">
                        <v-select
                          :items="gender"
                          v-model="editedItem.gender"
                          placeholder="Select Gender"
                          required
                        ></v-select>
99ffa9511   Neeraj Sharma   add ,view, and ed...
199
                      </v-flex>
68d742034   Neeraj Sharma   implement new des...
200
201
202
203
204
205
206
207
208
209
210
211
212
                    </v-layout>
                  </v-flex>
                  <v-flex xs12 sm4>
                    <v-layout>
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right">Medical Notes:</label>
                      </v-flex>
                      <v-flex xs8 class="ml-3">
                        <v-text-field
                          v-model="editedItem.medicalNotes"
                          placeholder="fill your medicalNotes"
                          required
                        ></v-text-field>
99ffa9511   Neeraj Sharma   add ,view, and ed...
213
214
                      </v-flex>
                    </v-layout>
68d742034   Neeraj Sharma   implement new des...
215
216
217
218
                  </v-flex>
                </v-layout>
                <v-layout wrap>
                  <v-flex xs12 sm4>
b82d0d998   Neeraj Sharma   changes and modif...
219
                    <v-layout>
68d742034   Neeraj Sharma   implement new des...
220
221
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right">Height:</label>
b82d0d998   Neeraj Sharma   changes and modif...
222
                      </v-flex>
68d742034   Neeraj Sharma   implement new des...
223
224
225
226
227
228
229
230
                      <v-flex xs8 class="ml-3">
                        <v-text-field
                          v-model="editedItem.height"
                          placeholder="fill your Height"
                          name="state"
                          type="text"
                          required
                        ></v-text-field>
b82d0d998   Neeraj Sharma   changes and modif...
231
                      </v-flex>
68d742034   Neeraj Sharma   implement new des...
232
233
234
235
236
237
238
239
240
241
242
243
244
245
                    </v-layout>
                  </v-flex>
                  <v-flex xs12 sm4>
                    <v-layout>
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right">Weight:</label>
                      </v-flex>
                      <v-flex xs8 class="ml-3">
                        <v-text-field
                          v-model="editedItem.weight"
                          placeholder="fill your Weight"
                          name="pincode"
                          required
                        ></v-text-field>
b82d0d998   Neeraj Sharma   changes and modif...
246
                      </v-flex>
506be6fd7   Neeraj Sharma   implemet dyamic i...
247
                    </v-layout>
68d742034   Neeraj Sharma   implement new des...
248
249
                  </v-flex>
                  <v-flex xs12 sm4>
506be6fd7   Neeraj Sharma   implemet dyamic i...
250
                    <v-layout>
68d742034   Neeraj Sharma   implement new des...
251
252
253
254
255
256
257
258
259
260
261
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
                        <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label>
                      </v-flex>
                      <v-flex xs8 class="ml-3">
                        <v-text-field
                          label="Select Image"
                          @click="pickEditFile"
                          v-model="editImageName"
                          append-icon="attach_file"
                        ></v-text-field>
99ffa9511   Neeraj Sharma   add ,view, and ed...
262
                      </v-flex>
68d742034   Neeraj Sharma   implement new des...
263
264
265
266
267
268
269
270
                    </v-layout>
                  </v-flex>
                </v-layout>
                <v-layout wrap>
                  <v-flex xs12 sm4>
                    <v-layout>
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right">State:</label>
af4cbc7be   Neeraj Sharma   add field roll nu...
271
                      </v-flex>
68d742034   Neeraj Sharma   implement new des...
272
273
274
275
276
277
278
279
                      <v-flex xs8 class="ml-3">
                        <v-text-field
                          v-model="editedItem.state"
                          placeholder="fill your State Name"
                          name="state"
                          type="text"
                          required
                        ></v-text-field>
aa8fc5033   Neeraj Sharma   implenment all pa...
280
                      </v-flex>
0721aca93   Neeraj Sharma   solve bugs in sub...
281
                    </v-layout>
68d742034   Neeraj Sharma   implement new des...
282
283
284
285
286
287
288
289
290
291
292
293
294
295
                  </v-flex>
                  <v-flex xs12 sm4>
                    <v-layout>
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right">Pincode:</label>
                      </v-flex>
                      <v-flex xs8 class="ml-3">
                        <v-text-field
                          v-model="editedItem.pincode"
                          placeholder="fill your pincode"
                          name="pincode"
                          type="number"
                          required
                        ></v-text-field>
aa8fc5033   Neeraj Sharma   implenment all pa...
296
297
                      </v-flex>
                    </v-layout>
68d742034   Neeraj Sharma   implement new des...
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
                  </v-flex>
                  <v-flex xs12 sm4>
                    <v-layout>
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
                        <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label>
                      </v-flex>
                      <v-flex xs8 class="ml-3">
                        <v-text-field
                          v-model="editedItem.mobile"
                          placeholder="fill your MobileNo"
                          name="mobileNo"
                          type="number"
                          required
                        ></v-text-field>
                      </v-flex>
                    </v-layout>
                  </v-flex>
                </v-layout>
                <v-layout wrap>
                  <v-flex xs12 sm4>
                    <v-layout>
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
                        <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label>
                      </v-flex>
                      <v-flex xs8 class="ml-3">
                        <v-autocomplete
                          v-model="editedItem.country"
                          :items="countries"
                          placeholder="Select Country Name"
                          required
                        ></v-autocomplete>
                      </v-flex>
                    </v-layout>
                  </v-flex>
11797ea5a   Shikha Mishra   added password field
334
                  <v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">
68d742034   Neeraj Sharma   implement new des...
335
336
337
338
339
340
341
                    <v-layout>
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
                        <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label>
                      </v-flex>
                      <v-flex xs8 class="ml-3">
                        <v-text-field
68d742034   Neeraj Sharma   implement new des...
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
                          v-model="editedItem.rollNo"
                          placeholder="fill roll number"
                          required
                        ></v-text-field>
                      </v-flex>
                    </v-layout>
                  </v-flex>
                  <v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">
                    <v-layout>
                      <v-flex xs4 sm4 class="pt-4 subheading">
                        <label class="right hidden-xs-only hidden-sm-only">Permanent Address:</label>
                        <label
                          class="right hidden-lg-only hidden-md-only hidden-xl-only"
                        >Permanent Address:</label>
                      </v-flex>
                      <v-flex xs12 sm8 class="ml-3">
                        <v-text-field
                          v-model="editedItem.permanentAddress"
                          placeholder="fill Your Permanent Address"
                          required
                        ></v-text-field>
aa8fc5033   Neeraj Sharma   implenment all pa...
363
                      </v-flex>
68d742034   Neeraj Sharma   implement new des...
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
                    </v-layout>
                  </v-flex>
                </v-layout>
                <v-layout class="hidden-xs-only hidden-sm-only" >
                  <v-flex xs12 sm4>
                    <v-layout>
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right hidden-xs-only hidden-sm-only">Present Address:</label>
                        <label
                          class="right hidden-lg-only hidden-md-only hidden-xl-only"
                        >Present Address:</label>
                      </v-flex>
                      <v-flex xs8 class="ml-3">
                        <v-text-field
                          v-model="editedItem.presentAddress"
                          placeholder="Select Country Name"
                          required
                        ></v-text-field>
                      </v-flex>
                    </v-layout>
                  </v-flex>
                </v-layout>
                <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
                  <v-flex xs12 sm12>
                    <v-layout>
11797ea5a   Shikha Mishra   added password field
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
                      <v-flex xs4 class="pt-4 subheading">
                        <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
                        <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label>
                      </v-flex>
                      <v-flex xs8 class="ml-3">
                        <v-text-field
                          v-model="editedItem.rollNo"
                          placeholder="fill roll number"
                          required
                        ></v-text-field>
                      </v-flex>
                    </v-layout>
                  </v-flex>
                </v-layout>
                <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
                  <v-flex xs12 sm12>
                    <v-layout>
68d742034   Neeraj Sharma   implement new des...
406
407
408
409
410
                      <v-flex xs12 sm3 class="pt-4 subheading text-xs-center">
                        <label class>Present Address :</label>
                      </v-flex>
                    </v-layout>
                    <v-layout>
aa8fc5033   Neeraj Sharma   implenment all pa...
411
                      <v-flex xs12 sm12>
68d742034   Neeraj Sharma   implement new des...
412
413
414
415
416
417
418
419
420
421
422
423
                        <v-textarea
                          v-model="editedItem.presentAddress"
                          placeholder="fill Your present Address"
                          required
                        ></v-textarea>
                      </v-flex>
                    </v-layout>
                  </v-flex>
                  <v-flex xs12 sm12>
                    <v-layout>
                      <v-flex xs12 sm3 class="pt-4 pr-4 subheading text-xs-center addressForm">
                        <label>Permanent addr:</label>
aa8fc5033   Neeraj Sharma   implenment all pa...
424
                      </v-flex>
b82d0d998   Neeraj Sharma   changes and modif...
425
426
427
                    </v-layout>
                    <v-layout>
                      <v-flex xs12 sm12>
68d742034   Neeraj Sharma   implement new des...
428
429
430
431
432
433
                        <v-textarea
                          name="input-4-3"
                          v-model="editedItem.permanentAddress"
                          placeholder="fill Your Permanent Address"
                          required
                        ></v-textarea>
b82d0d998   Neeraj Sharma   changes and modif...
434
435
                      </v-flex>
                    </v-layout>
68d742034   Neeraj Sharma   implement new des...
436
437
438
439
440
441
442
443
444
445
446
447
448
449
                  </v-flex>
                </v-layout>
                <v-layout>
                  <v-flex xs12 sm12>
                    <v-layout class="right">
                      <v-btn @click="save" round dark :loading="editLoading" class="add-button">Save</v-btn>
                    </v-layout>
                  </v-flex>
                </v-layout>
              </v-container>
            </v-form>
          </v-card-text>
        </v-card>
      </v-dialog>
04165779e   Neeraj Sharma   implement parents...
450

68d742034   Neeraj Sharma   implement new des...
451
      <!-- ****** PROFILE VIEW STUDENTS DEATILS ******  -->
04165779e   Neeraj Sharma   implement parents...
452

68d742034   Neeraj Sharma   implement new des...
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
      <v-dialog v-model="profileStudentDialog" max-width="1000px" scrollable>
        <v-card flat class="card-style pa-3" dark>
          <v-layout>
            <v-flex xs12>
              <label class="title text-xs-center">View Student</label>
              <v-icon size="24" class="right" @click="profileStudentDialog = false">cancel</v-icon>
            </v-flex>
          </v-layout>
          <v-card-text>
            <v-flex align-center justify-center layout text-xs-center class="mt-3">
              <v-avatar size="100px">
                <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" />
                <img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" />
              </v-avatar>
            </v-flex>
            <v-container grid-list-md>
              <v-layout wrap>
                <v-flex xs12 sm5>
                  <v-layout>
                    <v-flex xs6 sm6>
                      <h5 class="right my-1">
                        <b>Full Name:</b>
                      </h5>
                    </v-flex>
                    <v-flex sm6 xs6>
                      <h5 class="my-1 left">{{ editedItem.name }}</h5>
                    </v-flex>
                  </v-layout>
04165779e   Neeraj Sharma   implement parents...
481
                </v-flex>
68d742034   Neeraj Sharma   implement new des...
482
483
484
485
486
487
                <v-flex xs12 sm7>
                  <v-layout>
                    <v-flex xs6 sm4>
                      <h5 class="right my-1">
                        <b>Email:</b>
                      </h5>
f4df757fe   Neeraj Sharma   responsive vie in...
488
                    </v-flex>
68d742034   Neeraj Sharma   implement new des...
489
490
                    <v-flex sm8 xs6>
                      <h5 class="my-1 left">{{ editedItem.email }}</h5>
f4df757fe   Neeraj Sharma   responsive vie in...
491
492
                    </v-flex>
                  </v-layout>
68d742034   Neeraj Sharma   implement new des...
493
494
495
496
497
498
499
500
501
502
503
                </v-flex>
              </v-layout>
              <v-layout wrap>
                <v-flex xs12 sm5>
                  <v-layout>
                    <v-flex xs6 sm6>
                      <b>
                        <h5 class="right my-1">
                          <b>Gender:</b>
                        </h5>
                      </b>
f4df757fe   Neeraj Sharma   responsive vie in...
504
                    </v-flex>
68d742034   Neeraj Sharma   implement new des...
505
506
                    <v-flex sm6 xs6>
                      <h5 class="my-1 left">{{ editedItem.gender }}</h5>
f4df757fe   Neeraj Sharma   responsive vie in...
507
508
                    </v-flex>
                  </v-layout>
68d742034   Neeraj Sharma   implement new des...
509
510
511
512
513
514
515
516
517
                </v-flex>
                <v-flex xs12 sm7>
                  <v-layout>
                    <v-flex xs6 sm4>
                      <b>
                        <h5 class="right my-1">
                          <b>D.O.B:</b>
                        </h5>
                      </b>
f4df757fe   Neeraj Sharma   responsive vie in...
518
                    </v-flex>
68d742034   Neeraj Sharma   implement new des...
519
520
                    <v-flex sm8 xs6>
                      <h5 class="my-1">{{ dates(editedItem.dob) }}</h5>
f4df757fe   Neeraj Sharma   responsive vie in...
521
522
                    </v-flex>
                  </v-layout>
68d742034   Neeraj Sharma   implement new des...
523
524
525
526
527
528
529
530
531
532
533
                </v-flex>
              </v-layout>
              <v-layout wrap>
                <v-flex xs12 sm5>
                  <v-layout>
                    <v-flex xs6 sm6>
                      <b>
                        <h5 class="right my-1">
                          <b>BloodGroup:</b>
                        </h5>
                      </b>
f4df757fe   Neeraj Sharma   responsive vie in...
534
                    </v-flex>
68d742034   Neeraj Sharma   implement new des...
535
536
                    <v-flex sm6 xs6>
                      <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>
f4df757fe   Neeraj Sharma   responsive vie in...
537
538
                    </v-flex>
                  </v-layout>
68d742034   Neeraj Sharma   implement new des...
539
540
541
542
543
544
545
546
547
                </v-flex>
                <v-flex xs12 sm7>
                  <v-layout>
                    <v-flex xs6 sm4>
                      <b>
                        <h5 class="right my-1">
                          <b>Roll No. :</b>
                        </h5>
                      </b>
f4df757fe   Neeraj Sharma   responsive vie in...
548
                    </v-flex>
68d742034   Neeraj Sharma   implement new des...
549
550
                    <v-flex sm8 xs6>
                      <h5 class="my-1">{{ editedItem.rollNo }}</h5>
f4df757fe   Neeraj Sharma   responsive vie in...
551
552
                    </v-flex>
                  </v-layout>
68d742034   Neeraj Sharma   implement new des...
553
554
555
556
557
558
559
560
561
562
563
                </v-flex>
              </v-layout>
              <v-layout wrap>
                <v-flex xs12 sm5>
                  <v-layout>
                    <v-flex xs6 sm6>
                      <b>
                        <h5 class="right my-1">
                          <b>Height:</b>
                        </h5>
                      </b>
f4df757fe   Neeraj Sharma   responsive vie in...
564
                    </v-flex>
68d742034   Neeraj Sharma   implement new des...
565
566
                    <v-flex sm6 xs6>
                      <h5 class="my-1 left">{{ editedItem.height }}</h5>
f4df757fe   Neeraj Sharma   responsive vie in...
567
568
                    </v-flex>
                  </v-layout>
68d742034   Neeraj Sharma   implement new des...
569
570
571
572
573
574
575
576
577
                </v-flex>
                <v-flex xs12 sm7>
                  <v-layout>
                    <v-flex xs6 sm4>
                      <b>
                        <h5 class="right my-1">
                          <b>Weight:</b>
                        </h5>
                      </b>
f4df757fe   Neeraj Sharma   responsive vie in...
578
                    </v-flex>
68d742034   Neeraj Sharma   implement new des...
579
580
                    <v-flex sm8 xs6>
                      <h5 class="my-1">{{ editedItem.weight }}</h5>
f4df757fe   Neeraj Sharma   responsive vie in...
581
582
                    </v-flex>
                  </v-layout>
68d742034   Neeraj Sharma   implement new des...
583
584
585
586
587
588
589
590
591
592
593
                </v-flex>
              </v-layout>
              <v-layout wrap>
                <v-flex xs12 sm5>
                  <v-layout>
                    <v-flex xs6 sm6>
                      <b>
                        <h5 class="right my-1">
                          <b>City:</b>
                        </h5>
                      </b>
f4df757fe   Neeraj Sharma   responsive vie in...
594
                    </v-flex>
68d742034   Neeraj Sharma   implement new des...
595
596
                    <v-flex sm6 xs6>
                      <h5 class="my-1 left">{{ editedItem.city }}</h5>
f4df757fe   Neeraj Sharma   responsive vie in...
597
598
                    </v-flex>
                  </v-layout>
68d742034   Neeraj Sharma   implement new des...
599
600
601
602
603
604
605
606
607
                </v-flex>
                <v-flex xs12 sm7>
                  <v-layout>
                    <v-flex xs6 sm4>
                      <b>
                        <h5 class="right my-1">
                          <b>State:</b>
                        </h5>
                      </b>
f4df757fe   Neeraj Sharma   responsive vie in...
608
                    </v-flex>
68d742034   Neeraj Sharma   implement new des...
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
                    <v-flex sm8 xs6>
                      <h5 class="my-1">{{ editedItem.state }}</h5>
                    </v-flex>
                  </v-layout>
                </v-flex>
              </v-layout>
              <v-layout wrap>
                <v-flex xs12 sm5>
                  <v-layout>
                    <v-flex xs6 sm6>
                      <b>
                        <h5 class="right my-1">
                          <b>Pincode:</b>
                        </h5>
                      </b>
                    </v-flex>
                    <v-flex sm6 xs6>
                      <h5 class="my-1">{{ editedItem.pincode }}</h5>
                    </v-flex>
                  </v-layout>
                </v-flex>
                <v-flex xs12 sm7>
                  <v-layout>
                    <v-flex xs6 sm4>
                      <b>
                        <h5 class="right my-1">
                          <b>Country:</b>
                        </h5>
                      </b>
                    </v-flex>
                    <v-flex sm7 xs6>
                      <h5 class="my-1">{{ editedItem.country }}</h5>
                    </v-flex>
                  </v-layout>
                </v-flex>
              </v-layout>
              <v-layout wrap>
                <v-flex xs12 sm5>
                  <v-layout>
                    <v-flex sm6 xs6>
                      <b>
                        <h5 class="right my-1">
                          <b>Mobile No:</b>
                        </h5>
                      </b>
                    </v-flex>
                    <v-flex sm6 xs6>
                      <h5 class="my-1">{{ editedItem.mobile }}</h5>
                    </v-flex>
                  </v-layout>
                </v-flex>
                <v-flex xs12 sm7>
                  <v-layout>
                    <v-flex xs6 sm4>
                      <b>
                        <h5 class="right my-1">
                          <b>FahterName:</b>
                        </h5>
                      </b>
                    </v-flex>
                    <v-flex sm8 xs6>
                      <h5 class="my-1">{{ editedItem.fatherName }}</h5>
                    </v-flex>
                  </v-layout>
                </v-flex>
              </v-layout>
              <v-layout wrap>
                <v-flex xs12 sm5>
                  <v-layout>
                    <v-flex xs6 sm6>
                      <b>
                        <h5 class="right my-1">
                          <b>MotherName:</b>
                        </h5>
                      </b>
                    </v-flex>
                    <v-flex sm6 xs6>
                      <h5 class="my-1">{{ editedItem.motherName }}</h5>
                    </v-flex>
                  </v-layout>
                </v-flex>
                <v-flex xs12 sm7>
                  <v-layout>
                    <v-flex xs6 sm4>
                      <b>
                        <h5 class="right my-1">
                          <b>FatherCellNo:</b>
                        </h5>
                      </b>
                    </v-flex>
                    <v-flex sm6 xs6>
                      <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5>
f4df757fe   Neeraj Sharma   responsive vie in...
701
702
                    </v-flex>
                  </v-layout>
68d742034   Neeraj Sharma   implement new des...
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
                </v-flex>
              </v-layout>
              <v-layout wrap>
                <v-flex xs12 sm5>
                  <v-layout>
                    <v-flex xs6 sm6>
                      <b>
                        <h5 class="right my-1">
                          <b>MotherCellNo:</b>
                        </h5>
                      </b>
                    </v-flex>
                    <v-flex sm6 xs6>
                      <h5 class="my-1">{{ editedItem.motherCellNo }}</h5>
                    </v-flex>
                  </v-layout>
                </v-flex>
                <v-flex xs12 sm7>
                  <v-layout>
                    <v-flex xs6 sm4>
                      <b>
                        <h5 class="my-1 right">
                          <b>AcademicYear:</b>
                        </h5>
                      </b>
                    </v-flex>
                    <v-flex sm5 xs8>
                      <h5 class="my-1">{{ editedItem.establishmentYear }}</h5>
                    </v-flex>
                  </v-layout>
                </v-flex>
              </v-layout>
              <v-layout wrap>
                <v-flex xs12 sm5>
                  <v-layout>
                    <v-flex xs6 sm6>
                      <b>
                        <h5 class="my-1 right">
                          <b>MedicalNotes:</b>
                        </h5>
                      </b>
                    </v-flex>
                    <v-flex sm5 xs6>
                      <h5 class="my-1">{{ editedItem.medicalNotes }}</h5>
                    </v-flex>
                  </v-layout>
                </v-flex>
                <v-flex xs12 sm7 class="hidden-xs-only">
f4df757fe   Neeraj Sharma   responsive vie in...
751
                  <v-layout wrap>
68d742034   Neeraj Sharma   implement new des...
752
753
754
755
756
757
                    <v-flex sm4>
                      <b>
                        <h5 class="my-1 right">
                          <b>present Address:</b>
                        </h5>
                      </b>
f4df757fe   Neeraj Sharma   responsive vie in...
758
                    </v-flex>
68d742034   Neeraj Sharma   implement new des...
759
760
                    <v-flex sm8>
                      <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
f4df757fe   Neeraj Sharma   responsive vie in...
761
                    </v-flex>
68d742034   Neeraj Sharma   implement new des...
762
763
764
765
766
767
768
769
770
771
772
773
774
                  </v-layout>
                </v-flex>
                <v-flex sm6 class="hidden-xs-only">
                  <v-layout wrap>
                    <v-flex sm5>
                      <b>
                        <h5 class="my-1 right">
                          <b>Permanent Address:</b>
                        </h5>
                      </b>
                    </v-flex>
                    <v-flex sm7>
                      <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
f4df757fe   Neeraj Sharma   responsive vie in...
775
776
                    </v-flex>
                  </v-layout>
68d742034   Neeraj Sharma   implement new des...
777
778
779
780
781
782
783
784
785
786
787
                </v-flex>
              </v-layout>
              <v-layout wrap class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only">
                <v-flex xs12 sm5>
                  <v-layout wrap>
                    <v-flex xs12 sm6>
                      <b>
                        <h5 class="my-1">
                          <b>present Address:-</b>
                        </h5>
                      </b>
f4df757fe   Neeraj Sharma   responsive vie in...
788
                    </v-flex>
68d742034   Neeraj Sharma   implement new des...
789
790
791
792
793
794
795
                    <v-flex sm5 xs12>
                      <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
                    </v-flex>
                  </v-layout>
                </v-flex>
                <v-flex xs12 sm6>
                  <v-layout wrap>
f4df757fe   Neeraj Sharma   responsive vie in...
796
                    <v-flex xs12 sm6>
68d742034   Neeraj Sharma   implement new des...
797
798
799
800
801
802
803
804
                      <b>
                        <h5 class="my-1">
                          <b>Permanent Address:-</b>
                        </h5>
                      </b>
                    </v-flex>
                    <v-flex sm6 xs12>
                      <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
04165779e   Neeraj Sharma   implement parents...
805
806
                    </v-flex>
                  </v-layout>
68d742034   Neeraj Sharma   implement new des...
807
808
809
810
811
812
                </v-flex>
              </v-layout>
            </v-container>
          </v-card-text>
        </v-card>
      </v-dialog>
04165779e   Neeraj Sharma   implement parents...
813

68d742034   Neeraj Sharma   implement new des...
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
      <!-- ****** STUDENTS TABLE ****** -->
      <v-toolbar color="transparent" flat>
        <v-btn
          fab
          dark
          class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"
          small
          @click="addStudentDialog = true"
        >
          <v-icon dark>add</v-icon>
        </v-btn>
        <v-btn
          round
          class="open-dialog-button hidden-sm-only hidden-xs-only"
          dark
          @click="addStudentDialog = true"
        >
          <v-icon class="white--text pr-1" size="20">add</v-icon>Add Student
        </v-btn>
        <v-card-actions class="hidden-xs-only hidden-sm-only">
67a276510   Shikha Mishra   fixed all bugs
834
          <v-flex md13 lg12>
68d742034   Neeraj Sharma   implement new des...
835
            <v-layout>
67a276510   Shikha Mishra   fixed all bugs
836
              <v-flex lg3 md4>
04165779e   Neeraj Sharma   implement parents...
837
838
839
840
841
842
843
844
845
                <v-select
                  :items="addclass"
                  label="Select Class"
                  v-model="selectStudents.select"
                  item-text="classNum"
                  item-value="_id"
                  name="Select Class"
                  :rules="classRules"
                  @change="getSections(selectStudents.select)"
04165779e   Neeraj Sharma   implement parents...
846
                  required
68d742034   Neeraj Sharma   implement new des...
847
                  class="ml-2"
04165779e   Neeraj Sharma   implement parents...
848
                ></v-select>
68d742034   Neeraj Sharma   implement new des...
849
              </v-flex>
67a276510   Shikha Mishra   fixed all bugs
850
              <v-flex lg3 md4 class="ml-2">
68d742034   Neeraj Sharma   implement new des...
851
                <v-layout>
aa8fc5033   Neeraj Sharma   implenment all pa...
852
853
854
855
856
857
858
859
                  <v-select
                    :items="addSection"
                    label="Select Section"
                    v-model="selectStudents.selectSection"
                    item-text="name"
                    item-value="_id"
                    name="Select Section"
                    :rules="sectionRules"
aa8fc5033   Neeraj Sharma   implenment all pa...
860
861
                    required
                  ></v-select>
68d742034   Neeraj Sharma   implement new des...
862
863
864
865
866
867
868
869
870
871
                </v-layout>
              </v-flex>
            </v-layout>
          </v-flex>
        </v-card-actions>
        <v-spacer></v-spacer>
        <v-btn @click="findStudents()" round dark :loading="loading" class="add-button hidden-xs-only hidden-sm-only">Find</v-btn>
        <v-card-title class="body-1" v-show="show">
          <v-btn icon large flat @click="displaySearch">
            <v-avatar size="27">
aa310d61a   Shikha Mishra   added functionali...
872
              <img src="/static/icon/search.png" alt="icon" />
68d742034   Neeraj Sharma   implement new des...
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
            </v-avatar>
          </v-btn>
        </v-card-title>
        <v-flex xs8 sm7 lg2 md3 v-show="showSearch">
          <v-layout>
            <v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>
            <v-icon @click="closeSearch" color="error">close</v-icon>
          </v-layout>
        </v-flex>
      </v-toolbar>
      <v-card flat class="elevation-0 transparent">
        <v-flex class="hidden-xl-only hidden-lg-only hidden-md-only">
          <v-layout>
            <v-flex xs4>
              <label class="right mt-4">Select Class:</label>
aa8fc5033   Neeraj Sharma   implenment all pa...
888
            </v-flex>
68d742034   Neeraj Sharma   implement new des...
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
            <v-flex xs8>
              <v-select
                :items="addclass"
                label="Select Class"
                v-model="selectStudents.select"
                item-text="classNum"
                item-value="_id"
                name="Select Class"
                :rules="classRules"
                @change="getSections(selectStudents.select)"
                class="px-2"
              ></v-select>
            </v-flex>
          </v-layout>
          <v-layout>
            <v-flex xs4>
              <label class="right mt-4">Select Section:</label>
            </v-flex>
            <v-flex xs8>
              <v-select
                :items="addSection"
                label="Select Section"
                v-model="selectStudents.selectSection"
                item-text="name"
                item-value="_id"
                name="Select Section"
                :rules="sectionRules"
                class="px-2"
                required
              ></v-select>
            </v-flex>
          </v-layout>
          <v-layout>
            <v-flex xs5 class="mx-auto mb-2">
              <v-btn @click="findStudents()" block round dark :loading="loading" class="add-button">Find</v-btn>
            </v-flex>
          </v-layout>
        </v-flex>
      </v-card>
      <v-data-table
        :headers="headers"
        :items="studentsData"
        :pagination.sync="pagination"
        :search="search"
      >
        <template slot="items" slot-scope="props">
          <tr class="tr">
            <td class="text-xs-center td td-row">{{ props.item.rollNo}}</td>
            <td class="text-xs-center td td-row">
              <v-avatar size="40">
                <img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" />
                <img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" />
              </v-avatar>
            </td>
            <td class="text-xs-center td td-row">{{ props.item.name}}</td>
            <td class="text-xs-center td td-row">{{ props.item.gender }}</td>
            <td class="text-xs-center td td-row">{{ props.item.parentId.fatherName }}</td>
            <td class="text-xs-center td td-row">{{ props.item.parentId.motherName }}</td>
            <td class="text-xs-center td td-row">{{ props.item.establishmentYear }}</td>
            <td class="text-xs-center td td-row">{{ props.item.mobile}}</td>
            <td class="text-xs-center td td-row">
              <v-switch
                class="pl-3"
                v-model="props.item.status"
                @change="suspendStudentStatus(props.item.status,props.item._id)"
              ></v-switch>
            </td>
            <td class="text-xs-center td td-row">
              <span>
                <v-tooltip top>
                  <img
                    slot="activator"
                    style="cursor:pointer; width:25px; height:25px; "
                    class="mr-3"
                    @click="profile(props.item)"
aa310d61a   Shikha Mishra   added functionali...
964
                    src="/static/icon/view.png"
68d742034   Neeraj Sharma   implement new des...
965
966
967
968
969
970
971
972
973
                  />
                  <span>View</span>
                </v-tooltip>
                <v-tooltip top>
                  <img
                    slot="activator"
                    style="cursor:pointer; width:20px; height:18px; "
                    class="mr-3"
                    @click="editItem(props.item)"
aa310d61a   Shikha Mishra   added functionali...
974
                    src="/static/icon/edit.png"
68d742034   Neeraj Sharma   implement new des...
975
976
977
978
979
980
981
982
983
                  />
                  <span>Edit</span>
                </v-tooltip>
                <v-tooltip top>
                  <img
                    slot="activator"
                    style="cursor:pointer; width:20px; height:20px; "
                    class="mr-3"
                    @click="deleteItem(props.item)"
aa310d61a   Shikha Mishra   added functionali...
984
                    src="/static/icon/delete.png"
68d742034   Neeraj Sharma   implement new des...
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
                  />
                  <span>Delete</span>
                </v-tooltip>
              </span>
            </td>
          </tr>
        </template>
        <v-alert
          slot="no-results"
          :value="true"
          color="error"
          icon="warning"
        >Your search for "{{ search }}" found no results.</v-alert>
      </v-data-table>
      <!-- ****** ADD STUDENTS DETAILS****** -->
      <v-dialog v-model="addStudentDialog" max-width="1280">
        <v-card flat class="card-style pa-2" dark>
          <v-layout>
            <v-flex xs12>
              <label class="title text-xs-center">Add Student</label>
              <v-icon size="24" class="right" @click="addStudentDialog = false">cancel</v-icon>
            </v-flex>
          </v-layout>
04165779e   Neeraj Sharma   implement parents...
1008
          <v-container fluid>
68d742034   Neeraj Sharma   implement new des...
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
            <v-layout align-center>
              <v-flex xs12>
                <v-stepper v-model="e2" flat class="card-style elevation-0" dark>
                  <v-stepper-header>
                    <v-stepper-step :complete="e2 > 1" step="1">Fill parent Details</v-stepper-step>
                    <v-divider></v-divider>
                    <v-stepper-step step="2">Fill Student Details</v-stepper-step>
                  </v-stepper-header>
                  <v-stepper-items>
                    <v-stepper-content step="1">
                      <v-container fluid class>
                        <v-flex xs12 sm12 class="hidden-md-only hidden-lg-only hidden-xl-only">
                          <v-form ref="parentForm" v-model="valid" lazy-validation>
                            <v-layout wrap>
                              <v-flex xs12 sm6>
acab5c7cb   Neeraj Sharma   responsive design...
1024
                                <v-layout wrap>
68d742034   Neeraj Sharma   implement new des...
1025
1026
                                  <v-flex xs12 class="pt-4 subheading">
                                    <label>Father Cell No:</label>
acab5c7cb   Neeraj Sharma   responsive design...
1027
                                  </v-flex>
68d742034   Neeraj Sharma   implement new des...
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
                                  <v-flex xs12>
                                    <v-text-field
                                      v-model.trim="parentData.fatherCellNo"
                                      placeholder="fill your father Cell Number"
                                      type="number"
                                      :rules="fatheCellNoRules"
                                      counter="10"
                                      v-on:keyup="getParentDetails()"
                                      required
                                    ></v-text-field>
acab5c7cb   Neeraj Sharma   responsive design...
1038
1039
                                  </v-flex>
                                </v-layout>
68d742034   Neeraj Sharma   implement new des...
1040
1041
                              </v-flex>
                              <v-flex xs12 sm6>
acab5c7cb   Neeraj Sharma   responsive design...
1042
                                <v-layout wrap>
68d742034   Neeraj Sharma   implement new des...
1043
1044
                                  <v-flex xs12 class="pt-4 subheading">
                                    <label>Parent Email Id:</label>
acab5c7cb   Neeraj Sharma   responsive design...
1045
                                  </v-flex>
68d742034   Neeraj Sharma   implement new des...
1046
1047
1048
1049
1050
1051
1052
                                  <v-flex xs12>
                                    <v-text-field
                                      placeholder="fill Parent email"
                                      v-model="parentData.email"
                                      type="text"
                                      required
                                    ></v-text-field>
acab5c7cb   Neeraj Sharma   responsive design...
1053
1054
                                  </v-flex>
                                </v-layout>
68d742034   Neeraj Sharma   implement new des...
1055
1056
1057
1058
                              </v-flex>
                            </v-layout>
                            <v-layout wrap>
                              <v-flex xs12 sm6>
acab5c7cb   Neeraj Sharma   responsive design...
1059
                                <v-layout wrap>
68d742034   Neeraj Sharma   implement new des...
1060
1061
                                  <v-flex xs12 class="pt-4 subheading">
                                    <label>Father Name:</label>
acab5c7cb   Neeraj Sharma   responsive design...
1062
                                  </v-flex>
68d742034   Neeraj Sharma   implement new des...
1063
1064
1065
1066
1067
1068
                                  <v-flex xs12>
                                    <v-text-field
                                      v-model="parentData.fatherName"
                                      placeholder="Fill your father Name"
                                      required
                                    ></v-text-field>
acab5c7cb   Neeraj Sharma   responsive design...
1069
1070
                                  </v-flex>
                                </v-layout>
68d742034   Neeraj Sharma   implement new des...
1071
1072
                              </v-flex>
                              <v-flex xs12 sm6>
acab5c7cb   Neeraj Sharma   responsive design...
1073
                                <v-layout wrap>
68d742034   Neeraj Sharma   implement new des...
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
                                  <v-flex xs12 class="pt-4 subheading">
                                    <label>Mother Name:</label>
                                  </v-flex>
                                  <v-flex xs12>
                                    <v-text-field
                                      v-model="parentData.motherName"
                                      placeholder="fill your Mother Name"
                                      type="text"
                                      required
                                    ></v-text-field>
acab5c7cb   Neeraj Sharma   responsive design...
1084
1085
                                  </v-flex>
                                </v-layout>
68d742034   Neeraj Sharma   implement new des...
1086
1087
1088
1089
                              </v-flex>
                            </v-layout>
                            <v-layout wrap>
                              <v-flex xs12 sm6>
f4df757fe   Neeraj Sharma   responsive vie in...
1090
                                <v-layout wrap>
68d742034   Neeraj Sharma   implement new des...
1091
1092
                                  <v-flex xs12 class="pt-4 subheading">
                                    <label>Mother Cell No:</label>
aa8fc5033   Neeraj Sharma   implenment all pa...
1093
                                  </v-flex>
68d742034   Neeraj Sharma   implement new des...
1094
1095
1096
1097
1098
1099
1100
                                  <v-flex xs12>
                                    <v-text-field
                                      v-model="parentData.motherCellNo"
                                      placeholder="fill your  Mother Cell Number"
                                      type="number"
                                      required
                                    ></v-text-field>
aa8fc5033   Neeraj Sharma   implenment all pa...
1101
1102
                                  </v-flex>
                                </v-layout>
68d742034   Neeraj Sharma   implement new des...
1103
1104
                              </v-flex>
                              <v-flex xs12 sm6>
f4df757fe   Neeraj Sharma   responsive vie in...
1105
                                <v-layout wrap>
68d742034   Neeraj Sharma   implement new des...
1106
1107
                                  <v-flex xs12 class="pt-4 subheading">
                                    <label>Father Profession:</label>
aa8fc5033   Neeraj Sharma   implenment all pa...
1108
                                  </v-flex>
68d742034   Neeraj Sharma   implement new des...
1109
1110
1111
1112
1113
                                  <v-flex xs12>
                                    <v-text-field
                                      v-model="parentData.fatherProfession"
                                      placeholder="fill your father profession"
                                    ></v-text-field>
aa8fc5033   Neeraj Sharma   implenment all pa...
1114
1115
                                  </v-flex>
                                </v-layout>
68d742034   Neeraj Sharma   implement new des...
1116
1117
1118
1119
                              </v-flex>
                            </v-layout>
                            <v-layout wrap>
                              <v-flex xs12 sm6>
f4df757fe   Neeraj Sharma   responsive vie in...
1120
                                <v-layout wrap>
68d742034   Neeraj Sharma   implement new des...
1121
1122
                                  <v-flex xs12 class="pt-4 subheading">
                                    <label>Mother Profession:</label>
aa8fc5033   Neeraj Sharma   implenment all pa...
1123
                                  </v-flex>
68d742034   Neeraj Sharma   implement new des...
1124
1125
1126
1127
1128
                                  <v-flex xs12>
                                    <v-text-field
                                      v-model="parentData.motherProfession"
                                      placeholder="fill your mother profession"
                                    ></v-text-field>
fc77c38e0   Neeraj Sharma   fixed all task ch...
1129
1130
                                  </v-flex>
                                </v-layout>
68d742034   Neeraj Sharma   implement new des...
1131
                              </v-flex>
11797ea5a   Shikha Mishra   added password field
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
                              <v-flex xs12 sm6>
                                <v-layout wrap>
                                  <v-flex xs12 class="pt-4 subheading">
                                    <label>Password:</label>
                                  </v-flex>
                                  <v-flex xs12>
                                    <v-text-field
                                      v-model="parentData.password"
                                      placeholder="Enter Your Password"
                                    ></v-text-field>
                                  </v-flex>
                                </v-layout>
                              </v-flex>
68d742034   Neeraj Sharma   implement new des...
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
                            </v-layout>
                            <v-flex sm12 class="hidden-xs-only">
                              <v-card-actions>
                                <v-spacer></v-spacer>
                                <v-btn
                                  @click="submitParentDetails"
                                  round
                                  dark
                                  :loading="loading"
                                  v-show="showParent"
                                  class="add-button"
                                >Add</v-btn>
                                <v-btn
                                  v-show="showNext"
                                  @click="e2 = 2"
                                  round
                                  dark
                                  class="add-button"
                                >Next</v-btn>
                              </v-card-actions>
                            </v-flex>
                            <v-flex
                              xs6
                              class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"
                            >
                              <v-btn
                                @click="submitParentDetails"
                                round
                                dark
                                :loading="loading"
                                v-show="showParent"
                                class="add-button"
                              >Add</v-btn>
                              <v-btn
                                v-show="showNext"
                                @click="e2 = 2"
                                round
                                dark
                                class="add-button"
                              >Next</v-btn>
                            </v-flex>
                          </v-form>
                        </v-flex>
                        <v-flex xs12 sm12 class="hidden-xs-only hidden-sm-only">
                          <v-form ref="parentForm" v-model="valid" lazy-validation>
                            <v-layout wrap>
                              <v-flex xs12 sm6>
                                <v-layout>
                                  <v-flex xs4 class="pt-4 subheading">
                                    <label class="right">Father Cell No:</label>
                                  </v-flex>
                                  <v-flex xs8 class="ml-3">
                                    <v-text-field
                                      v-model.trim="parentData.fatherCellNo"
                                      placeholder="fill your father Cell Number"
                                      type="number"
                                      :rules="fatheCellNoRules"
                                      counter="10"
                                      v-on:keyup="getParentDetails()"
                                      required
                                    ></v-text-field>
                                  </v-flex>
                                </v-layout>
                              </v-flex>
                              <v-flex xs12 sm6>
                                <v-layout>
                                  <v-flex xs4 class="pt-4 subheading">
                                    <label class="right">Parent Email Id:</label>
                                  </v-flex>
                                  <v-flex xs8 class="ml-3">
                                    <v-text-field
                                      placeholder="fill Parent email"
                                      v-model="parentData.email"
                                      type="text"
                                      required
                                    ></v-text-field>
fc77c38e0   Neeraj Sharma   fixed all task ch...
1221
                                  </v-flex>
aa8fc5033   Neeraj Sharma   implenment all pa...
1222
                                </v-layout>
68d742034   Neeraj Sharma   implement new des...
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
                              </v-flex>
                            </v-layout>
                            <v-layout wrap>
                              <v-flex xs12 sm6>
                                <v-layout>
                                  <v-flex xs4 class="pt-4 subheading">
                                    <label class="right">Father Name:</label>
                                  </v-flex>
                                  <v-flex xs8 class="ml-3">
                                    <v-text-field
                                      v-model="parentData.fatherName"
                                      placeholder="Fill your father Name"
                                      required
                                    ></v-text-field>
                                  </v-flex>
                                </v-layout>
                              </v-flex>
                              <v-flex xs12 sm6>
                                <v-layout>
                                  <v-flex xs4 class="pt-4 subheading">
                                    <label class="right">Mother Name:</label>
                                  </v-flex>
                                  <v-flex xs8 class="ml-3">
                                    <v-text-field
                                      v-model="parentData.motherName"
                                      placeholder="fill your Mother Name"
                                      type="text"
                                      required
                                    ></v-text-field>
                                  </v-flex>
                                </v-layout>
                              </v-flex>
                            </v-layout>
                            <v-layout wrap>
                              <v-flex xs12 sm6>
                                <v-layout>
                                  <v-flex xs4 class="pt-4 subheading">
                                    <label class="right">Mother Cell No:</label>
                                  </v-flex>
                                  <v-flex xs8 class="ml-3">
                                    <v-text-field
                                      v-model="parentData.motherCellNo"
                                      placeholder="fill your  Mother Cell Number"
                                      type="number"
                                      required
                                    ></v-text-field>
                                  </v-flex>
                                </v-layout>
                              </v-flex>
                              <v-flex xs12 sm6>
                                <v-layout>
                                  <v-flex xs4 class="pt-4 subheading">
                                    <label class="right">Father Profession:</label>
                                  </v-flex>
                                  <v-flex xs8 class="ml-3">
                                    <v-text-field
                                      v-model="parentData.fatherProfession"
                                      placeholder="fill your father profession"
                                    ></v-text-field>
                                  </v-flex>
                                </v-layout>
                              </v-flex>
                            </v-layout>
                            <v-layout wrap>
                              <v-flex xs12 sm6>
                                <v-layout>
                                  <v-flex xs4 class="pt-4 subheading">
                                    <label class="right">Mother Profession:</label>
                                  </v-flex>
                                  <v-flex xs8 class="ml-3">
                                    <v-text-field
                                      v-model="parentData.motherProfession"
                                      placeholder="fill your mother profession"
                                    ></v-text-field>
                                  </v-flex>
                                </v-layout>
                              </v-flex>
11797ea5a   Shikha Mishra   added password field
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
                              <v-flex xs12 sm6>
                                <v-layout>
                                  <v-flex xs4 class="pt-4 subheading">
                                    <label class="right">Password:</label>
                                  </v-flex>
                                  <v-flex xs8 class="ml-3">
                                    <v-text-field
                                      :append-icon="e1 ? 'visibility_off' : 'visibility'"
                                      :append-icon-cb="() => (e1 = !e1)"
                                      :type="e1 ? 'password' : 'text'"
                                      :rules="password"
                                      placeholder="Enter Your Password"
                                      required
                                    ></v-text-field>
                                  </v-flex>
                                </v-layout>
                              </v-flex>
68d742034   Neeraj Sharma   implement new des...
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391
1392
1393
1394
1395
                            </v-layout>
                            <v-flex sm12 class="hidden-xs-only">
                              <v-card-actions>
                                <v-spacer></v-spacer>
                                <v-btn
                                  @click="submitParentDetails"
                                  round
                                  dark
                                  :loading="loading"
                                  v-show="showParent"
                                  class="add-button"
                                >Add</v-btn>
                                <v-btn
                                  v-show="showNext"
                                  @click="e2 = 2"
                                  round
                                  dark
                                  class="add-button"
                                >Next</v-btn>
                              </v-card-actions>
                            </v-flex>
                            <v-flex
                              xs6
                              class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"
                            >
                              <v-btn
                                @click="submitParentDetails"
                                round
                                dark
                                :loading="loading"
                                v-show="showParent"
                                class="add-button"
                              >Add</v-btn>
                              <v-btn
                                v-show="showNext"
                                @click="e2 = 2"
                                round
                                dark
                                class="add-button"
                              >Next</v-btn>
                            </v-flex>
                          </v-form>
                        </v-flex>
                      </v-container>
                    </v-stepper-content>
                    <v-stepper-content step="2">
                      <v-flex xs12 sm12>
                        <v-form ref="form" v-model="valid" lazy-validation>
                          <v-layout>
                            <v-flex
                              xs12
                              class="text-xs-center text-sm-center text-md-center text-lg-center"
                            >
                              <v-avatar size="100px">
                                <img src="/static/icon/user.png" v-if="!imageUrl" />
                              </v-avatar>
                              <input
                                type="file"
                                style="display: none"
                                ref="image"
                                accept="image/*"
                                @change="onFilePicked"
                              />
                              <img
                                :src="imageData.imageUrl"
                                height="150"
                                v-if="imageUrl"
                                style="border-radius:50%; width:200px"
                              />
                            </v-flex>
                          </v-layout>
                          <v-layout wrap>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex x4 sm4 class="pt-4 subheading">
                                  <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
                                  <label
                                    class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                  >Class:</label>
f4df757fe   Neeraj Sharma   responsive vie in...
1396
                                </v-flex>
68d742034   Neeraj Sharma   implement new des...
1397
1398
1399
1400
1401
1402
1403
1404
1405
1406
1407
1408
                                <v-flex xs8 sm8 class="ml-3">
                                  <v-select
                                    :items="addclass"
                                    label="Select Class"
                                    v-model="addStudents.select"
                                    item-text="classNum"
                                    item-value="_id"
                                    name="Select Class"
                                    :rules="classRules"
                                    @change="getSection(addStudents.select)"
                                    required
                                  ></v-select>
f4df757fe   Neeraj Sharma   responsive vie in...
1409
                                </v-flex>
68d742034   Neeraj Sharma   implement new des...
1410
                              </v-layout>
f4df757fe   Neeraj Sharma   responsive vie in...
1411
                            </v-flex>
68d742034   Neeraj Sharma   implement new des...
1412
                            <v-flex xs12 sm6>
0551a0f15   Neeraj Sharma   implemnet functio...
1413
                              <v-layout>
68d742034   Neeraj Sharma   implement new des...
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
1426
1427
1428
1429
1430
1431
1432
1433
1434
1435
1436
1437
1438
1439
1440
1441
1442
1443
1444
1445
1446
1447
1448
1449
1450
1451
1452
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right hidden-xs-only hidden-sm-only">Select Section:</label>
                                  <label
                                    class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                  >Section:</label>
                                </v-flex>
                                <v-flex xs8 class="ml-3">
                                  <v-select
                                    :items="addSection"
                                    label="Select Section"
                                    v-model="addStudents.selectSection"
                                    item-text="name"
                                    item-value="_id"
                                    name="Select Section"
                                    :rules="sectionRules"
                                    required
                                  ></v-select>
                                </v-flex>
                              </v-layout>
                            </v-flex>
                          </v-layout>
                          <v-layout wrap>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 sm4 class="pt-4 subheading">
                                  <label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
                                  <label
                                    class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                  >Name:</label>
                                </v-flex>
                                <v-flex xs8 sm8 class="ml-3">
                                  <v-text-field
                                    v-model="addStudents.name"
                                    placeholder="fill your full Name"
                                    name="name"
                                    type="text"
                                    :rules="nameRules"
                                    required
                                  ></v-text-field>
0551a0f15   Neeraj Sharma   implemnet functio...
1453
1454
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1455
1456
1457
1458
1459
                            </v-flex>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 sm4 class="pt-4 subheading">
                                  <label class="right">Email:</label>
0551a0f15   Neeraj Sharma   implemnet functio...
1460
                                </v-flex>
68d742034   Neeraj Sharma   implement new des...
1461
1462
1463
1464
1465
1466
1467
1468
                                <v-flex xs8 sm8 class="ml-3">
                                  <v-text-field
                                    placeholder="fill your email"
                                    v-model="addStudents.email"
                                    type="text"
                                    name="email"
                                    required
                                  ></v-text-field>
0551a0f15   Neeraj Sharma   implemnet functio...
1469
1470
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1471
1472
1473
1474
1475
1476
1477
1478
1479
1480
                            </v-flex>
                          </v-layout>
                          <v-layout wrap>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 sm4 class="pt-4 subheading">
                                  <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
                                  <label
                                    class="right hidden-lg-only hidden-xl-only hidden-md-only"
                                  >D.O.B:</label>
0551a0f15   Neeraj Sharma   implemnet functio...
1481
                                </v-flex>
68d742034   Neeraj Sharma   implement new des...
1482
1483
1484
1485
1486
1487
1488
1489
1490
1491
1492
1493
1494
1495
1496
1497
1498
1499
1500
1501
1502
1503
1504
1505
1506
1507
                                <v-flex xs8 sm8 class="ml-3">
                                  <v-menu
                                    ref="menu"
                                    :close-on-content-click="false"
                                    v-model="menu"
                                    :nudge-right="40"
                                    lazy
                                    transition="scale-transition"
                                    offset-y
                                    full-width
                                    min-width="290px"
                                  >
                                    <v-text-field
                                      slot="activator"
                                      :rules="dateRules"
                                      v-model="addStudents.date"
                                      placeholder="Select date"
                                    ></v-text-field>
                                    <v-date-picker
                                      ref="picker"
                                      v-model="addStudents.date"
                                      :max="new Date().toISOString().substr(0, 10)"
                                      min="1950-01-01"
                                      @input="menu = false"
                                    ></v-date-picker>
                                  </v-menu>
0551a0f15   Neeraj Sharma   implemnet functio...
1508
1509
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1510
1511
1512
1513
1514
                            </v-flex>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right">City:</label>
0551a0f15   Neeraj Sharma   implemnet functio...
1515
                                </v-flex>
68d742034   Neeraj Sharma   implement new des...
1516
1517
1518
1519
1520
1521
1522
1523
1524
                                <v-flex xs8 class="ml-3">
                                  <v-text-field
                                    v-model="addStudents.city"
                                    placeholder="fill your City Name"
                                    name="City"
                                    type="text"
                                    :rules="cityRules"
                                    required
                                  ></v-text-field>
0551a0f15   Neeraj Sharma   implemnet functio...
1525
1526
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1527
1528
1529
1530
1531
1532
1533
                            </v-flex>
                          </v-layout>
                          <v-layout wrap>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right">State:</label>
0551a0f15   Neeraj Sharma   implemnet functio...
1534
                                </v-flex>
68d742034   Neeraj Sharma   implement new des...
1535
1536
1537
1538
1539
1540
1541
1542
1543
                                <v-flex xs8 class="ml-3">
                                  <v-text-field
                                    v-model="addStudents.state"
                                    placeholder="fill your State Name"
                                    name="state"
                                    type="text"
                                    :rules="stateRules"
                                    required
                                  ></v-text-field>
0551a0f15   Neeraj Sharma   implemnet functio...
1544
1545
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1546
1547
1548
1549
1550
                            </v-flex>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right">Pincode:</label>
0551a0f15   Neeraj Sharma   implemnet functio...
1551
                                </v-flex>
68d742034   Neeraj Sharma   implement new des...
1552
1553
1554
1555
1556
1557
1558
1559
1560
                                <v-flex xs8 class="ml-3">
                                  <v-text-field
                                    v-model="addStudents.pincode"
                                    placeholder="fill your pincode"
                                    name="pincode"
                                    type="number"
                                    :rules="pincode"
                                    required
                                  ></v-text-field>
0551a0f15   Neeraj Sharma   implemnet functio...
1561
1562
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1563
1564
1565
1566
1567
1568
1569
1570
1571
1572
                            </v-flex>
                          </v-layout>
                          <v-layout wrap>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
                                  <label
                                    class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                  >Mobile:</label>
0551a0f15   Neeraj Sharma   implemnet functio...
1573
                                </v-flex>
68d742034   Neeraj Sharma   implement new des...
1574
1575
1576
1577
                                <v-flex xs8 class="ml-3">
                                  <v-text-field
                                    v-model="addStudents.mobile"
                                    placeholder="fill your MobileNo"
68d742034   Neeraj Sharma   implement new des...
1578
1579
                                    name="mobileNo"
                                    type="number"
67a276510   Shikha Mishra   fixed all bugs
1580
                                    
68d742034   Neeraj Sharma   implement new des...
1581
                                  ></v-text-field>
0551a0f15   Neeraj Sharma   implemnet functio...
1582
1583
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1584
1585
1586
1587
1588
1589
1590
1591
                            </v-flex>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
                                  <label
                                    class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                  >Country:</label>
0551a0f15   Neeraj Sharma   implemnet functio...
1592
                                </v-flex>
68d742034   Neeraj Sharma   implement new des...
1593
1594
1595
1596
1597
1598
1599
1600
                                <v-flex xs8 class="ml-3">
                                  <v-autocomplete
                                    v-model="addStudents.country"
                                    :rules="country"
                                    :items="countries"
                                    placeholder="Select Country Name"
                                    required
                                  ></v-autocomplete>
0551a0f15   Neeraj Sharma   implemnet functio...
1601
1602
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1603
1604
1605
1606
1607
1608
1609
                            </v-flex>
                          </v-layout>
                          <v-layout wrap>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right">Gender:</label>
0551a0f15   Neeraj Sharma   implemnet functio...
1610
                                </v-flex>
68d742034   Neeraj Sharma   implement new des...
1611
1612
1613
1614
1615
1616
1617
1618
                                <v-flex xs8 class="ml-3">
                                  <v-select
                                    :items="gender"
                                    v-model="addStudents.gender"
                                    :rules="genderRules"
                                    label="Select Gender"
                                    required
                                  ></v-select>
0551a0f15   Neeraj Sharma   implemnet functio...
1619
1620
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1621
1622
1623
1624
1625
1626
1627
1628
                            </v-flex>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>
                                  <label
                                    class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                  >Blood:</label>
0551a0f15   Neeraj Sharma   implemnet functio...
1629
                                </v-flex>
68d742034   Neeraj Sharma   implement new des...
1630
1631
1632
1633
1634
1635
                                <v-flex xs8 class="ml-3">
                                  <v-text-field
                                    v-model="addStudents.bloodGroup"
                                    placeholder="Fill your Blood Group"
                                    required
                                  ></v-text-field>
0551a0f15   Neeraj Sharma   implemnet functio...
1636
1637
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1638
1639
1640
1641
1642
1643
1644
1645
1646
1647
                            </v-flex>
                          </v-layout>
                          <v-layout wrap>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
                                  <label
                                    class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                  >Roll No:</label>
0551a0f15   Neeraj Sharma   implemnet functio...
1648
                                </v-flex>
68d742034   Neeraj Sharma   implement new des...
1649
1650
1651
1652
1653
1654
                                <v-flex xs8 class="ml-3">
                                  <v-text-field
                                    v-model="addStudents.rollNo"
                                    placeholder="Fill your Roll Number"
                                    required
                                  ></v-text-field>
d9bb52b5b   Neeraj Sharma   implement trello ...
1655
1656
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1657
1658
1659
1660
1661
1662
1663
1664
1665
1666
1667
1668
1669
1670
1671
                            </v-flex>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right hidden-xs-only hidden-sm-only">Medical Notes:</label>
                                  <label
                                    class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                  >Medical:</label>
                                </v-flex>
                                <v-flex xs8 class="ml-3">
                                  <v-text-field
                                    v-model="addStudents.medicalNotes"
                                    placeholder="Fill your Medical Notes"
                                    required
                                  ></v-text-field>
0551a0f15   Neeraj Sharma   implemnet functio...
1672
1673
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1674
1675
1676
1677
1678
1679
1680
1681
1682
1683
1684
1685
1686
1687
1688
1689
1690
1691
1692
1693
1694
1695
1696
1697
1698
1699
1700
1701
1702
1703
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713
1714
1715
1716
1717
1718
1719
1720
1721
1722
1723
1724
1725
1726
1727
1728
1729
1730
1731
1732
1733
1734
1735
1736
1737
1738
1739
1740
1741
1742
1743
1744
1745
1746
1747
1748
1749
1750
1751
1752
1753
1754
1755
1756
1757
1758
1759
1760
1761
1762
1763
1764
1765
1766
1767
1768
1769
1770
1771
1772
1773
1774
1775
1776
1777
1778
1779
1780
1781
1782
1783
1784
1785
1786
1787
1788
                            </v-flex>
                          </v-layout>
                          <v-layout wrap>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right">Height:</label>
                                </v-flex>
                                <v-flex xs8 class="ml-3">
                                  <v-text-field
                                    v-model="addStudents.height"
                                    placeholder="Fill your Height"
                                    required
                                  ></v-text-field>
                                </v-flex>
                              </v-layout>
                            </v-flex>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right">Weight:</label>
                                </v-flex>
                                <v-flex xs8 class="ml-3">
                                  <v-text-field
                                    v-model="addStudents.weight"
                                    placeholder="Fill your Weight"
                                    required
                                  ></v-text-field>
                                </v-flex>
                              </v-layout>
                            </v-flex>
                          </v-layout>
                          <v-layout wrap>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
                                  <label
                                    class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                  >Uplaod :</label>
                                </v-flex>
                                <v-flex xs8 class="ml-3">
                                  <v-text-field
                                    label="Select Image"
                                    @click="pickFile"
                                    v-model="imageName"
                                    append-icon="attach_file"
                                  ></v-text-field>
                                </v-flex>
                              </v-layout>
                            </v-flex>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 class="pt-4 subheading">
                                  <label class="right hidden-xs-only hidden-sm-only">Academic Year:</label>
                                  <label
                                    class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                  >Year:</label>
                                </v-flex>
                                <v-flex xs8 class="ml-3">
                                  <v-text-field
                                    v-model="addStudents.establishmentYear"
                                    placeholder="fill your Academic Year"
                                    name="state"
                                    type="number"
                                    :rules="establishmentYearRules"
                                    required
                                  ></v-text-field>
                                </v-flex>
                              </v-layout>
                            </v-flex>
                          </v-layout>
                          <v-layout wrap class="hidden-xs-only hidden-sm-only">
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 sm4 class="pt-4 subheading">
                                  <label class="right">Present Address:</label>
                                </v-flex>
                                <v-flex xs8 sm8 class="ml-3">
                                  <v-text-field
                                    v-model="addStudents.presentAddress"
                                    :rules="presentAddress"
                                    placeholder="fill Your present Address"
                                    @keyup="copyData"
                                  ></v-text-field>
                                </v-flex>
                              </v-layout>
                            </v-flex>
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 sm4 class="pt-4 subheading addressForm">
                                  <label class="right">Permanent Address:</label>
                                </v-flex>
                                <v-flex xs12 sm8 class="ml-3">
                                  <v-switch
                                    v-model="addStudents.permanentAddress"
                                    label="Select Permanent Address"
                                    :value="addStudents.presentAddress"
                                  ></v-switch>
                                </v-flex>
                              </v-layout>
                            </v-flex>
                          </v-layout>
                          <v-layout class="hidden-xs-only hidden-sm-only">
                            <v-flex xs12 sm6>
                              <v-layout>
                                <v-flex xs4 sm4 class="pt-4 subheading addressForm">
                                  <label class="right">Permanent Address:</label>
                                </v-flex>
                                <v-flex xs12 sm8 class="ml-3">
                                  <v-text-field
                                    v-model="addStudents.permanentAddress"
                                    :rules="permanentAddress"
                                    placeholder="fill Your Permanent Address"
                                  ></v-text-field>
0551a0f15   Neeraj Sharma   implemnet functio...
1789
                                </v-flex>
68d742034   Neeraj Sharma   implement new des...
1790
1791
1792
1793
1794
1795
1796
1797
1798
1799
1800
                              </v-layout>
                            </v-flex>
                          </v-layout>
                          <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
                            <v-flex xs12 sm12>
                              <v-layout>
                                <v-flex xs12 sm12 class="pt-4 subheading text-xs-center">
                                  <label class>Present Address:</label>
                                </v-flex>
                              </v-layout>
                              <v-layout>
0551a0f15   Neeraj Sharma   implemnet functio...
1801
                                <v-flex xs12 sm12>
68d742034   Neeraj Sharma   implement new des...
1802
1803
1804
1805
1806
1807
1808
                                  <v-textarea
                                    name="input-4-3"
                                    v-model="addStudents.presentAddress"
                                    :rules="presentAddress"
                                    placeholder="fill Your present Address"
                                    required
                                  ></v-textarea>
0551a0f15   Neeraj Sharma   implemnet functio...
1809
1810
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1811
1812
                            </v-flex>
                            <v-flex xs12 sm12>
0551a0f15   Neeraj Sharma   implemnet functio...
1813
                              <v-layout>
68d742034   Neeraj Sharma   implement new des...
1814
1815
1816
1817
1818
1819
                                <v-flex
                                  xs12
                                  sm12
                                  class="pt-4 pr-4 subheading text-xs-center addressForm"
                                >
                                  <label>Permanent Address:</label>
0551a0f15   Neeraj Sharma   implemnet functio...
1820
1821
                                </v-flex>
                              </v-layout>
68d742034   Neeraj Sharma   implement new des...
1822
1823
1824
1825
1826
1827
1828
1829
1830
1831
1832
1833
1834
1835
1836
1837
1838
1839
1840
1841
1842
1843
1844
1845
1846
1847
1848
1849
1850
1851
1852
1853
1854
1855
1856
1857
                              <v-layout>
                                <v-flex xs12 sm12>
                                  <v-textarea
                                    name="input-4-3"
                                    v-model="addStudents.permanentAddress"
                                    :rules="permanentAddress"
                                    placeholder="fill Your Permanent Address"
                                    required
                                  ></v-textarea>
                                </v-flex>
                              </v-layout>
                            </v-flex>
                          </v-layout>
                          <v-layout>
                            <v-flex xs12 sm12>
                              <v-layout class="right">
                                <!-- <v-flex xs6> -->
                                <v-btn round dark @click="e2 = 1" class="clear-button">Back</v-btn>
                                <!-- </v-flex>
                                <v-flex xs6>-->
                                <v-btn
                                  @click="submit"
                                  round
                                  dark
                                  :loading="loading"
                                  class="add-button"
                                >Add</v-btn>
                                <!-- </v-flex> -->
                              </v-layout>
                            </v-flex>
                          </v-layout>
                        </v-form>
                      </v-flex>
                    </v-stepper-content>
                  </v-stepper-items>
                </v-stepper>
04165779e   Neeraj Sharma   implement parents...
1858
1859
              </v-flex>
            </v-layout>
b82d0d998   Neeraj Sharma   changes and modif...
1860
          </v-container>
68d742034   Neeraj Sharma   implement new des...
1861
1862
1863
1864
1865
1866
1867
1868
1869
1870
        </v-card>
      </v-dialog>
      <v-snackbar
        :timeout="timeout"
        :top="y === 'top'"
        :right="x === 'right'"
        :vertical="mode === 'vertical'"
        v-model="snackbar"
        :color="color"
      >{{ text }}</v-snackbar>
36fc987df   Neeraj Sharma   add loader in all...
1871
1872
1873
      <div class="loader" v-if="showLoader">
        <v-progress-circular indeterminate color="white"></v-progress-circular>
      </div>
68d742034   Neeraj Sharma   implement new des...
1874
    </v-container>
e3e2a04c6   Neeraj Sharma   first commit
1875
1876
1877
  </template>
  
  <script>
e3e2a04c6   Neeraj Sharma   first commit
1878
  import http from "@/Services/http.js";
506be6fd7   Neeraj Sharma   implemet dyamic i...
1879
  import moment from "moment";
495e4037c   Neeraj Sharma   update
1880
  import countryList from "@/script/country.js";
0cd2fbfba   Neeraj Sharma   implement create ...
1881
  import parent from "@/script/parents.js";
e3e2a04c6   Neeraj Sharma   first commit
1882
1883
  
  export default {
e3e2a04c6   Neeraj Sharma   first commit
1884
    data: () => ({
11797ea5a   Shikha Mishra   added password field
1885
      e1: true,
04165779e   Neeraj Sharma   implement parents...
1886
1887
1888
      e2: 0,
      showParent: true,
      showNext: false,
e3e2a04c6   Neeraj Sharma   first commit
1889
1890
1891
1892
1893
1894
      snackbar: false,
      y: "top",
      x: "right",
      mode: "",
      timeout: 3000,
      text: "",
68d742034   Neeraj Sharma   implement new des...
1895
1896
1897
      show: true,
      color: "",
      showSearch: false,
04165779e   Neeraj Sharma   implement parents...
1898
      showLoader: false,
e3e2a04c6   Neeraj Sharma   first commit
1899
      loading: false,
3815afe8c   Neeraj Sharma   fixed all bugs in...
1900
      editLoading: false,
b82d0d998   Neeraj Sharma   changes and modif...
1901
1902
      date: null,
      search: "",
11797ea5a   Shikha Mishra   added password field
1903
      password: "",
e3e2a04c6   Neeraj Sharma   first commit
1904
      menu: false,
b82d0d998   Neeraj Sharma   changes and modif...
1905
      menu1: false,
68d742034   Neeraj Sharma   implement new des...
1906
1907
1908
      editStudentDialog: false,
      profileStudentDialog: false,
      addStudentDialog: false,
e3e2a04c6   Neeraj Sharma   first commit
1909
      valid: true,
b82d0d998   Neeraj Sharma   changes and modif...
1910
1911
1912
      addclass: [],
      addSection: [],
      gender: ["Male", "Female"],
e3e2a04c6   Neeraj Sharma   first commit
1913
      pagination: {
68d742034   Neeraj Sharma   implement new des...
1914
        rowsPerPage: 10
e3e2a04c6   Neeraj Sharma   first commit
1915
      },
b82d0d998   Neeraj Sharma   changes and modif...
1916
1917
1918
1919
      imageData: {},
      imageName: "",
      imageUrl: "",
      imageFile: "",
3815afe8c   Neeraj Sharma   fixed all bugs in...
1920
1921
      editImageName: "",
      editImageUrl: "",
e3e2a04c6   Neeraj Sharma   first commit
1922
      nameRules: [v => !!v || " Full Name is required"],
b82d0d998   Neeraj Sharma   changes and modif...
1923
1924
1925
1926
      dateRules: [v => !!v || " DOB is required"],
      cityRules: [v => !!v || " City Name is required"],
      pincode: [v => !!v || " Pincode is required"],
      country: [v => !!v || " Country Name is required"],
11797ea5a   Shikha Mishra   added password field
1927
      rollNo: [v => !!v || "Roll No is required"],
b82d0d998   Neeraj Sharma   changes and modif...
1928
1929
      permanentAddress: [v => !!v || " Permanent Address is required"],
      presentAddress: [v => !!v || " Present Address  is required"],
b82d0d998   Neeraj Sharma   changes and modif...
1930
1931
      stateRules: [v => !!v || "State Name is required"],
      classRules: [v => !!v || " Class Name is required"],
04165779e   Neeraj Sharma   implement parents...
1932
      sectionRules: [v => !!v || " Section Name is required"],
b82d0d998   Neeraj Sharma   changes and modif...
1933
      genderRules: [v => !!v || " Select Gender is required"],
f6200ce53   Neeraj Sharma   send number via a...
1934
1935
1936
1937
      fatheCellNoRules: [
        v => !!v || " father Cell Number  is required",
        v => v <= 10000000000 || "Max 10 characters is required"
      ],
11797ea5a   Shikha Mishra   added password field
1938
1939
1940
1941
      password: [
        v => !!v || "Password field is Required.",
        v => (/^(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])(?=.{8,})/).test(v) && v.length >= 8 
      ],
4efdca564   Neeraj Sharma   solve bugs parent...
1942
      mobileNoRule: [v => !!v || " Mobile Number is required"],
b82d0d998   Neeraj Sharma   changes and modif...
1943
1944
      establishmentYearRules: [v => !!v || " Academic Year  is required"],
      errorMessages: "",
495e4037c   Neeraj Sharma   update
1945
      countries: [],
e3e2a04c6   Neeraj Sharma   first commit
1946
1947
      headers: [
        {
5d32331fa   Neeraj Sharma   fix student list ...
1948
          text: "Roll No.",
e3e2a04c6   Neeraj Sharma   first commit
1949
1950
          align: "center",
          sortable: false,
5d32331fa   Neeraj Sharma   fix student list ...
1951
          value: "rollNo"
e3e2a04c6   Neeraj Sharma   first commit
1952
        },
04165779e   Neeraj Sharma   implement parents...
1953
1954
1955
1956
1957
1958
        {
          text: "Profile Pic",
          value: "profilePicUrl",
          sortable: false,
          align: "center"
        },
e3e2a04c6   Neeraj Sharma   first commit
1959
        { text: "Name", value: "name", sortable: false, align: "center" },
b82d0d998   Neeraj Sharma   changes and modif...
1960
        { text: "Gender", value: "gender", sortable: false, align: "center" },
04165779e   Neeraj Sharma   implement parents...
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
1971
1972
1973
1974
1975
1976
1977
1978
        {
          text: "Father Name",
          value: "fatherName",
          sortable: false,
          align: "center"
        },
        {
          text: "Mother Name",
          value: "motherName",
          sortable: false,
          align: "center"
        },
        {
          text: "Academic Year",
          value: "establishmentYear",
          sortable: false,
          align: "center"
        },
b82d0d998   Neeraj Sharma   changes and modif...
1979
        { text: "Mobile No", value: "mobile", sortable: false, align: "center" },
200c2d171   Neeraj Sharma   implement change ...
1980
1981
1982
1983
1984
1985
        {
          text: "Status",
          value: "status",
          sortable: false,
          align: "center"
        },
b82d0d998   Neeraj Sharma   changes and modif...
1986
        { text: "Action", value: "", sortable: false, align: "center" }
e3e2a04c6   Neeraj Sharma   first commit
1987
      ],
68d742034   Neeraj Sharma   implement new des...
1988
      studentsData: [],
04165779e   Neeraj Sharma   implement parents...
1989
      parentId: "",
e3e2a04c6   Neeraj Sharma   first commit
1990
      editedIndex: -1,
04165779e   Neeraj Sharma   implement parents...
1991
      parentData: {},
b82d0d998   Neeraj Sharma   changes and modif...
1992
1993
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004
      addStudents: {
        role: "STUDENT",
        name: "",
        email: "",
        date: "",
        city: "",
        pincode: "",
        country: "",
        permanentAddress: "",
        presentAddress: "",
        mobile: "",
        state: "",
        gender: "",
b82d0d998   Neeraj Sharma   changes and modif...
2005
2006
        select: "",
        selectSection: "",
04165779e   Neeraj Sharma   implement parents...
2007
2008
2009
2010
2011
        bloodGroup: "",
        allergies: "",
        medicalNotes: "",
        height: "",
        weight: "",
af4cbc7be   Neeraj Sharma   add field roll nu...
2012
        rollNo: "",
b82d0d998   Neeraj Sharma   changes and modif...
2013
2014
        establishmentYear: new Date().getFullYear()
      },
04165779e   Neeraj Sharma   implement parents...
2015
      selectStudents: {
99ffa9511   Neeraj Sharma   add ,view, and ed...
2016
        select: "",
04165779e   Neeraj Sharma   implement parents...
2017
2018
        selectSection: ""
      },
e3e2a04c6   Neeraj Sharma   first commit
2019
2020
2021
2022
      editedItem: {
        role: "STUDENT",
        name: "",
        email: "",
506be6fd7   Neeraj Sharma   implemet dyamic i...
2023
        dob: "",
b82d0d998   Neeraj Sharma   changes and modif...
2024
2025
2026
2027
2028
2029
2030
2031
        city: "",
        pincode: "",
        country: "",
        permanentAddress: "",
        presentAddress: "",
        mobile: "",
        state: "",
        gender: "",
b82d0d998   Neeraj Sharma   changes and modif...
2032
2033
        select: "",
        selectSection: "",
04165779e   Neeraj Sharma   implement parents...
2034
2035
2036
2037
2038
        bloodGroup: "",
        allergies: "",
        medicalNotes: "",
        height: "",
        weight: "",
af4cbc7be   Neeraj Sharma   add field roll nu...
2039
        rollNo: "",
b82d0d998   Neeraj Sharma   changes and modif...
2040
        establishmentYear: new Date().getFullYear()
79583580d   Neeraj Sharma   implement task ma...
2041
      }
e3e2a04c6   Neeraj Sharma   first commit
2042
    }),
b82d0d998   Neeraj Sharma   changes and modif...
2043
2044
2045
    watch: {
      menu(val) {
        val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
e3e2a04c6   Neeraj Sharma   first commit
2046
      },
b82d0d998   Neeraj Sharma   changes and modif...
2047
2048
      menu1(val) {
        val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
e3e2a04c6   Neeraj Sharma   first commit
2049
      }
b82d0d998   Neeraj Sharma   changes and modif...
2050
2051
    },
    methods: {
04165779e   Neeraj Sharma   implement parents...
2052
2053
2054
2055
2056
2057
2058
2059
2060
      findStudents() {
        this.showLoader = true;
        http()
          .get("/getStudentWithClass", {
            params: {
              classId: this.selectStudents.select,
              sectionId: this.selectStudents.selectSection
            }
          })
506be6fd7   Neeraj Sharma   implemet dyamic i...
2061
          .then(response => {
68d742034   Neeraj Sharma   implement new des...
2062
            this.studentsData = response.data.data;
506be6fd7   Neeraj Sharma   implemet dyamic i...
2063
            this.showLoader = false;
506be6fd7   Neeraj Sharma   implemet dyamic i...
2064
2065
2066
2067
2068
2069
          })
          .catch(err => {
            console.log("err====>", err);
            this.showLoader = false;
          });
      },
b82d0d998   Neeraj Sharma   changes and modif...
2070
2071
      getSections(_id) {
        var token = this.$store.state.token;
79583580d   Neeraj Sharma   implement task ma...
2072
        this.showLoader = true;
b82d0d998   Neeraj Sharma   changes and modif...
2073
2074
2075
2076
2077
2078
2079
2080
2081
2082
        http()
          .get(
            "/getSectionsList",
            { params: { classId: _id } },
            {
              headers: { Authorization: "Bearer " + token }
            }
          )
          .then(response => {
            this.addSection = response.data.data;
79583580d   Neeraj Sharma   implement task ma...
2083
            this.showLoader = false;
b82d0d998   Neeraj Sharma   changes and modif...
2084
2085
          })
          .catch(err => {
79583580d   Neeraj Sharma   implement task ma...
2086
            this.showLoader = false;
b82d0d998   Neeraj Sharma   changes and modif...
2087
2088
          });
      },
79006bdcb   Neeraj Sharma   uplaod images all...
2089
2090
      getSection(_id) {
        var token = this.$store.state.token;
79583580d   Neeraj Sharma   implement task ma...
2091
        this.showLoader = true;
79006bdcb   Neeraj Sharma   uplaod images all...
2092
2093
2094
2095
2096
2097
2098
2099
2100
2101
        http()
          .get(
            "/getSectionsList",
            { params: { classId: _id } },
            {
              headers: { Authorization: "Bearer " + token }
            }
          )
          .then(response => {
            this.addSection = response.data.data;
79583580d   Neeraj Sharma   implement task ma...
2102
            this.showLoader = false;
79006bdcb   Neeraj Sharma   uplaod images all...
2103
2104
          })
          .catch(err => {
79583580d   Neeraj Sharma   implement task ma...
2105
            this.showLoader = false;
79006bdcb   Neeraj Sharma   uplaod images all...
2106
2107
          });
      },
b82d0d998   Neeraj Sharma   changes and modif...
2108
2109
2110
      pickFile() {
        this.$refs.image.click();
      },
3815afe8c   Neeraj Sharma   fixed all bugs in...
2111
2112
2113
      pickEditFile() {
        this.$refs.editDataImage.click();
      },
506be6fd7   Neeraj Sharma   implemet dyamic i...
2114
2115
2116
      dates: function(date) {
        return moment(date).format("MMMM DD, YYYY");
      },
b82d0d998   Neeraj Sharma   changes and modif...
2117
2118
2119
2120
2121
2122
2123
2124
2125
2126
2127
2128
2129
2130
2131
      onFilePicked(e) {
        // console.log(e)
        const files = e.target.files;
        this.imageData.upload = e.target.files[0];
        if (files[0] !== undefined) {
          this.imageName = files[0].name;
          if (this.imageName.lastIndexOf(".") <= 0) {
            return;
          }
          const fr = new FileReader();
          fr.readAsDataURL(files[0]);
          fr.addEventListener("load", () => {
            this.imageUrl = fr.result;
            this.imageFile = files[0]; // this is an image file that can be sent to server...
            this.imageData.imageUrl = URL.createObjectURL(this.imageFile);
b82d0d998   Neeraj Sharma   changes and modif...
2132
2133
2134
2135
2136
2137
2138
          });
        } else {
          this.imageName = "";
          this.imageFile = "";
          this.imageUrl = "";
        }
      },
3815afe8c   Neeraj Sharma   fixed all bugs in...
2139
2140
2141
2142
2143
2144
2145
2146
2147
2148
2149
2150
2151
2152
2153
2154
2155
2156
2157
2158
2159
      onEditFilePicked(e) {
        console.log(e);
        const files = e.target.files;
        if (files[0] !== undefined) {
          this.editImageName = files[0].name;
          console.log("this.editImageName", this.editImageName);
  
          if (this.editImageName.lastIndexOf(".") <= 0) {
            return;
          }
          const fr = new FileReader();
          fr.readAsDataURL(files[0]);
          fr.addEventListener("load", () => {
            this.editImageUrl = fr.result;
            this.editiImageFile = files[0]; // this is an image file that can be sent to server...
          });
        } else {
          this.editImageName = "";
          this.editiImageFile = "";
        }
      },
e3e2a04c6   Neeraj Sharma   first commit
2160
      editItem(item) {
68d742034   Neeraj Sharma   implement new des...
2161
        this.editedIndex = this.studentsData.indexOf(item);
e3e2a04c6   Neeraj Sharma   first commit
2162
        this.editedItem = Object.assign({}, item);
a354eff46   Neeraj Sharma   fix changes
2163
2164
2165
2166
        this.editedItem.fatherName = item.parentId.fatherName;
        this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
        this.editedItem.motherName = item.parentId.motherName;
        this.editedItem.motherCellNo = item.parentId.motherCellNo;
04165779e   Neeraj Sharma   implement parents...
2167
2168
2169
2170
        this.editedItem.dob =
          this.editedItem.dob != undefined
            ? (this.editedItem.dob = this.editedItem.dob.substring(0, 10))
            : (this.editedItem.dob = "");
68d742034   Neeraj Sharma   implement new des...
2171
        this.editStudentDialog = true;
e3e2a04c6   Neeraj Sharma   first commit
2172
2173
      },
      profile(item) {
68d742034   Neeraj Sharma   implement new des...
2174
        this.editedIndex = this.studentsData.indexOf(item);
e3e2a04c6   Neeraj Sharma   first commit
2175
        this.editedItem = Object.assign({}, item);
a354eff46   Neeraj Sharma   fix changes
2176
2177
2178
2179
        this.editedItem.fatherName = item.parentId.fatherName;
        this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
        this.editedItem.motherName = item.parentId.motherName;
        this.editedItem.motherCellNo = item.parentId.motherCellNo;
68d742034   Neeraj Sharma   implement new des...
2180
        this.profileStudentDialog = true;
e3e2a04c6   Neeraj Sharma   first commit
2181
      },
e3e2a04c6   Neeraj Sharma   first commit
2182
2183
2184
2185
2186
      deleteItem(item) {
        let deleteStudent = {
          studentId: item._id
        };
        http()
b82d0d998   Neeraj Sharma   changes and modif...
2187
2188
2189
2190
2191
2192
          .delete(
            "/deleteStudent",
            confirm("Are you sure you want to delete this?") && {
              params: deleteStudent
            }
          )
e3e2a04c6   Neeraj Sharma   first commit
2193
          .then(response => {
9c887fee0   Neeraj Sharma   changes
2194
            this.snackbar = true;
68d742034   Neeraj Sharma   implement new des...
2195
2196
            this.text = response.data.message;
            this.color = "green";
3815afe8c   Neeraj Sharma   fixed all bugs in...
2197
            this.findStudents();
e3e2a04c6   Neeraj Sharma   first commit
2198
2199
          })
          .catch(error => {
68d742034   Neeraj Sharma   implement new des...
2200
2201
2202
            this.snackbar = true;
            this.text = error.response.data.message;
            this.color = "error";
e3e2a04c6   Neeraj Sharma   first commit
2203
2204
          });
      },
e3e2a04c6   Neeraj Sharma   first commit
2205
      close() {
68d742034   Neeraj Sharma   implement new des...
2206
        this.editStudentDialog = false;
e3e2a04c6   Neeraj Sharma   first commit
2207
      },
68d742034   Neeraj Sharma   implement new des...
2208
2209
      closeStudentProfile() {
        this.profileStudentDialog = false;
e3e2a04c6   Neeraj Sharma   first commit
2210
      },
d9bb52b5b   Neeraj Sharma   implement trello ...
2211
2212
2213
      copyData() {
        this.addStudents.permanentAddress = this.addStudents.presentAddress;
      },
e3e2a04c6   Neeraj Sharma   first commit
2214
2215
      submit() {
        if (this.$refs.form.validate()) {
1c1942362   Neeraj Sharma   commit code Schoo...
2216
          let addStudent = {
04165779e   Neeraj Sharma   implement parents...
2217
            parentId: this.parentId,
b82d0d998   Neeraj Sharma   changes and modif...
2218
2219
2220
2221
2222
2223
2224
2225
2226
            name: this.addStudents.name,
            email: this.addStudents.email,
            role: this.addStudents.role,
            dob: this.addStudents.date,
            city: this.addStudents.city,
            pincode: this.addStudents.pincode,
            country: this.addStudents.country,
            permanentAddress: this.addStudents.permanentAddress,
            presentAddress: this.addStudents.presentAddress,
4efdca564   Neeraj Sharma   solve bugs parent...
2227
            mobile: this.addStudents.mobile,
b82d0d998   Neeraj Sharma   changes and modif...
2228
2229
            state: this.addStudents.state,
            gender: this.addStudents.gender,
b82d0d998   Neeraj Sharma   changes and modif...
2230
2231
2232
            establishmentYear: this.addStudents.establishmentYear,
            classId: this.addStudents.select,
            sectionId: this.addStudents.selectSection,
04165779e   Neeraj Sharma   implement parents...
2233
            bloodGroup: this.addStudents.bloodGroup,
04165779e   Neeraj Sharma   implement parents...
2234
2235
            medicalNotes: this.addStudents.medicalNotes,
            height: this.addStudents.height,
af4cbc7be   Neeraj Sharma   add field roll nu...
2236
2237
            weight: this.addStudents.weight,
            rollNo: this.addStudents.rollNo
e3e2a04c6   Neeraj Sharma   first commit
2238
          };
ebe04cc1d   Neeraj Sharma   solve issue uploa...
2239
2240
2241
          if (this.imageUrl) {
            var str = this.imageUrl;
            const [baseUrl, imageUrl] = str.split(/,/);
ebe04cc1d   Neeraj Sharma   solve issue uploa...
2242
2243
            addStudent.upload = imageUrl;
          }
5f1d4b444   Neeraj Sharma   fix design and fi...
2244
          this.loading = true;
e3e2a04c6   Neeraj Sharma   first commit
2245
          http()
1c1942362   Neeraj Sharma   commit code Schoo...
2246
            .post("/createStudent", addStudent)
e3e2a04c6   Neeraj Sharma   first commit
2247
            .then(response => {
4430dd671   Neeraj Sharma   somethings change...
2248
2249
              this.snackbar = true;
              this.text = "New Student added successfully";
404356387   Neeraj Sharma   fixed snackbar co...
2250
              this.color = "green";
68d742034   Neeraj Sharma   implement new des...
2251
              this.addStudentDialog = false;
b82d0d998   Neeraj Sharma   changes and modif...
2252
              this.clear();
3815afe8c   Neeraj Sharma   fixed all bugs in...
2253
              this.clearParents();
5f1d4b444   Neeraj Sharma   fix design and fi...
2254
              this.loading = false;
e3e2a04c6   Neeraj Sharma   first commit
2255
2256
            })
            .catch(error => {
9c887fee0   Neeraj Sharma   changes
2257
2258
              this.snackbar = true;
              this.text = error.response.data.message;
404356387   Neeraj Sharma   fixed snackbar co...
2259
              this.color = "error";
5f1d4b444   Neeraj Sharma   fix design and fi...
2260
              this.loading = false;
e3e2a04c6   Neeraj Sharma   first commit
2261
2262
2263
            });
        }
      },
e3e2a04c6   Neeraj Sharma   first commit
2264
2265
      clear() {
        this.$refs.form.reset();
0551a0f15   Neeraj Sharma   implemnet functio...
2266
        this.imageUrl = "";
e3e2a04c6   Neeraj Sharma   first commit
2267
      },
3815afe8c   Neeraj Sharma   fixed all bugs in...
2268
2269
2270
      clearParents() {
        this.$refs.parentForm.reset();
      },
e3e2a04c6   Neeraj Sharma   first commit
2271
      save() {
1c1942362   Neeraj Sharma   commit code Schoo...
2272
        let editStudent = {
04165779e   Neeraj Sharma   implement parents...
2273
2274
2275
2276
2277
2278
2279
2280
2281
2282
          studentId: this.editedItem._id,
          name: this.editedItem.name,
          email: this.editedItem.email,
          role: this.editedItem.role,
          dob: this.editedItem.dob,
          city: this.editedItem.city,
          pincode: this.editedItem.pincode,
          country: this.editedItem.country,
          permanentAddress: this.editedItem.permanentAddress,
          presentAddress: this.editedItem.presentAddress,
4efdca564   Neeraj Sharma   solve bugs parent...
2283
          mobile: this.editedItem.mobile,
04165779e   Neeraj Sharma   implement parents...
2284
2285
          state: this.editedItem.state,
          gender: this.editedItem.gender,
04165779e   Neeraj Sharma   implement parents...
2286
2287
2288
2289
          establishmentYear: this.editedItem.establishmentYear,
          classId: this.editedItem.select,
          sectionId: this.editedItem.selectSection,
          bloodGroup: this.editedItem.bloodGroup,
04165779e   Neeraj Sharma   implement parents...
2290
2291
          medicalNotes: this.editedItem.medicalNotes,
          height: this.editedItem.height,
af4cbc7be   Neeraj Sharma   add field roll nu...
2292
2293
          weight: this.editedItem.weight,
          rollNo: this.editedItem.rollNo
04165779e   Neeraj Sharma   implement parents...
2294
        };
3815afe8c   Neeraj Sharma   fixed all bugs in...
2295
2296
2297
2298
        if (this.editImageUrl) {
          var str = this.editImageUrl;
          const [baseUrl, editImageUrl] = str.split(/,/);
          editStudent.upload = editImageUrl;
04165779e   Neeraj Sharma   implement parents...
2299
        }
3815afe8c   Neeraj Sharma   fixed all bugs in...
2300
        this.editLoading = true;
e3e2a04c6   Neeraj Sharma   first commit
2301
        http()
1c1942362   Neeraj Sharma   commit code Schoo...
2302
          .put("/updateStudent", editStudent)
e3e2a04c6   Neeraj Sharma   first commit
2303
          .then(response => {
0551a0f15   Neeraj Sharma   implemnet functio...
2304
            this.snackbar = true;
4430dd671   Neeraj Sharma   somethings change...
2305
            this.text = response.data.message;
404356387   Neeraj Sharma   fixed snackbar co...
2306
            this.color = "green";
0551a0f15   Neeraj Sharma   implemnet functio...
2307
            this.imageUrl = "";
506be6fd7   Neeraj Sharma   implemet dyamic i...
2308
            this.findStudents();
99ffa9511   Neeraj Sharma   add ,view, and ed...
2309
            this.close();
3815afe8c   Neeraj Sharma   fixed all bugs in...
2310
            this.editLoading = false;
e3e2a04c6   Neeraj Sharma   first commit
2311
2312
          })
          .catch(error => {
4430dd671   Neeraj Sharma   somethings change...
2313
2314
            this.snackbar = true;
            this.text = error.response.data.statusText;
404356387   Neeraj Sharma   fixed snackbar co...
2315
            this.color = "error";
3815afe8c   Neeraj Sharma   fixed all bugs in...
2316
            this.editLoading = false;
e3e2a04c6   Neeraj Sharma   first commit
2317
          });
e3e2a04c6   Neeraj Sharma   first commit
2318
      },
04165779e   Neeraj Sharma   implement parents...
2319
2320
      submitParentDetails() {
        if (this.$refs.parentForm.validate()) {
4efdca564   Neeraj Sharma   solve bugs parent...
2321
2322
          this.parentData.fatherCellNo = this.parentData.fatherCellNo;
          this.parentData.motherCellNo = this.parentData.motherCellNo;
04165779e   Neeraj Sharma   implement parents...
2323
2324
2325
2326
2327
2328
          let addparentDetails = {
            email: this.parentData.email,
            fatherName: this.parentData.fatherName,
            fatherCellNo: this.parentData.fatherCellNo,
            motherName: this.parentData.motherName,
            motherCellNo: this.parentData.motherCellNo,
3ce6253e2   Neeraj Sharma   pass the value mo...
2329
2330
            fatherProfession: this.parentData.fatherProfession,
            motherProfession: this.parentData.motherProfession,
11797ea5a   Shikha Mishra   added password field
2331
            password: this.parentData.password,
04165779e   Neeraj Sharma   implement parents...
2332
2333
2334
2335
2336
2337
2338
2339
            role: "PARENT"
          };
          this.loading = true;
          http()
            .post("/createParent", addparentDetails)
            .then(response => {
              this.parentId = response.data.data.id;
              this.e2 = 2;
4430dd671   Neeraj Sharma   somethings change...
2340
              this.snackbar = true;
404356387   Neeraj Sharma   fixed snackbar co...
2341
2342
              this.text = response.data.message;
              this.color = "green";
04165779e   Neeraj Sharma   implement parents...
2343
2344
2345
2346
2347
              // this.getStudentList();
              this.clear();
              this.loading = false;
            })
            .catch(error => {
4430dd671   Neeraj Sharma   somethings change...
2348
2349
              this.snackbar = true;
              this.text = error.response.data.message;
68d742034   Neeraj Sharma   implement new des...
2350
              this.color = "error";
404356387   Neeraj Sharma   fixed snackbar co...
2351
2352
2353
              if (error.response.data.statusText) {
                this.text = error.response.data.statusText;
              }
04165779e   Neeraj Sharma   implement parents...
2354
2355
2356
2357
2358
              this.loading = false;
            });
        }
      },
      getParentDetails() {
fc77c38e0   Neeraj Sharma   fixed all task ch...
2359
        if (this.parentData.fatherCellNo.length > 9) {
d9bb52b5b   Neeraj Sharma   implement trello ...
2360
          this.showLoader = true;
04165779e   Neeraj Sharma   implement parents...
2361
2362
          http()
            .get("getParticularParent", {
fc77c38e0   Neeraj Sharma   fixed all task ch...
2363
              params: { fatherCellNo: this.parentData.fatherCellNo },
04165779e   Neeraj Sharma   implement parents...
2364
2365
2366
2367
2368
2369
2370
2371
2372
              headers: {
                Authorization: "Bearer " + this.$store.state.token
              }
            })
            .then(response => {
              this.showNext = true;
              this.showParent = false;
              this.parentData = response.data.data;
              this.parentId = response.data.data._id;
d9bb52b5b   Neeraj Sharma   implement trello ...
2373
              this.showLoader = false;
04165779e   Neeraj Sharma   implement parents...
2374
2375
2376
            })
            .catch(error => {
              console.log("err====>", error.response.data.message);
d9bb52b5b   Neeraj Sharma   implement trello ...
2377
2378
              this.text = error.response.data.message;
              this.snackbar = true;
4efdca564   Neeraj Sharma   solve bugs parent...
2379
2380
2381
2382
2383
2384
2385
2386
2387
              if (this.text === "Data not found!") {
                this.showNext = false;
                this.showParent = true;
                this.parentData.email = "";
                this.parentData.fatherName = "";
                this.parentData.motherName = "";
                this.parentData.motherCellNo = "";
                this.parentData.fatherProfession = "";
                this.parentData.motherProfession = "";
11797ea5a   Shikha Mishra   added password field
2388
                this.parentData.password = "";
4efdca564   Neeraj Sharma   solve bugs parent...
2389
              }
d9bb52b5b   Neeraj Sharma   implement trello ...
2390
              this.showLoader = false;
04165779e   Neeraj Sharma   implement parents...
2391
2392
            });
        }
200c2d171   Neeraj Sharma   implement change ...
2393
2394
2395
2396
2397
2398
2399
2400
2401
      },
      suspendStudentStatus(status, id) {
        let suspendStudentData = {
          studentId: id,
          status: status
        };
        http()
          .put("/suspendStudentAccount", suspendStudentData)
          .then(response => {
ba223fa18   Neeraj Sharma   implement change ...
2402
            this.findStudents();
200c2d171   Neeraj Sharma   implement change ...
2403
            this.text = response.data.message;
404356387   Neeraj Sharma   fixed snackbar co...
2404
            this.color = "green";
200c2d171   Neeraj Sharma   implement change ...
2405
2406
2407
            this.snackbar = true;
          })
          .catch(error => {
ba223fa18   Neeraj Sharma   implement change ...
2408
            this.snackbar = true;
404356387   Neeraj Sharma   fixed snackbar co...
2409
            this.color = "error";
200c2d171   Neeraj Sharma   implement change ...
2410
2411
            this.text = error.response.data.message;
          });
68d742034   Neeraj Sharma   implement new des...
2412
2413
2414
2415
2416
2417
2418
2419
      },
      displaySearch() {
        (this.show = false), (this.showSearch = true);
      },
      closeSearch() {
        this.showSearch = false;
        this.show = true;
        this.search = "";
e3e2a04c6   Neeraj Sharma   first commit
2420
2421
2422
      }
    },
    mounted() {
495e4037c   Neeraj Sharma   update
2423
2424
      const getCountryList = countryList();
      this.countries = getCountryList;
b82d0d998   Neeraj Sharma   changes and modif...
2425
2426
2427
2428
2429
2430
2431
      var token = this.$store.state.token;
      http()
        .get("/getClassesList", {
          headers: { Authorization: "Bearer " + token }
        })
        .then(response => {
          this.addclass = response.data.data;
b82d0d998   Neeraj Sharma   changes and modif...
2432
        })
00e4bc4e1   Neeraj Sharma   fixed auntentication
2433
2434
2435
2436
2437
2438
2439
2440
        .catch(error => {
          this.showLoader = false;
          if (error.response.status === 401) {
            this.$router.replace({ path: "/" });
            this.$store.dispatch("setToken", null);
            this.$store.dispatch("Id", null);
            this.$store.dispatch("Role", null);
          }
b82d0d998   Neeraj Sharma   changes and modif...
2441
        });
e3e2a04c6   Neeraj Sharma   first commit
2442
2443
2444
2445
    }
  };
  </script>
  <style scoped>
e3e2a04c6   Neeraj Sharma   first commit
2446
  .active {
687e0b929   Neeraj Sharma   add user,attenden...
2447
    background-color: gray;
e3e2a04c6   Neeraj Sharma   first commit
2448
2449
2450
2451
2452
    color: white !important;
  }
  .activebtn {
    color: black !important;
  }
e3e2a04c6   Neeraj Sharma   first commit
2453
  </style>