wc: fix refresh job button in job browser

opencb · Oct 30, 2023 · d09bfde · d09bfde
1 parent 1b6a48a
commit d09bfde
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/webcomponents/commons/opencb-grid-toolbar.js b/src/webcomponents/commons/opencb-grid-toolbar.js
@@ -148,6 +148,13 @@ export default class OpencbGridToolbar extends LitElement {
                                 </div>
                             `) : nothing}
 
+                            ${this._settings.showRefresh ? html`
+                                <button type="button" class="btn btn-default btn-sm" @click="${() => LitUtils.dispatchCustomEvent(this, "refresh")}">
+                                    <i class="fas fa-sync-alt icon-padding"></i> Refresh
+                                </button>
+                            ` :nothing}
+
+
                             <!-- Second, display elements configured -->
                             ${this._config?.create && (this._settings.showCreate || this._settings.showNew) ? html`
                                 <div class="btn-group">

diff --git a/src/webcomponents/job/job-grid.js b/src/webcomponents/job/job-grid.js
@@ -88,7 +88,7 @@ export default class JobGrid extends LitElement {
         this.gridCommons = new GridCommons(this.gridId, this, this._config);
 
         this.toolbarSetting = {
-            ...this.config,
+            ...this._config,
             // columns: this._getDefaultColumns().filter(col => col.field)
         };
 
@@ -319,6 +319,10 @@ export default class JobGrid extends LitElement {
         this.gridCommons.onColumnChange(e);
     }
 
+    onRefresh() {
+        this.table.bootstrapTable("refresh");
+    }
+
     detailFormatter(value, row) {
         let result = "<div class='row' style='padding-bottom: 20px'>";
         let detailHtml = "";
@@ -588,6 +592,7 @@ export default class JobGrid extends LitElement {
                     @columnChange="${this.onColumnChange}"
                     @download="${this.onDownload}"
                     @export="${this.onDownload}"
+                    @refresh="${this.onRefresh}"
                     @actionClick="${e => this.onActionClick(e)}"
                     @jobCreate="${this.renderRemoteTable}">
                 </opencb-grid-toolbar>` : nothing
@@ -626,6 +631,7 @@ export default class JobGrid extends LitElement {
             showCreate: true,
             showExport: true,
             showSettings: true,
+            showRefresh: true,
             showActions: true,
             detailView: true,
             detailFormatter: this.detailFormatter,