viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit 99ffa9511f9dc7609e1b318215a0879b66b55fb0

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

add ,view, and edit 5 field in students school management

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