zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: allow to set mute duration and notifications mute option (#2665)

Browse source
This commit is contained in:
TAKAHASHI Shuuji 2024-03-09 18:52:41 +09:00 • committed by GitHub
parent 4954473f50
commit 3448335356
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 163 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/common/CommonCheckbox.vue
View file

@ -4,6 +4,8 @@ defineProps<{
hover?: boolean
iconChecked?: string
iconUnchecked?: string
checkedIconColor?: string
prependCheckbox?: boolean
}>()
const modelValue = defineModel<boolean | null>()
</script>
@ -15,9 +17,12 @@ const modelValue = defineModel<boolean | null>()
v-bind="$attrs"
@click.prevent="modelValue = !modelValue"
>
<span v-if="label" flex-1 ms-2 pointer-events-none>{{ label }}</span>
<span v-if="label && !prependCheckbox" flex-1 ms-2 pointer-events-none>{{ label }}</span>
<span
:class="modelValue ? (iconChecked ?? 'i-ri:checkbox-line') : (iconUnchecked ?? 'i-ri:checkbox-blank-line')"
:class="[
modelValue ? (iconChecked ?? 'i-ri:checkbox-line') : (iconUnchecked ?? 'i-ri:checkbox-blank-line'),
modelValue && checkedIconColor,
]"
text-lg
aria-hidden="true"
/>
@ -26,6 +31,7 @@ const modelValue = defineModel<boolean | null>()
type="checkbox"
sr-only
>
<span v-if="label && prependCheckbox" flex-1 ms-2 pointer-events-none>{{ label }}</span>
</label>
</template>