Blame view

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