feat: move the url link to the bottom of the items
continuous-integration/drone/pr Build is passing Details

This commit is contained in:
kolaente 2022-09-14 16:31:05 +02:00
parent 224cea33ce
commit 6576b6148c
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 23 additions and 29 deletions

View File

@ -79,7 +79,6 @@
> >
<thead> <thead>
<tr> <tr>
<th>{{ $t('list.share.attributes.link') }}</th>
<th></th> <th></th>
<th>{{ $t('list.share.links.view') }}</th> <th>{{ $t('list.share.links.view') }}</th>
<th>{{ $t('list.share.attributes.delete') }}</th> <th>{{ $t('list.share.attributes.delete') }}</th>
@ -88,6 +87,37 @@
<tbody> <tbody>
<tr :key="s.id" v-for="s in linkShares"> <tr :key="s.id" v-for="s in linkShares">
<td> <td>
<p class="mb-2 is-italic" 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="mb-2">
<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>
<div class="field has-addons no-input-mobile"> <div class="field has-addons no-input-mobile">
<div class="control"> <div class="control">
<input <input
@ -110,38 +140,6 @@
</div> </div>
</div> </div>
</td> </td>
<td class="type">
<p class="mb-2 is-italic" 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> <td>
<div class="select"> <div class="select">
<select v-model="selectedView[s.id]"> <select v-model="selectedView[s.id]">
@ -299,9 +297,5 @@ function getShareLink(hash: string, view: ListView = LIST_VIEWS.LIST) {
overflow-y: auto overflow-y: auto
} }
.rights-item {
white-space: nowrap;
}
@include modal-transition(); @include modal-transition();
</style> </style>