Blame view

src/pages/Students/students.vue 99.5 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
                        <v-layout>
                          <v-flex xs4 class="pt-4 subheading">
0721aca93   Neeraj Sharma   solve bugs in sub...
135
136
                            <label class="right hidden-xs-only hidden-sm-only">Email Id:</label>
                            <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Email:</label>
b82d0d998   Neeraj Sharma   changes and modif...
137
138
139
140
141
142
143
144
145
146
147
148
                          </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...
149
                      <v-flex xs12 sm4>
b82d0d998   Neeraj Sharma   changes and modif...
150
151
                        <v-layout>
                          <v-flex xs4 class="pt-4 subheading">
aa8fc5033   Neeraj Sharma   implenment all pa...
152
153
                            <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...
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
                          </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...
169
170
                                v-model="editedItem.dob"
                                placeholder="Select Dob"
b82d0d998   Neeraj Sharma   changes and modif...
171
172
173
                              ></v-text-field>
                              <v-date-picker
                                ref="picker"
506be6fd7   Neeraj Sharma   implemet dyamic i...
174
                                v-model="editedItem.dob"
b82d0d998   Neeraj Sharma   changes and modif...
175
176
177
178
179
180
181
182
                                :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...
183
                      <v-flex xs12 sm4>
b82d0d998   Neeraj Sharma   changes and modif...
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
                        <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...
200
                    <v-layout>
99ffa9511   Neeraj Sharma   add ,view, and ed...
201
202
203
                      <v-flex xs12 sm4>
                        <v-layout>
                          <v-flex xs4 class="pt-4 subheading">
aa8fc5033   Neeraj Sharma   implenment all pa...
204
205
                            <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...
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
                          </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">
0721aca93   Neeraj Sharma   solve bugs in sub...
221
                            <label class="right">Gender:</label>
99ffa9511   Neeraj Sharma   add ,view, and ed...
222
223
                          </v-flex>
                          <v-flex xs8 class="ml-3">
0721aca93   Neeraj Sharma   solve bugs in sub...
224
225
226
227
                            <v-select
                              :items="gender"
                              v-model="editedItem.gender"
                              placeholder="Select Gender"
99ffa9511   Neeraj Sharma   add ,view, and ed...
228
                              required
0721aca93   Neeraj Sharma   solve bugs in sub...
229
                            ></v-select>
99ffa9511   Neeraj Sharma   add ,view, and ed...
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
                          </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...
249
                    <v-layout>
99ffa9511   Neeraj Sharma   add ,view, and ed...
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
283
                      <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...
284
                            <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
0cd2fbfba   Neeraj Sharma   implement create ...
285
                            <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label>
99ffa9511   Neeraj Sharma   add ,view, and ed...
286
287
288
289
290
291
292
293
294
295
296
297
                          </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...
298
                    <v-layout>
506be6fd7   Neeraj Sharma   implemet dyamic i...
299
                      <v-flex xs12 sm4>
b82d0d998   Neeraj Sharma   changes and modif...
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
                        <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...
315
                      <v-flex xs12 sm4>
b82d0d998   Neeraj Sharma   changes and modif...
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
                        <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...
331
                      <v-flex xs12 sm4>
b82d0d998   Neeraj Sharma   changes and modif...
332
333
                        <v-layout>
                          <v-flex xs4 class="pt-4 subheading">
aa8fc5033   Neeraj Sharma   implenment all pa...
334
335
                            <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...
336
337
338
339
340
341
342
343
344
345
346
347
                          </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...
348
349
350
                    </v-layout>
                    <v-layout>
                      <v-flex xs12 sm4>
b82d0d998   Neeraj Sharma   changes and modif...
351
352
                        <v-layout>
                          <v-flex xs4 class="pt-4 subheading">
aa8fc5033   Neeraj Sharma   implenment all pa...
353
354
                            <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...
355
356
357
358
359
360
361
                          </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...
362
                            ></v-autocomplete>
99ffa9511   Neeraj Sharma   add ,view, and ed...
363
364
365
                          </v-flex>
                        </v-layout>
                      </v-flex>
04165779e   Neeraj Sharma   implement parents...
366
                      <v-flex xs12 sm4>
99ffa9511   Neeraj Sharma   add ,view, and ed...
367
368
                        <v-layout>
                          <v-flex xs4 class="pt-4 subheading">
aa8fc5033   Neeraj Sharma   implenment all pa...
369
370
                            <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...
371
372
373
374
375
376
377
378
379
380
381
                          </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>
0721aca93   Neeraj Sharma   solve bugs in sub...
382
                      <v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">
aa8fc5033   Neeraj Sharma   implenment all pa...
383
                        <v-layout>
0cd2fbfba   Neeraj Sharma   implement create ...
384
385
386
387
388
                          <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...
389
                          </v-flex>
fc77c38e0   Neeraj Sharma   fixed all task ch...
390
                          <v-flex xs12 sm8 class="ml-3">
aa8fc5033   Neeraj Sharma   implenment all pa...
391
                            <v-text-field
0cd2fbfba   Neeraj Sharma   implement create ...
392
393
                              v-model="editedItem.permanentAddress"
                              placeholder="fill Your Permanent Address"
aa8fc5033   Neeraj Sharma   implenment all pa...
394
395
396
397
398
                              required
                            ></v-text-field>
                          </v-flex>
                        </v-layout>
                      </v-flex>
0721aca93   Neeraj Sharma   solve bugs in sub...
399
400
                    </v-layout>
                    <v-layout class="hidden-xs-only hidden-sm-only">
0cd2fbfba   Neeraj Sharma   implement create ...
401
                      <v-flex xs12 sm4>
aa8fc5033   Neeraj Sharma   implenment all pa...
402
                        <v-layout>
0cd2fbfba   Neeraj Sharma   implement create ...
403
404
405
406
407
                          <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...
408
                          </v-flex>
0cd2fbfba   Neeraj Sharma   implement create ...
409
                          <v-flex xs8 class="ml-3">
aa8fc5033   Neeraj Sharma   implenment all pa...
410
                            <v-text-field
0cd2fbfba   Neeraj Sharma   implement create ...
411
412
                              v-model="editedItem.presentAddress"
                              placeholder="Select Country Name"
aa8fc5033   Neeraj Sharma   implenment all pa...
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
                              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...
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
                              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...
453
454
455
                    </v-layout>
                    <v-layout>
                      <v-flex xs12 sm12>
aa8fc5033   Neeraj Sharma   implenment all pa...
456
457
                        <v-layout>
                          <v-flex xs6>
f4df757fe   Neeraj Sharma   responsive vie in...
458
                            <v-btn round dark @click.native="close">Cancel</v-btn>
