github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-15 01:33:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

resetting header layout

Browse Source
This commit is contained in:
Peter Olu 2022-05-21 17:46:51 +01:00
parent b43f32211a
commit b44eaeedc8
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/dashboard/related/log/Header.vue
View File

@ -88,7 +88,7 @@ limitations under the License. -->
type="success" type="success"
:class="[false ? 'active-toggle' : '']" :class="[false ? 'active-toggle' : '']"
class="toggle-btn mx-3" class="toggle-btn mx-3"
@click="showColumSelector" @click="toggleColumSelector"
> >
<Icon iconSize="sm" iconName="epic" /> <Icon iconSize="sm" iconName="epic" />
</el-button> </el-button>
@ -237,7 +237,10 @@ limitations under the License. -->
</div> </div>
<!-- Search&cancel buttons --> <!-- Search&cancel buttons -->
<div v-if="currentSearchTerm.length" class="flex-h items-center"> <div
v-if="currentSearchTerm.length && currentSearchTerm !== 'column'"
class="flex-h items-center"
>
<el-button <el-button
class="search-btn toggle-btn" class="search-btn toggle-btn"
size="small" size="small"
@ -351,17 +354,21 @@ const arrayOfFilters = ref<filtersObject[]>([
}, },
]); ]);
init(); init();
function showColumSelector(){ function toggleColumSelector() {
showColumList.value = !showColumList.value showColumList.value = !showColumList.value;
setSearchTerm('column') setSearchTerm("column");
} }
function hideColumns() { function hideColumns() {
logStore.hideColumns(selectedColumns.value); logStore.hideColumns(selectedColumns.value);
selectedColumns.value = []; selectedColumns.value = [];
toggleColumSelector();
setSearchTerm("");
} }
function showColumns() { function showColumns() {
logStore.showColumns(selectedColumns.value); logStore.showColumns(selectedColumns.value);
selectedColumns.value = []; selectedColumns.value = [];
toggleColumSelector();
setSearchTerm("");
} }
async function init() { async function init() {
const resp = await logStore.getLogsByKeywords(); const resp = await logStore.getLogsByKeywords();