github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-14 17:05:10 +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"
:class="[false ? 'active-toggle' : '']"
class="toggle-btn mx-3"
@click="showColumSelector"
@click="toggleColumSelector"
>
<Icon iconSize="sm" iconName="epic" />
</el-button>
@ -237,7 +237,10 @@ limitations under the License. -->
</div>
<!-- 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
class="search-btn toggle-btn"
size="small"
@ -351,17 +354,21 @@ const arrayOfFilters = ref<filtersObject[]>([
},
]);
init();
function showColumSelector(){
showColumList.value = !showColumList.value
setSearchTerm('column')
function toggleColumSelector() {
showColumList.value = !showColumList.value;
setSearchTerm("column");
}
function hideColumns() {
logStore.hideColumns(selectedColumns.value);
selectedColumns.value = [];
toggleColumSelector();
setSearchTerm("");
}
function showColumns() {
logStore.showColumns(selectedColumns.value);
selectedColumns.value = [];
toggleColumSelector();
setSearchTerm("");
}
async function init() {
const resp = await logStore.getLogsByKeywords();