aa8fc5033   Neeraj Sharma   implenment all pa...
459
460
461
462
463
                          </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...
464
465
466
467
                      </v-flex>
                    </v-layout>
                  </v-container>
                </v-form>
04165779e   Neeraj Sharma   implement parents...
468
469
470
471
472
              </v-card-text>
            </v-card>
          </v-dialog>
  
          <!-- ****** PROFILE VIEW STUDENTS DEATILS ******  -->
cfb5c6445   Neeraj Sharma   add task
473
          <v-dialog v-model="dialog1" max-width="1100px" scrollable>
f4df757fe   Neeraj Sharma   responsive vie in...
474
            <v-card>
04165779e   Neeraj Sharma   implement parents...
475
476
477
478
479
480
              <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 ...
481
              <v-card-text style="height: 700px;">
04165779e   Neeraj Sharma   implement parents...
482
483
484
485
486
487
488
489
                <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...
490
491
492
493
494
495
                    <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...
496
                        </v-flex>
f4df757fe   Neeraj Sharma   responsive vie in...
497
498
                        <v-flex sm7 xs6>
                          <h5 class="my-1 left">{{ editedItem.name }}</h5>
04165779e   Neeraj Sharma   implement parents...
499
500
                        </v-flex>
                      </v-layout>
f4df757fe   Neeraj Sharma   responsive vie in...
501
502
503
504
505
506
507
                    </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...
508
                        </v-flex>
f4df757fe   Neeraj Sharma   responsive vie in...
509
510
                        <v-flex sm8 xs6>
                          <h5 class="my-1 left">{{ editedItem.email }}</h5>
04165779e   Neeraj Sharma   implement parents...
511
512
                        </v-flex>
                      </v-layout>
f4df757fe   Neeraj Sharma   responsive vie in...
513
514
515
516
517
518
519
520
521
522
523
                    </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...
524
                        </v-flex>
f4df757fe   Neeraj Sharma   responsive vie in...
525
526
                        <v-flex sm7 xs6>
                          <h5 class="my-1 left">{{ editedItem.gender }}</h5>
04165779e   Neeraj Sharma   implement parents...
527
528
                        </v-flex>
                      </v-layout>
f4df757fe   Neeraj Sharma   responsive vie in...
529
530
531
532
533
534
535
536
537
                    </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...
538
                        </v-flex>
f4df757fe   Neeraj Sharma   responsive vie in...
539
540
                        <v-flex sm7 xs6>
                          <h5 class="my-1">{{ dates(editedItem.dob) }}</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
552
553
                    </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...
554
                        </v-flex>
f4df757fe   Neeraj Sharma   responsive vie in...
555
556
                        <v-flex sm7 xs6>
                          <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>
04165779e   Neeraj Sharma   implement parents...
557
558
                        </v-flex>
                      </v-layout>
f4df757fe   Neeraj Sharma   responsive vie in...
559
                    </v-flex>
0721aca93   Neeraj Sharma   solve bugs in sub...
560
                    <!-- <v-flex xs12 sm6>
f4df757fe   Neeraj Sharma   responsive vie in...
561
562
563
564
565
566
567
                      <v-layout>
                        <v-flex xs6 sm4>
                          <b>
                            <h5 class="right my-1">
                              <b>Allergies:</b>
                            </h5>
                          </b>
04165779e   Neeraj Sharma   implement parents...
568
                        </v-flex>
f4df757fe   Neeraj Sharma   responsive vie in...
569
570
                        <v-flex sm8 xs6>
                          <h5 class="my-1">{{ editedItem.allergies }}</h5>
04165779e   Neeraj Sharma   implement parents...
571
572
                        </v-flex>
                      </v-layout>
0721aca93   Neeraj Sharma   solve bugs in sub...
573
574
575
576
577
578
579
580
581
582
583
584
585
586
                    </v-flex>-->
                     <v-flex xs12 sm6>
                      <v-layout>
                        <v-flex xs6 sm4>
                          <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>
                        </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
                        <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">
0721aca93   Neeraj Sharma   solve bugs in sub...
699
                              <b>FahterName:</b>
f4df757fe   Neeraj Sharma   responsive vie in...
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
                            </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">
0721aca93   Neeraj Sharma   solve bugs in sub...
715
                              <b>MotherName:</b>
f4df757fe   Neeraj Sharma   responsive vie in...
716
717
718
719
720
721
722
723
724
725
726
727
728
                            </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">
0721aca93   Neeraj Sharma   solve bugs in sub...
729
                              <b>FatherCellNo:</b>
f4df757fe   Neeraj Sharma   responsive vie in...
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
                            </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">
0721aca93   Neeraj Sharma   solve bugs in sub...
745
                              <b>MotherCellNo:</b>
f4df757fe   Neeraj Sharma   responsive vie in...
746
747
748
749
750
751
752
753
754
755
756
757
758
                            </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">
0721aca93   Neeraj Sharma   solve bugs in sub...
759
                              <b>AcademicYear:</b>
f4df757fe   Neeraj Sharma   responsive vie in...
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
                            </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">
0721aca93   Neeraj Sharma   solve bugs in sub...
775
                              <b>MedicalNotes:</b>
f4df757fe   Neeraj Sharma   responsive vie in...
776
777
778
779
780
781
782
783
                            </h5>
                          </b>
                        </v-flex>
                        <v-flex sm5 xs6>
                          <h5 class="my-1">{{ editedItem.medicalNotes }}</h5>
                        </v-flex>
                      </v-layout>
                    </v-flex>
0721aca93   Neeraj Sharma   solve bugs in sub...
784
                    <v-flex xs12 sm5 class="hidden-xs-only">
aa8fc5033   Neeraj Sharma   implenment all pa...
785
                      <v-layout wrap>
f4df757fe   Neeraj Sharma   responsive vie in...
786
787
788
789
790
791
                        <v-flex sm6>
                          <b>
                            <h5 class="my-1 right">
                              <b>present Address:</b>
                            </h5>
                          </b>
04165779e   Neeraj Sharma   implement parents...
792
                        </v-flex>
f4df757fe   Neeraj Sharma   responsive vie in...
793
794
                        <v-flex sm5>
                          <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
04165779e   Neeraj Sharma   implement parents...
795
796
                        </v-flex>
                      </v-layout>
f4df757fe   Neeraj Sharma   responsive vie in...
797
                    </v-flex>
0721aca93   Neeraj Sharma   solve bugs in sub...
798
                    <v-flex sm6 class="hidden-xs-only">
aa8fc5033   Neeraj Sharma   implenment all pa...
799
                      <v-layout wrap>
