chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: improve checkbox and badge behavior based on notification state
Some checks failed
Spell Check / Spell Check with Typos (push) Failing after 8s
Details

Browse source
This commit is contained in:
puriphatt 2025-04-30 11:13:45 +07:00
parent c4c4b76973
commit 7a2be56ef4
1 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/pages/00_notification/MainPage.vue
View file

@ -97,7 +97,8 @@ onMounted(async () => {
<div class="q-py-xs row items-center" style="padding-inline: 38px"> <div class="q-py-xs row items-center" style="padding-inline: 38px">
<q-checkbox <q-checkbox
size="xs" size="xs"
:model-value="selectedNoti.length === noti.length" :model-value="noti.length > 0 && selectedNoti.length === noti.length"
:disable="noti.length === 0"
@click="toggleSelection('', true)" @click="toggleSelection('', true)"
/> />
<q-separator vertical inset spaced="md" /> <q-separator vertical inset spaced="md" />
@ -177,7 +178,13 @@ onMounted(async () => {
<q-badge <q-badge
rounded rounded
class="q-ml-md" class="q-ml-md"
style="background: hsl(var(--info-bg))" :color="
(tab.value === 'all'
? noti.length
: noti.filter((v) => !v.read).length) > 0
? 'info'
: 'grey'
"
> >
{{ {{
tab.value === 'all' tab.value === 'all'