arthur/arthome
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/arthome.git synced 2026-01-14 12:14:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add click type

Browse Source
This commit is contained in:
Arthur Danjou
2024-09-04 20:04:50 +02:00
parent 77b6ea2506
commit de58ea9e05
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/components/App/Tab.vue
View File

@@ -48,9 +48,9 @@ function openDeleteTabModal(tab: TabType) {
deleteTabModal.value = true deleteTabModal.value = true
} }
function visitLink() { function visitLink(clickType: 'self' | 'extern') {
if (!props.editMode) { if (!props.editMode) {
window.open(props.tab.link, '_blank') window.open(props.tab.link, clickType === 'self' ? '_self' : '_blank')
// todo: add view count // todo: add view count
} }
} }
@@ -63,7 +63,10 @@ function visitLink() {
background: `h-full duration-300 bg-white dark:bg-gray-900 ${editMode ? '' : 'hover:bg-gray-100 dark:hover:bg-gray-800'}`, background: `h-full duration-300 bg-white dark:bg-gray-900 ${editMode ? '' : 'hover:bg-gray-100 dark:hover:bg-gray-800'}`,
}" }"
:class="editMode ? 'animate-wiggle' : 'cursor-pointer'" :class="editMode ? 'animate-wiggle' : 'cursor-pointer'"
@click.prevent="visitLink" @click.left="visitLink('self')"
@click.right="visitLink('extern')"
@click.prevent="visitLink('self')"
@click.middle="visitLink('extern')"
> >
<div v-show="tab.primary" class="absolute flex h-3 w-3 -left-1 -top-1"> <div v-show="tab.primary" class="absolute flex h-3 w-3 -left-1 -top-1">
<span class="animate-ping absolute inline-flex h-full w-full rounded-full opacity-75" :class="`bg-${tab.color}-400`" /> <span class="animate-ping absolute inline-flex h-full w-full rounded-full opacity-75" :class="`bg-${tab.color}-400`" />