f4df757fe   Neeraj Sharma   responsive vie in...
800
801
802
803
804
805
                        <v-flex sm6>
                          <b>
                            <h5 class="my-1 right">
                              <b>Permanent Address:</b>
                            </h5>
                          </b>
04165779e   Neeraj Sharma   implement parents...
806
                        </v-flex>
f4df757fe   Neeraj Sharma   responsive vie in...
807
808
                        <v-flex sm6>
                          <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
04165779e   Neeraj Sharma   implement parents...
809
810
                        </v-flex>
                      </v-layout>
f4df757fe   Neeraj Sharma   responsive vie in...
811
812
813
814
                    </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...
815
                      <v-layout wrap>
0721aca93   Neeraj Sharma   solve bugs in sub...
816
                        <v-flex xs12 sm6>
f4df757fe   Neeraj Sharma   responsive vie in...
817
818
819
820
821
                          <b>
                            <h5 class="my-1">
                              <b>present Address:-</b>
                            </h5>
                          </b>
04165779e   Neeraj Sharma   implement parents...
822
                        </v-flex>
f4df757fe   Neeraj Sharma   responsive vie in...
823
824
                        <v-flex sm5 xs12>
                          <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
04165779e   Neeraj Sharma   implement parents...
825
826
                        </v-flex>
                      </v-layout>
f4df757fe   Neeraj Sharma   responsive vie in...
827
828
                    </v-flex>
                    <v-flex xs12 sm6>
aa8fc5033   Neeraj Sharma   implenment all pa...
829
                      <v-layout wrap>
0721aca93   Neeraj Sharma   solve bugs in sub...
830
                        <v-flex xs12 sm6>
f4df757fe   Neeraj Sharma   responsive vie in...
831
832
833
834
835
                          <b>
                            <h5 class="my-1">
                              <b>Permanent Address:-</b>
                            </h5>
                          </b>
af4cbc7be   Neeraj Sharma   add field roll nu...
836
                        </v-flex>
f4df757fe   Neeraj Sharma   responsive vie in...
837
838
                        <v-flex sm6 xs12>
                          <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
af4cbc7be   Neeraj Sharma   add field roll nu...
839
                        </v-flex>
04165779e   Neeraj Sharma   implement parents...
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
                      </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...
859
            <v-card-actions class="hidden-xs-only hidden-sm-only">
04165779e   Neeraj Sharma   implement parents...
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
              <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...
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
            <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...
928
929
930
931
932
              <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...
933
            </v-flex>
04165779e   Neeraj Sharma   implement parents...
934
935
936
937
938
939
940
941
          </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 ...
942
              <td id="td" class="text-xs-center">{{ props.item.rollNo}}</td>
04165779e   Neeraj Sharma   implement parents...
943
944
945
946
947
948
949
950
951
952
              <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
953
954
              <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...
955
956
957
958
959
              <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
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
                  <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...
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
                </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...
1006
              <v-flex xs12 sm12 md10 lg11>
04165779e   Neeraj Sharma   implement parents...
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
                <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...
1018
1019
1020
1021
1022
1023
1024
1025
                            <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...
1026
1027
1028
1029
1030
1031
1032
1033
                            <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>
4430dd671   Neeraj Sharma   somethings change...
1034
                                      <v-flex xs12>
acab5c7cb   Neeraj Sharma   responsive design...
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
                                        <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>
4430dd671   Neeraj Sharma   somethings change...
1051
                                      <v-flex xs12>
acab5c7cb   Neeraj Sharma   responsive design...
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
                                        <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">
4430dd671   Neeraj Sharma   somethings change...
1098
                                        <label>Mother Cell No:</label>
acab5c7cb   Neeraj Sharma   responsive design...
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
                                      </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>
4430dd671   Neeraj Sharma   somethings change...
1116
                                      <v-flex xs12>
acab5c7cb   Neeraj Sharma   responsive design...
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
                                        <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>
4430dd671   Neeraj Sharma   somethings change...
1131
                                      <v-flex xs12>
acab5c7cb   Neeraj Sharma   responsive design...
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
                                        <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>
4430dd671   Neeraj Sharma   somethings change...
1168
                            <v-flex xs12 sm12 class="hidden-xs-only hidden-sm-only">
f4df757fe   Neeraj Sharma   responsive vie in...
1169
1170
                              <v-form ref="parentForm" v-model="valid" lazy-validation>
                                <v-layout wrap>
aa8fc5033   Neeraj Sharma   implenment all pa...
1171
1172
1173
                                  <v-flex xs12 sm6>
                                    <v-layout>
                                      <v-flex xs4 class="pt-4 subheading">
fc77c38e0   Neeraj Sharma   fixed all task ch...
1174
                                        <label class="right">Father Cell No:</label>
aa8fc5033   Neeraj Sharma   implenment all pa...
1175
1176
                                      </v-flex>
                                      <v-flex xs8 class="ml-3">
aa8fc5033   Neeraj Sharma   implenment all pa...
1177
                                        <v-text-field
fc77c38e0   Neeraj Sharma   fixed all task ch...
1178
1179
1180
1181
1182
                                          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...
1183
1184
1185
1186
1187
                                          required
                                        ></v-text-field>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
aa8fc5033   Neeraj Sharma   implenment all pa...
1188
1189
1190
                                  <v-flex xs12 sm6>
                                    <v-layout>
                                      <v-flex xs4 class="pt-4 subheading">
fc77c38e0   Neeraj Sharma   fixed all task ch...
1191
                                        <label class="right">Parent Email Id:</label>
aa8fc5033   Neeraj Sharma   implenment all pa...
1192
1193
1194
                                      </v-flex>
                                      <v-flex xs8 class="ml-3">
                                        <v-text-field
fc77c38e0   Neeraj Sharma   fixed all task ch...
1195
1196
1197
                                          placeholder="fill Parent email"
                                          v-model="parentData.email"
                                          type="text"
aa8fc5033   Neeraj Sharma   implenment all pa...
1198
1199
1200
1201
1202
1203
                                          required
                                        ></v-text-field>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
f4df757fe   Neeraj Sharma   responsive vie in...
1204
                                <v-layout wrap>
aa8fc5033   Neeraj Sharma   implenment all pa...
1205
1206
1207
                                  <v-flex xs12 sm6>
                                    <v-layout>
                                      <v-flex xs4 class="pt-4 subheading">
fc77c38e0   Neeraj Sharma   fixed all task ch...
1208
                                        <label class="right">Father Name:</label>
aa8fc5033   Neeraj Sharma   implenment all pa...
1209
1210
1211
                                      </v-flex>
                                      <v-flex xs8 class="ml-3">
                                        <v-text-field
fc77c38e0   Neeraj Sharma   fixed all task ch...
1212
1213
                                          v-model="parentData.fatherName"
                                          placeholder="Fill your father Name"
