feat: add refresh buttons to components index, logs, queue and scheduled

Author: tinect

src/Resources/app/administration/src/module/frosh-tools/component/frosh-tools-tab-index/index.js

@@ -13,9 +13,8 @@ Component.register('frosh-tools-tab-index', {
         }
     },
 
-    async created() {
-        this.health = await this.FroshToolsService.healthStatus();
-        this.isLoading = false;
+    created() {
+        this.createdComponent();
     },
 
     computed: {
@@ -33,5 +32,17 @@ Component.register('frosh-tools-tab-index', {
                 },
             ];
         },
+    },
+
+    methods: {
+        async refresh() {
+            this.isLoading = true;
+            await this.createdComponent();
+        },
+
+        async createdComponent() {
+            this.health = await this.FroshToolsService.healthStatus();
+            this.isLoading = false;
+        },
     }
 })

src/Resources/app/administration/src/module/frosh-tools/component/frosh-tools-tab-index/template.twig

@@ -1,5 +1,11 @@
 <sw-card-view>
     <sw-card :title="$tc('frosh-tools.tabs.index.title')" :isLoading="isLoading" :large="true">
+
+        <template #toolbar>
+            <!-- @todo: Make the refresh button fancy -->
+            <sw-button variant="ghost" @click="refresh"><sw-icon :small="true" name="default-arrow-360-left"></sw-icon></sw-button>
+        </template>
+
         <sw-data-grid
             v-if="health"
             :showSelection="false"

src/Resources/app/administration/src/module/frosh-tools/component/frosh-tools-tab-logs/index.js

@@ -57,12 +57,22 @@ Component.register('frosh-tools-tab-logs', {
     },
 
     methods: {
+        async refresh() {
+            this.isLoading = true;
+            await this.createdComponent();
+            await this.onFileSelected();
+        },
+
         async createdComponent() {
             this.logFiles = await this.FroshToolsService.getLogFiles();
             this.isLoading = false;
         },
 
         async onFileSelected() {
+            if (!this.selectedLogFile) {
+                return;
+            }
+
             const logEntries = await this.FroshToolsService.getLogFile(
                 this.selectedLogFile,
                 (this.page - 1) * this.limit,

src/Resources/app/administration/src/module/frosh-tools/component/frosh-tools-tab-logs/template.twig

@@ -8,6 +8,11 @@
             @change="onFileSelected"
         ></sw-single-select>
 
+        <template #toolbar>
+            <!-- @todo: Make the refresh button fancy -->
+            <sw-button variant="ghost" @click="refresh"><sw-icon :small="true" name="default-arrow-360-left"></sw-icon></sw-button>
+        </template>
+
         <sw-data-grid
             :showSelection="false"
             :showActions="false"

src/Resources/app/administration/src/module/frosh-tools/component/frosh-tools-tab-queue/index.js

@@ -44,6 +44,10 @@ Component.register('frosh-tools-tab-queue', {
     },
 
     methods: {
+        async refresh() {
+            this.isLoading = true;
+            await this.createdComponent();
+        },
         async createdComponent() {
             const criteria = new Criteria;
             criteria.addSorting(Criteria.sort('size', 'DESC'))

src/Resources/app/administration/src/module/frosh-tools/component/frosh-tools-tab-queue/template.twig

@@ -1,5 +1,10 @@
 <sw-card-view>
     <sw-card :title="$tc('frosh-tools.tabs.queue.title')" :isLoading="isLoading" :large="true">
+        <template #toolbar>
+            <!-- @todo: Make the refresh button fancy -->
+            <sw-button variant="ghost" @click="refresh"><sw-icon :small="true" name="default-arrow-360-left"></sw-icon></sw-button>
+        </template>
+
         <sw-entity-listing
             :showSelection="false"
             :fullPage="false"

src/Resources/app/administration/src/module/frosh-tools/component/frosh-tools-tab-scheduled/index.js

@@ -62,6 +62,10 @@ Component.register('frosh-tools-tab-scheduled', {
     },
 
     methods: {
+        async refresh() {
+            this.isLoading = true;
+            await this.createdComponent();
+        },
         async createdComponent() {
             const criteria = new Criteria;
             criteria.addSorting(Criteria.sort('nextExecutionTime', 'ASC'));

src/Resources/app/administration/src/module/frosh-tools/component/frosh-tools-tab-scheduled/template.twig

@@ -1,5 +1,11 @@
 <sw-card-view>
     <sw-card :title="$tc('frosh-tools.tabs.scheduledTaskOverview.title')" :isLoading="isLoading" :large="true">
+
+        <template #toolbar>
+            <!-- @todo: Make the refresh button fancy -->
+            <sw-button variant="ghost" @click="refresh"><sw-icon :small="true" name="default-arrow-360-left"></sw-icon></sw-button>
+        </template>
+
         <sw-entity-listing
             :showSelection="false"
             :fullPage="false"