viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit 4b169b57490cc0fe72ad71550c15be6db6ceb644

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

add loader in all pages

Showing 2 changed files with 15 additions and 1 deletions   Show diff stats
src/pages/Class/addclass.vue
Diff comments   View file @4b169b5
... ... @@ -252,6 +252,9 @@
252 252 </v-container>
253 253 </v-tab-item>
254 254 </v-tabs>
  255 + <div class="loader" v-if="showLoader">
  256 + <v-progress-circular indeterminate color="white"></v-progress-circular>
  257 + </div>
255 258 </v-app>
256 259 </template>
257 260  
... ... @@ -267,6 +270,7 @@ export default {
267 270 mode: "",
268 271 timeout: 3000,
269 272 text: "",
  273 + showLoader:false,
270 274 loading: false,
271 275 date: null,
272 276 search: "",
... ... @@ -330,6 +334,7 @@ export default {
330 334 },
331 335 methods: {
332 336 getClassList() {
  337 + this.showLoader = true;
333 338 var token = this.$store.state.token;
334 339 http()
335 340 .get("/getClassesList", {
... ... @@ -337,10 +342,12 @@ export default {
337 342 })
338 343 .then(response => {
339 344 this.desserts = response.data.data;
340   - console.log("getClassList=====>", this.desserts);
  345 + this.showLoader = false;
  346 + // console.log("getClassList=====>", this.desserts);
341 347 })
342 348 .catch(err => {
343 349 // console.log("err====>", err);
  350 + this.showLoader = false;
344 351 this.$router.replace({ path: "/" });
345 352 });
346 353 },
... ...
src/pages/News/news.vue
Diff comments   View file @4b169b5
... ... @@ -415,6 +415,9 @@
415 415 </v-container>
416 416 </v-tab-item>
417 417 </v-tabs>
  418 + <div class="loader" v-if="showLoader">
  419 + <v-progress-circular indeterminate color="white"></v-progress-circular>
  420 + </div>
418 421 </v-app>
419 422 </template>
420 423  
... ... @@ -433,6 +436,7 @@ export default {
433 436 loading: false,
434 437 date: null,
435 438 search: "",
  439 + showLoader:false,
436 440 menu: false,
437 441 menu1: false,
438 442 dialog: false,
... ... @@ -554,6 +558,7 @@ export default {
554 558 }
555 559 },
556 560 getNewsList() {
  561 + this.showLoader = true;
557 562 var token = this.$store.state.token;
558 563 http()
559 564 .get("/getNewsList", {
... ... @@ -561,10 +566,12 @@ export default {
561 566 })
562 567 .then(response => {
563 568 this.desserts = response.data.data;
  569 + this.showLoader = false;
564 570 // console.log("getNewsList=====>",this.desserts)
565 571 })
566 572 .catch(err => {
567 573 // console.log("err====>", err);
  574 + this.showLoader = false;
568 575 this.$router.replace({ path: "/" });
569 576 });
570 577 },
... ...