aa8fc5033   Neeraj Sharma   implenment all pa...
1214
1215
1216
1217
1218
1219
1220
1221
                                          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...
1222
                                        <label class="right">Mother Name:</label>
aa8fc5033   Neeraj Sharma   implenment all pa...
1223
1224
1225
                                      </v-flex>
                                      <v-flex xs8 class="ml-3">
                                        <v-text-field
f4df757fe   Neeraj Sharma   responsive vie in...
1226
1227
1228
1229
                                          v-model="parentData.motherName"
                                          placeholder="fill your Mother Name"
                                          name="state"
                                          type="text"
aa8fc5033   Neeraj Sharma   implenment all pa...
1230
1231
1232
1233
1234
1235
                                          required
                                        ></v-text-field>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
                                </v-layout>
f4df757fe   Neeraj Sharma   responsive vie in...
1236
                                <v-layout wrap>
aa8fc5033   Neeraj Sharma   implenment all pa...
1237
1238
1239
                                  <v-flex xs12 sm6>
                                    <v-layout>
                                      <v-flex xs4 class="pt-4 subheading">
f4df757fe   Neeraj Sharma   responsive vie in...
1240
                                        <label class="right">Mother Cell No:</label>
aa8fc5033   Neeraj Sharma   implenment all pa...
1241
1242
1243
                                      </v-flex>
                                      <v-flex xs8 class="ml-3">
                                        <v-text-field
f4df757fe   Neeraj Sharma   responsive vie in...
1244
1245
1246
                                          v-model="parentData.motherCellNo"
                                          placeholder="fill your  Mother Cell Number"
                                          name="state"
aa8fc5033   Neeraj Sharma   implenment all pa...
1247
                                          type="number"
aa8fc5033   Neeraj Sharma   implenment all pa...
1248
1249
1250
1251
1252
                                          required
                                        ></v-text-field>
                                      </v-flex>
                                    </v-layout>
                                  </v-flex>
fc77c38e0   Neeraj Sharma   fixed all task ch...
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
                                  <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...
1281
                                </v-layout>
f4df757fe   Neeraj Sharma   responsive vie in...
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
                                <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...
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
                                <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...
1307
1308
1309
1310
1311
1312
                                </v-flex>
                              </v-form>
                            </v-flex>
                          </v-container>
                        </v-stepper-content>
                        <v-stepper-content step="2">
0551a0f15   Neeraj Sharma   implemnet functio...
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
                          <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...
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
                              <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...
1348
                                  <v-layout>
0551a0f15   Neeraj Sharma   implemnet functio...
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
                                    <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...
1367
1368
                                    </v-flex>
                                  </v-layout>
0551a0f15   Neeraj Sharma   implemnet functio...
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
                                </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...
1379
                                    </v-flex>
0551a0f15   Neeraj Sharma   implemnet functio...
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
                                    <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...
1391
1392
                                    </v-flex>
                                  </v-layout>
0551a0f15   Neeraj Sharma   implemnet functio...
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402
                                </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...
1403
                                    </v-flex>
0551a0f15   Neeraj Sharma   implemnet functio...
1404
1405
1406
1407
1408
1409
1410
1411
1412
                                    <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...
1413
1414
                                    </v-flex>
                                  </v-layout>
0551a0f15   Neeraj Sharma   implemnet functio...
1415
1416
1417
1418
1419
                                </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...
1420
                                    </v-flex>
0551a0f15   Neeraj Sharma   implemnet functio...
1421
1422
1423
                                    <v-flex xs8 sm8 class="ml-3">
                                      <v-text-field
                                        placeholder="fill your email"
0551a0f15   Neeraj Sharma   implemnet functio...
1424
1425
1426
1427
1428
                                        v-model="addStudents.email"
                                        type="text"
                                        name="email"
                                        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
1436
1437
1438
1439
1440
1441
1442
                                </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...
1443
                                    </v-flex>
0551a0f15   Neeraj Sharma   implemnet functio...
1444
1445
1446
1447
1448
1449
1450
1451
1452
1453
1454
1455
1456
1457
1458
1459
1460
1461
1462
1463
1464
1465
1466
1467
1468
1469
                                    <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...
1470
1471
                                    </v-flex>
                                  </v-layout>
0551a0f15   Neeraj Sharma   implemnet functio...
1472
1473
1474
1475
1476
                                </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...
1477
                                    </v-flex>
0551a0f15   Neeraj Sharma   implemnet functio...
1478
1479
1480
1481
1482
1483
1484
1485
1486
                                    <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...
1487
1488
                                    </v-flex>
                                  </v-layout>
0551a0f15   Neeraj Sharma   implemnet functio...
1489
1490
1491
1492
1493
1494
1495
                                </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...
1496
                                    </v-flex>
0551a0f15   Neeraj Sharma   implemnet functio...
1497
1498
1499
1500
1501
1502
1503
1504
1505
                                    <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...
1506
1507
                                    </v-flex>
                                  </v-layout>
0551a0f15   Neeraj Sharma   implemnet functio...
1508
1509
1510
1511
1512
                                </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...
1513
                                    </v-flex>
0551a0f15   Neeraj Sharma   implemnet functio...
1514
1515
1516
1517
1518
1519
1520
1521
1522
                                    <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...
1523
1524
                                    </v-flex>
                                  </v-layout>
0551a0f15   Neeraj Sharma   implemnet functio...
1525
1526
1527
1528
1529
1530
1531
1532
1533
1534
                                </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...
1535
                                    </v-flex>
0551a0f15   Neeraj Sharma   implemnet functio...
1536
1537
1538
1539
1540
1541
                                    <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...
1542
1543
                                        required
                                      ></v-text-field>
f4df757fe   Neeraj Sharma   responsive vie in...
1544
1545
                                    </v-flex>
                                  </v-layout>
0551a0f15   Neeraj Sharma   implemnet functio...
1546
1547
1548
1549
1550
1551
1552
1553
1554
1555
                                </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...
1556
                                    </v-flex>
0551a0f15   Neeraj Sharma   implemnet functio...
1557
1558
1559
1560
1561
1562
1563
1564
                                    <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...
1565
1566
                                    </v-flex>
                                  </v-layout>
0551a0f15   Neeraj Sharma   implemnet functio...
1567
1568
1569
1570
1571
1572
1573
1574
1575
1576
1577
1578
1579
1580
1581
1582
                                </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...
1583
1584
                                    </v-flex>
                                  </v-layout>
0551a0f15   Neeraj Sharma   implemnet functio...
1585
1586
1587
1588
1589
1590
1591
1592
                                </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...
1593
                                    </v-flex>
