ami/tl-vikunja
1
0
Fork 0
Code Activity

feat(link shares): cleanup link share table

Browse Source
This commit is contained in:
kolaente
2022-09-07 22:37:32 +02:00
parent d3171b59be
commit 7a457eb161
2 changed files with 38 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/components/sharing/linkSharing.vue
View File

@ -80,9 +80,7 @@
<thead>
<tr>
<th>{{ $t('list.share.attributes.link') }}</th>
<th>{{ $t('list.share.attributes.name') }}</th>
<th>{{ $t('list.share.attributes.sharedBy') }}</th>
<th>{{ $t('list.share.attributes.right') }}</th>
<th>&nbsp;</th>
<th>{{ $t('list.share.links.view') }}</th>
<th>{{ $t('list.share.attributes.delete') }}</th>
</tr>
@ -112,34 +110,37 @@
</div>
</div>
</td>
<td>
<template v-if="s.name !== ''">
{{ s.name }}
</template>
<i v-else>{{ $t('list.share.links.noName') }}</i>
</td>
<td>
{{ s.sharedBy.getDisplayName() }}
</td>
<td class="type">
<template v-if="s.right === RIGHTS.ADMIN">
<span class="icon is-small">
<icon icon="lock"/>
</span>&nbsp;
{{ $t('list.share.right.admin') }}
</template>
<template v-else-if="s.right === RIGHTS.READ_WRITE">
<span class="icon is-small">
<icon icon="pen"/>
</span>&nbsp;
{{ $t('list.share.right.readWrite') }}
</template>
<template v-else>
<span class="icon is-small">
<icon icon="users"/>
</span>&nbsp;
{{ $t('list.share.right.read') }}
</template>
<p class="mb-2" v-if="s.name !== ''">
{{ s.name }}
</p>
<p class="mb-2">
<i18n-t keypath="list.share.links.sharedBy">
<strong>{{ s.sharedBy.getDisplayName() }}</strong>
</i18n-t>
</p>
<p class="rights-item">
<template v-if="s.right === RIGHTS.ADMIN">
<span class="icon is-small">
<icon icon="lock"/>
</span>&nbsp;
{{ $t('list.share.right.admin') }}
</template>
<template v-else-if="s.right === RIGHTS.READ_WRITE">
<span class="icon is-small">
<icon icon="pen"/>
</span>&nbsp;
{{ $t('list.share.right.readWrite') }}
</template>
<template v-else>
<span class="icon is-small">
<icon icon="users"/>
</span>&nbsp;
{{ $t('list.share.right.read') }}
</template>
</p>
</td>
<td>
<div class="select">
@ -229,6 +230,7 @@ const showNewForm = ref(false)
interface SelectedViewMapper {
[listId: number]: string,
}
const selectedView = ref<SelectedViewMapper>({})
const copy = useCopyToClipboard()
@ -294,5 +296,9 @@ function getShareLink(hash: string, view: string = 'list') {
overflow-y: auto
}
.rights-item {
white-space: nowrap;
}
@include modal-transition();
</style>