added reload buttons to product, jobs, and executions tabs

src/app/executions/executions.component.html

@@ -55,6 +55,9 @@
           </li>
         </ul>
       </div>
+      <div class="col-auto">
+        <button class="btn btn-sm btn-info" (click)="getPageInfoAndJob()"><fa-icon [icon]="faSyncAlt"></fa-icon> </button>
+      </div>
     </div>
   </div>
 

src/app/executions/executions.component.ts

@@ -13,7 +13,8 @@ import {
   faFastBackward,
   faFastForward,
   faStepBackward,
-  faStepForward
+  faStepForward,
+  faSyncAlt
 } from "@fortawesome/free-solid-svg-icons";
 
 @Component({
@@ -46,6 +47,7 @@ export class ExecutionsComponent implements OnInit, OnDestroy {
   public faFastForward = faFastForward;
   public faStepForward = faStepForward;
   public faExclamationTriangle = faExclamationTriangle;
+  public faSyncAlt = faSyncAlt;
   public alertAfterDays = 14;
 
   public formGroup: FormGroup;

src/app/jobspecs/jobspecs.component.html

@@ -57,6 +57,9 @@
           </li>
         </ul>
       </div>
+      <div class="col-auto">
+        <button class="btn btn-sm btn-info" (click)="getPageInfoAndJobSpec()"><fa-icon [icon]="faSyncAlt"></fa-icon> </button>
+      </div>
     </div>
   </div>
 

src/app/jobspecs/jobspecs.component.ts

@@ -10,7 +10,13 @@ import {FiltersService} from "../services/filters.service";
 import {Setting} from "../model/setting";
 import {SettingsService} from "../services/settings.service";
 import {Epoch} from "../model/epoch";
-import {faFastBackward, faFastForward, faStepBackward, faStepForward} from "@fortawesome/free-solid-svg-icons";
+import {
+  faFastBackward,
+  faFastForward,
+  faStepBackward,
+  faStepForward,
+  faSyncAlt
+} from "@fortawesome/free-solid-svg-icons";
 
 @Component({
   selector: 'app-jobspecs',
@@ -46,6 +52,8 @@ export class JobspecsComponent implements OnInit, OnDestroy {
   public faStepBackward = faStepBackward;
   public faFastForward = faFastForward;
   public faStepForward = faStepForward;
+  public faSyncAlt = faSyncAlt;
+
 
   constructor(
     private jobService: JobsService,
@@ -162,7 +170,6 @@ export class JobspecsComponent implements OnInit, OnDestroy {
     this.pages$ = this.jobService.getJobSpecRecordCount(epoch.id, queue.name, this.pattern, status).subscribe((jobSpecNumber: number) => {
       this.numResults = jobSpecNumber;
       this.pages = Math.ceil(jobSpecNumber / this.resultsPerPage);
-      console.log('num', jobSpecNumber);
       if (this.currentPage > this.pages) {
         this.currentPage = this.pages;
       }

src/app/products/products.component.html

@@ -48,6 +48,9 @@
           </li>
         </ul>
       </div>
+      <div class="col-auto">
+        <button class="btn btn-sm btn-info" (click)="getPageInfoAndProduct()"><fa-icon [icon]="faSyncAlt"></fa-icon> </button>
+      </div>
     </div>
   </div>
 

src/app/products/products.component.ts

@@ -13,7 +13,8 @@ import {
   faMinus,
   faPlus,
   faStepBackward,
-  faStepForward
+  faStepForward,
+  faSyncAlt
 } from "@fortawesome/free-solid-svg-icons";
 import {FiltersService} from "../services/filters.service";
 import {Epoch} from "../model/epoch";
@@ -51,6 +52,8 @@ export class ProductsComponent implements OnInit, OnDestroy {
   public pages: number = 1;
   private pages$: Subscription;
 
+  public faSyncAlt = faSyncAlt;
+
   public formGroup: FormGroup;
 
   showNewForm: boolean = false;