0551a0f15   Neeraj Sharma   implemnet functio...
1594
1595
1596
1597
1598
1599
1600
1601
1602
1603
1604
                                    <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...
1605
                                <!-- <v-flex xs12 sm6>
0551a0f15   Neeraj Sharma   implemnet functio...
1606
1607
1608
1609
1610
1611
1612
1613
1614
1615
                                  <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...
1616
1617
                                    </v-flex>
                                  </v-layout>
fc77c38e0   Neeraj Sharma   fixed all task ch...
1618
1619
1620
1621
1622
1623
1624
1625
1626
1627
1628
1629
1630
1631
1632
1633
1634
                                </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...
1635
1636
1637
1638
1639
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649
1650
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
                                </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...
1728
                              <v-layout wrap class="hidden-xs-only hidden-sm-only">
7adcb5362   Neeraj Sharma   responsive design...
1729
                                <v-flex xs12 sm6>
0551a0f15   Neeraj Sharma   implemnet functio...
1730
                                  <v-layout>
006544386   Neeraj Sharma   implement task
1731
                                    <v-flex xs4 sm4 class="pt-4 subheading">
0551a0f15   Neeraj Sharma   implemnet functio...
1732
1733
                                      <label class="right pr-4">Present Address:</label>
                                    </v-flex>
006544386   Neeraj Sharma   implement task
1734
                                    <v-flex xs8 sm8 class="ml-3">
0551a0f15   Neeraj Sharma   implemnet functio...
1735
1736
1737
1738
1739
1740
1741
1742
1743
1744
                                      <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
1745
                                <v-flex xs12 sm6>
0551a0f15   Neeraj Sharma   implemnet functio...
1746
                                  <v-layout>
006544386   Neeraj Sharma   implement task
1747
1748
                                    <v-flex xs4 sm4 class="pt-4 subheading addressForm">
                                      <label class="right">Permanent Address:</label>
0551a0f15   Neeraj Sharma   implemnet functio...
1749
                                    </v-flex>
006544386   Neeraj Sharma   implement task
1750
                                    <v-flex xs12 sm8 class="ml-3">
0551a0f15   Neeraj Sharma   implemnet functio...
1751
1752
1753
1754
1755
1756
1757
                                      <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...
1758
                                    </v-flex>
0551a0f15   Neeraj Sharma   implemnet functio...
1759
1760
1761
1762
1763
1764
                                  </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
1765
                                    <v-flex xs12 sm12 class="pt-4 subheading text-xs-center">
0551a0f15   Neeraj Sharma   implemnet functio...
1766
1767
1768
1769
                                      <label class>Present Address :</label>
                                    </v-flex>
                                  </v-layout>
                                  <v-layout>
f4df757fe   Neeraj Sharma   responsive vie in...
1770
                                    <v-flex xs12 sm12>
0551a0f15   Neeraj Sharma   implemnet functio...
1771
1772
1773
1774
1775
1776
1777
1778
1779
1780
1781
1782
1783
1784
                                      <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
1785
                                      sm12
0551a0f15   Neeraj Sharma   implemnet functio...
1786
1787
1788
                                      class="pt-4 pr-4 subheading text-xs-center addressForm"
                                    >
                                      <label>Permanent addr:</label>
f4df757fe   Neeraj Sharma   responsive vie in...
1789
1790
1791
1792
                                    </v-flex>
                                  </v-layout>
                                  <v-layout>
                                    <v-flex xs12 sm12>
0551a0f15   Neeraj Sharma   implemnet functio...
1793
1794
1795
1796
1797
1798
1799
                                      <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...
1800
1801
                                    </v-flex>
                                  </v-layout>
0551a0f15   Neeraj Sharma   implemnet functio...
1802
1803
1804
                                </v-flex>
                              </v-layout>
                              <v-layout>
fc77c38e0   Neeraj Sharma   fixed all task ch...
1805
                                <v-flex xs12 sm11 offset-sm1>
0551a0f15   Neeraj Sharma   implemnet functio...
1806
1807
1808
1809
1810
1811
1812
1813
1814
1815
1816
1817
1818
1819
1820
1821
                                  <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...
1822
1823
                            </v-form>
                          </v-flex>
04165779e   Neeraj Sharma   implement parents...
1824
1825
1826
1827
1828
1829
1830
                        </v-stepper-content>
                      </v-stepper-items>
                    </v-stepper>
                  </v-app>
                </div>
              </v-flex>
            </v-layout>
b82d0d998   Neeraj Sharma   changes and modif...
1831
1832
1833
          </v-container>
        </v-tab-item>
      </v-tabs>
36fc987df   Neeraj Sharma   add loader in all...
1834
1835
1836
      <div class="loader" v-if="showLoader">
        <v-progress-circular indeterminate color="white"></v-progress-circular>
      </div>
a17c68a03   Neeraj Sharma   implement two rou...
1837
    </div>
e3e2a04c6   Neeraj Sharma   first commit
1838
1839
1840
  </template>
  
  <script>
e3e2a04c6   Neeraj Sharma   first commit
1841
  import http from "@/Services/http.js";
506be6fd7   Neeraj Sharma   implemet dyamic i...
1842
  import moment from "moment";
495e4037c   Neeraj Sharma   update
1843
  import countryList from "@/script/country.js";
0cd2fbfba   Neeraj Sharma   implement create ...
1844
  import parent from "@/script/parents.js";
