Page MenuHomePhorge
Differential D3397 Diff 9700 src/resources/vue/Admin/SharedFolder.vue

Changeset View

Standalone View

View Options

src/resources/vue/Admin/SharedFolder.vue

Show All 37 Lines <div v-if="folder.id" class="container">
</div> </div>
</div> </div>
<ul class="nav nav-tabs mt-3" role="tablist"> <ul class="nav nav-tabs mt-3" role="tablist">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" id="tab-settings" href="#folder-settings" role="tab" aria-controls="folder-settings" aria-selected="false" @click="$root.tab"> <a class="nav-link active" id="tab-settings" href="#folder-settings" role="tab" aria-controls="folder-settings" aria-selected="false" @click="$root.tab">
{{ $t('form.settings') }} {{ $t('form.settings') }}
</a> </a>
</li> </li>
<li class="nav-item">
<a class="nav-link" id="tab-aliases" href="#folder-aliases" role="tab" aria-controls="folder-aliases" aria-selected="false" @click="$root.tab">
{{ $t('user.aliases-email') }} ({{ folder.aliases.length }})
</a>
</li>
</ul> </ul>
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane show active" id="folder-settings" role="tabpanel" aria-labelledby="tab-settings"> <div class="tab-pane show active" id="folder-settings" role="tabpanel" aria-labelledby="tab-settings">
<div class="card-body"> <div class="card-body">
<div class="card-text"> <div class="card-text">
<form class="read-only short"> <form class="read-only short">
<div class="row plaintext"> <div class="row plaintext">
<label for="acl" class="col-sm-4 col-form-label">{{ $t('form.acl') }}</label> <label for="acl" class="col-sm-4 col-form-label">{{ $t('form.acl') }}</label>
<div class="col-sm-8"> <div class="col-sm-8">
<span class="form-control-plaintext" id="acl"> <span class="form-control-plaintext" id="acl">
<span v-if="folder.config.acl.length"> <span v-if="folder.config.acl.length">
<span v-for="(entry, index) in folder.config.acl" :key="index"> <span v-for="(entry, index) in folder.config.acl" :key="index">
{{ entry.replace(',', ':') }}<br> {{ entry.replace(',', ':') }}<br>
</span> </span>
</span> </span>
<span v-else>{{ $t('form.none') }}</span> <span v-else>{{ $t('form.none') }}</span>
</span> </span>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
<div class="tab-pane" id="folder-aliases" role="tabpanel" aria-labelledby="tab-aliases">
<div class="card-body">
<div class="card-text">
<table class="table table-sm table-hover mb-0">
<thead>
<tr>
<th scope="col">{{ $t('form.email') }}</th>
</tr>
</thead>
<tbody>
<tr v-for="(alias, index) in folder.aliases" :id="'alias' + index" :key="index">
<td>{{ alias }}</td>
</tr>
</tbody>
<tfoot class="table-fake-body">
<tr>
<td>{{ $t('shf.aliases-none') }}</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
folder: { config: {} } folder: { config: {}, aliases: [] }
} }
}, },
created() { created() {
this.$root.startLoading() this.$root.startLoading()
axios.get('/api/v4/shared-folders/' + this.$route.params.folder) axios.get('/api/v4/shared-folders/' + this.$route.params.folder)
.then(response => { .then(response => {
this.$root.stopLoading() this.$root.stopLoading()
this.folder = response.data this.folder = response.data
}) })
.catch(this.$root.errorHandler) .catch(this.$root.errorHandler)
} }
} }
</script> </script>