Add refresh button in jobs list

diff --git a/client/src/app/+admin/system/jobs/jobs.component.html b/client/src/app/+admin/system/jobs/jobs.component.html
index 6b3fd939381fdbedeefd9c1dffbd37215d43e63d..021e4f8d0ac0bdd295586cfe9783033486bae630 100644 (file)
--- 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 2add506e8131309432b8641d3093cf0037233fec..7c61594205fdea1699358f9897c1df12b236ea95 100644 (file)
--- 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 925450286fba76e82dfc0a15a06342d1697df30c..731c1c0c4ae2f54be5ef150d6f721448871584d1 100644 (file)
--- 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