e3e2a04c6   Neeraj Sharma   first commit
1845
1846
  
  export default {
e3e2a04c6   Neeraj Sharma   first commit
1847
    data: () => ({
04165779e   Neeraj Sharma   implement parents...
1848
1849
1850
      e2: 0,
      showParent: true,
      showNext: false,
e3e2a04c6   Neeraj Sharma   first commit
1851
1852
1853
1854
1855
1856
      snackbar: false,
      y: "top",
      x: "right",
      mode: "",
      timeout: 3000,
      text: "",
04165779e   Neeraj Sharma   implement parents...
1857
      showLoader: false,
e3e2a04c6   Neeraj Sharma   first commit
1858
      loading: false,
b82d0d998   Neeraj Sharma   changes and modif...
1859
1860
      date: null,
      search: "",
e3e2a04c6   Neeraj Sharma   first commit
1861
      menu: false,
b82d0d998   Neeraj Sharma   changes and modif...
1862
      menu1: false,
e3e2a04c6   Neeraj Sharma   first commit
1863
1864
      dialog: false,
      dialog1: false,
e3e2a04c6   Neeraj Sharma   first commit
1865
1866
1867
      valid: true,
      isActive: true,
      newActive: false,
b82d0d998   Neeraj Sharma   changes and modif...
1868
1869
1870
      addclass: [],
      addSection: [],
      gender: ["Male", "Female"],
e3e2a04c6   Neeraj Sharma   first commit
1871
1872
1873
      pagination: {
        rowsPerPage: 15
      },
b82d0d998   Neeraj Sharma   changes and modif...
1874
1875
1876
1877
      imageData: {},
      imageName: "",
      imageUrl: "",
      imageFile: "",
e3e2a04c6   Neeraj Sharma   first commit
1878
      nameRules: [v => !!v || " Full Name is required"],
b82d0d998   Neeraj Sharma   changes and modif...
1879
1880
1881
1882
1883
1884
      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...
1885
1886
      stateRules: [v => !!v || "State Name is required"],
      classRules: [v => !!v || " Class Name is required"],
04165779e   Neeraj Sharma   implement parents...
1887
      sectionRules: [v => !!v || " Section Name is required"],
b82d0d998   Neeraj Sharma   changes and modif...
1888
      genderRules: [v => !!v || " Select Gender is required"],
b82d0d998   Neeraj Sharma   changes and modif...
1889
      fatheCellNoRules: [v => !!v || " father Cell Number  is required"],
b82d0d998   Neeraj Sharma   changes and modif...
1890
1891
      establishmentYearRules: [v => !!v || " Academic Year  is required"],
      errorMessages: "",
495e4037c   Neeraj Sharma   update
1892
      countries: [],
e3e2a04c6   Neeraj Sharma   first commit
1893
1894
      headers: [
        {
5d32331fa   Neeraj Sharma   fix student list ...
1895
          text: "Roll No.",
e3e2a04c6   Neeraj Sharma   first commit
1896
1897
          align: "center",
          sortable: false,
5d32331fa   Neeraj Sharma   fix student list ...
1898
          value: "rollNo"
e3e2a04c6   Neeraj Sharma   first commit
1899
        },
04165779e   Neeraj Sharma   implement parents...
1900
1901
1902
1903
1904
1905
        {
          text: "Profile Pic",
          value: "profilePicUrl",
          sortable: false,
          align: "center"
        },
e3e2a04c6   Neeraj Sharma   first commit
1906
        { text: "Name", value: "name", sortable: false, align: "center" },
b82d0d998   Neeraj Sharma   changes and modif...
1907
1908
1909
        { 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...
1910
1911
1912
1913
1914
1915
1916
1917
1918
1919
1920
1921
1922
1923
1924
1925
1926
1927
        {
          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...
1928
1929
        { text: "Mobile No", value: "mobile", sortable: false, align: "center" },
        { text: "Action", value: "", sortable: false, align: "center" }
e3e2a04c6   Neeraj Sharma   first commit
1930
1931
      ],
      desserts: [],
04165779e   Neeraj Sharma   implement parents...
1932
      parentId: "",
e3e2a04c6   Neeraj Sharma   first commit
1933
      editedIndex: -1,
04165779e   Neeraj Sharma   implement parents...
1934
      parentData: {},
b82d0d998   Neeraj Sharma   changes and modif...
1935
1936
1937
1938
1939
1940
1941
1942
1943
1944
1945
1946
1947
      addStudents: {
        role: "STUDENT",
        name: "",
        email: "",
        date: "",
        city: "",
        pincode: "",
        country: "",
        permanentAddress: "",
        presentAddress: "",
        mobile: "",
        state: "",
        gender: "",
b82d0d998   Neeraj Sharma   changes and modif...
1948
1949
        select: "",
        selectSection: "",
04165779e   Neeraj Sharma   implement parents...
1950
1951
1952
1953
1954
        bloodGroup: "",
        allergies: "",
        medicalNotes: "",
        height: "",
        weight: "",
af4cbc7be   Neeraj Sharma   add field roll nu...
1955
        rollNo: "",
b82d0d998   Neeraj Sharma   changes and modif...
1956
1957
        establishmentYear: new Date().getFullYear()
      },
04165779e   Neeraj Sharma   implement parents...
1958
      selectStudents: {
99ffa9511   Neeraj Sharma   add ,view, and ed...
1959
        select: "",
04165779e   Neeraj Sharma   implement parents...
1960
1961
        selectSection: ""
      },
e3e2a04c6   Neeraj Sharma   first commit
1962
1963
1964
1965
      editedItem: {
        role: "STUDENT",
        name: "",
        email: "",
506be6fd7   Neeraj Sharma   implemet dyamic i...
1966
        dob: "",
b82d0d998   Neeraj Sharma   changes and modif...
1967
1968
1969
1970
1971
1972
1973
1974
        city: "",
        pincode: "",
        country: "",
        permanentAddress: "",
        presentAddress: "",
        mobile: "",
        state: "",
        gender: "",
b82d0d998   Neeraj Sharma   changes and modif...
1975
1976
        select: "",
        selectSection: "",
04165779e   Neeraj Sharma   implement parents...
1977
1978
1979
1980
1981
        bloodGroup: "",
        allergies: "",
        medicalNotes: "",
        height: "",
        weight: "",
af4cbc7be   Neeraj Sharma   add field roll nu...
1982
        rollNo: "",
b82d0d998   Neeraj Sharma   changes and modif...
1983
        establishmentYear: new Date().getFullYear()
79583580d   Neeraj Sharma   implement task ma...
1984
      }
e3e2a04c6   Neeraj Sharma   first commit
1985
    }),
b82d0d998   Neeraj Sharma   changes and modif...
1986
1987
1988
    watch: {
      menu(val) {
        val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
e3e2a04c6   Neeraj Sharma   first commit
1989
      },
b82d0d998   Neeraj Sharma   changes and modif...
1990
1991
      menu1(val) {
        val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
e3e2a04c6   Neeraj Sharma   first commit
1992
      }
b82d0d998   Neeraj Sharma   changes and modif...
1993
1994
    },
    methods: {
04165779e   Neeraj Sharma   implement parents...
1995
1996
1997
1998
1999
2000
2001
2002
2003
      findStudents() {
        this.showLoader = true;
        http()
          .get("/getStudentWithClass", {
            params: {
              classId: this.selectStudents.select,
              sectionId: this.selectStudents.selectSection
            }
          })
506be6fd7   Neeraj Sharma   implemet dyamic i...
2004
2005
2006
          .then(response => {
            this.desserts = response.data.data;
            this.showLoader = false;
506be6fd7   Neeraj Sharma   implemet dyamic i...
2007
2008
2009
2010
2011
2012
          })
          .catch(err => {
            console.log("err====>", err);
            this.showLoader = false;
          });
      },
b82d0d998   Neeraj Sharma   changes and modif...
2013
2014
      getSections(_id) {
        var token = this.$store.state.token;
79583580d   Neeraj Sharma   implement task ma...
2015
        this.showLoader = true;
b82d0d998   Neeraj Sharma   changes and modif...
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
        http()
          .get(
            "/getSectionsList",
            { params: { classId: _id } },
            {
              headers: { Authorization: "Bearer " + token }
            }
          )
          .then(response => {
            this.addSection = response.data.data;
79583580d   Neeraj Sharma   implement task ma...
2026
            this.showLoader = false;
b82d0d998   Neeraj Sharma   changes and modif...
2027
2028
          })
          .catch(err => {
79583580d   Neeraj Sharma   implement task ma...
2029
            this.showLoader = false;
b82d0d998   Neeraj Sharma   changes and modif...
2030
2031
2032
2033
            // console.log("err====>", err);
            // this.$router.replace({ path: '/' });
          });
      },
79006bdcb   Neeraj Sharma   uplaod images all...
2034
2035
      getSection(_id) {
        var token = this.$store.state.token;
79583580d   Neeraj Sharma   implement task ma...
2036
        this.showLoader = true;
79006bdcb   Neeraj Sharma   uplaod images all...
2037
2038
2039
2040
2041
2042
2043
2044
2045
2046
        http()
          .get(
            "/getSectionsList",
            { params: { classId: _id } },
            {
              headers: { Authorization: "Bearer " + token }
            }
          )
          .then(response => {
            this.addSection = response.data.data;
79583580d   Neeraj Sharma   implement task ma...
2047
2048
            this.showLoader = false;
            // console.log("getSectionsList=====>", this.addSection);
79006bdcb   Neeraj Sharma   uplaod images all...
2049
2050
          })
          .catch(err => {
79583580d   Neeraj Sharma   implement task ma...
2051
            this.showLoader = false;
79006bdcb   Neeraj Sharma   uplaod images all...
2052
2053
2054
2055
            // console.log("err====>", err);
            // this.$router.replace({ path: '/' });
          });
      },
b82d0d998   Neeraj Sharma   changes and modif...
2056
2057
2058
      pickFile() {
        this.$refs.image.click();
      },
506be6fd7   Neeraj Sharma   implemet dyamic i...
2059
2060
2061
      dates: function(date) {
        return moment(date).format("MMMM DD, YYYY");
      },
b82d0d998   Neeraj Sharma   changes and modif...
2062
2063
2064
2065
2066
2067
2068
2069
2070
2071
2072
2073
2074
2075
2076
      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...
2077
2078
2079
2080
2081
2082
2083
          });
        } else {
          this.imageName = "";
          this.imageFile = "";
          this.imageUrl = "";
        }
      },
