Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Admin/Distlist.vue
<template> | <template> | ||||
<div v-if="list.id" class="container"> | <div v-if="list.id" class="container"> | ||||
<div class="card" id="distlist-info"> | <div class="card" id="distlist-info"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-title">{{ list.email }}</div> | <div class="card-title">{{ list.email }}</div> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<form class="read-only short"> | <form class="read-only short"> | ||||
<div class="form-group row"> | <div class="form-group row"> | ||||
<label for="distlistid" class="col-sm-4 col-form-label">ID <span class="text-muted">(Created at)</span></label> | <label for="distlistid" class="col-sm-4 col-form-label"> | ||||
{{ $t('form.id') }} <span class="text-muted">({{ $t('form.created') }})</span> | |||||
</label> | |||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<span class="form-control-plaintext" id="distlistid"> | <span class="form-control-plaintext" id="distlistid"> | ||||
{{ list.id }} <span class="text-muted">({{ list.created_at }})</span> | {{ list.id }} <span class="text-muted">({{ list.created_at }})</span> | ||||
</span> | </span> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="form-group row"> | <div class="form-group row"> | ||||
<label for="status" class="col-sm-4 col-form-label">Status</label> | <label for="status" class="col-sm-4 col-form-label">{{ $t('form.status') }}</label> | ||||
<div class="col-sm-8"> | <div class="col-sm-8"> | ||||
<span :class="$root.distlistStatusClass(list) + ' form-control-plaintext'" id="status">{{ $root.distlistStatusText(list) }}</span> | <span :class="$root.distlistStatusClass(list) + ' form-control-plaintext'" id="status">{{ $root.distlistStatusText(list) }}</span> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="form-group row"> | <div class="form-group row"> | ||||
<label for="members-input" class="col-sm-4 col-form-label">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"> | ||||
<span class="form-control-plaintext" id="members"> | <span class="form-control-plaintext" id="members"> | ||||
<span v-for="member in list.members" :key="member">{{ member }}<br></span> | <span v-for="member in list.members" :key="member">{{ member }}<br></span> | ||||
</span> | </span> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</form> | </form> | ||||
<div class="mt-2"> | <div class="mt-2"> | ||||
<button v-if="!list.isSuspended" id="button-suspend" class="btn btn-warning" type="button" @click="suspendList">Suspend</button> | <button v-if="!list.isSuspended" id="button-suspend" class="btn btn-warning" type="button" @click="suspendList"> | ||||
<button v-if="list.isSuspended" id="button-unsuspend" class="btn btn-warning" type="button" @click="unsuspendList">Unsuspend</button> | {{ $t('btn.suspend') }} | ||||
</button> | |||||
<button v-if="list.isSuspended" id="button-unsuspend" class="btn btn-warning" type="button" @click="unsuspendList"> | |||||
{{ $t('btn.unsuspend') }} | |||||
</button> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
Show All 38 Lines |