viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit cfb5c6445e1aced970ba76f2f70e62511b4dfe7a

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

add task

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