viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit 0fa3b3a79123734c2f341aadfc03b78bd665d715

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

add loader after sucess api in id report

Showing 1 changed file with 42 additions and 20 deletions   Show diff stats
src/pages/Report/idCard.vue
Diff comments   View file @0fa3b3a
... ... @@ -171,7 +171,7 @@
171 171 round
172 172 dark
173 173 :loading="loading"
174   - class="open-dialog-button mt-3 "
  174 + class="open-dialog-button mt-3"
175 175 >Get Report</v-btn>
176 176 </v-flex>
177 177 </v-layout>
... ... @@ -262,44 +262,59 @@
262 262  
263 263 <p
264 264 style="color: #302653;font-size:24px;
265   - letter-spacing: 4px;"
  265 + letter-spacing: 4px;
  266 + margin-bottom:14px;"
266 267 >
267 268 <b>{{ getCard.name}}</b>
268 269 </p>
269 270 <p
270   - style="color: #302653;font-size:14px;
271   - letter-spacing: 4px;"
  271 + style="color: #302653;
  272 + font-size:14px;
  273 + letter-spacing: 4px;
  274 + margin-bottom:14px;"
272 275 >
273 276 <b>{{ getCard.gender}}</b>
274 277 </p>
275 278 <p
276 279 v-if="getCard.classId"
277   - style="color: #302653;font-size:24px;
278   - letter-spacing: 4px;"
  280 + style="color: #302653;
  281 + font-size:24px;
  282 + letter-spacing: 4px;
  283 + margin-bottom:14px;"
279 284 >{{ getCard.classId.classNum }}</p>
280 285 <p
281 286 v-if="getCard.classId"
282   - style="color: #302653;font-size:24px;
283   - letter-spacing: 4px;"
  287 + style="color: #302653;
  288 + font-size:24px;
  289 + letter-spacing: 4px;
  290 + margin-bottom:14px;"
284 291 >{{ getCard.sectionId.name }}</p>
285 292 <p
286 293 v-if="getCard.rollNo"
287   - style="color: #302653;font-size:24px;
288   - letter-spacing: 2px;"
  294 + style="color: #302653;
  295 + font-size:24px;
  296 + letter-spacing: 2px;
  297 + margin-bottom:10px;"
289 298 >Roll: {{ getCard.rollNo }}</p>
290 299 <p
291 300 v-if="getCard.joinDate"
292   - style="color: #302653;font-size:16px;
  301 + style="color: #302653;
  302 + margin-bottom:10px;
  303 + font-size:16px;
293 304 letter-spacing: 2px;"
294 305 >{{ dates(getCard.joinDate) }}</p>
295 306 <p
296 307 v-if="getCard.joiningDate"
297   - style="color: #302653;font-size:16px;
  308 + style="color: #302653;
  309 + margin-bottom:10px;
  310 + font-size:16px;
298 311 letter-spacing: 2px;"
299 312 >{{ dates(getCard.joiningDate) }}</p>
300 313 <p
301 314 v-if="getCard.phone"
302   - style="color: #302653;font-size:16px;
  315 + style="color: #302653;
  316 + margin-bottom:10px;
  317 + font-size:16px;
303 318 letter-spacing: 2px;"
304 319 >{{ getCard.phone }}</p>
305 320 <p
... ... @@ -307,7 +322,8 @@
307 322 font-size: 19px;
308 323 font-weight: 100;
309 324 color: rgb(48, 38, 83);
310   - letter-spacing: 5px;"
  325 + letter-spacing: 5px;
  326 + margin-bottom:10px;"
311 327 >
312 328 <span v-if="getCard.mobile">{{ getCard.mobile}}</span>
313 329 <span v-if="getCard.mobileNo">{{ getCard.mobileNo }}</span>
... ... @@ -324,7 +340,8 @@
324 340 font-size: 17px;
325 341 font-weight: 100;
326 342 color: rgb(48, 38, 83);
327   - letter-spacing: 4px;"
  343 + letter-spacing: 4px;
  344 + margin-bottom:14px;"
328 345 >{{ getCard.email}}</p>
329 346 </v-flex>
330 347 </v-layout>
... ... @@ -367,8 +384,10 @@
367 384 </v-layout>-->
368 385 <p
369 386 v-if="getCard.schoolLogoUrl"
370   - style="color: #302653;font-size:24px;
371   - letter-spacing: 4px;"
  387 + style="color: #302653;
  388 + font-size:24px;
  389 + letter-spacing: 4px;
  390 + margin-bottom:14px;"
372 391 >
373 392 <b>{{ getCard.name}}</b>
374 393 </p>
... ... @@ -379,14 +398,16 @@
379 398 font-size: 17px;
380 399 font-weight: 100;
381 400 color: rgb(48, 38, 83);
382   - letter-spacing: 4px;"
  401 + letter-spacing: 4px;
  402 + margin-bottom:14px;"
383 403 >{{ getCard.city}}</p>
384 404 <p
385 405 style="
386 406 font-size: 17px;
387 407 font-weight: 100;
388 408 color: rgb(48, 38, 83);
389   - letter-spacing: 4px;"
  409 + letter-spacing: 4px;
  410 + margin-bottom:14px;"
390 411 >
391 412 {{ getCard.address }}
392 413 {{ getCard.presentAddress }}
... ... @@ -400,7 +421,8 @@
400 421 font-size: 17px;
401 422 font-weight: 100;
402 423 color: rgb(48, 38, 83);
403   - letter-spacing: 4px;"
  424 + letter-spacing: 4px;
  425 + margin-bottom:14px;"
404 426 >{{ getCard.establishmentYear }}</p>
405 427 </v-flex>
406 428 </v-layout>
... ...