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

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

@ -21,21 +21,22 @@
</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>
<tbody>
<tr :key="s.id" v-for="s in linkShares"> <tr :key="s.id" v-for="s in linkShares">
<td> <td>
<div class="field has-addons no-input-mobile"> <div class="field has-addons no-input-mobile">
@ -43,7 +44,7 @@
<input :value="getShareLink(s.hash)" class="input" readonly type="text"/> <input :value="getShareLink(s.hash)" class="input" readonly type="text"/>
</div> </div>
<div class="control"> <div class="control">
<a @click="copy(getShareLink(s.hash))" class="button is-success noshadow" v-tooltip="'Copy to clipboard'"> <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>
@ -75,15 +76,13 @@
</template> </template>
</td> </td>
<td class="actions"> <td class="actions">
<button @click="() => {linkIdToDelete = s.id; showDeleteModal = true}" <button @click="() => {linkIdToDelete = s.id; showDeleteModal = true}" class="button is-danger icon-only">
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>