Add refresh button in jobs list

3 files changed, 16 insertions, 1 deletions

diff --git a/client/src/app/+admin/system/jobs/jobs.component.html b/client/src/app/+admin/system/jobs/jobs.component.html
index 6b3fd9393..021e4f8d0 100644
--- a/client/src/app/+admin/system/jobs/jobs.component.html
+++ b/client/src/app/+admin/system/jobs/jobs.component.html
@@ -25,6 +25,10 @@
       </ng-option>
     </ng-select>
   </div>
+
+  <div class="button-filter-block">
+    <my-button i18n-label label="Refresh" icon="refresh" (click)="refresh()"></my-button>
+  </div>
 </div>
 
 <p-table
diff --git a/client/src/app/+admin/system/jobs/jobs.component.scss b/client/src/app/+admin/system/jobs/jobs.component.scss
index 2add506e8..7c6159420 100644
--- a/client/src/app/+admin/system/jobs/jobs.component.scss
+++ b/client/src/app/+admin/system/jobs/jobs.component.scss
@@ -36,6 +36,10 @@
       @include peertube-select-container(auto);
     }
   }
+
+  .button-filter-block {
+    align-self: flex-end;
+  }
 }
 
 td .glyphicon {
diff --git a/client/src/app/+admin/system/jobs/jobs.component.ts b/client/src/app/+admin/system/jobs/jobs.component.ts
index 925450286..731c1c0c4 100644
--- a/client/src/app/+admin/system/jobs/jobs.component.ts
+++ b/client/src/app/+admin/system/jobs/jobs.component.ts
@@ -44,7 +44,7 @@ export class JobsComponent extends RestTable implements OnInit {
   constructor (
     private notifier: Notifier,
     private jobsService: JobService
-    ) {
+  ) {
     super()
   }
 
@@ -97,6 +97,13 @@ export class JobsComponent extends RestTable implements OnInit {
     return ''
   }
 
+  refresh () {
+    this.jobs = []
+    this.totalRecords = 0
+
+    this.loadData()
+  }
+
   protected loadData () {
     let jobState = this.jobState as JobState
     if (this.jobState === 'all') jobState = null