local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Hide share links table header when no share links are available yet

Browse source
This commit is contained in:
kolaente 2021-01-08 22:56:19 +01:00
parent fe6d975134
commit 98feedfcd3
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 44 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

89
src/components/sharing/linkSharing.vue
View file

@ -21,69 +21,68 @@
</div> </div>
</div> </div>
<div class="control"> <div class="control">
<button class="button is-success" type="submit"> <button class="button is-primary" type="submit">
Share Share
</button> </button>
</div> </div>
</div> </div>
</form> </form>
<table class="table is-striped is-hoverable is-fullwidth link-share-list"> <table class="table is-striped is-hoverable is-fullwidth link-share-list" v-if="linkShares.length > 0">
<tbody> <thead>
<tr> <tr>
<th>Link</th> <th>Link</th>
<th>Shared by</th> <th>Shared by</th>
<th>Right</th> <th>Right</th>
<th>Delete</th> <th>Delete</th>
</tr> </tr>
<template v-if="linkShares.length > 0"> </thead>
<tr :key="s.id" v-for="s in linkShares"> <tbody>
<td> <tr :key="s.id" v-for="s in linkShares">
<div class="field has-addons no-input-mobile"> <td>
<div class="control"> <div class="field has-addons no-input-mobile">
<input :value="getShareLink(s.hash)" class="input" readonly type="text"/> <div class="control">
</div> <input :value="getShareLink(s.hash)" class="input" readonly type="text"/>
<div class="control"> </div>
<a @click="copy(getShareLink(s.hash))" class="button is-success noshadow" v-tooltip="'Copy to clipboard'"> <div class="control">
<a @click="copy(getShareLink(s.hash))" class="button is-primary noshadow" v-tooltip="'Copy to clipboard'">
<span class="icon"> <span class="icon">
<icon icon="paste"/> <icon icon="paste"/>
</span> </span>
</a> </a>
</div>
</div> </div>
</td> </div>
<td> </td>
{{ s.sharedBy.getDisplayName() }} <td>
</td> {{ s.sharedBy.getDisplayName() }}
<td class="type"> </td>
<template v-if="s.right === rights.ADMIN"> <td class="type">
<span class="icon is-small"> <template v-if="s.right === rights.ADMIN">
<icon icon="lock"/> <span class="icon is-small">
</span> <icon icon="lock"/>
Admin </span>
</template> Admin
<template v-else-if="s.right === rights.READ_WRITE"> </template>
<span class="icon is-small"> <template v-else-if="s.right === rights.READ_WRITE">
<icon icon="pen"/> <span class="icon is-small">
</span> <icon icon="pen"/>
Write </span>
</template> Write
<template v-else> </template>
<span class="icon is-small"> <template v-else>
<icon icon="users"/> <span class="icon is-small">
</span> <icon icon="users"/>
Read-only </span>
</template> Read-only
</td> </template>
<td class="actions"> </td>
<button @click="() => {linkIdToDelete = s.id; showDeleteModal = true}" <td class="actions">
class="button is-danger icon-only"> <button @click="() => {linkIdToDelete = s.id; showDeleteModal = true}" class="button is-danger icon-only">
<span class="icon"> <span class="icon">
<icon icon="trash-alt"/> <icon icon="trash-alt"/>
</span> </span>
</button> </button>
</td> </td>
</tr> </tr>
</template>
</tbody> </tbody>
</table> </table>
</div> </div>