Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Distlist/Info.vue
<template> | <template> | ||||
<div class="container"> | <div class="container"> | ||||
<status-component v-if="list_id !== 'new'" :status="status" @status-update="statusUpdate"></status-component> | <status-component v-if="list_id !== 'new'" :status="status" @status-update="statusUpdate"></status-component> | ||||
<div class="card" id="distlist-info"> | <div class="card" id="distlist-info"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-title" v-if="list_id !== 'new'"> | <div class="card-title" v-if="list_id !== 'new'"> | ||||
{{ $tc('distlist.list-title', 1) }} | {{ $tc('distlist.list-title', 1) }} | ||||
<button class="btn btn-outline-danger button-delete float-end" @click="deleteList()" tag="button"> | <btn class="btn-outline-danger button-delete float-end" @click="deleteList()" icon="trash-alt">{{ $t('distlist.delete') }}</btn> | ||||
<svg-icon icon="trash-alt"></svg-icon> {{ $t('distlist.delete') }} | |||||
</button> | |||||
</div> | </div> | ||||
<div class="card-title" v-if="list_id === 'new'">{{ $t('distlist.new') }}</div> | <div class="card-title" v-if="list_id === 'new'">{{ $t('distlist.new') }}</div> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<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-general" href="#general" role="tab" aria-controls="general" aria-selected="true" @click="$root.tab"> | <a class="nav-link active" id="tab-general" href="#general" role="tab" aria-controls="general" aria-selected="true" @click="$root.tab"> | ||||
{{ $t('form.general') }} | {{ $t('form.general') }} | ||||
</a> | </a> | ||||
Show All 26 Lines | <div class="container"> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="row mb-3"> | <div class="row mb-3"> | ||||
<label for="members-input" class="col-sm-4 col-form-label">{{ $t('distlist.recipients') }}</label> | <label for="members-input" class="col-sm-4 col-form-label">{{ $t('distlist.recipients') }}</label> | ||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<list-input id="members" :list="list.members"></list-input> | <list-input id="members" :list="list.members"></list-input> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> {{ $t('btn.submit') }}</button> | <btn class="btn-primary" type="submit" icon="check">{{ $t('btn.submit') }}</btn> | ||||
</form> | </form> | ||||
</div> | </div> | ||||
<div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="tab-settings"> | <div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="tab-settings"> | ||||
<form @submit.prevent="submitSettings" class="card-body"> | <form @submit.prevent="submitSettings" class="card-body"> | ||||
<div class="row mb-3"> | <div class="row mb-3"> | ||||
<label for="sender-policy-input" class="col-sm-4 col-form-label">{{ $t('distlist.sender-policy') }}</label> | <label for="sender-policy-input" class="col-sm-4 col-form-label">{{ $t('distlist.sender-policy') }}</label> | ||||
<div class="col-sm-8 pt-2"> | <div class="col-sm-8 pt-2"> | ||||
<list-input id="sender-policy" :list="list.config.sender_policy" class="mb-1"></list-input> | <list-input id="sender-policy" :list="list.config.sender_policy" class="mb-1"></list-input> | ||||
<small id="sender-policy-hint" class="text-muted"> | <small id="sender-policy-hint" class="text-muted"> | ||||
{{ $t('distlist.sender-policy-text') }} | {{ $t('distlist.sender-policy-text') }} | ||||
</small> | </small> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> {{ $t('btn.submit') }}</button> | <btn class="btn-primary" type="submit" icon="check">{{ $t('btn.submit') }}</btn> | ||||
</form> | </form> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
▲ Show 20 Lines • Show All 77 Lines • Show Last 20 Lines |