anpleenko/iplist
1
0
Fork 0
mirror of https://github.com/rekryt/iplist.git synced 2025-10-13 00:49:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: new portal selection and favicons

Browse Source
This commit is contained in:
Rekryt
2025-07-10 18:17:05 +03:00
parent e015b3dad7
commit b98981a172
26 changed files with 338 additions and 3364 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
frontend/components/base/form/portals.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
const { t } = useI18n({
useI18n({
useScope: 'local',
});
const props = defineProps({
@@ -32,7 +32,7 @@ const props = defineProps({
hideDetails: {
type: Boolean,
default: false,
}
},
});
const emit = defineEmits(['update:modelValue']);
const selected = computed({
@@ -43,24 +43,24 @@ const selected = computed({
emit('update:modelValue', value);
},
});
const setSelect = (subItem: { label: string; value: string }): void => {
if (selected.value.includes(subItem as never)) {
selected.value.splice(selected.value.indexOf(subItem as never), 1);
} else {
selected.value.push(subItem);
}
};
const setSelectGroup = (item: { label: string; items: { label: string; value: string }[] }): void => {
if (item.items.every((subItem) => selected.value.includes(subItem as never))) {
item.items.forEach((subItem) => selected.value.splice(selected.value.indexOf(subItem as never), 1));
} else {
item.items.forEach((subItem: { label: string; value: string }) => {
if (!selected.value.includes(subItem as never)) {
selected.value.push(subItem);
}
});
}
};
// const setSelect = (subItem: { label: string; value: string }): void => {
// if (selected.value.includes(subItem as never)) {
// selected.value.splice(selected.value.indexOf(subItem as never), 1);
// } else {
// selected.value.push(subItem);
// }
// };
// const setSelectGroup = (item: { label: string; items: { label: string; value: string }[] }): void => {
// if (item.items.every((subItem) => selected.value.includes(subItem as never))) {
// item.items.forEach((subItem) => selected.value.splice(selected.value.indexOf(subItem as never), 1));
// } else {
// item.items.forEach((subItem: { label: string; value: string }) => {
// if (!selected.value.includes(subItem as never)) {
// selected.value.push(subItem);
// }
// });
// }
// };
</script>
<i18n lang="json">
{
@@ -79,43 +79,7 @@ const setSelectGroup = (item: { label: string; items: { label: string; value: st
}
</i18n>
<template>
<v-autocomplete
v-model="selected"
:items="items"
:label="label"
item-title="label"
item-value="value"
item-children="items"
variant="outlined"
:placeholder="t('allPortals')"
:no-data-text="t('noData')"
:hint="hint"
:persistent-hint="persistentHint"
:loading="loading"
:hide-details="hideDetails"
multiple
chips
clearable
>
<template #item="{ item }">
<v-list lines="one" select-strategy="classic">
<v-list-item class="font-weight-bold" density="compact" @click="() => setSelectGroup(item.raw)">
{{ item.raw.label }}
</v-list-item>
<v-list-item
v-for="(subItem, index) in item.raw.items"
:key="index"
:tabindex="index"
:value="`nestedList${index}`"
:active="selected.includes(subItem)"
density="compact"
@click="() => setSelect(subItem)"
>
<v-list-item-title>
{{ subItem.label }}
</v-list-item-title>
</v-list-item>
</v-list>
</template>
</v-autocomplete>
<base-select v-if="!loading" v-model="selected" :items="items"></base-select>
<v-skeleton-loader v-else type="article"></v-skeleton-loader>
<v-banner-text class="pt-4 px-4">{{ hint }}</v-banner-text>
</template>