Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Admin/SharedFolder.vue
Show All 31 Lines | <div v-if="folder.id" class="container"> | ||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<span class="form-control-plaintext" id="type">{{ $t('shf.type-' + folder.type) }}</span> | <span class="form-control-plaintext" id="type">{{ $t('shf.type-' + folder.type) }}</span> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</form> | </form> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<ul class="nav nav-tabs mt-3" role="tablist"> | <tabs class="mt-3" :tabs="tabs" ref="tabs"></tabs> | ||||
<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"> | |||||
{{ $t('form.settings') }} | |||||
</a> | |||||
</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> | |||||
<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="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="tab-pane" id="aliases" role="tabpanel" aria-labelledby="tab-aliases"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<list-table :list="folder.aliases" :setup="aliasesListSetup" class="mb-0"></list-table> | <list-table :list="folder.aliases" :setup="aliasesListSetup" class="mb-0"></list-table> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
Show All 12 Lines | export default { | ||||
columns: [ | columns: [ | ||||
{ | { | ||||
prop: 'email', | prop: 'email', | ||||
content: item => item | content: item => item | ||||
}, | }, | ||||
], | ], | ||||
footLabel: 'shf.aliases-none' | footLabel: 'shf.aliases-none' | ||||
}, | }, | ||||
folder: { config: {}, aliases: [] } | folder: { config: {}, aliases: [] }, | ||||
tabs: [ | |||||
{ label: 'form.settings' }, | |||||
{ label: 'user.email-aliases', count: 0 } | |||||
] | |||||
} | } | ||||
}, | }, | ||||
created() { | created() { | ||||
axios.get('/api/v4/shared-folders/' + this.$route.params.folder, { loader: true }) | axios.get('/api/v4/shared-folders/' + this.$route.params.folder, { loader: true }) | ||||
.then(response => { | .then(response => { | ||||
this.folder = response.data | this.folder = response.data | ||||
this.tabs[1].count = this.folder.aliases.length | |||||
}) | }) | ||||
.catch(this.$root.errorHandler) | .catch(this.$root.errorHandler) | ||||
} | } | ||||
} | } | ||||
</script> | </script> |