506be6fd7   Neeraj Sharma   implemet dyamic i...
2084
2085
2086
2087
2088
2089
2090
2091
2092
2093
2094
2095
2096
2097
2098
2099
2100
2101
      // 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
2102
2103
2104
      editItem(item) {
        this.editedIndex = this.desserts.indexOf(item);
        this.editedItem = Object.assign({}, item);
a354eff46   Neeraj Sharma   fix changes
2105
2106
2107
2108
        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...
2109
2110
2111
2112
        this.editedItem.dob =
          this.editedItem.dob != undefined
            ? (this.editedItem.dob = this.editedItem.dob.substring(0, 10))
            : (this.editedItem.dob = "");
e3e2a04c6   Neeraj Sharma   first commit
2113
2114
2115
        this.dialog = true;
      },
      profile(item) {
9c887fee0   Neeraj Sharma   changes
2116
        // console.log("item", item);
e3e2a04c6   Neeraj Sharma   first commit
2117
2118
        this.editedIndex = this.desserts.indexOf(item);
        this.editedItem = Object.assign({}, item);
a354eff46   Neeraj Sharma   fix changes
2119
2120
2121
2122
        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
2123
2124
        this.dialog1 = true;
      },
e3e2a04c6   Neeraj Sharma   first commit
2125
2126
2127
2128
2129
      deleteItem(item) {
        let deleteStudent = {
          studentId: item._id
        };
        http()
b82d0d998   Neeraj Sharma   changes and modif...
2130
2131
2132
2133
2134
2135
          .delete(
            "/deleteStudent",
            confirm("Are you sure you want to delete this?") && {
              params: deleteStudent
            }
          )
e3e2a04c6   Neeraj Sharma   first commit
2136
2137
          .then(response => {
            // console.log("deleteUers",deleteStudent)
9c887fee0   Neeraj Sharma   changes
2138
2139
            this.snackbar = true;
            this.text = "Successfully delete Existing Student";
e3e2a04c6   Neeraj Sharma   first commit
2140
2141
2142
            this.getStudentList();
          })
          .catch(error => {
1c1942362   Neeraj Sharma   commit code Schoo...
2143
            // console.log(error);
e3e2a04c6   Neeraj Sharma   first commit
2144
2145
2146
2147
2148
2149
2150
2151
2152
2153
2154
2155
2156
2157
2158
          });
      },
      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
2159
2160
2161
2162
2163
2164
2165
2166
2167
2168
      close() {
        this.dialog = false;
        setTimeout(() => {
          this.editedItem = Object.assign({}, this.defaultItem);
          this.editedIndex = -1;
        }, 300);
      },
      close1() {
        this.dialog1 = false;
      },
e3e2a04c6   Neeraj Sharma   first commit
2169
2170
      submit() {
        if (this.$refs.form.validate()) {
1c1942362   Neeraj Sharma   commit code Schoo...
2171
          let addStudent = {
04165779e   Neeraj Sharma   implement parents...
2172
            parentId: this.parentId,
b82d0d998   Neeraj Sharma   changes and modif...
2173
2174
2175
2176
2177
2178
2179
2180
2181
2182
2183
2184
            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...
2185
2186
2187
            establishmentYear: this.addStudents.establishmentYear,
            classId: this.addStudents.select,
            sectionId: this.addStudents.selectSection,
04165779e   Neeraj Sharma   implement parents...
2188
            bloodGroup: this.addStudents.bloodGroup,
04165779e   Neeraj Sharma   implement parents...
2189
2190
            medicalNotes: this.addStudents.medicalNotes,
            height: this.addStudents.height,
af4cbc7be   Neeraj Sharma   add field roll nu...
2191
2192
            weight: this.addStudents.weight,
            rollNo: this.addStudents.rollNo
e3e2a04c6   Neeraj Sharma   first commit
2193
          };
ebe04cc1d   Neeraj Sharma   solve issue uploa...
2194
2195
2196
          if (this.imageUrl) {
            var str = this.imageUrl;
            const [baseUrl, imageUrl] = str.split(/,/);
ebe04cc1d   Neeraj Sharma   solve issue uploa...
2197
2198
            addStudent.upload = imageUrl;
          }
5f1d4b444   Neeraj Sharma   fix design and fi...
2199
          this.loading = true;
e3e2a04c6   Neeraj Sharma   first commit
2200
          http()
1c1942362   Neeraj Sharma   commit code Schoo...
2201
            .post("/createStudent", addStudent)
e3e2a04c6   Neeraj Sharma   first commit
2202
            .then(response => {
4430dd671   Neeraj Sharma   somethings change...
2203
2204
2205
              // console.log(addStudent);
              this.snackbar = true;
              this.text = "New Student added successfully";
506be6fd7   Neeraj Sharma   implemet dyamic i...
2206
              // this.getStudentList();
b82d0d998   Neeraj Sharma   changes and modif...
2207
              this.clear();
5f1d4b444   Neeraj Sharma   fix design and fi...
2208
              this.loading = false;
e3e2a04c6   Neeraj Sharma   first commit
2209
2210
2211
            })
            .catch(error => {
              // console.log(error);
9c887fee0   Neeraj Sharma   changes
2212
2213
              this.snackbar = true;
              this.text = error.response.data.message;
5f1d4b444   Neeraj Sharma   fix design and fi...
2214
              this.loading = false;
e3e2a04c6   Neeraj Sharma   first commit
2215
2216
2217
            });
        }
      },
