mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-26 15:16:27 +01:00
Code Issues Projects Releases Wiki Activity

feat: sorts running conttainers at top (#2142)

Browse Source
This commit is contained in:
Amir Raminfar
2023-04-22 13:04:52 -07:00
committed by GitHub
parent 551fb1579d
commit bf634382e5
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
assets/components/SideMenu.vue
View File

@@ -56,7 +56,7 @@
</div>
<p class="menu-label is-hidden-mobile">{{ $t("label.containers") }}</p>
<ul class="menu-list is-hidden-mobile" v-if="ready">
<li v-for="item in visibleContainers" :key="item.id" :class="item.state">
<li v-for="item in sortedContainers" :key="item.id" :class="item.state">
<router-link
:to="{ name: 'container-id', params: { id: item.id } }"
active-class="is-active"
@@ -101,6 +101,18 @@ const store = useContainerStore();
const { activeContainers, visibleContainers, ready } = storeToRefs(store);
const sortedContainers = computed(() =>
visibleContainers.value.sort((a, b) => {
if (a.state === "running" && b.state !== "running") {
return -1;
} else if (a.state !== "running" && b.state === "running") {
return 1;
} else {
return a.name.localeCompare(b.name);
}
})
);
const activeContainersById = computed(() =>
activeContainers.value.reduce((acc, item) => {
acc[item.id] = item;