Differential D3544 Diff 10217 src/resources/vue/Admin/SharedFolder.vue

Changeset View

Standalone View

src/resources/vue/Admin/SharedFolder.vue

Show First 20 Lines • Show All 68 Lines • ▼ Show 20 Lines	<div v-if="folder.id" class="container">
</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="folder-aliases" role="tabpanel" aria-labelledby="tab-aliases">
<div class="card-body">		<div class="card-body">
<div class="card-text">		<div class="card-text">
<table class="table table-sm table-hover mb-0">		<list-table :list="folder.aliases" :setup="aliasesListSetup" class="mb-0"></list-table>
<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>		</div>
</div>		</div>
</template>		</template>

<script>		<script>
		import { ListTable } from '../Widgets/ListTools'

export default {		export default {
		components: {
		ListTable
		},
data() {		data() {
return {		return {
		aliasesListSetup: {
		columns: [
		{
		prop: 'email',
		content: item => item
		},
		],
		footLabel: 'shf.aliases-none'
		},
folder: { config: {}, aliases: [] }		folder: { config: {}, aliases: [] }
}		}
},		},
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
})		})
.catch(this.$root.errorHandler)		.catch(this.$root.errorHandler)
}		}
}		}
</script>		</script>