opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-09-24 16:30:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix data manager table slot usage; this makes the header with the name and 'reload' icon display again. Also refactor a few computed props.

Browse Source 
Should add this to eslint to catch these easier.
This commit is contained in:
Dannon Baker
2020-03-03 10:02:23 -05:00
parent 51ddeb8f94
commit f54b0e729a
1 changed files with 26 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/galaxy/scripts/components/admin/DataManager/DataManagerTable.vue
+26 -18
View File
@@ -13,22 +13,24 @@
<b-row>
<b-col>
<b-card id="data-table-card" flush>
<b-container v-slot:header>
<b-row align-v="center">
<b-col cols="auto">
<b-button
@click="reload()"
v-b-tooltip.hover
:title="'Reload ' + this.dataTable['name'] + ' tool data table'"
>
<span class="fa fa-refresh" />
</b-button>
</b-col>
<b-col>
<b>{{ this.dataTable["name"] }}</b>
</b-col>
</b-row>
</b-container>
<template v-slot:header>
<b-container>
<b-row align-v="center">
<b-col cols="auto">
<b-button
@click="reload()"
v-b-tooltip.hover
:title="buttonLabel"
>
<span class="fa fa-refresh" />
</b-button>
</b-col>
<b-col>
<b>{{ dataTableName }}</b>
</b-col>
</b-row>
</b-container>
</template>
<b-table
:fields="fields(this.dataTable['columns'])"
:items="dataTable['data']"
@@ -68,6 +70,12 @@ export default {
};
},
computed: {
dataTableName() {
return this.dataTable && this.dataTable.name ? this.dataTable.name : 'null';
},
buttonLabel() {
return `Reload ${this.dataTableName} tool data table`;
},
breadcrumbItems() {
return [
{
@@ -75,7 +83,7 @@ export default {
to: "/"
},
{
text: this.dataTable["name"]
text: this.dataTableName
}
];
}
@@ -88,7 +96,7 @@ export default {
},
reload() {
axios
.get(`${getAppRoot()}data_manager/reload_tool_data_tables?table_name=${this.dataTable["name"]}`)
.get(`${getAppRoot()}data_manager/reload_tool_data_tables?table_name=${this.dataTableName}`)
.then(response => {
if (response.data.dataTable) {
this.dataTable = response.data.dataTable;