test progress card

Neeraj Sharma
1 parent 394e1f2555
Showing 1 changed file with 16 additions and 6 deletions Show diff stats
src/pages/Report/progressCardReport.vue
@@ -89,7 +89,13 @@
                 <v-flex xs12 sm12 md12>
                   <v-layout>
                     <v-flex xs12>
-                      <v-btn class="open-dialog-button" round dark @click="printProgressReport()">
+                      <v-btn
+                        class="open-dialog-button"
+                        :loading="printLoader"
+                        round
+                        dark
+                        @click="printProgressReport()"
+                      >
                         Print
                         <v-icon right dark>print</v-icon>
                       </v-btn>
@@ -128,8 +134,7 @@
                                       <img
                                         src="/static/schoolIcons/INTRACK_White.png"
                                         v-else-if="!userData.schoolLogoUrl"
-                                        width="40"
-                                        height="40"
+                                        style="width:40px !important;height:40px !important;"
                                       />
                                     </div>
                                     <div class="school-name">
@@ -137,7 +142,7 @@
                                     </div>
                                   </v-layout>
                                 </v-flex>
-                              </div> -->
+                              </div>-->
                               <!-- Profile School -->
                               <v-flex xs12 sm12 md12 lg12 style="margin:0px 0px; ">
                                 <v-layout>
@@ -403,6 +408,7 @@ export default {
     valid: true,
     loading: false,
     showReport: false,
+    printLoader: false,
     addSection: [],
     filterData: [],
     getStudentsList: [],
@@ -580,8 +586,12 @@ export default {
         });
     },
     printProgressReport() {
-      // Pass the element id here
-      this.$htmlToPaper("printMe");
+      this.printLoader = true;
+      setTimeout(() => {
+        // Pass the element id here
+        this.$htmlToPaper("printMe");
+        this.printLoader = false;
+      }, 4000);
     },
     getUserData() {
       http()
...	...	@@ -89,7 +89,13 @@
89	89	<v-flex xs12 sm12 md12>
90	90	<v-layout>
91	91	<v-flex xs12>
92		- <v-btn class="open-dialog-button" round dark @click="printProgressReport()">
	92	+ <v-btn
	93	+ class="open-dialog-button"
	94	+ :loading="printLoader"
	95	+ round
	96	+ dark
	97	+ @click="printProgressReport()"
	98	+ >
93	99	Print
94	100	<v-icon right dark>print</v-icon>
95	101	</v-btn>
...	...	@@ -128,8 +134,7 @@
128	134	<img
129	135	src="/static/schoolIcons/INTRACK_White.png"
130	136	v-else-if="!userData.schoolLogoUrl"
131		- width="40"
132		- height="40"
	137	+ style="width:40px !important;height:40px !important;"
133	138	/>
134	139	</div>
135	140	<div class="school-name">
...	...	@@ -137,7 +142,7 @@
137	142	</div>
138	143	</v-layout>
139	144	</v-flex>
140		- </div> -->
	145	+ </div>-->
141	146	<!-- Profile School -->
142	147	<v-flex xs12 sm12 md12 lg12 style="margin:0px 0px; ">
143	148	<v-layout>
...	...	@@ -403,6 +408,7 @@ export default {
403	408	valid: true,
404	409	loading: false,
405	410	showReport: false,
	411	+ printLoader: false,
406	412	addSection: [],
407	413	filterData: [],
408	414	getStudentsList: [],
...	...	@@ -580,8 +586,12 @@ export default {
580	586	});
581	587	},
582	588	printProgressReport() {
583		- // Pass the element id here
584		- this.$htmlToPaper("printMe");
	589	+ this.printLoader = true;
	590	+ setTimeout(() => {
	591	+ // Pass the element id here
	592	+ this.$htmlToPaper("printMe");
	593	+ this.printLoader = false;
	594	+ }, 4000);
585	595	},
586	596	getUserData() {
587	597	http()
...	...