starred/openobserve
1
0
Fork 0
mirror of https://github.com/openobserve/openobserve.git synced 2026-11-06 00:09:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: alerts folders UI improvements (#6398)

Browse Source 
1. code refactoring for alert list

---------

Co-authored-by: omkark06 <omkar@zinclabs.io>
Co-authored-by: udev <uddhavdave1@gmail.com>
This commit is contained in:
Sai Nikhil
2025-03-27 07:46:17 +05:30
committed by GitHub
co-authored by omkark06 udev
parent 700b9e59c4
commit 5dd59cd495
5 changed files with 977 additions and 800 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/alerts/AlertList.vue
+967 -795
View File
File diff suppressed because it is too large Load Diff
web/src/components/alerts/ImportAlert.vue
+1
View File
@@ -708,6 +708,7 @@ export default defineComponent({
name: "alertList",
query: {
org_identifier: store.state.selectedOrganization.identifier,
folder: selectedFolderId.value,
},
});
}
web/src/components/common/sidebar/SelectFolderDropDown.vue
+5 -3
View File
@@ -20,7 +20,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<q-select
v-model="selectedFolder"
:label="t('dashboard.selectFolderLabel')"
:options="store.state.organizationData.foldersByType[type].map((item: any)=> {return {label: item.name, value: item.folderId}})"
:options="store.state.organizationData.foldersByType[type]?.map((item: any)=> {return {label: item.name, value: item.folderId}})"
:data-test="`${type}-index-dropdown-stream_type`"
input-debounce="0"
behavior="menu"
@@ -74,6 +74,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
import AddFolder from "./AddFolder.vue";
import { useRoute } from "vue-router";
import { computed } from "vue";
import { getFoldersListByType } from "@/utils/commons";
export default defineComponent({
name: "SelectedFolderDropdown",
@@ -109,7 +110,7 @@ import { computed } from "vue";
// use activeFolderId if available
// else use router query if available
// else use default
const activeFolderData = store.state.organizationData.foldersByType[props.type].find(
const activeFolderData = store.state.organizationData.foldersByType[props.type]?.find(
(item: any) =>
item.folderId === (props.activeFolderId ?? route.query.folder ?? "default")
);
@@ -136,9 +137,10 @@ import { computed } from "vue";
return props.style ? props.style : 'height: 42px';
});
onActivated(() => {
onActivated(async () => {
// refresh selected folder
selectedFolder.value = getInitialFolderValue();
await getFoldersListByType(store, props.type);
});
watch(