viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit a354eff46ef28d8e62d9dccba7ad801277aa6cb7

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

fix changes

Showing 1 changed file with 520 additions and 510 deletions   Show diff stats
src/pages/Students/students.vue
Diff comments   View file @a354eff
1 <template> 1 <template>
2 <v-app id="pages-dasboard"> 2 <v-app id="pages-dasboard">
3 <v-toolbar class="fixcolors" fixed app> 3 <v-toolbar class="fixcolors" fixed app>
4 <v-toolbar-title class="ml-0 pl-3"> 4 <v-toolbar-title class="ml-0 pl-3">
5 <v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide"></v-toolbar-side-icon> 5 <v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide"></v-toolbar-side-icon>
6 </v-toolbar-title> 6 </v-toolbar-title>
7 <!-- ****** SEARCH ALL EXISTING StudentS ****** --> 7 <!-- ****** SEARCH ALL EXISTING StudentS ****** -->
8 <v-flex xs7 sm3 class="userSearch"> 8 <v-flex xs7 sm3 class="userSearch">
9 <v-text-field 9 <v-text-field
10 flat 10 flat
11 append-icon="search" 11 append-icon="search"
12 label="Find your Students" 12 label="Find your Students"
13 v-model="search" 13 v-model="search"
14 color="white" 14 color="white"
15 dark 15 dark
16 ></v-text-field> 16 ></v-text-field>
17 </v-flex> 17 </v-flex>
18 <v-spacer></v-spacer> 18 <v-spacer></v-spacer>
19 <v-menu offset-y origin="center center" :nudge-bottom="10" transition="scale-transition"> 19 <v-menu offset-y origin="center center" :nudge-bottom="10" transition="scale-transition">
20 <v-btn icon large flat slot="activator"> 20 <v-btn icon large flat slot="activator">
21 <v-avatar size="40px"> 21 <v-avatar size="40px">
22 <img src="/static/icon/user.png" /> 22 <img src="/static/icon/user.png" />
23 </v-avatar> 23 </v-avatar>
24 </v-btn> 24 </v-btn>
25 <v-list class="pa-0"> 25 <v-list class="pa-0">
26 <v-list-tile 26 <v-list-tile
27 v-for="(item,index) in items" 27 v-for="(item,index) in items"
28 :to="!item.href ? { name: item.name } : null" 28 :to="!item.href ? { name: item.name } : null"
29 :href="item.href" 29 :href="item.href"
30 @click="item.click" 30 @click="item.click"
31 ripple="ripple" 31 ripple="ripple"
32 :disabled="item.disabled" 32 :disabled="item.disabled"
33 :target="item.target" 33 :target="item.target"
34 rel="noopener" 34 rel="noopener"
35 :key="index" 35 :key="index"
36 > 36 >
37 <v-list-tile-action v-if="item.icon"> 37 <v-list-tile-action v-if="item.icon">
38 <v-icon>{{ item.icon }}</v-icon> 38 <v-icon>{{ item.icon }}</v-icon>
39 </v-list-tile-action> 39 </v-list-tile-action>
40 <v-list-tile-content> 40 <v-list-tile-content>
41 <v-list-tile-title>{{ item.title }}</v-list-tile-title> 41 <v-list-tile-title>{{ item.title }}</v-list-tile-title>
42 </v-list-tile-content> 42 </v-list-tile-content>
43 </v-list-tile> 43 </v-list-tile>
44 </v-list> 44 </v-list>
45 </v-menu> 45 </v-menu>
46 </v-toolbar> 46 </v-toolbar>
47 <v-tabs grow slider-color="black"> 47 <v-tabs grow slider-color="black">
48 <v-tab 48 <v-tab
49 ripple 49 ripple
50 @click="activeTab('existing')" 50 @click="activeTab('existing')"
51 v-bind:class="{ active: isActive }" 51 v-bind:class="{ active: isActive }"
52 id="tab" 52 id="tab"
53 class="subheading" 53 class="subheading"
54 >Existing Students</v-tab> 54 >Existing Students</v-tab>
55 <v-tab 55 <v-tab
56 ripple 56 ripple
57 @click="activeTab('new')" 57 @click="activeTab('new')"
58 v-bind:class="{ active: newActive }" 58 v-bind:class="{ active: newActive }"
59 id="tab1" 59 id="tab1"
60 User 60 User
61 class="subheading" 61 class="subheading"
62 >Add New Students</v-tab> 62 >Add New Students</v-tab>
63 63
64 <!-- ****** EDITS STUDENTS DETAILS ****** --> 64 <!-- ****** EDITS STUDENTS DETAILS ****** -->
65 65
66 <v-tab-item> 66 <v-tab-item>
67 <v-snackbar 67 <v-snackbar
68 :timeout="timeout" 68 :timeout="timeout"
69 :top="y === 'top'" 69 :top="y === 'top'"
70 :right="x === 'right'" 70 :right="x === 'right'"
71 :vertical="mode === 'vertical'" 71 :vertical="mode === 'vertical'"
72 v-model="snackbar" 72 v-model="snackbar"
73 color="success" 73 color="success"
74 >{{ text }}</v-snackbar> 74 >{{ text }}</v-snackbar>
75 <v-dialog v-model="dialog" max-width="1300px" scrollable> 75 <v-dialog v-model="dialog" max-width="1300px" scrollable>
76 <v-card flat> 76 <v-card flat>
77 <v-toolbar color="grey lighten-2" flat> 77 <v-toolbar color="grey lighten-2" flat>
78 <v-spacer></v-spacer> 78 <v-spacer></v-spacer>
79 <v-toolbar-title> 79 <v-toolbar-title>
80 <h3>Edit Student Profile</h3> 80 <h3>Edit Student Profile</h3>
81 </v-toolbar-title> 81 </v-toolbar-title>
82 <v-spacer></v-spacer> 82 <v-spacer></v-spacer>
83 </v-toolbar> 83 </v-toolbar>
84 <v-card-text style="height: 800px;"> 84 <v-card-text style="height: 800px;">
85 <v-form ref="form"> 85 <v-form ref="form">
86 <v-container fluid> 86 <v-container fluid>
87 <v-layout> 87 <v-layout>
88 <v-flex 88 <v-flex
89 xs12 89 xs12
90 class="text-xs-center text-sm-center text-md-center text-lg-center mr-4" 90 class="text-xs-center text-sm-center text-md-center text-lg-center mr-4"
91 > 91 >
92 <v-avatar size="160px"> 92 <v-avatar size="160px">
93 <img 93 <img
94 src="/static/icon/user.png" 94 src="/static/icon/user.png"
95 v-if="!editedItem.profilePicUrl && !imageUrl" 95 v-if="!editedItem.profilePicUrl && !imageUrl"
96 /> 96 />
97 <img 97 <img
98 :src="editedItem.profilePicUrl" 98 :src="editedItem.profilePicUrl"
99 v-else-if="editedItem.profilePicUrl && !imageUrl" 99 v-else-if="editedItem.profilePicUrl && !imageUrl"
100 /> 100 />
101 <img 101 <img
102 v-if="imageUrl" 102 v-if="imageUrl"
103 :src="imageUrl" 103 :src="imageUrl"
104 height="150" 104 height="150"
105 style="border-radius:50%; width:200px" 105 style="border-radius:50%; width:200px"
106 /> 106 />
107 </v-avatar> 107 </v-avatar>
108 <input 108 <input
109 type="file" 109 type="file"
110 style="display: none" 110 style="display: none"
111 ref="image" 111 ref="image"
112 accept="image/*" 112 accept="image/*"
113 @change="onFilePicked" 113 @change="onFilePicked"
114 /> 114 />
115 </v-flex> 115 </v-flex>
116 </v-layout> 116 </v-layout>
117 <v-layout> 117 <v-layout>
118 <v-flex xs12 sm4> 118 <v-flex xs12 sm4>
119 <v-layout> 119 <v-layout>
120 <v-flex xs4 class="pt-4 subheading"> 120 <v-flex xs4 class="pt-4 subheading">
121 <label class="right">Select Class:</label> 121 <label class="right">Select Class:</label>
122 </v-flex> 122 </v-flex>
123 <v-flex xs8 class="ml-3"> 123 <v-flex xs8 class="ml-3">
124 <v-select 124 <v-select
125 :items="addclass" 125 :items="addclass"
126 label="Select Class" 126 label="Select Class"
127 v-model="editedItem.select" 127 v-model="editedItem.select"
128 item-text="classNum" 128 item-text="classNum"
129 item-value="_id" 129 item-value="_id"
130 name="Select Class" 130 name="Select Class"
131 @change="getSections(editedItem.select)" 131 @change="getSections(editedItem.select)"
132 required 132 required
133 ></v-select> 133 ></v-select>
134 </v-flex> 134 </v-flex>
135 </v-layout> 135 </v-layout>
136 </v-flex> 136 </v-flex>
137 <v-flex xs12 sm4> 137 <v-flex xs12 sm4>
138 <v-layout> 138 <v-layout>
139 <v-flex xs4 class="pt-4 subheading"> 139 <v-flex xs4 class="pt-4 subheading">
140 <label class="right">Select Section:</label> 140 <label class="right">Select Section:</label>
141 </v-flex> 141 </v-flex>
142 <v-flex xs8 class="ml-3"> 142 <v-flex xs8 class="ml-3">
143 <v-select 143 <v-select
144 :items="addSection" 144 :items="addSection"
145 label="Select Section" 145 label="Select Section"
146 v-model="editedItem.selectSection" 146 v-model="editedItem.selectSection"
147 item-text="name" 147 item-text="name"
148 item-value="_id" 148 item-value="_id"
149 name="Select Section" 149 name="Select Section"
150 required 150 required
151 ></v-select> 151 ></v-select>
152 </v-flex> 152 </v-flex>
153 </v-layout> 153 </v-layout>
154 </v-flex> 154 </v-flex>
155 <v-flex xs12 sm4> 155 <v-flex xs12 sm4>
156 <v-layout> 156 <v-layout>
157 <v-flex xs4 class="pt-4 subheading"> 157 <v-flex xs4 class="pt-4 subheading">
158 <label class="right">Full Name:</label> 158 <label class="right">Full Name:</label>
159 </v-flex> 159 </v-flex>
160 <v-flex xs8 class="ml-3"> 160 <v-flex xs8 class="ml-3">
161 <v-text-field 161 <v-text-field
162 v-model="editedItem.name" 162 v-model="editedItem.name"
163 placeholder="fill your full Name" 163 placeholder="fill your full Name"
164 name="name" 164 name="name"
165 type="text" 165 type="text"
166 required 166 required
167 ></v-text-field> 167 ></v-text-field>
168 </v-flex> 168 </v-flex>
169 </v-layout> 169 </v-layout>
170 </v-flex> 170 </v-flex>
171 </v-layout> 171 </v-layout>
172 <v-layout> 172 <v-layout>
173 <v-flex xs12 sm4> 173 <v-flex xs12 sm4>
174 <v-layout> 174 <v-layout>
175 <v-flex xs4 class="pt-4 subheading"> 175 <v-flex xs4 class="pt-4 subheading">
176 <label class="right">Email ID:</label> 176 <label class="right">Email ID:</label>
177 </v-flex> 177 </v-flex>
178 <v-flex xs8 class="ml-3"> 178 <v-flex xs8 class="ml-3">
179 <v-text-field 179 <v-text-field
180 placeholder="fill your email" 180 placeholder="fill your email"
181 v-model="editedItem.email" 181 v-model="editedItem.email"
182 type="text" 182 type="text"
183 name="email" 183 name="email"
184 required 184 required
185 ></v-text-field> 185 ></v-text-field>
186 </v-flex> 186 </v-flex>
187 </v-layout> 187 </v-layout>
188 </v-flex> 188 </v-flex>
189 <v-flex xs12 sm4> 189 <v-flex xs12 sm4>
190 <v-layout> 190 <v-layout>
191 <v-flex xs4 class="pt-4 subheading"> 191 <v-flex xs4 class="pt-4 subheading">
192 <label class="right">Date of Birth:</label> 192 <label class="right">Date of Birth:</label>
193 </v-flex> 193 </v-flex>
194 <v-flex xs8 class="ml-3"> 194 <v-flex xs8 class="ml-3">
195 <v-menu 195 <v-menu
196 ref="menu" 196 ref="menu"
197 :close-on-content-click="false" 197 :close-on-content-click="false"
198 v-model="menu1" 198 v-model="menu1"
199 :nudge-right="40" 199 :nudge-right="40"
200 lazy 200 lazy
201 transition="scale-transition" 201 transition="scale-transition"
202 offset-y 202 offset-y
203 full-width 203 full-width
204 min-width="290px" 204 min-width="290px"
205 > 205 >
206 <v-text-field 206 <v-text-field
207 slot="activator" 207 slot="activator"
208 v-model="editedItem.dob" 208 v-model="editedItem.dob"
209 placeholder="Select Dob" 209 placeholder="Select Dob"
210 ></v-text-field> 210 ></v-text-field>
211 <v-date-picker 211 <v-date-picker
212 ref="picker" 212 ref="picker"
213 v-model="editedItem.dob" 213 v-model="editedItem.dob"
214 :max="new Date().toISOString().substr(0, 10)" 214 :max="new Date().toISOString().substr(0, 10)"
215 min="1950-01-01" 215 min="1950-01-01"
216 @input="menu1 = false" 216 @input="menu1 = false"
217 ></v-date-picker> 217 ></v-date-picker>
218 </v-menu> 218 </v-menu>
219 </v-flex> 219 </v-flex>
220 </v-layout> 220 </v-layout>
221 </v-flex> 221 </v-flex>
222 <v-flex xs12 sm4> 222 <v-flex xs12 sm4>
223 <v-layout> 223 <v-layout>
224 <v-flex xs4 class="pt-4 subheading"> 224 <v-flex xs4 class="pt-4 subheading">
225 <label class="right">City:</label> 225 <label class="right">City:</label>
226 </v-flex> 226 </v-flex>
227 <v-flex xs8 class="ml-3"> 227 <v-flex xs8 class="ml-3">
228 <v-text-field 228 <v-text-field
229 v-model="editedItem.city" 229 v-model="editedItem.city"
230 placeholder="fill your City Name" 230 placeholder="fill your City Name"
231 name="City" 231 name="City"
232 type="text" 232 type="text"
233 required 233 required
234 ></v-text-field> 234 ></v-text-field>
235 </v-flex> 235 </v-flex>
236 </v-layout> 236 </v-layout>
237 </v-flex> 237 </v-flex>
238 </v-layout> 238 </v-layout>
239 <v-layout> 239 <v-layout>
240 <v-flex xs12 sm4> 240 <v-flex xs12 sm4>
241 <v-layout> 241 <v-layout>
242 <v-flex xs4 class="pt-4 subheading"> 242 <v-flex xs4 class="pt-4 subheading">
243 <label class="right">Blood Group:</label> 243 <label class="right">Blood Group:</label>
244 </v-flex> 244 </v-flex>
245 <v-flex xs8 class="ml-3"> 245 <v-flex xs8 class="ml-3">
246 <v-text-field 246 <v-text-field
247 v-model="editedItem.bloodGroup" 247 v-model="editedItem.bloodGroup"
248 placeholder="fill your BloodGroup" 248 placeholder="fill your BloodGroup"
249 name="state" 249 name="state"
250 type="text" 250 type="text"
251 required 251 required
252 ></v-text-field> 252 ></v-text-field>
253 </v-flex> 253 </v-flex>
254 </v-layout> 254 </v-layout>
255 </v-flex> 255 </v-flex>
256 <v-flex xs12 sm4> 256 <v-flex xs12 sm4>
257 <v-layout> 257 <v-layout>
258 <v-flex xs4 class="pt-4 subheading"> 258 <v-flex xs4 class="pt-4 subheading">
259 <label class="right">Allergies:</label> 259 <label class="right">Allergies:</label>
260 </v-flex> 260 </v-flex>
261 <v-flex xs8 class="ml-3"> 261 <v-flex xs8 class="ml-3">
262 <v-text-field 262 <v-text-field
263 v-model="editedItem.allergies" 263 v-model="editedItem.allergies"
264 placeholder="fill your Allergies" 264 placeholder="fill your Allergies"
265 name="pincode" 265 name="pincode"
266 required 266 required
267 ></v-text-field> 267 ></v-text-field>
268 </v-flex> 268 </v-flex>
269 </v-layout> 269 </v-layout>
270 </v-flex> 270 </v-flex>
271 <v-flex xs12 sm4> 271 <v-flex xs12 sm4>
272 <v-layout> 272 <v-layout>
273 <v-flex xs4 class="pt-4 subheading"> 273 <v-flex xs4 class="pt-4 subheading">
274 <label class="right">Medical Notes:</label> 274 <label class="right">Medical Notes:</label>
275 </v-flex> 275 </v-flex>
276 <v-flex xs8 class="ml-3"> 276 <v-flex xs8 class="ml-3">
277 <v-text-field 277 <v-text-field
278 v-model="editedItem.medicalNotes" 278 v-model="editedItem.medicalNotes"
279 placeholder="fill your medicalNotes" 279 placeholder="fill your medicalNotes"
280 name="mobileNo" 280 name="mobileNo"
281 required 281 required
282 ></v-text-field> 282 ></v-text-field>
283 </v-flex> 283 </v-flex>
284 </v-layout> 284 </v-layout>
285 </v-flex> 285 </v-flex>
286 </v-layout> 286 </v-layout>
287 <v-layout> 287 <v-layout>
288 <v-flex xs12 sm4> 288 <v-flex xs12 sm4>
289 <v-layout> 289 <v-layout>
290 <v-flex xs4 class="pt-4 subheading"> 290 <v-flex xs4 class="pt-4 subheading">
291 <label class="right">Height:</label> 291 <label class="right">Height:</label>
292 </v-flex> 292 </v-flex>
293 <v-flex xs8 class="ml-3"> 293 <v-flex xs8 class="ml-3">
294 <v-text-field 294 <v-text-field
295 v-model="editedItem.height" 295 v-model="editedItem.height"
296 placeholder="fill your Height" 296 placeholder="fill your Height"
297 name="state" 297 name="state"
298 type="text" 298 type="text"
299 required 299 required
300 ></v-text-field> 300 ></v-text-field>
301 </v-flex> 301 </v-flex>
302 </v-layout> 302 </v-layout>
303 </v-flex> 303 </v-flex>
304 <v-flex xs12 sm4> 304 <v-flex xs12 sm4>
305 <v-layout> 305 <v-layout>
306 <v-flex xs4 class="pt-4 subheading"> 306 <v-flex xs4 class="pt-4 subheading">
307 <label class="right">Weight:</label> 307 <label class="right">Weight:</label>
308 </v-flex> 308 </v-flex>
309 <v-flex xs8 class="ml-3"> 309 <v-flex xs8 class="ml-3">
310 <v-text-field 310 <v-text-field
311 v-model="editedItem.weight" 311 v-model="editedItem.weight"
312 placeholder="fill your Weight" 312 placeholder="fill your Weight"
313 name="pincode" 313 name="pincode"
314 required 314 required
315 ></v-text-field> 315 ></v-text-field>
316 </v-flex> 316 </v-flex>
317 </v-layout> 317 </v-layout>
318 </v-flex> 318 </v-flex>
319 <v-flex xs12 sm4> 319 <v-flex xs12 sm4>
320 <v-layout> 320 <v-layout>
321 <v-flex xs4 class="pt-4 subheading"> 321 <v-flex xs4 class="pt-4 subheading">
322 <label class="right">Uplaod Image:</label> 322 <label class="right">Uplaod Image:</label>
323 </v-flex> 323 </v-flex>
324 <v-flex xs8 class="ml-3"> 324 <v-flex xs8 class="ml-3">
325 <v-text-field 325 <v-text-field
326 label="Select Image" 326 label="Select Image"
327 @click="pickFile" 327 @click="pickFile"
328 v-model="imageName" 328 v-model="imageName"
329 append-icon="attach_file" 329 append-icon="attach_file"
330 ></v-text-field> 330 ></v-text-field>
331 </v-flex> 331 </v-flex>
332 </v-layout> 332 </v-layout>
333 </v-flex> 333 </v-flex>
334 </v-layout> 334 </v-layout>
335 <v-layout> 335 <v-layout>
336 <v-flex xs12 sm4> 336 <v-flex xs12 sm4>
337 <v-layout> 337 <v-layout>
338 <v-flex xs4 class="pt-4 subheading"> 338 <v-flex xs4 class="pt-4 subheading">
339 <label class="right">State:</label> 339 <label class="right">State:</label>
340 </v-flex> 340 </v-flex>
341 <v-flex xs8 class="ml-3"> 341 <v-flex xs8 class="ml-3">
342 <v-text-field 342 <v-text-field
343 v-model="editedItem.state" 343 v-model="editedItem.state"
344 placeholder="fill your State Name" 344 placeholder="fill your State Name"
345 name="state" 345 name="state"
346 type="text" 346 type="text"
347 required 347 required
348 ></v-text-field> 348 ></v-text-field>
349 </v-flex> 349 </v-flex>
350 </v-layout> 350 </v-layout>
351 </v-flex> 351 </v-flex>
352 <v-flex xs12 sm4> 352 <v-flex xs12 sm4>
353 <v-layout> 353 <v-layout>
354 <v-flex xs4 class="pt-4 subheading"> 354 <v-flex xs4 class="pt-4 subheading">
355 <label class="right">Pincode:</label> 355 <label class="right">Pincode:</label>
356 </v-flex> 356 </v-flex>
357 <v-flex xs8 class="ml-3"> 357 <v-flex xs8 class="ml-3">
358 <v-text-field 358 <v-text-field
359 v-model="editedItem.pincode" 359 v-model="editedItem.pincode"
360 placeholder="fill your pincode" 360 placeholder="fill your pincode"
361 name="pincode" 361 name="pincode"
362 type="number" 362 type="number"
363 required 363 required
364 ></v-text-field> 364 ></v-text-field>
365 </v-flex> 365 </v-flex>
366 </v-layout> 366 </v-layout>
367 </v-flex> 367 </v-flex>
368 <v-flex xs12 sm4> 368 <v-flex xs12 sm4>
369 <v-layout> 369 <v-layout>
370 <v-flex xs4 class="pt-4 subheading"> 370 <v-flex xs4 class="pt-4 subheading">
371 <label class="right">Mobile No:</label> 371 <label class="right">Mobile No:</label>
372 </v-flex> 372 </v-flex>
373 <v-flex xs8 class="ml-3"> 373 <v-flex xs8 class="ml-3">
374 <v-text-field 374 <v-text-field
375 v-model="editedItem.mobile" 375 v-model="editedItem.mobile"
376 placeholder="fill your MobileNo" 376 placeholder="fill your MobileNo"
377 name="mobileNo" 377 name="mobileNo"
378 type="number" 378 type="number"
379 required 379 required
380 ></v-text-field> 380 ></v-text-field>
381 </v-flex> 381 </v-flex>
382 </v-layout> 382 </v-layout>
383 </v-flex> 383 </v-flex>
384 </v-layout> 384 </v-layout>
385 <v-layout> 385 <v-layout>
386 <v-flex xs12 sm4> 386 <v-flex xs12 sm4>
387 <v-layout> 387 <v-layout>
388 <v-flex xs4 class="pt-4 subheading"> 388 <v-flex xs4 class="pt-4 subheading">
389 <label class="right">Select Country:</label> 389 <label class="right">Select Country:</label>
390 </v-flex> 390 </v-flex>
391 <v-flex xs8 class="ml-3"> 391 <v-flex xs8 class="ml-3">
392 <v-autocomplete 392 <v-autocomplete
393 v-model="editedItem.country" 393 v-model="editedItem.country"
394 :items="countries" 394 :items="countries"
395 placeholder="Select Country Name" 395 placeholder="Select Country Name"
396 required 396 required
397 ></v-autocomplete> 397 ></v-autocomplete>
398 </v-flex> 398 </v-flex>
399 </v-layout> 399 </v-layout>
400 </v-flex> 400 </v-flex>
401 <v-flex xs12 sm4> 401 <v-flex xs12 sm4>
402 <v-layout> 402 <v-layout>
403 <v-flex xs4 class="pt-4 subheading"> 403 <v-flex xs4 class="pt-4 subheading">
404 <label class="right">Gender:</label> 404 <label class="right">Gender:</label>
405 </v-flex> 405 </v-flex>
406 <v-flex xs8 class="ml-3"> 406 <v-flex xs8 class="ml-3">
407 <v-select 407 <v-select
408 :items="gender" 408 :items="gender"
409 v-model="editedItem.gender" 409 v-model="editedItem.gender"
410 placeholder="Select Gender" 410 placeholder="Select Gender"
411 required 411 required
412 ></v-select> 412 ></v-select>
413 </v-flex> 413 </v-flex>
414 </v-layout> 414 </v-layout>
415 </v-flex> 415 </v-flex>
416 <v-flex xs12 sm4> 416 <v-flex xs12 sm4>
417 <v-layout> 417 <v-layout>
418 <v-flex xs4 class="pt-4 subheading"> 418 <v-flex xs4 class="pt-4 subheading">
419 <label class="right">Father Name:</label> 419 <label class="right">Father Name:</label>
420 </v-flex> 420 </v-flex>
421 <v-flex xs8 class="ml-3"> 421 <v-flex xs8 class="ml-3">
422 <v-text-field 422 <v-text-field
423 v-model="editedItem.fatherName" 423 v-model="editedItem.fatherName"
424 :items="countries" 424 :items="countries"
425 placeholder="Fill your father Name" 425 placeholder="Fill your father Name"
426 required 426 required
427 ></v-text-field> 427 ></v-text-field>
428 </v-flex> 428 </v-flex>
429 </v-layout> 429 </v-layout>
430 </v-flex> 430 </v-flex>
431 </v-layout> 431 </v-layout>
432 <v-layout> 432 <v-layout>
433 <v-flex xs12 sm4> 433 <v-flex xs12 sm4>
434 <v-layout> 434 <v-layout>
435 <v-flex xs4 class="pt-4 subheading"> 435 <v-flex xs4 class="pt-4 subheading">
436 <label class="right">Father Cell No:</label> 436 <label class="right">Father Cell No:</label>
437 </v-flex> 437 </v-flex>
438 <v-flex xs8 class="ml-3"> 438 <v-flex xs8 class="ml-3">
439 <v-text-field 439 <v-text-field
440 v-model="editedItem.fatherCellNo" 440 v-model="editedItem.fatherCellNo"
441 placeholder="fill your father Cell Number" 441 placeholder="fill your father Cell Number"
442 name="state" 442 name="state"
443 type="number" 443 type="number"
444 required 444 required
445 ></v-text-field> 445 ></v-text-field>
446 </v-flex> 446 </v-flex>
447 </v-layout> 447 </v-layout>
448 </v-flex> 448 </v-flex>
449 <v-flex xs12 sm4> 449 <v-flex xs12 sm4>
450 <v-layout> 450 <v-layout>
451 <v-flex xs4 class="pt-4 subheading"> 451 <v-flex xs4 class="pt-4 subheading">
452 <label class="right">Mother Name:</label> 452 <label class="right">Mother Name:</label>
453 </v-flex> 453 </v-flex>
454 <v-flex xs8 class="ml-3"> 454 <v-flex xs8 class="ml-3">
455 <v-text-field 455 <v-text-field
456 v-model="editedItem.motherName" 456 v-model="editedItem.motherName"
457 placeholder="fill your Mother Name" 457 placeholder="fill your Mother Name"
458 name="state" 458 name="state"
459 type="text" 459 type="text"
460 required 460 required
461 ></v-text-field> 461 ></v-text-field>
462 </v-flex> 462 </v-flex>
463 </v-layout> 463 </v-layout>
464 </v-flex> 464 </v-flex>
465 <v-flex xs12 sm4> 465 <v-flex xs12 sm4>
466 <v-layout> 466 <v-layout>
467 <v-flex xs4 class="pt-4 subheading"> 467 <v-flex xs4 class="pt-4 subheading">
468 <label class="right">Mother Cell No:</label> 468 <label class="right">Mother Cell No:</label>
469 </v-flex> 469 </v-flex>
470 <v-flex xs8 class="ml-3"> 470 <v-flex xs8 class="ml-3">
471 <v-text-field 471 <v-text-field
472 v-model="editedItem.motherCellNo" 472 v-model="editedItem.motherCellNo"
473 placeholder="fill your Mother Cell Number" 473 placeholder="fill your Mother Cell Number"
474 name="state" 474 name="state"
475 type="number" 475 type="number"
476 required 476 required
477 ></v-text-field> 477 ></v-text-field>
478 </v-flex> 478 </v-flex>
479 </v-layout> 479 </v-layout>
480 </v-flex> 480 </v-flex>
481 </v-layout> 481 </v-layout>
482 <!-- <v-layout> 482 <!-- <v-layout>
483 <v-flex xs12 sm4> 483 <v-flex xs12 sm4>
484 <v-layout> 484 <v-layout>
485 <v-flex xs4 class="pt-4 subheading"> 485 <v-flex xs4 class="pt-4 subheading">
486 <label class="right">Academic Year:</label> 486 <label class="right">Academic Year:</label>
487 </v-flex> 487 </v-flex>
488 <v-flex xs8 class="ml-3"> 488 <v-flex xs8 class="ml-3">
489 <v-text-field 489 <v-text-field
490 v-model="editedItem.establishmentYear" 490 v-model="editedItem.establishmentYear"
491 placeholder="fill your Mother Name" 491 placeholder="fill your Mother Name"
492 name="state" 492 name="state"
493 type="number" 493 type="number"
494 required 494 required
495 ></v-text-field> 495 ></v-text-field>
496 </v-flex> 496 </v-flex>
497 </v-layout> 497 </v-layout>
498 </v-flex> 498 </v-flex>
499 </v-layout>--> 499 </v-layout>-->
500 <v-layout> 500 <v-layout>
501 <v-flex xs12> 501 <v-flex xs12>
502 <v-layout> 502 <v-layout>
503 <v-flex 503 <v-flex
504 xs1 504 xs1
505 class="pt-4 subheading" 505 class="pt-4 subheading"
506 style="flex-basis: 13.333333% !important; max-width: 13.333333% !important;" 506 style="flex-basis: 13.333333% !important; max-width: 13.333333% !important;"
507 > 507 >
508 <label class="right">Present Address:</label> 508 <label class="right">Present Address:</label>
509 </v-flex> 509 </v-flex>
510 <v-flex xs11 class="ml-2"> 510 <v-flex xs11 class="ml-2">
511 <v-text-field 511 <v-text-field
512 v-model="editedItem.presentAddress" 512 v-model="editedItem.presentAddress"
513 placeholder="fill Your present Address" 513 placeholder="fill Your present Address"
514 required 514 required
515 ></v-text-field> 515 ></v-text-field>
516 </v-flex> 516 </v-flex>
517 </v-layout> 517 </v-layout>
518 </v-flex> 518 </v-flex>
519 </v-layout> 519 </v-layout>
520 <v-layout> 520 <v-layout>
521 <v-flex xs12> 521 <v-flex xs12>
522 <v-layout> 522 <v-layout>
523 <v-flex 523 <v-flex
524 xs1 524 xs1
525 class="pt-4 subheading" 525 class="pt-4 subheading"
526 style="flex-basis: 13.333333% !important; max-width: 13.333333% !important;" 526 style="flex-basis: 13.333333% !important; max-width: 13.333333% !important;"
527 > 527 >
528 <label class="right">Permanent Address:</label> 528 <label class="right">Permanent Address:</label>
529 </v-flex> 529 </v-flex>
530 <v-flex xs11 class="ml-2"> 530 <v-flex xs11 class="ml-2">
531 <v-textarea 531 <v-textarea
532 rows="1" 532 rows="1"
533 v-model="editedItem.permanentAddress" 533 v-model="editedItem.permanentAddress"
534 placeholder="fill Your Permanent Address" 534 placeholder="fill Your Permanent Address"
535 required 535 required
536 ></v-textarea> 536 ></v-textarea>
537 </v-flex> 537 </v-flex>
538 </v-layout> 538 </v-layout>
539 </v-flex> 539 </v-flex>
540 </v-layout> 540 </v-layout>
541 <v-layout> 541 <v-layout>
542 <v-flex xs12 sm12> 542 <v-flex xs12 sm12>
543 <v-card-actions> 543 <v-card-actions>
544 <v-btn round dark @click.native="close">Cancel</v-btn> 544 <v-btn round dark @click.native="close">Cancel</v-btn>
545 <v-spacer></v-spacer> 545 <v-spacer></v-spacer>
546 <v-btn round dark @click="save">Save</v-btn> 546 <v-btn round dark @click="save">Save</v-btn>
547 </v-card-actions> 547 </v-card-actions>
548 </v-flex> 548 </v-flex>
549 </v-layout> 549 </v-layout>
550 </v-container> 550 </v-container>
551 </v-form> 551 </v-form>
552 </v-card-text> 552 </v-card-text>
553 </v-card> 553 </v-card>
554 </v-dialog> 554 </v-dialog>
555 555
556 <!-- ****** PROFILE VIEW STUDENTS DEATILS ****** --> 556 <!-- ****** PROFILE VIEW STUDENTS DEATILS ****** -->
557 557
558 <v-dialog v-model="dialog1" max-width="800px" scrollable> 558 <v-dialog v-model="dialog1" max-width="800px" scrollable>
559 <v-card> 559 <v-card>
560 <v-toolbar color="grey lighten-2" flat> 560 <v-toolbar color="grey lighten-2" flat>
561 <v-spacer></v-spacer> 561 <v-spacer></v-spacer>
562 <v-toolbar-title>Student Profile</v-toolbar-title> 562 <v-toolbar-title>Student Profile</v-toolbar-title>
563 <v-spacer></v-spacer> 563 <v-spacer></v-spacer>
564 <v-icon @click="close1">close</v-icon> 564 <v-icon @click="close1">close</v-icon>
565 </v-toolbar> 565 </v-toolbar>
566 <v-card-text style="height: 700px;"> 566 <v-card-text style="height: 700px;">
567 <v-flex align-center justify-center layout text-xs-center class="mt-3"> 567 <v-flex align-center justify-center layout text-xs-center class="mt-3">
568 <v-avatar size="160px"> 568 <v-avatar size="160px">
569 <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" /> 569 <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" />
570 <img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" /> 570 <img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" />
571 </v-avatar> 571 </v-avatar>
572 </v-flex> 572 </v-flex>
573 <v-container grid-list-md> 573 <v-container grid-list-md>
574 <v-layout wrap> 574 <v-layout wrap>
575 <v-flex> 575 <v-flex>
576 <v-layout> 576 <v-layout>
577 <v-flex xs12 sm6> 577 <v-flex xs12 sm6>
578 <v-layout> 578 <v-layout>
579 <v-flex xs6 sm5> 579 <v-flex xs6 sm5>
580 <h5 class="right my-1"> 580 <h5 class="right my-1">
581 <b>Full Name:</b> 581 <b>Full Name:</b>
582 </h5> 582 </h5>
583 </v-flex> 583 </v-flex>
584 <v-flex sm7 xs6> 584 <v-flex sm7 xs6>
585 <h5 class="my-1 left">{{ editedItem.name }}</h5> 585 <h5 class="my-1 left">{{ editedItem.name }}</h5>
586 </v-flex> 586 </v-flex>
587 </v-layout> 587 </v-layout>
588 </v-flex> 588 </v-flex>
589 <v-flex xs12 sm6> 589 <v-flex xs12 sm6>
590 <v-layout> 590 <v-layout>
591 <v-flex xs4 sm4> 591 <v-flex xs4 sm4>
592 <h5 class="right my-1"> 592 <h5 class="right my-1">
593 <b>Email:</b> 593 <b>Email:</b>
594 </h5> 594 </h5>
595 </v-flex> 595 </v-flex>
596 <v-flex sm8 xs8> 596 <v-flex sm8 xs8>
597 <h5 class="my-1 left">{{ editedItem.email }}</h5> 597 <h5 class="my-1 left">{{ editedItem.email }}</h5>
598 </v-flex> 598 </v-flex>
599 </v-layout> 599 </v-layout>
600 </v-flex> 600 </v-flex>
601 </v-layout> 601 </v-layout>
602 <v-layout> 602 <v-layout>
603 <v-flex xs6 sm6> 603 <v-flex xs6 sm6>
604 <v-layout> 604 <v-layout>
605 <v-flex xs4 sm5> 605 <v-flex xs4 sm5>
606 <b> 606 <b>
607 <h5 class="right my-1"> 607 <h5 class="right my-1">
608 <b>Gender:</b> 608 <b>Gender:</b>
609 </h5> 609 </h5>
610 </b> 610 </b>
611 </v-flex> 611 </v-flex>
612 <v-flex sm7 xs8> 612 <v-flex sm7 xs8>
613 <h5 class="my-1 left">{{ editedItem.gender }}</h5> 613 <h5 class="my-1 left">{{ editedItem.gender }}</h5>
614 </v-flex> 614 </v-flex>
615 </v-layout> 615 </v-layout>
616 </v-flex> 616 </v-flex>
617 <v-flex xs6 sm6> 617 <v-flex xs6 sm6>
618 <v-layout> 618 <v-layout>
619 <v-flex xs4 sm4> 619 <v-flex xs4 sm4>
620 <b> 620 <b>
621 <h5 class="right my-1"> 621 <h5 class="right my-1">
622 <b>D.O.B:</b> 622 <b>D.O.B:</b>
623 </h5> 623 </h5>
624 </b> 624 </b>
625 </v-flex> 625 </v-flex>
626 <v-flex sm7 xs8> 626 <v-flex sm7 xs8>
627 <h5 class="my-1">{{ dates(editedItem.dob) }}</h5> 627 <h5 class="my-1">{{ dates(editedItem.dob) }}</h5>
628 </v-flex> 628 </v-flex>
629 </v-layout> 629 </v-layout>
630 </v-flex> 630 </v-flex>
631 </v-layout> 631 </v-layout>
632 <v-layout> 632 <v-layout>
633 <v-flex xs6 sm6> 633 <v-flex xs6 sm6>
634 <v-layout> 634 <v-layout>
635 <v-flex xs4 sm5> 635 <v-flex xs4 sm5>
636 <b> 636 <b>
637 <h5 class="right my-1"> 637 <h5 class="right my-1">
638 <b>Blood Group:</b> 638 <b>Blood Group:</b>
639 </h5> 639 </h5>
640 </b> 640 </b>
641 </v-flex> 641 </v-flex>
642 <v-flex sm7 xs8> 642 <v-flex sm7 xs8>
643 <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5> 643 <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>
644 </v-flex> 644 </v-flex>
645 </v-layout> 645 </v-layout>
646 </v-flex> 646 </v-flex>
647 <v-flex xs6 sm6> 647 <v-flex xs6 sm6>
648 <v-layout> 648 <v-layout>
649 <v-flex xs4 sm4> 649 <v-flex xs4 sm4>
650 <b> 650 <b>
651 <h5 class="right my-1"> 651 <h5 class="right my-1">
652 <b>Allergies:</b> 652 <b>Allergies:</b>
653 </h5> 653 </h5>
654 </b> 654 </b>
655 </v-flex> 655 </v-flex>
656 <v-flex sm8 xs8> 656 <v-flex sm8 xs8>
657 <h5 class="my-1">{{ editedItem.allergies }}</h5> 657 <h5 class="my-1">{{ editedItem.allergies }}</h5>
658 </v-flex> 658 </v-flex>
659 </v-layout> 659 </v-layout>
660 </v-flex> 660 </v-flex>
661 </v-layout> 661 </v-layout>
662 <v-layout> 662 <v-layout>
663 <v-flex xs6 sm6> 663 <v-flex xs6 sm6>
664 <v-layout> 664 <v-layout>
665 <v-flex xs4 sm5> 665 <v-flex xs4 sm5>
666 <b> 666 <b>
667 <h5 class="right my-1"> 667 <h5 class="right my-1">
668 <b>Height:</b> 668 <b>Height:</b>
669 </h5> 669 </h5>
670 </b> 670 </b>
671 </v-flex> 671 </v-flex>
672 <v-flex sm7 xs8> 672 <v-flex sm7 xs8>
673 <h5 class="my-1 left">{{ editedItem.height }}</h5> 673 <h5 class="my-1 left">{{ editedItem.height }}</h5>
674 </v-flex> 674 </v-flex>
675 </v-layout> 675 </v-layout>
676 </v-flex> 676 </v-flex>
677 <v-flex xs6 sm6> 677 <v-flex xs6 sm6>
678 <v-layout> 678 <v-layout>
679 <v-flex xs4 sm4> 679 <v-flex xs4 sm4>
680 <b> 680 <b>
681 <h5 class="right my-1"> 681 <h5 class="right my-1">
682 <b>Weight:</b> 682 <b>Weight:</b>
683 </h5> 683 </h5>
684 </b> 684 </b>
685 </v-flex> 685 </v-flex>
686 <v-flex sm8 xs8> 686 <v-flex sm8 xs8>
687 <h5 class="my-1">{{ editedItem.weight }}</h5> 687 <h5 class="my-1">{{ editedItem.weight }}</h5>
688 </v-flex> 688 </v-flex>
689 </v-layout> 689 </v-layout>
690 </v-flex> 690 </v-flex>
691 </v-layout> 691 </v-layout>
692 <v-layout> 692 <v-layout>
693 <v-flex xs6 sm6> 693 <v-flex xs6 sm6>
694 <v-layout> 694 <v-layout>
695 <v-flex xs4 sm5> 695 <v-flex xs4 sm5>
696 <b> 696 <b>
697 <h5 class="right my-1"> 697 <h5 class="right my-1">
698 <b>City:</b> 698 <b>City:</b>
699 </h5> 699 </h5>
700 </b> 700 </b>
701 </v-flex> 701 </v-flex>
702 <v-flex sm7 xs8> 702 <v-flex sm7 xs8>
703 <h5 class="my-1 left">{{ editedItem.city }}</h5> 703 <h5 class="my-1 left">{{ editedItem.city }}</h5>
704 </v-flex> 704 </v-flex>
705 </v-layout> 705 </v-layout>
706 </v-flex> 706 </v-flex>
707 <v-flex xs6 sm6> 707 <v-flex xs6 sm6>
708 <v-layout> 708 <v-layout>
709 <v-flex xs4 sm4> 709 <v-flex xs4 sm4>
710 <b> 710 <b>
711 <h5 class="right my-1"> 711 <h5 class="right my-1">
712 <b>State:</b> 712 <b>State:</b>
713 </h5> 713 </h5>
714 </b> 714 </b>
715 </v-flex> 715 </v-flex>
716 <v-flex sm8 xs8> 716 <v-flex sm8 xs8>
717 <h5 class="my-1">{{ editedItem.state }}</h5> 717 <h5 class="my-1">{{ editedItem.state }}</h5>
718 </v-flex> 718 </v-flex>
719 </v-layout> 719 </v-layout>
720 </v-flex> 720 </v-flex>
721 </v-layout> 721 </v-layout>
722 <v-layout> 722 <v-layout>
723 <v-flex xs6 sm6> 723 <v-flex xs6 sm6>
724 <v-layout> 724 <v-layout>
725 <v-flex xs4 sm5> 725 <v-flex xs4 sm5>
726 <b> 726 <b>
727 <h5 class="right my-1"> 727 <h5 class="right my-1">
728 <b>Pincode:</b> 728 <b>Pincode:</b>
729 </h5> 729 </h5>
730 </b> 730 </b>
731 </v-flex> 731 </v-flex>
732 <v-flex sm7 xs8> 732 <v-flex sm7 xs8>
733 <h5 class="my-1">{{ editedItem.pincode }}</h5> 733 <h5 class="my-1">{{ editedItem.pincode }}</h5>
734 </v-flex> 734 </v-flex>
735 </v-layout> 735 </v-layout>
736 </v-flex> 736 </v-flex>
737 <v-flex xs5 sm5> 737 <v-flex xs5 sm5>
738 <v-layout> 738 <v-layout>
739 <v-flex xs4 sm5> 739 <v-flex xs4 sm5>
740 <b> 740 <b>
741 <h5 class="right my-1"> 741 <h5 class="right my-1">
742 <b>Country:</b> 742 <b>Country:</b>
743 </h5> 743 </h5>
744 </b> 744 </b>
745 </v-flex> 745 </v-flex>
746 <v-flex sm7 xs8> 746 <v-flex sm7 xs8>
747 <h5 class="my-1">{{ editedItem.country }}</h5> 747 <h5 class="my-1">{{ editedItem.country }}</h5>
748 </v-flex> 748 </v-flex>
749 </v-layout> 749 </v-layout>
750 </v-flex> 750 </v-flex>
751 </v-layout> 751 </v-layout>
752 <v-layout> 752 <v-layout>
753 <v-flex xs5 sm6> 753 <v-flex xs5 sm6>
754 <v-layout> 754 <v-layout>
755 <v-flex sm5 xs8> 755 <v-flex sm5 xs8>
756 <b> 756 <b>
757 <h5 class="right my-1"> 757 <h5 class="right my-1">
758 <b>Mobile No:</b> 758 <b>Mobile No:</b>
759 </h5> 759 </h5>
760 </b> 760 </b>
761 </v-flex> 761 </v-flex>
762 <v-flex sm6 xs8> 762 <v-flex sm6 xs8>
763 <h5 class="my-1">{{ editedItem.mobile }}</h5> 763 <h5 class="my-1">{{ editedItem.mobile }}</h5>
764 </v-flex> 764 </v-flex>
765 </v-layout> 765 </v-layout>
766 </v-flex> 766 </v-flex>
767 <v-flex xs5 sm6> 767 <v-flex xs5 sm6>
768 <v-layout> 768 <v-layout>
769 <v-flex xs5 sm4> 769 <v-flex xs5 sm4>
770 <b> 770 <b>
771 <h5 class="right my-1"> 771 <h5 class="right my-1">
772 <b>Fahter Name:</b> 772 <b>Fahter Name:</b>
773 </h5> 773 </h5>
774 </b> 774 </b>
775 </v-flex> 775 </v-flex>
776 <v-flex sm8 xs8> 776 <v-flex sm8 xs8>
777 <h5 class="my-1">{{ editedItem.fatherName }}</h5> 777 <h5 class="my-1">{{ editedItem.fatherName }}</h5>
778 </v-flex> 778 </v-flex>
779 </v-layout> 779 </v-layout>
780 </v-flex> 780 </v-flex>
781 </v-layout> 781 </v-layout>
782 <v-layout> 782 <v-layout>
783 <v-flex xs6 sm5> 783 <v-flex xs6 sm5>
784 <v-layout> 784 <v-layout>
785 <v-flex xs4 sm6> 785 <v-flex xs4 sm6>
786 <b> 786 <b>
787 <h5 class="right my-1"> 787 <h5 class="right my-1">
788 <b>Mother Name:</b> 788 <b>Mother Name:</b>
789 </h5> 789 </h5>
790 </b> 790 </b>
791 </v-flex> 791 </v-flex>
792 <v-flex sm6 xs8> 792 <v-flex sm6 xs8>
793 <h5 class="my-1">{{ editedItem.motherName }}</h5> 793 <h5 class="my-1">{{ editedItem.motherName }}</h5>
794 </v-flex> 794 </v-flex>
795 </v-layout> 795 </v-layout>
796 </v-flex> 796 </v-flex>
797 <v-flex xs6 sm6> 797 <v-flex xs6 sm6>
798 <v-layout> 798 <v-layout>
799 <v-flex xs4 sm6> 799 <v-flex xs4 sm6>
800 <b> 800 <b>
801 <h5 class="right my-1"> 801 <h5 class="right my-1">
802 <b>Father Cell No:</b> 802 <b>Father Cell No:</b>
803 </h5> 803 </h5>
804 </b> 804 </b>
805 </v-flex> 805 </v-flex>
806 <v-flex sm6 xs8> 806 <v-flex sm6 xs8>
807 <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5> 807 <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5>
808 </v-flex> 808 </v-flex>
809 </v-layout> 809 </v-layout>
810 </v-flex> 810 </v-flex>
811 </v-layout> 811 </v-layout>
812 <v-layout> 812 <v-layout>
813 <v-flex xs6 sm5> 813 <v-flex xs6 sm5>
814 <v-layout> 814 <v-layout>
815 <v-flex xs4 sm6> 815 <v-flex xs4 sm6>
816 <b> 816 <b>
817 <h5 class="right my-1"> 817 <h5 class="right my-1">
818 <b>Mother Cell No:</b> 818 <b>Mother Cell No:</b>
819 </h5> 819 </h5>
820 </b> 820 </b>
821 </v-flex> 821 </v-flex>
822 <v-flex sm6 xs8> 822 <v-flex sm6 xs8>
823 <h5 class="my-1">{{ editedItem.motherCellNo }}</h5> 823 <h5 class="my-1">{{ editedItem.motherCellNo }}</h5>
824 </v-flex> 824 </v-flex>
825 </v-layout> 825 </v-layout>
826 </v-flex> 826 </v-flex>
827 <v-flex xs6 sm6> 827 <v-flex xs6 sm6>
828 <v-layout> 828 <v-layout>
829 <v-flex xs5 sm6> 829 <v-flex xs5 sm6>
830 <b> 830 <b>
831 <h5 class="my-1 right"> 831 <h5 class="my-1 right">
832 <b>Academic Year:</b> 832 <b>Academic Year:</b>
833 </h5> 833 </h5>
834 </b> 834 </b>
835 </v-flex> 835 </v-flex>
836 <v-flex sm5 xs8> 836 <v-flex sm5 xs8>
837 <h5 class="my-1">{{ editedItem.establishmentYear }}</h5> 837 <h5 class="my-1">{{ editedItem.establishmentYear }}</h5>
838 </v-flex> 838 </v-flex>
839 </v-layout> 839 </v-layout>
840 </v-flex> 840 </v-flex>
841 </v-layout> 841 </v-layout>
842 <v-layout> 842 <v-layout>
843 <v-flex xs6 sm5> 843 <v-flex xs6 sm5>
844 <v-layout> 844 <v-layout>
845 <v-flex xs5 sm6> 845 <v-flex xs5 sm6>
846 <b> 846 <b>
847 <h5 class="my-1 right"> 847 <h5 class="my-1 right">
848 <b>Medical Notes:</b> 848 <b>Medical Notes:</b>
849 </h5> 849 </h5>
850 </b> 850 </b>
851 </v-flex> 851 </v-flex>
852 <v-flex sm5 xs8> 852 <v-flex sm5 xs8>
853 <h5 class="my-1">{{ editedItem.medicalNotes }}</h5> 853 <h5 class="my-1">{{ editedItem.medicalNotes }}</h5>
854 </v-flex> 854 </v-flex>
855 </v-layout> 855 </v-layout>
856 </v-flex> 856 </v-flex>
857 <v-flex xs12 sm6> 857 <v-flex xs12 sm6>
858 <v-layout> 858 <v-layout>
859 <v-flex xs6 sm6> 859 <v-flex xs6 sm6>
860 <b> 860 <b>
861 <h5 class="right my-1"> 861 <h5 class="right my-1">
862 <b>present Address:</b> 862 <b>present Address:</b>
863 </h5> 863 </h5>
864 </b> 864 </b>
865 </v-flex> 865 </v-flex>
866 <v-flex sm6 xs8> 866 <v-flex sm6 xs8>
867 <h5 class="my-1">{{ editedItem.presentAddress }}</h5> 867 <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
868 </v-flex> 868 </v-flex>
869 </v-layout> 869 </v-layout>
870 </v-flex> 870 </v-flex>
871 </v-layout> 871 </v-layout>
872 <v-layout> 872 <v-layout>
873 <v-flex xs12 sm12> 873 <v-flex xs12 sm12>
874 <v-layout> 874 <v-layout>
875 <v-flex xs4 sm3> 875 <v-flex xs4 sm3>
876 <b> 876 <b>
877 <h5 class="right my-1"> 877 <h5 class="right my-1">
878 <b>Permanent Address:</b> 878 <b>Permanent Address:</b>
879 </h5> 879 </h5>
880 </b> 880 </b>
881 </v-flex> 881 </v-flex>
882 <v-flex sm9 xs8> 882 <v-flex sm9 xs8>
883 <h5 class="my-1">{{ editedItem.permanentAddress }}</h5> 883 <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
884 </v-flex> 884 </v-flex>
885 </v-layout> 885 </v-layout>
886 </v-flex> 886 </v-flex>
887 </v-layout> 887 </v-layout>
888 </v-flex> 888 </v-flex>
889 </v-layout> 889 </v-layout>
890 </v-container> 890 </v-container>
891 </v-card-text> 891 </v-card-text>
892 </v-card> 892 </v-card>
893 </v-dialog> 893 </v-dialog>
894 894
895 <v-snackbar 895 <v-snackbar
896 :timeout="timeout" 896 :timeout="timeout"
897 :top="y === 'top'" 897 :top="y === 'top'"
898 :right="x === 'right'" 898 :right="x === 'right'"
899 :vertical="mode === 'vertical'" 899 :vertical="mode === 'vertical'"
900 v-model="snackbar" 900 v-model="snackbar"
901 color="success" 901 color="success"
902 >{{ text }}</v-snackbar> 902 >{{ text }}</v-snackbar>
903 903
904 <!-- ****** EXISTING-USERS STUDENTS TABLE ****** --> 904 <!-- ****** EXISTING-USERS STUDENTS TABLE ****** -->
905 <v-card flat> 905 <v-card flat>
906 <v-card-actions> 906 <v-card-actions>
907 <v-layout> 907 <v-layout>
908 <label class="right mt-4 ml-5">Select Class:</label> 908 <label class="right mt-4 ml-5">Select Class:</label>
909 <v-select 909 <v-select
910 :items="addclass" 910 :items="addclass"
911 label="Select Class" 911 label="Select Class"
912 v-model="selectStudents.select" 912 v-model="selectStudents.select"
913 item-text="classNum" 913 item-text="classNum"
914 item-value="_id" 914 item-value="_id"
915 name="Select Class" 915 name="Select Class"
916 :rules="classRules" 916 :rules="classRules"
917 @change="getSections(selectStudents.select)" 917 @change="getSections(selectStudents.select)"
918 class="px-4" 918 class="px-4"
919 required 919 required
920 ></v-select> 920 ></v-select>
921 <label class="right mt-4">Select Section:</label> 921 <label class="right mt-4">Select Section:</label>
922 <v-select 922 <v-select
923 :items="addSection" 923 :items="addSection"
924 label="Select Section" 924 label="Select Section"
925 v-model="selectStudents.selectSection" 925 v-model="selectStudents.selectSection"
926 item-text="name" 926 item-text="name"
927 item-value="_id" 927 item-value="_id"
928 name="Select Section" 928 name="Select Section"
929 :rules="sectionRules" 929 :rules="sectionRules"
930 class="pl-3" 930 class="pl-3"
931 required 931 required
932 ></v-select> 932 ></v-select>
933 </v-layout> 933 </v-layout>
934 <v-spacer></v-spacer> 934 <v-spacer></v-spacer>
935 <v-btn @click="findStudents()" round dark :loading="loading" class="left">Find</v-btn> 935 <v-btn @click="findStudents()" round dark :loading="loading" class="left">Find</v-btn>
936 </v-card-actions> 936 </v-card-actions>
937 </v-card> 937 </v-card>
938 <v-data-table 938 <v-data-table
939 :headers="headers" 939 :headers="headers"
940 :items="desserts" 940 :items="desserts"
941 :pagination.sync="pagination" 941 :pagination.sync="pagination"
942 :search="search" 942 :search="search"
943 > 943 >
944 <template slot="items" slot-scope="props"> 944 <template slot="items" slot-scope="props">
945 <td id="td" class="text-xs-center">{{ props.index}}</td> 945 <td id="td" class="text-xs-center">{{ props.index}}</td>
946 <td id="td" class="text-xs-center"> 946 <td id="td" class="text-xs-center">
947 <v-avatar> 947 <v-avatar>
948 <img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" /> 948 <img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" />
949 <img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" /> 949 <img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" />
950 </v-avatar> 950 </v-avatar>
951 </td> 951 </td>
952 <td id="td" class="text-xs-center">{{ props.item.name}}</td> 952 <td id="td" class="text-xs-center">{{ props.item.name}}</td>
953 <td id="td" class="text-xs-center">{{ props.item.email }}</td> 953 <td id="td" class="text-xs-center">{{ props.item.email }}</td>
954 <td id="td" class="text-xs-center">{{ dates(props.item.dob) }}</td> 954 <td id="td" class="text-xs-center">{{ dates(props.item.dob) }}</td>
955 <td id="td" class="text-xs-center">{{ props.item.gender }}</td> 955 <td id="td" class="text-xs-center">{{ props.item.gender }}</td>
956 <td id="td" class="text-xs-center">{{ props.item.fatherName }}</td> 956 <td id="td" class="text-xs-center">{{ props.item.parentId.fatherName }}</td>
957 <td id="td" class="text-xs-center">{{ props.item.motherName }}</td> 957 <td id="td" class="text-xs-center">{{ props.item.parentId.motherName }}</td>
958 <td id="td" class="text-xs-center">{{ props.item.establishmentYear }}</td> 958 <td id="td" class="text-xs-center">{{ props.item.establishmentYear }}</td>
959 <td id="td" class="text-xs-center">{{ props.item.mobile}}</td> 959 <td id="td" class="text-xs-center">{{ props.item.mobile}}</td>
960 960
961 <td class="text-xs-center"> 961 <td class="text-xs-center">
962 <span> 962 <span>
963 <img 963 <img
964 style="cursor:pointer; width:25px; height:18px; " 964 style="cursor:pointer; width:25px; height:18px; "
965 class="mr-5" 965 class="mr-5"
966 @click="profile(props.item)" 966 @click="profile(props.item)"
967 src="/static/icon/eye1.png" 967 src="/static/icon/eye1.png"
968 /> 968 />
969 <img 969 <img
970 style="cursor:pointer; width:20px; height:18px; " 970 style="cursor:pointer; width:20px; height:18px; "
971 class="mr-5" 971 class="mr-5"
972 @click="editItem(props.item)" 972 @click="editItem(props.item)"
973 src="/static/icon/edit1.png" 973 src="/static/icon/edit1.png"
974 /> 974 />
975 <img 975 <img
976 style="cursor:pointer; height:20px; " 976 style="cursor:pointer; height:20px; "
977 class="mr-5" 977 class="mr-5"
978 @click="deleteItem(props.item)" 978 @click="deleteItem(props.item)"
979 src="/static/icon/delete1.png" 979 src="/static/icon/delete1.png"
980 /> 980 />
981 </span> 981 </span>
982 </td> 982 </td>
983 </template> 983 </template>
984 <v-alert 984 <v-alert
985 slot="no-results" 985 slot="no-results"
986 :value="true" 986 :value="true"
987 color="error" 987 color="error"
988 icon="warning" 988 icon="warning"
989 >Your search for "{{ search }}" found no results.</v-alert> 989 >Your search for "{{ search }}" found no results.</v-alert>
990 </v-data-table> 990 </v-data-table>
991 </v-tab-item> 991 </v-tab-item>
992 992
993 <!-- ****** ADD STUDENTS DETAILS****** --> 993 <!-- ****** ADD STUDENTS DETAILS****** -->
994 <v-tab-item> 994 <v-tab-item>
995 <v-container fluid> 995 <v-container fluid>
996 <v-layout align-center justify-center fill-height> 996 <v-layout align-center justify-center fill-height>
997 <v-flex xs12 sm8 md7 lg8> 997 <v-flex xs12 sm8 md7 lg8>
998 <div> 998 <div>
999 <v-app> 999 <v-app>
1000 <v-stepper v-model="e2"> 1000 <v-stepper v-model="e2">
1001 <v-stepper-header> 1001 <v-stepper-header>
1002 <v-stepper-step :complete="e2 > 1" step="1">Fill parent Details</v-stepper-step> 1002 <v-stepper-step :complete="e2 > 1" step="1">Fill parent Details</v-stepper-step>
1003 <v-divider></v-divider> 1003 <v-divider></v-divider>
1004 <v-stepper-step step="2">Fill Student Details</v-stepper-step> 1004 <v-stepper-step step="2">Fill Student Details</v-stepper-step>
1005 </v-stepper-header> 1005 </v-stepper-header>
1006 <v-stepper-items> 1006 <v-stepper-items>
1007 <v-stepper-content step="1"> 1007 <v-stepper-content step="1">
1008 <v-container fluid class> 1008 <v-container fluid class>
1009 <v-layout> 1009 <v-layout>
1010 <v-flex xs12> 1010 <v-flex xs12>
1011 <v-snackbar 1011 <v-snackbar
1012 :timeout="timeout" 1012 :timeout="timeout"
1013 :top="y === 'top'" 1013 :top="y === 'top'"
1014 :right="x === 'right'" 1014 :right="x === 'right'"
1015 :vertical="mode === 'vertical'" 1015 :vertical="mode === 'vertical'"
1016 v-model="snackbar" 1016 v-model="snackbar"
1017 color="success" 1017 color="success"
1018 >{{ text }}</v-snackbar> 1018 >{{ text }}</v-snackbar>
1019 <v-flex xs12 sm12> 1019 <v-flex xs12 sm12>
1020 <v-form ref="parentForm" v-model="valid" lazy-validation> 1020 <v-form ref="parentForm" v-model="valid" lazy-validation>
1021 <v-container fluid> 1021 <v-container fluid>
1022 <v-layout> 1022 <v-layout>
1023 <v-flex xs12 sm6> 1023 <v-flex xs12 sm6>
1024 <v-layout> 1024 <v-layout>
1025 <v-flex xs4 class="pt-4 subheading"> 1025 <v-flex xs4 class="pt-4 subheading">
1026 <label class="right">Parent Email Id:</label> 1026 <label class="right">Parent Email Id:</label>
1027 </v-flex> 1027 </v-flex>
1028 <v-flex xs8 class="ml-3"> 1028 <v-flex xs8 class="ml-3">
1029 <v-text-field 1029 <v-text-field
1030 placeholder="fill Parent email" 1030 placeholder="fill Parent email"
1031 :rules="emailRules" 1031 :rules="emailRules"
1032 v-model="parentData.email" 1032 v-model="parentData.email"
1033 type="text" 1033 type="text"
1034 v-on:keyup="getParentDetails" 1034 v-on:keyup="getParentDetails"
1035 name="email" 1035 name="email"
1036 required 1036 required
1037 ></v-text-field> 1037 ></v-text-field>
1038 </v-flex> 1038 </v-flex>
1039 </v-layout> 1039 </v-layout>
1040 </v-flex> 1040 </v-flex>
1041 <v-flex xs12 sm6> 1041 <v-flex xs12 sm6>
1042 <v-layout> 1042 <v-layout>
1043 <v-flex xs4 class="pt-4 subheading"> 1043 <v-flex xs4 class="pt-4 subheading">
1044 <label class="right">Father Name:</label> 1044 <label class="right">Father Name:</label>
1045 </v-flex> 1045 </v-flex>
1046 <v-flex xs8 class="ml-3"> 1046 <v-flex xs8 class="ml-3">
1047 <v-text-field 1047 <v-text-field
1048 v-model="parentData.fatherName" 1048 v-model="parentData.fatherName"
1049 :rules="fatherNameRules" 1049 :rules="fatherNameRules"
1050 placeholder="Fill your father Name" 1050 placeholder="Fill your father Name"
1051 required 1051 required
1052 ></v-text-field> 1052 ></v-text-field>
1053 </v-flex> 1053 </v-flex>
1054 </v-layout> 1054 </v-layout>
1055 </v-flex> 1055 </v-flex>
1056 </v-layout> 1056 </v-layout>
1057 <v-layout> 1057 <v-layout>
1058 <v-flex xs12 sm6> 1058 <v-flex xs12 sm6>
1059 <v-layout> 1059 <v-layout>
1060 <v-flex xs4 class="pt-4 subheading"> 1060 <v-flex xs4 class="pt-4 subheading">
1061 <label class="right">Father Cell No:</label> 1061 <label class="right">Father Cell No:</label>
1062 </v-flex> 1062 </v-flex>
1063 <v-flex xs8 class="ml-3"> 1063 <v-flex xs8 class="ml-3">
1064 <v-text-field 1064 <v-text-field
1065 v-model="parentData.fatherCellNo" 1065 v-model="parentData.fatherCellNo"
1066 placeholder="fill your father Cell Number" 1066 placeholder="fill your father Cell Number"
1067 name="state" 1067 name="state"
1068 type="number" 1068 type="number"
1069 :rules="fatheCellNoRules" 1069 :rules="fatheCellNoRules"
1070 required 1070 required
1071 ></v-text-field> 1071 ></v-text-field>
1072 </v-flex> 1072 </v-flex>
1073 </v-layout> 1073 </v-layout>
1074 </v-flex>
1075 <v-flex xs12 sm6>
1076 <v-layout>
1077 <v-flex xs4 class="pt-4 subheading">
1078 <label class="right">Mother Name:</label>
1079 </v-flex>
1080 <v-flex xs8 class="ml-3">
1081 <v-text-field
1082 v-model="parentData.motherName"
1083 placeholder="fill your Mother Name"
1084 name="state"
1085 type="text"
1086 :rules="motherNameRules"
1087 required
1088 ></v-text-field>
1089 </v-flex>
1090 </v-layout>
1091 </v-flex>
1092 </v-layout>
1093 <v-layout>
1094 <v-flex xs12 sm6>
1095 <v-layout>
1096 <v-flex xs4 class="pt-4 subheading">
1097 <label class="right">Mother Cell No:</label>
1098 </v-flex>
1099 <v-flex xs8 class="ml-3">
1100 <v-text-field
1101 v-model="parentData.motherCellNo"
1102 placeholder="fill your Mother Cell Number"
1103 name="state"
1104 type="number"
1105 :rules="motherCellNoRules"
1106 required
1107 ></v-text-field>
1108 </v-flex>
1109 </v-layout>
1110 </v-flex>
1111 </v-layout>
1112 <v-flex xs12 sm12>
1113 <v-card-actions>
1114 <v-spacer></v-spacer>
1115 <v-btn
1116 @click="submitParentDetails"
1117 round
1118 dark
1119 :loading="loading"
1120 v-show="showParent"
1121 >Add</v-btn>
1122 <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>
1123 </v-card-actions>
1124 </v-flex> 1074 </v-flex>
1125 </v-container> 1075 <v-flex xs12 sm6>
1126 </v-form> 1076 <v-layout>
1077 <v-flex xs4 class="pt-4 subheading">
1078 <label class="right">Mother Name:</label>
1079 </v-flex>
1080 <v-flex xs8 class="ml-3">
1081 <v-text-field
1082 v-model="parentData.motherName"
1083 placeholder="fill your Mother Name"
1084 name="state"
1085 type="text"
1086 :rules="motherNameRules"
1087 required
1088 ></v-text-field>
1089 </v-flex>
1090 </v-layout>
1091 </v-flex>
1092 </v-layout>
1093 <v-layout>
1094 <v-flex xs12 sm6>
1095 <v-layout>
1096 <v-flex xs4 class="pt-4 subheading">
1097 <label class="right">Mother Cell No:</label>
1098 </v-flex>
1099 <v-flex xs8 class="ml-3">
1100 <v-text-field
1101 v-model="parentData.motherCellNo"
1102 placeholder="fill your Mother Cell Number"
1103 name="state"
1104 type="number"
1105 :rules="motherCellNoRules"
1106 required
1107 ></v-text-field>
1108 </v-flex>
1109 </v-layout>
1110 </v-flex>
1111 </v-layout>
1112 <v-flex xs12 sm12>
1113 <v-card-actions>
1114 <v-spacer></v-spacer>
1115 <v-btn
1116 @click="submitParentDetails"
1117 round
1118 dark
1119 :loading="loading"
1120 v-show="showParent"
1121 >Add</v-btn>
1122 <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>
1123 </v-card-actions>
1124 </v-flex>
1125 </v-container>
1126 </v-form>
1127 </v-flex> 1127 </v-flex>
1128 </v-flex> 1128 </v-flex>
1129 </v-layout> 1129 </v-layout>
1130 </v-container> 1130 </v-container>
1131 </v-stepper-content> 1131 </v-stepper-content>
1132 <v-stepper-content step="2"> 1132 <v-stepper-content step="2">
1133 <v-container fluid> 1133 <v-container fluid>
1134 <v-snackbar 1134 <v-snackbar
1135 :timeout="timeout" 1135 :timeout="timeout"
1136 :top="y === 'top'" 1136 :top="y === 'top'"
1137 :right="x === 'right'" 1137 :right="x === 'right'"
1138 :vertical="mode === 'vertical'" 1138 :vertical="mode === 'vertical'"
1139 v-model="snackbar" 1139 v-model="snackbar"
1140 color="success" 1140 color="success"
1141 >{{ text }}</v-snackbar> 1141 >{{ text }}</v-snackbar>
1142 <v-flex xs12 sm12> 1142 <v-flex xs12 sm12>
1143 <v-form ref="form" v-model="valid" lazy-validation> 1143 <v-form ref="form" v-model="valid" lazy-validation>
1144 <v-container fluid> 1144 <v-container fluid>
1145 <v-layout> 1145 <v-layout>
1146 <v-flex 1146 <v-flex
1147 xs12 1147 xs12
1148 class="text-xs-center text-sm-center text-md-center text-lg-center mr-4" 1148 class="text-xs-center text-sm-center text-md-center text-lg-center mr-4"
1149 > 1149 >
1150 <v-avatar size="100px"> 1150 <v-avatar size="100px">
1151 <img src="/static/icon/user.png" v-if="!imageUrl" /> 1151 <img src="/static/icon/user.png" v-if="!imageUrl" />
1152 </v-avatar> 1152 </v-avatar>
1153 <input 1153 <input
1154 type="file" 1154 type="file"
1155 style="display: none" 1155 style="display: none"
1156 ref="image" 1156 ref="image"
1157 accept="image/*" 1157 accept="image/*"
1158 @change="onFilePicked" 1158 @change="onFilePicked"
1159 /> 1159 />
1160 <img 1160 <img
1161 :src="imageData.imageUrl" 1161 :src="imageData.imageUrl"
1162 height="150" 1162 height="150"
1163 v-if="imageUrl" 1163 v-if="imageUrl"
1164 style="border-radius:50%; width:200px" 1164 style="border-radius:50%; width:200px"
1165 /> 1165 />
1166 </v-flex> 1166 </v-flex>
1167 </v-layout> 1167 </v-layout>
1168 <v-layout> 1168 <v-layout>
1169 <v-flex xs12 sm6> 1169 <v-flex xs12 sm6>
1170 <v-layout> 1170 <v-layout>
1171 <v-flex xs4 class="pt-4 subheading"> 1171 <v-flex xs4 class="pt-4 subheading">
1172 <label class="right">Select Class:</label> 1172 <label class="right">Select Class:</label>
1173 </v-flex> 1173 </v-flex>
1174 <v-flex xs8 class="ml-3"> 1174 <v-flex xs8 class="ml-3">
1175 <v-select 1175 <v-select
1176 :items="addclass" 1176 :items="addclass"
1177 label="Select Class" 1177 label="Select Class"
1178 v-model="addStudents.select" 1178 v-model="addStudents.select"
1179 item-text="classNum" 1179 item-text="classNum"
1180 item-value="_id" 1180 item-value="_id"
1181 name="Select Class" 1181 name="Select Class"
1182 :rules="classRules" 1182 :rules="classRules"
1183 @change="getSection(addStudents.select)" 1183 @change="getSection(addStudents.select)"
1184 required 1184 required
1185 ></v-select> 1185 ></v-select>
1186 </v-flex> 1186 </v-flex>
1187 </v-layout> 1187 </v-layout>
1188 </v-flex> 1188 </v-flex>
1189 <v-flex xs12 sm6> 1189 <v-flex xs12 sm6>
1190 <v-layout> 1190 <v-layout>
1191 <v-flex xs4 class="pt-4 subheading"> 1191 <v-flex xs4 class="pt-4 subheading">
1192 <label class="right">Select Section:</label> 1192 <label class="right">Select Section:</label>
1193 </v-flex> 1193 </v-flex>
1194 <v-flex xs8 class="ml-3"> 1194 <v-flex xs8 class="ml-3">
1195 <v-select 1195 <v-select
1196 :items="addSection" 1196 :items="addSection"
1197 label="Select Section" 1197 label="Select Section"
1198 v-model="addStudents.selectSection" 1198 v-model="addStudents.selectSection"
1199 item-text="name" 1199 item-text="name"
1200 item-value="_id" 1200 item-value="_id"
1201 name="Select Section" 1201 name="Select Section"
1202 :rules="sectionRules" 1202 :rules="sectionRules"
1203 required 1203 required
1204 ></v-select> 1204 ></v-select>
1205 </v-flex> 1205 </v-flex>
1206 </v-layout> 1206 </v-layout>
1207 </v-flex> 1207 </v-flex>
1208 </v-layout> 1208 </v-layout>
1209 <v-layout> 1209 <v-layout>
1210 <v-flex xs12 sm6> 1210 <v-flex xs12 sm6>
1211 <v-layout> 1211 <v-layout>
1212 <v-flex xs4 class="pt-4 subheading"> 1212 <v-flex xs4 class="pt-4 subheading">
1213 <label class="right">Full Name:</label> 1213 <label class="right">Full Name:</label>
1214 </v-flex> 1214 </v-flex>
1215 <v-flex xs8 class="ml-3"> 1215 <v-flex xs8 class="ml-3">
1216 <v-text-field 1216 <v-text-field
1217 v-model="addStudents.name" 1217 v-model="addStudents.name"
1218 placeholder="fill your full Name" 1218 placeholder="fill your full Name"
1219 name="name" 1219 name="name"
1220 type="text" 1220 type="text"
1221 :rules="nameRules" 1221 :rules="nameRules"
1222 required 1222 required
1223 ></v-text-field> 1223 ></v-text-field>
1224 </v-flex> 1224 </v-flex>
1225 </v-layout> 1225 </v-layout>
1226 </v-flex> 1226 </v-flex>
1227 <v-flex xs12 sm6> 1227 <v-flex xs12 sm6>
1228 <v-layout> 1228 <v-layout>
1229 <v-flex xs4 class="pt-4 subheading"> 1229 <v-flex xs4 class="pt-4 subheading">
1230 <label class="right">Email ID:</label> 1230 <label class="right">Email ID:</label>
1231 </v-flex> 1231 </v-flex>
1232 <v-flex xs8 class="ml-3"> 1232 <v-flex xs8 class="ml-3">
1233 <v-text-field 1233 <v-text-field
1234 placeholder="fill your email" 1234 placeholder="fill your email"
1235 :rules="emailRules" 1235 :rules="emailRules"
1236 v-model="addStudents.email" 1236 v-model="addStudents.email"
1237 type="text" 1237 type="text"
1238 name="email" 1238 name="email"
1239 required 1239 required
1240 ></v-text-field> 1240 ></v-text-field>
1241 </v-flex> 1241 </v-flex>
1242 </v-layout> 1242 </v-layout>
1243 </v-flex> 1243 </v-flex>
1244 </v-layout> 1244 </v-layout>
1245 <v-layout> 1245 <v-layout>
1246 <v-flex xs12 sm6> 1246 <v-flex xs12 sm6>
1247 <v-layout> 1247 <v-layout>
1248 <v-flex xs4 class="pt-4 subheading"> 1248 <v-flex xs4 class="pt-4 subheading">
1249 <label class="right">Date of Birth:</label> 1249 <label class="right">Date of Birth:</label>
1250 </v-flex> 1250 </v-flex>
1251 <v-flex xs8 class="ml-3"> 1251 <v-flex xs8 class="ml-3">
1252 <v-menu 1252 <v-menu
1253 ref="menu" 1253 ref="menu"
1254 :close-on-content-click="false" 1254 :close-on-content-click="false"
1255 v-model="menu" 1255 v-model="menu"
1256 :nudge-right="40" 1256 :nudge-right="40"
1257 lazy 1257 lazy
1258 transition="scale-transition" 1258 transition="scale-transition"
1259 offset-y 1259 offset-y
1260 full-width 1260 full-width
1261 min-width="290px" 1261 min-width="290px"
1262 >
1263 <v-text-field
1264 slot="activator"
1265 :rules="dateRules"
1266 v-model="addStudents.date"
1267 placeholder="Select date"
1268 ></v-text-field>
1269 <v-date-picker
1270 ref="picker"
1271 v-model="addStudents.date"
1272 :max="new Date().toISOString().substr(0, 10)"
1273 min="1950-01-01"
1274 @input="menu = false"
1275 ></v-date-picker>
1276 </v-menu>
1277 </v-flex>
1278 </v-layout>
1279 </v-flex>
1280 <v-flex xs12 sm6>
1281 <v-layout>
1282 <v-flex xs4 class="pt-4 subheading">
1283 <label class="right">City:</label>
1284 </v-flex>
1285 <v-flex xs8 class="ml-3">
1286 <v-text-field
1287 v-model="addStudents.city"
1288 placeholder="fill your City Name"
1289 name="City"
1290 type="text"
1291 :rules="cityRules"
1292 required
1293 ></v-text-field>
1294 </v-flex>
1295 </v-layout>
1296 </v-flex>
1297 </v-layout>
1298 <v-layout>
1299 <v-flex xs12 sm6>
1300 <v-layout>
1301 <v-flex xs4 class="pt-4 subheading">
1302 <label class="right">State:</label>
1303 </v-flex>
1304 <v-flex xs8 class="ml-3">
1305 <v-text-field
1306 v-model="addStudents.state"
1307 placeholder="fill your State Name"
1308 name="state"
1309 type="text"
1310 :rules="stateRules"
1311 required
1312 ></v-text-field>
1313 </v-flex>
1314 </v-layout>
1315 </v-flex>
1316 <v-flex xs12 sm6>
1317 <v-layout>
1318 <v-flex xs4 class="pt-4 subheading">
1319 <label class="right">Pincode:</label>
1320 </v-flex>
1321 <v-flex xs8 class="ml-3">
1322 <v-text-field
1323 v-model="addStudents.pincode"
1324 placeholder="fill your pincode"
1325 name="pincode"
1326 type="number"
1327 :rules="pincode"
1328 required
1329 ></v-text-field>
1330 </v-flex>
1331 </v-layout>
1332 </v-flex>
1333 </v-layout>
1334 <v-layout>
1335 <v-flex xs12 sm6>
1336 <v-layout>
1337 <v-flex xs4 class="pt-4 subheading">
1338 <label class="right">Mobile No:</label>
1339 </v-flex>
1340 <v-flex xs8 class="ml-3">
1341 <v-text-field
1342 v-model="addStudents.mobile"
1343 placeholder="fill your MobileNo"
1344 name="mobileNo"
1345 type="number"
1346 :rules="mobileNoRules"
1347 required
1348 ></v-text-field>
1349 </v-flex>
1350 </v-layout>
1351 </v-flex>
1352 <v-flex xs12 sm6>
1353 <v-layout>
1354 <v-flex xs4 class="pt-4 subheading">
1355 <label class="right">Select Country:</label>
1356 </v-flex>
1357 <v-flex xs8 class="ml-3">
1358 <v-autocomplete
1359 v-model="addStudents.country"
1360 :rules="country"
1361 :items="countries"
1362 placeholder="Select Country Name"
1363 required
1364 ></v-autocomplete>
1365 </v-flex>
1366 </v-layout>
1367 </v-flex>
1368 </v-layout>
1369 <v-layout>
1370 <v-flex xs12 sm6>
1371 <v-layout>
1372 <v-flex xs4 class="pt-4 subheading">
1373 <label class="right">Gender:</label>
1374 </v-flex>
1375 <v-flex xs8 class="ml-3">
1376 <v-select
1377 :items="gender"
1378 v-model="addStudents.gender"
1379 :rules="genderRules"
1380 label="Select Gender"
1381 required
1382 ></v-select>
1383 </v-flex>
1384 </v-layout>
1385 </v-flex>
1386 <v-flex xs12 sm6>
1387 <v-layout>
1388 <v-flex xs4 class="pt-4 subheading">
1389 <label class="right">Blood Group:</label>
1390 </v-flex>
1391 <v-flex xs8 class="ml-3">
1392 <v-text-field
1393 v-model="addStudents.bloodGroup"
1394 placeholder="Fill your Blood Group"
1395 required
1396 ></v-text-field>
1397 </v-flex>
1398 </v-layout>
1399 </v-flex>
1400 </v-layout>
1401 <v-layout>
1402 <v-flex xs12 sm6>
1403 <v-layout>
1404 <v-flex xs4 class="pt-4 subheading">
1405 <label class="right">Allergies:</label>
1406 </v-flex>
1407 <v-flex xs8 class="ml-3">
1408 <v-text-field
1409 v-model="addStudents.allergies"
1410 placeholder="Fill your Allergies"
1411 required
1412 ></v-text-field>
1413 </v-flex>
1414 </v-layout>
1415 </v-flex>
1416 <v-flex xs12 sm6>
1417 <v-layout>
1418 <v-flex xs4 class="pt-4 subheading">
1419 <label class="right">Medical Notes:</label>
1420 </v-flex>
1421 <v-flex xs8 class="ml-3">
1422 <v-text-field
1423 v-model="addStudents.medicalNotes"
1424 placeholder="Fill your Medical Notes"
1425 required
1426 ></v-text-field>
1427 </v-flex>
1428 </v-layout>
1429 </v-flex>
1430 </v-layout>
1431 <v-layout>
1432 <v-flex xs12 sm6>
1433 <v-layout>
1434 <v-flex xs4 class="pt-4 subheading">
1435 <label class="right">Height:</label>
1436 </v-flex>
1437 <v-flex xs8 class="ml-3">
1438 <v-text-field
1439 v-model="addStudents.height"
1440 placeholder="Fill your Height"
1441 required
1442 ></v-text-field>
1443 </v-flex>
1444 </v-layout>
1445 </v-flex>
1446 <v-flex xs12 sm6>
1447 <v-layout>
1448 <v-flex xs4 class="pt-4 subheading">
1449 <label class="right">Weight:</label>
1450 </v-flex>
1451 <v-flex xs8 class="ml-3">
1452 <v-text-field
1453 v-model="addStudents.weight"
1454 placeholder="Fill your Weight"
1455 required
1456 ></v-text-field>
1457 </v-flex>
1458 </v-layout>
1459 </v-flex>
1460 </v-layout>
1461 <v-layout>
1462 <v-flex xs12 sm6>
1463 <v-layout>
1464 <v-flex xs4 class="pt-4 subheading">
1465 <label class="right">Uplaod Image:</label>
1466 </v-flex>
1467 <v-flex xs8 class="ml-3">
1468 <v-text-field
1469 label="Select Image"
1470 @click="pickFile"
1471 v-model="imageName"
1472 append-icon="attach_file"
1473 ></v-text-field>
1474 </v-flex>
1475 </v-layout>
1476 </v-flex>
1477 <v-flex xs12 sm6>
1478 <v-layout>
1479 <v-flex xs4 class="pt-4 subheading">
1480 <label class="right">Academic Year:</label>
1481 </v-flex>
1482 <v-flex xs8 class="ml-3">
1483 <v-text-field
1484 v-model="addStudents.establishmentYear"
1485 placeholder="fill your Academic Year"
1486 name="state"
1487 type="number"
1488 :rules="establishmentYearRules"
1489 required
1490 ></v-text-field>
1491 </v-flex>
1492 </v-layout>
1493 </v-flex>
1494 </v-layout>
1495 <v-layout>
1496 <v-flex xs12 sm12>
1497 <v-layout>
1498 <v-flex
1499 xs3
1500 class="pt-4 subheading pl-4"
1501 style="max-width: 17%;"
1502 > 1262 >
1503 <label class>Present Address:</label>
1504 </v-flex>
1505 <v-flex xs12>
1506 <v-text-field
1507 name="input-4-3"
1508 v-model="addStudents.presentAddress"
1509 :rules="presentAddress"
1510 placeholder="fill Your present Address"
1511 required
1512 ></v-text-field>
1513 </v-flex>
1514 </v-layout>
1515 </v-flex>
1516 <v-flex xs12 sm12>
1517 <v-layout>
1518 <v-flex xs3 class="pt-4 subheading" style="max-width: 17%;">
1519 <label>Permanent Address:</label>
1520 </v-flex>
1521 <v-flex xs12>
1522 <v-text-field 1263 <v-text-field
1523 name="input-4-3" 1264 slot="activator"
1524 v-model="addStudents.permanentAddress" 1265 :rules="dateRules"
1525 :rules="permanentAddress" 1266 v-model="addStudents.date"
1526 placeholder="fill Your Permanent Address" 1267 placeholder="Select date"
1527 required
1528 ></v-text-field> 1268 ></v-text-field>
1529 </v-flex> 1269 <v-date-picker
1530 </v-layout> 1270 ref="picker"
1531 </v-flex> 1271 v-model="addStudents.date"
1532 </v-layout> 1272 :max="new Date().toISOString().substr(0, 10)"
1533 <v-layout> 1273 min="1950-01-01"
1534 <v-flex xs12 sm12> 1274 @input="menu = false"
1535 <v-card-actions> 1275 ></v-date-picker>
1536 <!-- <v-btn @click="clear" round dark>clear</v-btn> --> 1276 </v-menu>
1537 <v-btn round dark @click="e2 = 1"> 1277 </v-flex>
1538 <v-icon dark left>arrow_back</v-icon>Back 1278 </v-layout>
1539 </v-btn> 1279 </v-flex>
1540 <v-spacer></v-spacer> 1280 <v-flex xs12 sm6>
1541 <v-btn @click="submit" round dark :loading="loading">Add</v-btn> 1281 <v-layout>
1542 </v-card-actions> 1282 <v-flex xs4 class="pt-4 subheading">
1543 </v-flex> 1283 <label class="right">City:</label>
1544 </v-layout> 1284 </v-flex>
1545 </v-container> 1285 <v-flex xs8 class="ml-3">
1546 </v-form> 1286 <v-text-field
1287 v-model="addStudents.city"
1288 placeholder="fill your City Name"
1289 name="City"
1290 type="text"
1291 :rules="cityRules"
1292 required
1293 ></v-text-field>
1294 </v-flex>
1295 </v-layout>
1296 </v-flex>
1297 </v-layout>
1298 <v-layout>
1299 <v-flex xs12 sm6>
1300 <v-layout>
1301 <v-flex xs4 class="pt-4 subheading">
1302 <label class="right">State:</label>
1303 </v-flex>
1304 <v-flex xs8 class="ml-3">
1305 <v-text-field
1306 v-model="addStudents.state"
1307 placeholder="fill your State Name"
1308 name="state"
1309 type="text"
1310 :rules="stateRules"
1311 required
1312 ></v-text-field>
1313 </v-flex>
1314 </v-layout>
1315 </v-flex>
1316 <v-flex xs12 sm6>
1317 <v-layout>
1318 <v-flex xs4 class="pt-4 subheading">
1319 <label class="right">Pincode:</label>
1320 </v-flex>
1321 <v-flex xs8 class="ml-3">
1322 <v-text-field
1323 v-model="addStudents.pincode"
1324 placeholder="fill your pincode"
1325 name="pincode"
1326 type="number"
1327 :rules="pincode"
1328 required
1329 ></v-text-field>
1330 </v-flex>
1331 </v-layout>
1332 </v-flex>
1333 </v-layout>
1334 <v-layout>
1335 <v-flex xs12 sm6>
1336 <v-layout>
1337 <v-flex xs4 class="pt-4 subheading">
1338 <label class="right">Mobile No:</label>
1339 </v-flex>
1340 <v-flex xs8 class="ml-3">
1341 <v-text-field
1342 v-model="addStudents.mobile"
1343 placeholder="fill your MobileNo"
1344 name="mobileNo"
1345 type="number"
1346 :rules="mobileNoRules"
1347 required
1348 ></v-text-field>
1349 </v-flex>
1350 </v-layout>
1351 </v-flex>
1352 <v-flex xs12 sm6>
1353 <v-layout>
1354 <v-flex xs4 class="pt-4 subheading">
1355 <label class="right">Select Country:</label>
1356 </v-flex>
1357 <v-flex xs8 class="ml-3">
1358 <v-autocomplete
1359 v-model="addStudents.country"
1360 :rules="country"
1361 :items="countries"
1362 placeholder="Select Country Name"
1363 required
1364 ></v-autocomplete>
1365 </v-flex>
1366 </v-layout>
1367 </v-flex>
1368 </v-layout>
1369 <v-layout>
1370 <v-flex xs12 sm6>
1371 <v-layout>
1372 <v-flex xs4 class="pt-4 subheading">
1373 <label class="right">Gender:</label>
1374 </v-flex>
1375 <v-flex xs8 class="ml-3">
1376 <v-select
1377 :items="gender"
1378 v-model="addStudents.gender"
1379 :rules="genderRules"
1380 label="Select Gender"
1381 required
1382 ></v-select>
1383 </v-flex>
1384 </v-layout>
1385 </v-flex>
1386 <v-flex xs12 sm6>
1387 <v-layout>
1388 <v-flex xs4 class="pt-4 subheading">
1389 <label class="right">Blood Group:</label>
1390 </v-flex>
1391 <v-flex xs8 class="ml-3">
1392 <v-text-field
1393 v-model="addStudents.bloodGroup"
1394 placeholder="Fill your Blood Group"
1395 required
1396 ></v-text-field>
1397 </v-flex>
1398 </v-layout>
1399 </v-flex>
1400 </v-layout>
1401 <v-layout>
1402 <v-flex xs12 sm6>
1403 <v-layout>
1404 <v-flex xs4 class="pt-4 subheading">
1405 <label class="right">Allergies:</label>
1406 </v-flex>
1407 <v-flex xs8 class="ml-3">
1408 <v-text-field
1409 v-model="addStudents.allergies"
1410 placeholder="Fill your Allergies"
1411 required
1412 ></v-text-field>
1413 </v-flex>
1414 </v-layout>
1415 </v-flex>
1416 <v-flex xs12 sm6>
1417 <v-layout>
1418 <v-flex xs4 class="pt-4 subheading">
1419 <label class="right">Medical Notes:</label>
1420 </v-flex>
1421 <v-flex xs8 class="ml-3">
1422 <v-text-field
1423 v-model="addStudents.medicalNotes"
1424 placeholder="Fill your Medical Notes"
1425 required
1426 ></v-text-field>
1427 </v-flex>
1428 </v-layout>
1429 </v-flex>
1430 </v-layout>
1431 <v-layout>
1432 <v-flex xs12 sm6>
1433 <v-layout>
1434 <v-flex xs4 class="pt-4 subheading">
1435 <label class="right">Height:</label>
1436 </v-flex>
1437 <v-flex xs8 class="ml-3">
1438 <v-text-field
1439 v-model="addStudents.height"
1440 placeholder="Fill your Height"
1441 required
1442 ></v-text-field>
1443 </v-flex>
1444 </v-layout>
1445 </v-flex>
1446 <v-flex xs12 sm6>
1447 <v-layout>
1448 <v-flex xs4 class="pt-4 subheading">
1449 <label class="right">Weight:</label>
1450 </v-flex>
1451 <v-flex xs8 class="ml-3">
1452 <v-text-field
1453 v-model="addStudents.weight"
1454 placeholder="Fill your Weight"
1455 required
1456 ></v-text-field>
1457 </v-flex>
1458 </v-layout>
1459 </v-flex>
1460 </v-layout>
1461 <v-layout>
1462 <v-flex xs12 sm6>
1463 <v-layout>
1464 <v-flex xs4 class="pt-4 subheading">
1465 <label class="right">Uplaod Image:</label>
1466 </v-flex>
1467 <v-flex xs8 class="ml-3">
1468 <v-text-field
1469 label="Select Image"
1470 @click="pickFile"
1471 v-model="imageName"
1472 append-icon="attach_file"
1473 ></v-text-field>
1474 </v-flex>
1475 </v-layout>
1476 </v-flex>
1477 <v-flex xs12 sm6>
1478 <v-layout>
1479 <v-flex xs4 class="pt-4 subheading">
1480 <label class="right">Academic Year:</label>
1481 </v-flex>
1482 <v-flex xs8 class="ml-3">
1483 <v-text-field
1484 v-model="addStudents.establishmentYear"
1485 placeholder="fill your Academic Year"
1486 name="state"
1487 type="number"
1488 :rules="establishmentYearRules"
1489 required
1490 ></v-text-field>
1491 </v-flex>
1492 </v-layout>
1493 </v-flex>
1494 </v-layout>
1495 <v-layout>
1496 <v-flex xs12 sm12>
1497 <v-layout>
1498 <v-flex
1499 xs3
1500 class="pt-4 subheading pl-4"
1501 style="max-width: 17%;"
1502 >
1503 <label class>Present Address:</label>
1504 </v-flex>
1505 <v-flex xs12>
1506 <v-text-field
1507 name="input-4-3"
1508 v-model="addStudents.presentAddress"
1509 :rules="presentAddress"
1510 placeholder="fill Your present Address"
1511 required
1512 ></v-text-field>
1513 </v-flex>
1514 </v-layout>
1515 </v-flex>
1516 <v-flex xs12 sm12>
1517 <v-layout>
1518 <v-flex xs3 class="pt-4 subheading" style="max-width: 17%;">
1519 <label>Permanent Address:</label>
1520 </v-flex>
1521 <v-flex xs12>
1522 <v-text-field
1523 name="input-4-3"
1524 v-model="addStudents.permanentAddress"
1525 :rules="permanentAddress"
1526 placeholder="fill Your Permanent Address"
1527 required
1528 ></v-text-field>
1529 </v-flex>
1530 </v-layout>
1531 </v-flex>
1532 </v-layout>
1533 <v-layout>
1534 <v-flex xs12 sm12>
1535 <v-card-actions>
1536 <!-- <v-btn @click="clear" round dark>clear</v-btn> -->
1537 <v-btn round dark @click="e2 = 1">
1538 <v-icon dark left>arrow_back</v-icon>Back
1539 </v-btn>
1540 <v-spacer></v-spacer>
1541 <v-btn @click="submit" round dark :loading="loading">Add</v-btn>
1542 </v-card-actions>
1543 </v-flex>
1544 </v-layout>
1545 </v-container>
1546 </v-form>
1547 </v-flex> 1547 </v-flex>
1548 </v-container> 1548 </v-container>
1549 </v-stepper-content> 1549 </v-stepper-content>
1550 </v-stepper-items> 1550 </v-stepper-items>
1551 </v-stepper> 1551 </v-stepper>
1552 </v-app> 1552 </v-app>
1553 </div> 1553 </div>
1554 </v-flex> 1554 </v-flex>
1555 </v-layout> 1555 </v-layout>
1556 </v-container> 1556 </v-container>
1557 </v-tab-item> 1557 </v-tab-item>
1558 </v-tabs> 1558 </v-tabs>
1559 <div class="loader" v-if="showLoader"> 1559 <div class="loader" v-if="showLoader">
1560 <v-progress-circular indeterminate color="white"></v-progress-circular> 1560 <v-progress-circular indeterminate color="white"></v-progress-circular>
1561 </div> 1561 </div>
1562 </v-app> 1562 </v-app>
1563 </template> 1563 </template>
1564 1564
1565 <script> 1565 <script>
1566 import http from "@/Services/http.js"; 1566 import http from "@/Services/http.js";
1567 import Util from "@/util"; 1567 import Util from "@/util";
1568 import moment from "moment"; 1568 import moment from "moment";
1569 1569
1570 export default { 1570 export default {
1571 data: () => ({ 1571 data: () => ({
1572 e2: 0, 1572 e2: 0,
1573 showParent: true, 1573 showParent: true,
1574 showNext: false, 1574 showNext: false,
1575 snackbar: false, 1575 snackbar: false,
1576 y: "top", 1576 y: "top",
1577 x: "right", 1577 x: "right",
1578 mode: "", 1578 mode: "",
1579 timeout: 3000, 1579 timeout: 3000,
1580 text: "", 1580 text: "",
1581 showLoader: false, 1581 showLoader: false,
1582 loading: false, 1582 loading: false,
1583 date: null, 1583 date: null,
1584 search: "", 1584 search: "",
1585 menu: false, 1585 menu: false,
1586 menu1: false, 1586 menu1: false,
1587 dialog: false, 1587 dialog: false,
1588 dialog1: false, 1588 dialog1: false,
1589 valid: true, 1589 valid: true,
1590 isActive: true, 1590 isActive: true,
1591 newActive: false, 1591 newActive: false,
1592 addclass: [], 1592 addclass: [],
1593 addSection: [], 1593 addSection: [],
1594 gender: ["Male", "Female"], 1594 gender: ["Male", "Female"],
1595 AddUsercredentials: {}, 1595 AddUsercredentials: {},
1596 pagination: { 1596 pagination: {
1597 rowsPerPage: 15 1597 rowsPerPage: 15
1598 }, 1598 },
1599 imageData: {}, 1599 imageData: {},
1600 imageName: "", 1600 imageName: "",
1601 imageUrl: "", 1601 imageUrl: "",
1602 imageFile: "", 1602 imageFile: "",
1603 nameRules: [v => !!v || " Full Name is required"], 1603 nameRules: [v => !!v || " Full Name is required"],
1604 dateRules: [v => !!v || " DOB is required"], 1604 dateRules: [v => !!v || " DOB is required"],
1605 cityRules: [v => !!v || " City Name is required"], 1605 cityRules: [v => !!v || " City Name is required"],
1606 pincode: [v => !!v || " Pincode is required"], 1606 pincode: [v => !!v || " Pincode is required"],
1607 country: [v => !!v || " Country Name is required"], 1607 country: [v => !!v || " Country Name is required"],
1608 permanentAddress: [v => !!v || " Permanent Address is required"], 1608 permanentAddress: [v => !!v || " Permanent Address is required"],
1609 presentAddress: [v => !!v || " Present Address is required"], 1609 presentAddress: [v => !!v || " Present Address is required"],
1610 mobileNoRules: [v => !!v || "Mobile Number is required"], 1610 mobileNoRules: [v => !!v || "Mobile Number is required"],
1611 stateRules: [v => !!v || "State Name is required"], 1611 stateRules: [v => !!v || "State Name is required"],
1612 classRules: [v => !!v || " Class Name is required"], 1612 classRules: [v => !!v || " Class Name is required"],
1613 sectionRules: [v => !!v || " Section Name is required"], 1613 sectionRules: [v => !!v || " Section Name is required"],
1614 genderRules: [v => !!v || " Select Gender is required"], 1614 genderRules: [v => !!v || " Select Gender is required"],
1615 fatherNameRules: [v => !!v || " Father Name is required"], 1615 fatherNameRules: [v => !!v || " Father Name is required"],
1616 fatheCellNoRules: [v => !!v || " father Cell Number is required"], 1616 fatheCellNoRules: [v => !!v || " father Cell Number is required"],
1617 motherNameRules: [v => !!v || " Mother Name is required"], 1617 motherNameRules: [v => !!v || " Mother Name is required"],
1618 motherCellNoRules: [v => !!v || " Mother Cell Number is required"], 1618 motherCellNoRules: [v => !!v || " Mother Cell Number is required"],
1619 establishmentYearRules: [v => !!v || " Academic Year is required"], 1619 establishmentYearRules: [v => !!v || " Academic Year is required"],
1620 errorMessages: "", 1620 errorMessages: "",
1621 emailRules: [ 1621 emailRules: [
1622 v => !!v || "E-mail is required", 1622 v => !!v || "E-mail is required",
1623 v => 1623 v =>
1624 /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) || 1624 /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) ||
1625 "E-mail must be valid" 1625 "E-mail must be valid"
1626 ], 1626 ],
1627 countries: [ 1627 countries: [
1628 "Afghanistan", 1628 "Afghanistan",
1629 "Albania", 1629 "Albania",
1630 "Algeria", 1630 "Algeria",
1631 "Andorra", 1631 "Andorra",
1632 "Angola", 1632 "Angola",
1633 "Anguilla", 1633 "Anguilla",
1634 "Antigua &amp; Barbuda", 1634 "Antigua &amp; Barbuda",
1635 "Argentina", 1635 "Argentina",
1636 "Armenia", 1636 "Armenia",
1637 "Aruba", 1637 "Aruba",
1638 "Australia", 1638 "Australia",
1639 "Austria", 1639 "Austria",
1640 "Azerbaijan", 1640 "Azerbaijan",
1641 "Bahamas", 1641 "Bahamas",
1642 "Bahrain", 1642 "Bahrain",
1643 "Bangladesh", 1643 "Bangladesh",
1644 "Barbados", 1644 "Barbados",
1645 "Belarus", 1645 "Belarus",
1646 "Belgium", 1646 "Belgium",
1647 "Belize", 1647 "Belize",
1648 "Benin", 1648 "Benin",
1649 "Bermuda", 1649 "Bermuda",
1650 "Bhutan", 1650 "Bhutan",
1651 "Bolivia", 1651 "Bolivia",
1652 "Bosnia &amp; Herzegovina", 1652 "Bosnia &amp; Herzegovina",
1653 "Botswana", 1653 "Botswana",
1654 "Brazil", 1654 "Brazil",
1655 "British Virgin Islands", 1655 "British Virgin Islands",
1656 "Brunei", 1656 "Brunei",
1657 "Bulgaria", 1657 "Bulgaria",
1658 "Burkina Faso", 1658 "Burkina Faso",
1659 "Burundi", 1659 "Burundi",
1660 "Cambodia", 1660 "Cambodia",
1661 "Cameroon", 1661 "Cameroon",
1662 "Cape Verde", 1662 "Cape Verde",
1663 "Cayman Islands", 1663 "Cayman Islands",
1664 "Chad", 1664 "Chad",
1665 "Chile", 1665 "Chile",
1666 "China", 1666 "China",
1667 "Colombia", 1667 "Colombia",
1668 "Congo", 1668 "Congo",
1669 "Cook Islands", 1669 "Cook Islands",
1670 "Costa Rica", 1670 "Costa Rica",
1671 "Cote D Ivoire", 1671 "Cote D Ivoire",
1672 "Croatia", 1672 "Croatia",
1673 "Cruise Ship", 1673 "Cruise Ship",
1674 "Cuba", 1674 "Cuba",
1675 "Cyprus", 1675 "Cyprus",
1676 "Czech Republic", 1676 "Czech Republic",
1677 "Denmark", 1677 "Denmark",
1678 "Djibouti", 1678 "Djibouti",
1679 "Dominica", 1679 "Dominica",
1680 "Dominican Republic", 1680 "Dominican Republic",
1681 "Ecuador", 1681 "Ecuador",
1682 "Egypt", 1682 "Egypt",
1683 "El Salvador", 1683 "El Salvador",
1684 "Equatorial Guinea", 1684 "Equatorial Guinea",
1685 "Estonia", 1685 "Estonia",
1686 "Ethiopia", 1686 "Ethiopia",
1687 "Falkland Islands", 1687 "Falkland Islands",
1688 "Faroe Islands", 1688 "Faroe Islands",
1689 "Fiji", 1689 "Fiji",
1690 "Finland", 1690 "Finland",
1691 "France", 1691 "France",
1692 "French Polynesia", 1692 "French Polynesia",
1693 "French West Indies", 1693 "French West Indies",
1694 "Gabon", 1694 "Gabon",
1695 "Gambia", 1695 "Gambia",
1696 "Georgia", 1696 "Georgia",
1697 "Germany", 1697 "Germany",
1698 "Ghana", 1698 "Ghana",
1699 "Gibraltar", 1699 "Gibraltar",
1700 "Greece", 1700 "Greece",
1701 "Greenland", 1701 "Greenland",
1702 "Grenada", 1702 "Grenada",
1703 "Guam", 1703 "Guam",
1704 "Guatemala", 1704 "Guatemala",
1705 "Guernsey", 1705 "Guernsey",
1706 "Guinea", 1706 "Guinea",
1707 "Guinea Bissau", 1707 "Guinea Bissau",
1708 "Guyana", 1708 "Guyana",
1709 "Haiti", 1709 "Haiti",
1710 "Honduras", 1710 "Honduras",
1711 "Hong Kong", 1711 "Hong Kong",
1712 "Hungary", 1712 "Hungary",
1713 "Iceland", 1713 "Iceland",
1714 "India", 1714 "India",
1715 "Indonesia", 1715 "Indonesia",
1716 "Iran", 1716 "Iran",
1717 "Iraq", 1717 "Iraq",
1718 "Ireland", 1718 "Ireland",
1719 "Isle of Man", 1719 "Isle of Man",
1720 "Israel", 1720 "Israel",
1721 "Italy", 1721 "Italy",
1722 "Jamaica", 1722 "Jamaica",
1723 "Japan", 1723 "Japan",
1724 "Jersey", 1724 "Jersey",
1725 "Jordan", 1725 "Jordan",
1726 "Kazakhstan", 1726 "Kazakhstan",
1727 "Kenya", 1727 "Kenya",
1728 "Kuwait", 1728 "Kuwait",
1729 "Kyrgyz Republic", 1729 "Kyrgyz Republic",
1730 "Laos", 1730 "Laos",
1731 "Latvia", 1731 "Latvia",
1732 "Lebanon", 1732 "Lebanon",
1733 "Lesotho", 1733 "Lesotho",
1734 "Liberia", 1734 "Liberia",
1735 "Libya", 1735 "Libya",
1736 "Liechtenstein", 1736 "Liechtenstein",
1737 "Lithuania", 1737 "Lithuania",
1738 "Luxembourg", 1738 "Luxembourg",
1739 "Macau", 1739 "Macau",
1740 "Macedonia", 1740 "Macedonia",
1741 "Madagascar", 1741 "Madagascar",
1742 "Malawi", 1742 "Malawi",
1743 "Malaysia", 1743 "Malaysia",
1744 "Maldives", 1744 "Maldives",
1745 "Mali", 1745 "Mali",
1746 "Malta", 1746 "Malta",
1747 "Mauritania", 1747 "Mauritania",
1748 "Mauritius", 1748 "Mauritius",
1749 "Mexico", 1749 "Mexico",
1750 "Moldova", 1750 "Moldova",
1751 "Monaco", 1751 "Monaco",
1752 "Mongolia", 1752 "Mongolia",
1753 "Montenegro", 1753 "Montenegro",
1754 "Montserrat", 1754 "Montserrat",
1755 "Morocco", 1755 "Morocco",
1756 "Mozambique", 1756 "Mozambique",
1757 "Namibia", 1757 "Namibia",
1758 "Nepal", 1758 "Nepal",
1759 "Netherlands", 1759 "Netherlands",
1760 "Netherlands Antilles", 1760 "Netherlands Antilles",
1761 "New Caledonia", 1761 "New Caledonia",
1762 "New Zealand", 1762 "New Zealand",
1763 "Nicaragua", 1763 "Nicaragua",
1764 "Niger", 1764 "Niger",
1765 "Nigeria", 1765 "Nigeria",
1766 "Norway", 1766 "Norway",
1767 "Oman", 1767 "Oman",
1768 "Pakistan", 1768 "Pakistan",
1769 "Palestine", 1769 "Palestine",
1770 "Panama", 1770 "Panama",
1771 "Papua New Guinea", 1771 "Papua New Guinea",
1772 "Paraguay", 1772 "Paraguay",
1773 "Peru", 1773 "Peru",
1774 "Philippines", 1774 "Philippines",
1775 "Poland", 1775 "Poland",
1776 "Portugal", 1776 "Portugal",
1777 "Puerto Rico", 1777 "Puerto Rico",
1778 "Qatar", 1778 "Qatar",
1779 "Reunion", 1779 "Reunion",
1780 "Romania", 1780 "Romania",
1781 "Russia", 1781 "Russia",
1782 "Rwanda", 1782 "Rwanda",
1783 "Saint Pierre &amp; Miquelon", 1783 "Saint Pierre &amp; Miquelon",
1784 "Samoa", 1784 "Samoa",
1785 "San Marino", 1785 "San Marino",
1786 "Satellite", 1786 "Satellite",
1787 "Saudi Arabia", 1787 "Saudi Arabia",
1788 "Senegal", 1788 "Senegal",
1789 "Serbia", 1789 "Serbia",
1790 "Seychelles", 1790 "Seychelles",
1791 "Sierra Leone", 1791 "Sierra Leone",
1792 "Singapore", 1792 "Singapore",
1793 "Slovakia", 1793 "Slovakia",
1794 "Slovenia", 1794 "Slovenia",
1795 "South Africa", 1795 "South Africa",
1796 "South Korea", 1796 "South Korea",
1797 "Spain", 1797 "Spain",
1798 "Sri Lanka", 1798 "Sri Lanka",
1799 "St Kitts &amp; Nevis", 1799 "St Kitts &amp; Nevis",
1800 "St Lucia", 1800 "St Lucia",
1801 "St Vincent", 1801 "St Vincent",
1802 "St. Lucia", 1802 "St. Lucia",
1803 "Sudan", 1803 "Sudan",
1804 "Suriname", 1804 "Suriname",
1805 "Swaziland", 1805 "Swaziland",
1806 "Sweden", 1806 "Sweden",
1807 "Switzerland", 1807 "Switzerland",
1808 "Syria", 1808 "Syria",
1809 "Taiwan", 1809 "Taiwan",
1810 "Tajikistan", 1810 "Tajikistan",
1811 "Tanzania", 1811 "Tanzania",
1812 "Thailand", 1812 "Thailand",
1813 "Timor L'Este", 1813 "Timor L'Este",
1814 "Togo", 1814 "Togo",
1815 "Tonga", 1815 "Tonga",
1816 "Trinidad &amp; Tobago", 1816 "Trinidad &amp; Tobago",
1817 "Tunisia", 1817 "Tunisia",
1818 "Turkey", 1818 "Turkey",
1819 "Turkmenistan", 1819 "Turkmenistan",
1820 "Turks &amp; Caicos", 1820 "Turks &amp; Caicos",
1821 "Uganda", 1821 "Uganda",
1822 "Ukraine", 1822 "Ukraine",
1823 "United Arab Emirates", 1823 "United Arab Emirates",
1824 "United Kingdom", 1824 "United Kingdom",
1825 "United States", 1825 "United States",
1826 "Uruguay", 1826 "Uruguay",
1827 "Uzbekistan", 1827 "Uzbekistan",
1828 "Venezuela", 1828 "Venezuela",
1829 "Vietnam", 1829 "Vietnam",
1830 "Virgin Islands (US)", 1830 "Virgin Islands (US)",
1831 "Yemen", 1831 "Yemen",
1832 "Zambia", 1832 "Zambia",
1833 "Zimbabwe" 1833 "Zimbabwe"
1834 ], 1834 ],
1835 headers: [ 1835 headers: [
1836 { 1836 {
1837 text: "No", 1837 text: "No",
1838 align: "center", 1838 align: "center",
1839 sortable: false, 1839 sortable: false,
1840 value: "No" 1840 value: "No"
1841 }, 1841 },
1842 { 1842 {
1843 text: "Profile Pic", 1843 text: "Profile Pic",
1844 value: "profilePicUrl", 1844 value: "profilePicUrl",
1845 sortable: false, 1845 sortable: false,
1846 align: "center" 1846 align: "center"
1847 }, 1847 },
1848 { text: "Name", value: "name", sortable: false, align: "center" }, 1848 { text: "Name", value: "name", sortable: false, align: "center" },
1849 { text: "Email", value: "email", sortable: false, align: "center" }, 1849 { text: "Email", value: "email", sortable: false, align: "center" },
1850 { text: "Dob", value: "dob", sortable: false, align: "center" }, 1850 { text: "Dob", value: "dob", sortable: false, align: "center" },
1851 { text: "Gender", value: "gender", sortable: false, align: "center" }, 1851 { text: "Gender", value: "gender", sortable: false, align: "center" },
1852 { 1852 {
1853 text: "Father Name", 1853 text: "Father Name",
1854 value: "fatherName", 1854 value: "fatherName",
1855 sortable: false, 1855 sortable: false,
1856 align: "center" 1856 align: "center"
1857 }, 1857 },
1858 { 1858 {
1859 text: "Mother Name", 1859 text: "Mother Name",
1860 value: "motherName", 1860 value: "motherName",
1861 sortable: false, 1861 sortable: false,
1862 align: "center" 1862 align: "center"
1863 }, 1863 },
1864 { 1864 {
1865 text: "Academic Year", 1865 text: "Academic Year",
1866 value: "establishmentYear", 1866 value: "establishmentYear",
1867 sortable: false, 1867 sortable: false,
1868 align: "center" 1868 align: "center"
1869 }, 1869 },
1870 { text: "Mobile No", value: "mobile", sortable: false, align: "center" }, 1870 { text: "Mobile No", value: "mobile", sortable: false, align: "center" },
1871 { text: "Action", value: "", sortable: false, align: "center" } 1871 { text: "Action", value: "", sortable: false, align: "center" }
1872 ], 1872 ],
1873 desserts: [], 1873 desserts: [],
1874 parentId: "", 1874 parentId: "",
1875 editedIndex: -1, 1875 editedIndex: -1,
1876 parentData: {}, 1876 parentData: {},
1877 addStudents: { 1877 addStudents: {
1878 role: "STUDENT", 1878 role: "STUDENT",
1879 name: "", 1879 name: "",
1880 email: "", 1880 email: "",
1881 date: "", 1881 date: "",
1882 city: "", 1882 city: "",
1883 pincode: "", 1883 pincode: "",
1884 country: "", 1884 country: "",
1885 permanentAddress: "", 1885 permanentAddress: "",
1886 presentAddress: "", 1886 presentAddress: "",
1887 mobile: "", 1887 mobile: "",
1888 state: "", 1888 state: "",
1889 gender: "", 1889 gender: "",
1890 select: "", 1890 select: "",
1891 selectSection: "", 1891 selectSection: "",
1892 bloodGroup: "", 1892 bloodGroup: "",
1893 allergies: "", 1893 allergies: "",
1894 medicalNotes: "", 1894 medicalNotes: "",
1895 height: "", 1895 height: "",
1896 weight: "", 1896 weight: "",
1897 establishmentYear: new Date().getFullYear() 1897 establishmentYear: new Date().getFullYear()
1898 }, 1898 },
1899 selectStudents: { 1899 selectStudents: {
1900 select: "", 1900 select: "",
1901 selectSection: "" 1901 selectSection: ""
1902 }, 1902 },
1903 editedItem: { 1903 editedItem: {
1904 role: "STUDENT", 1904 role: "STUDENT",
1905 name: "", 1905 name: "",
1906 email: "", 1906 email: "",
1907 dob: "", 1907 dob: "",
1908 city: "", 1908 city: "",
1909 pincode: "", 1909 pincode: "",
1910 country: "", 1910 country: "",
1911 permanentAddress: "", 1911 permanentAddress: "",
1912 presentAddress: "", 1912 presentAddress: "",
1913 mobile: "", 1913 mobile: "",
1914 state: "", 1914 state: "",
1915 gender: "", 1915 gender: "",
1916 fatherName: "", 1916 fatherName: "",
1917 fatheCellNo: "", 1917 fatherCellNo: "",
1918 motherName: "", 1918 motherName: "",
1919 motherCellNo: "", 1919 motherCellNo: "",
1920 select: "", 1920 select: "",
1921 selectSection: "", 1921 selectSection: "",
1922 bloodGroup: "", 1922 bloodGroup: "",
1923 allergies: "", 1923 allergies: "",
1924 medicalNotes: "", 1924 medicalNotes: "",
1925 height: "", 1925 height: "",
1926 weight: "", 1926 weight: "",
1927 establishmentYear: new Date().getFullYear() 1927 establishmentYear: new Date().getFullYear()
1928 }, 1928 },
1929 defaultItem: { 1929 defaultItem: {
1930 role: "STUDENT", 1930 role: "STUDENT",
1931 name: "", 1931 name: "",
1932 email: "" 1932 email: ""
1933 }, 1933 },
1934 userName: "", 1934 userName: "",
1935 items: [ 1935 items: [
1936 { 1936 {
1937 href: "/changepassword", 1937 href: "/changepassword",
1938 title: "Change Password", 1938 title: "Change Password",
1939 click: e => { 1939 click: e => {
1940 console.log(e); 1940 console.log(e);
1941 } 1941 }
1942 }, 1942 },
1943 { 1943 {
1944 href: "#", 1944 href: "#",
1945 title: "Logout", 1945 title: "Logout",
1946 click: e => { 1946 click: e => {
1947 window.getApp.$emit("APP_LOGOUT"); 1947 window.getApp.$emit("APP_LOGOUT");
1948 } 1948 }
1949 } 1949 }
1950 ] 1950 ]
1951 }), 1951 }),
1952 watch: { 1952 watch: {
1953 menu(val) { 1953 menu(val) {
1954 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR")); 1954 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
1955 }, 1955 },
1956 menu1(val) { 1956 menu1(val) {
1957 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR")); 1957 val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
1958 } 1958 }
1959 }, 1959 },
1960 methods: { 1960 methods: {
1961 findStudents() { 1961 findStudents() {
1962 this.showLoader = true; 1962 this.showLoader = true;
1963 http() 1963 http()
1964 .get("/getStudentWithClass", { 1964 .get("/getStudentWithClass", {
1965 params: { 1965 params: {
1966 classId: this.selectStudents.select, 1966 classId: this.selectStudents.select,
1967 sectionId: this.selectStudents.selectSection 1967 sectionId: this.selectStudents.selectSection
1968 } 1968 }
1969 }) 1969 })
1970 .then(response => { 1970 .then(response => {
1971 this.desserts = response.data.data; 1971 this.desserts = response.data.data;
1972 this.showLoader = false; 1972 this.showLoader = false;
1973 console.log("getSectionsList=====>", this.addSection); 1973 console.log("getSectionsList=====>", this.addSection);
1974 }) 1974 })
1975 .catch(err => { 1975 .catch(err => {
1976 console.log("err====>", err); 1976 console.log("err====>", err);
1977 this.showLoader = false; 1977 this.showLoader = false;
1978 }); 1978 });
1979 }, 1979 },
1980 getSections(_id) { 1980 getSections(_id) {
1981 var token = this.$store.state.token; 1981 var token = this.$store.state.token;
1982 http() 1982 http()
1983 .get( 1983 .get(
1984 "/getSectionsList", 1984 "/getSectionsList",
1985 { params: { classId: _id } }, 1985 { params: { classId: _id } },
1986 { 1986 {
1987 headers: { Authorization: "Bearer " + token } 1987 headers: { Authorization: "Bearer " + token }
1988 } 1988 }
1989 ) 1989 )
1990 .then(response => { 1990 .then(response => {
1991 this.addSection = response.data.data; 1991 this.addSection = response.data.data;
1992 console.log("getSectionsList=====>", this.addSection); 1992 console.log("getSectionsList=====>", this.addSection);
1993 }) 1993 })
1994 .catch(err => { 1994 .catch(err => {
1995 // console.log("err====>", err); 1995 // console.log("err====>", err);
1996 // this.$router.replace({ path: '/' }); 1996 // this.$router.replace({ path: '/' });
1997 }); 1997 });
1998 }, 1998 },
1999 getSection(_id) { 1999 getSection(_id) {
2000 var token = this.$store.state.token; 2000 var token = this.$store.state.token;
2001 http() 2001 http()
2002 .get( 2002 .get(
2003 "/getSectionsList", 2003 "/getSectionsList",
2004 { params: { classId: _id } }, 2004 { params: { classId: _id } },
2005 { 2005 {
2006 headers: { Authorization: "Bearer " + token } 2006 headers: { Authorization: "Bearer " + token }
2007 } 2007 }
2008 ) 2008 )
2009 .then(response => { 2009 .then(response => {
2010 this.addSection = response.data.data; 2010 this.addSection = response.data.data;
2011 console.log("getSectionsList=====>", this.addSection); 2011 console.log("getSectionsList=====>", this.addSection);
2012 }) 2012 })
2013 .catch(err => { 2013 .catch(err => {
2014 // console.log("err====>", err); 2014 // console.log("err====>", err);
2015 // this.$router.replace({ path: '/' }); 2015 // this.$router.replace({ path: '/' });
2016 }); 2016 });
2017 }, 2017 },
2018 pickFile() { 2018 pickFile() {
2019 this.$refs.image.click(); 2019 this.$refs.image.click();
2020 }, 2020 },
2021 dates: function(date) { 2021 dates: function(date) {
2022 return moment(date).format("MMMM DD, YYYY"); 2022 return moment(date).format("MMMM DD, YYYY");
2023 }, 2023 },
2024 onFilePicked(e) { 2024 onFilePicked(e) {
2025 // console.log(e) 2025 // console.log(e)
2026 const files = e.target.files; 2026 const files = e.target.files;
2027 this.imageData.upload = e.target.files[0]; 2027 this.imageData.upload = e.target.files[0];
2028 if (files[0] !== undefined) { 2028 if (files[0] !== undefined) {
2029 this.imageName = files[0].name; 2029 this.imageName = files[0].name;
2030 if (this.imageName.lastIndexOf(".") <= 0) { 2030 if (this.imageName.lastIndexOf(".") <= 0) {
2031 return; 2031 return;
2032 } 2032 }
2033 const fr = new FileReader(); 2033 const fr = new FileReader();
2034 fr.readAsDataURL(files[0]); 2034 fr.readAsDataURL(files[0]);
2035 fr.addEventListener("load", () => { 2035 fr.addEventListener("load", () => {
2036 this.imageUrl = fr.result; 2036 this.imageUrl = fr.result;
2037 this.imageFile = files[0]; // this is an image file that can be sent to server... 2037 this.imageFile = files[0]; // this is an image file that can be sent to server...
2038 this.imageData.imageUrl = URL.createObjectURL(this.imageFile); 2038 this.imageData.imageUrl = URL.createObjectURL(this.imageFile);
2039 console.log("upload=======>", this.imageData.imageUrl); 2039 console.log("upload=======>", this.imageData.imageUrl);
2040 console.log("imageFile", this.imageFile); 2040 console.log("imageFile", this.imageFile);
2041 }); 2041 });
2042 } else { 2042 } else {
2043 this.imageName = ""; 2043 this.imageName = "";
2044 this.imageFile = ""; 2044 this.imageFile = "";
2045 this.imageUrl = ""; 2045 this.imageUrl = "";
2046 } 2046 }
2047 }, 2047 },
2048 // getStudentList() { 2048 // getStudentList() {
2049 // this.showLoader = true; 2049 // this.showLoader = true;
2050 // var token = this.$store.state.token; 2050 // var token = this.$store.state.token;
2051 // http() 2051 // http()
2052 // .get("/getStudentsList", { 2052 // .get("/getStudentsList", {
2053 // headers: { Authorization: "Bearer " + token } 2053 // headers: { Authorization: "Bearer " + token }
2054 // }) 2054 // })
2055 // .then(response => { 2055 // .then(response => {
2056 // this.desserts = response.data.data; 2056 // this.desserts = response.data.data;
2057 // this.showLoader = false; 2057 // this.showLoader = false;
2058 // // console.log("getStudentList=====>",this.desserts) 2058 // // console.log("getStudentList=====>",this.desserts)
2059 // }) 2059 // })
2060 // .catch(err => { 2060 // .catch(err => {
2061 // // console.log("err====>", err); 2061 // // console.log("err====>", err);
2062 // this.showLoader = false; 2062 // this.showLoader = false;
2063 // this.$router.replace({ path: "/" }); 2063 // this.$router.replace({ path: "/" });
2064 // }); 2064 // });
2065 // }, 2065 // },
2066 editItem(item) { 2066 editItem(item) {
2067 this.editedIndex = this.desserts.indexOf(item); 2067 this.editedIndex = this.desserts.indexOf(item);
2068 this.editedItem = Object.assign({}, item); 2068 this.editedItem = Object.assign({}, item);
2069 this.editedItem.fatherName = item.parentId.fatherName;
2070 this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
2071 this.editedItem.motherName = item.parentId.motherName;
2072 this.editedItem.motherCellNo = item.parentId.motherCellNo;
2069 // if(this.editedItem.dob != undefined){ 2073 // if(this.editedItem.dob != undefined){
2070 // this.editedItem.dob = this.editedItem.dob.substring(0, 10) 2074 // this.editedItem.dob = this.editedItem.dob.substring(0, 10)
2071 // }else if(this.editedItem.dob = undefined){ 2075 // }else if(this.editedItem.dob = undefined){
2072 // this.editedItem.dob = '' 2076 // this.editedItem.dob = ''
2073 // } 2077 // }
2074 this.editedItem.dob = 2078 this.editedItem.dob =
2075 this.editedItem.dob != undefined 2079 this.editedItem.dob != undefined
2076 ? (this.editedItem.dob = this.editedItem.dob.substring(0, 10)) 2080 ? (this.editedItem.dob = this.editedItem.dob.substring(0, 10))
2077 : (this.editedItem.dob = ""); 2081 : (this.editedItem.dob = "");
2078 this.dialog = true; 2082 this.dialog = true;
2079 }, 2083 },
2080 profile(item) { 2084 profile(item) {
2085 console.log("item", item);
2081 this.editedIndex = this.desserts.indexOf(item); 2086 this.editedIndex = this.desserts.indexOf(item);
2082 this.editedItem = Object.assign({}, item); 2087 this.editedItem = Object.assign({}, item);
2088 this.editedItem.fatherName = item.parentId.fatherName;
2089 this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
2090 this.editedItem.motherName = item.parentId.motherName;
2091 this.editedItem.motherCellNo = item.parentId.motherCellNo;
2092
2083 this.dialog1 = true; 2093 this.dialog1 = true;
2084 }, 2094 },
2085 deleteItem(item) { 2095 deleteItem(item) {
2086 let deleteStudent = { 2096 let deleteStudent = {
2087 studentId: item._id 2097 studentId: item._id
2088 }; 2098 };
2089 http() 2099 http()
2090 .delete( 2100 .delete(
2091 "/deleteStudent", 2101 "/deleteStudent",
2092 confirm("Are you sure you want to delete this?") && { 2102 confirm("Are you sure you want to delete this?") && {
2093 params: deleteStudent 2103 params: deleteStudent
2094 } 2104 }
2095 ) 2105 )
2096 .then(response => { 2106 .then(response => {
2097 // console.log("deleteUers",deleteStudent) 2107 // console.log("deleteUers",deleteStudent)
2098 if ((this.snackbar = true)) { 2108 if ((this.snackbar = true)) {
2099 this.text = "Successfully delete Existing Student"; 2109 this.text = "Successfully delete Existing Student";
2100 } 2110 }
2101 this.getStudentList(); 2111 this.getStudentList();
2102 }) 2112 })
2103 .catch(error => { 2113 .catch(error => {
2104 // console.log(error); 2114 // console.log(error);
2105 }); 2115 });
2106 }, 2116 },
2107 activeTab(type) { 2117 activeTab(type) {
2108 switch (type) { 2118 switch (type) {
2109 case "existing": 2119 case "existing":
2110 this.newActive = false; 2120 this.newActive = false;
2111 this.isActive = true; 2121 this.isActive = true;
2112 break; 2122 break;
2113 2123
2114 default: 2124 default:
2115 this.newActive = true; 2125 this.newActive = true;
2116 this.isActive = false; 2126 this.isActive = false;
2117 break; 2127 break;
2118 } 2128 }
2119 }, 2129 },
2120 close() { 2130 close() {
2121 this.dialog = false; 2131 this.dialog = false;
2122 setTimeout(() => { 2132 setTimeout(() => {
2123 this.editedItem = Object.assign({}, this.defaultItem); 2133 this.editedItem = Object.assign({}, this.defaultItem);
2124 this.editedIndex = -1; 2134 this.editedIndex = -1;
2125 }, 300); 2135 }, 300);
2126 }, 2136 },
2127 close1() { 2137 close1() {
2128 this.dialog1 = false; 2138 this.dialog1 = false;
2129 }, 2139 },
2130 submit() { 2140 submit() {
2131 if (this.$refs.form.validate()) { 2141 if (this.$refs.form.validate()) {
2132 let addStudent = { 2142 let addStudent = {
2133 parentId: this.parentId, 2143 parentId: this.parentId,
2134 name: this.addStudents.name, 2144 name: this.addStudents.name,
2135 email: this.addStudents.email, 2145 email: this.addStudents.email,
2136 role: this.addStudents.role, 2146 role: this.addStudents.role,
2137 dob: this.addStudents.date, 2147 dob: this.addStudents.date,
2138 city: this.addStudents.city, 2148 city: this.addStudents.city,
2139 pincode: this.addStudents.pincode, 2149 pincode: this.addStudents.pincode,
2140 country: this.addStudents.country, 2150 country: this.addStudents.country,
2141 permanentAddress: this.addStudents.permanentAddress, 2151 permanentAddress: this.addStudents.permanentAddress,
2142 presentAddress: this.addStudents.presentAddress, 2152 presentAddress: this.addStudents.presentAddress,
2143 mobile: this.addStudents.mobile, 2153 mobile: this.addStudents.mobile,
2144 state: this.addStudents.state, 2154 state: this.addStudents.state,
2145 gender: this.addStudents.gender, 2155 gender: this.addStudents.gender,
2146 fatherName: this.addStudents.fatherName, 2156 fatherName: this.addStudents.fatherName,
2147 fatherCellNo: this.addStudents.fatherCellNo, 2157 fatherCellNo: this.addStudents.fatherCellNo,
2148 motherName: this.addStudents.motherName, 2158 motherName: this.addStudents.motherName,
2149 motherCellNo: this.addStudents.motherCellNo, 2159 motherCellNo: this.addStudents.motherCellNo,
2150 establishmentYear: this.addStudents.establishmentYear, 2160 establishmentYear: this.addStudents.establishmentYear,
2151 classId: this.addStudents.select, 2161 classId: this.addStudents.select,
2152 sectionId: this.addStudents.selectSection, 2162 sectionId: this.addStudents.selectSection,
2153 bloodGroup: this.addStudents.bloodGroup, 2163 bloodGroup: this.addStudents.bloodGroup,
2154 allergies: this.addStudents.allergies, 2164 allergies: this.addStudents.allergies,
2155 medicalNotes: this.addStudents.medicalNotes, 2165 medicalNotes: this.addStudents.medicalNotes,
2156 height: this.addStudents.height, 2166 height: this.addStudents.height,
2157 weight: this.addStudents.weight, 2167 weight: this.addStudents.weight,
2158 upload: this.imageUrl 2168 upload: this.imageUrl
2159 }; 2169 };
2160 this.loading = true; 2170 this.loading = true;
2161 http() 2171 http()