e3e2a04c6   Neeraj Sharma   first commit
2218
2219
      clear() {
        this.$refs.form.reset();
0551a0f15   Neeraj Sharma   implemnet functio...
2220
        this.imageUrl = "";
e3e2a04c6   Neeraj Sharma   first commit
2221
2222
      },
      save() {
1c1942362   Neeraj Sharma   commit code Schoo...
2223
        let editStudent = {
04165779e   Neeraj Sharma   implement parents...
2224
2225
2226
2227
2228
2229
2230
2231
2232
2233
2234
2235
2236
          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...
2237
2238
2239
2240
          establishmentYear: this.editedItem.establishmentYear,
          classId: this.editedItem.select,
          sectionId: this.editedItem.selectSection,
          bloodGroup: this.editedItem.bloodGroup,
04165779e   Neeraj Sharma   implement parents...
2241
2242
          medicalNotes: this.editedItem.medicalNotes,
          height: this.editedItem.height,
af4cbc7be   Neeraj Sharma   add field roll nu...
2243
2244
          weight: this.editedItem.weight,
          rollNo: this.editedItem.rollNo
04165779e   Neeraj Sharma   implement parents...
2245
2246
        };
        if (this.imageUrl) {
ebe04cc1d   Neeraj Sharma   solve issue uploa...
2247
2248
          var str = this.imageUrl;
          const [baseUrl, imageUrl] = str.split(/,/);
ebe04cc1d   Neeraj Sharma   solve issue uploa...
2249
          editStudent.upload = imageUrl;
04165779e   Neeraj Sharma   implement parents...
2250
        }
e3e2a04c6   Neeraj Sharma   first commit
2251
        http()
1c1942362   Neeraj Sharma   commit code Schoo...
2252
          .put("/updateStudent", editStudent)
e3e2a04c6   Neeraj Sharma   first commit
2253
          .then(response => {
0551a0f15   Neeraj Sharma   implemnet functio...
2254
            this.snackbar = true;
4430dd671   Neeraj Sharma   somethings change...
2255
            this.text = response.data.message;
0551a0f15   Neeraj Sharma   implemnet functio...
2256
            this.imageUrl = "";
506be6fd7   Neeraj Sharma   implemet dyamic i...
2257
            this.findStudents();
99ffa9511   Neeraj Sharma   add ,view, and ed...
2258
            this.close();
e3e2a04c6   Neeraj Sharma   first commit
2259
2260
          })
          .catch(error => {
b82d0d998   Neeraj Sharma   changes and modif...
2261
            // console.log(error);
4430dd671   Neeraj Sharma   somethings change...
2262
2263
            this.snackbar = true;
            this.text = error.response.data.statusText;
e3e2a04c6   Neeraj Sharma   first commit
2264
          });
e3e2a04c6   Neeraj Sharma   first commit
2265
      },
04165779e   Neeraj Sharma   implement parents...
2266
2267
2268
2269
2270
2271
2272
2273
2274
2275
2276
2277
2278
2279
2280
2281
      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;
4430dd671   Neeraj Sharma   somethings change...
2282
2283
              this.snackbar = true;
              this.text = "successfully";
04165779e   Neeraj Sharma   implement parents...
2284
2285
2286
2287
2288
              // this.getStudentList();
              this.clear();
              this.loading = false;
            })
            .catch(error => {
4430dd671   Neeraj Sharma   somethings change...
2289
2290
2291
              this.snackbar = true;
              this.text = error.response.data.message;
              this.text = error.response.data.statusText;
04165779e   Neeraj Sharma   implement parents...
2292
2293
2294
2295
2296
              this.loading = false;
            });
        }
      },
      getParentDetails() {
fc77c38e0   Neeraj Sharma   fixed all task ch...
2297
        if (this.parentData.fatherCellNo.length > 9) {
04165779e   Neeraj Sharma   implement parents...
2298
2299
          http()
            .get("getParticularParent", {
fc77c38e0   Neeraj Sharma   fixed all task ch...
2300
              params: { fatherCellNo: this.parentData.fatherCellNo },
04165779e   Neeraj Sharma   implement parents...
2301
2302
2303
2304
2305
2306
2307
2308
2309
2310
2311
2312
2313
2314
              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
2315
2316
2317
      }
    },
    mounted() {
495e4037c   Neeraj Sharma   update
2318
2319
      const getCountryList = countryList();
      this.countries = getCountryList;
b82d0d998   Neeraj Sharma   changes and modif...
2320
2321
2322
2323
2324
2325
2326
      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...
2327
        })
00e4bc4e1   Neeraj Sharma   fixed auntentication
2328
2329
2330
2331
2332
2333
2334
2335
        .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...
2336
        });
e3e2a04c6   Neeraj Sharma   first commit
2337
    },
aa8fc5033   Neeraj Sharma   implenment all pa...
2338
    created() {
a17c68a03   Neeraj Sharma   implement two rou...
2339
2340
2341
2342
2343
2344
2345
      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
2346
2347
2348
2349
    }
  };
  </script>
  <style scoped>
e3e2a04c6   Neeraj Sharma   first commit
2350
  .active {
687e0b929   Neeraj Sharma   add user,attenden...
2351
    background-color: gray;
e3e2a04c6   Neeraj Sharma   first commit
2352
2353
2354
2355
2356
    color: white !important;
  }
  .activebtn {
    color: black !important;
  }
e3e2a04c6   Neeraj Sharma   first commit
2357
  </style>