prb_button_refresh

src/components/PRB_FileControl.vue

@@ -27,6 +27,15 @@
 
         <v-spacer></v-spacer>
 
+        <v-btn icon :loading="loading" :disabled="loading" @click="loader">
+          <v-icon>mdi-refresh</v-icon>
+          <template v-slot:loader>
+            <span class="custom-loader">
+              <v-icon light>mdi-cached</v-icon>
+            </span>
+          </template>
+        </v-btn>
+
         <v-btn icon @click.stop="dialog.log = true">
           <v-icon>{{ accountIcon }}</v-icon>
         </v-btn>
@@ -349,7 +358,11 @@ export default {
           this.reload();
         }
       }, 60);
+    },
+    loader() {
+      this.reload();
     }
+
   },
   mounted() {
     this.progressValue();
@@ -365,6 +378,51 @@ export default {
   background: url(../assets/purple-color-moving-gradient-background.jpg) center !important;
 }
 */
+.custom-loader {
+  animation: loader 1s infinite;
+  display: flex;
+}
+
+@-moz-keyframes loader {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes loader {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@-o-keyframes loader {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes loader {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
 .datePicker input {
   text-align: center;
   cursor: pointer;