Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Admin/User.vue
| Show First 20 Lines • Show All 111 Lines • ▼ Show 20 Lines | <div class="container"> | ||||
| {{ $t('user.users') }} ({{ users.length }}) | {{ $t('user.users') }} ({{ users.length }}) | ||||
| </a> | </a> | ||||
| </li> | </li> | ||||
| <li class="nav-item"> | <li class="nav-item"> | ||||
| <a class="nav-link" id="tab-distlists" href="#user-distlists" role="tab" aria-controls="user-distlists" aria-selected="false"> | <a class="nav-link" id="tab-distlists" href="#user-distlists" role="tab" aria-controls="user-distlists" aria-selected="false"> | ||||
| {{ $t('user.distlists') }} ({{ distlists.length }}) | {{ $t('user.distlists') }} ({{ distlists.length }}) | ||||
| </a> | </a> | ||||
| </li> | </li> | ||||
| <li class="nav-item"> | |||||
| <a class="nav-link" id="tab-settings" href="#user-settings" role="tab" aria-controls="user-settings" aria-selected="false"> | |||||
| Settings | |||||
| </a> | |||||
| </li> | |||||
| </ul> | </ul> | ||||
| <div class="tab-content"> | <div class="tab-content"> | ||||
| <div class="tab-pane show active" id="user-finances" role="tabpanel" aria-labelledby="tab-finances"> | <div class="tab-pane show active" id="user-finances" role="tabpanel" aria-labelledby="tab-finances"> | ||||
| <div class="card-body"> | <div class="card-body"> | ||||
| <h2 class="card-title"> | <h2 class="card-title"> | ||||
| {{ $t('wallet.title') }} | {{ $t('wallet.title') }} | ||||
| <span :class="wallet.balance < 0 ? 'text-danger' : 'text-success'"><strong>{{ $root.price(wallet.balance) }}</strong></span> | <span :class="wallet.balance < 0 ? 'text-danger' : 'text-success'"><strong>{{ $root.price(wallet.balance) }}</strong></span> | ||||
| </h2> | </h2> | ||||
| ▲ Show 20 Lines • Show All 169 Lines • ▼ Show 20 Lines | <div class="container"> | ||||
| <tr> | <tr> | ||||
| <td>{{ $t('user.distlists-none') }}</td> | <td>{{ $t('user.distlists-none') }}</td> | ||||
| </tr> | </tr> | ||||
| </tfoot> | </tfoot> | ||||
| </table> | </table> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="tab-pane" id="user-settings" role="tabpanel" aria-labelledby="tab-settings"> | |||||
| <div class="card-body"> | |||||
| <div class="card-text"> | |||||
| <form class="read-only short"> | |||||
| <div class="form-group row plaintext"> | |||||
| <label for="greylisting" class="col-sm-4 col-form-label">{{ $t('user.greylisting') }}</label> | |||||
| <div class="col-sm-8"> | |||||
| <span class="form-control-plaintext" id="greylisting"> | |||||
| <span v-if="user.config.greylisting" class="text-success">{{ $t('form.enabled') }}</span> | |||||
| <span v-else class="text-danger">{{ $t('form.disabled') }}</span> | |||||
| </span> | |||||
| </div> | |||||
| </div> | |||||
| </form> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | </div> | ||||
| <div id="discount-dialog" class="modal" tabindex="-1" role="dialog"> | <div id="discount-dialog" class="modal" tabindex="-1" role="dialog"> | ||||
| <div class="modal-dialog" role="document"> | <div class="modal-dialog" role="document"> | ||||
| <div class="modal-content"> | <div class="modal-content"> | ||||
| <div class="modal-header"> | <div class="modal-header"> | ||||
| <h5 class="modal-title">{{ $t('user.discount-title') }}</h5> | <h5 class="modal-title">{{ $t('user.discount-title') }}</h5> | ||||
| <button type="button" class="close" data-dismiss="modal" :aria-label="$t('btn.close')"> | <button type="button" class="close" data-dismiss="modal" :aria-label="$t('btn.close')"> | ||||
| ▲ Show 20 Lines • Show All 130 Lines • ▼ Show 20 Lines | export default { | ||||
| walletReload: false, | walletReload: false, | ||||
| distlists: [], | distlists: [], | ||||
| domains: [], | domains: [], | ||||
| skus: [], | skus: [], | ||||
| sku2FA: null, | sku2FA: null, | ||||
| users: [], | users: [], | ||||
| user: { | user: { | ||||
| aliases: [], | aliases: [], | ||||
| config: {}, | |||||
| wallet: {}, | wallet: {}, | ||||
| skus: {}, | skus: {}, | ||||
| } | } | ||||
| } | } | ||||
| }, | }, | ||||
| created() { | created() { | ||||
| const user_id = this.$route.params.user | const user_id = this.$route.params.user | ||||
| ▲ Show 20 Lines • Show All 79 Lines • ▼ Show 20 Lines | export default { | ||||
| axios.get('/api/v4/groups?owner=' + user_id) | axios.get('/api/v4/groups?owner=' + user_id) | ||||
| .then(response => { | .then(response => { | ||||
| this.distlists = response.data.list | this.distlists = response.data.list | ||||
| }) | }) | ||||
| }) | }) | ||||
| .catch(this.$root.errorHandler) | .catch(this.$root.errorHandler) | ||||
| }, | }, | ||||
| mounted() { | mounted() { | ||||
| $(this.$el).find('ul.nav-tabs a').on('click', e => { | $(this.$el).find('ul.nav-tabs a').on('click', this.$root.tab) | ||||
| e.preventDefault() | |||||
| $(e.target).tab('show') | |||||
| }) | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| capitalize(str) { | capitalize(str) { | ||||
| return str.charAt(0).toUpperCase() + str.slice(1) | return str.charAt(0).toUpperCase() + str.slice(1) | ||||
| }, | }, | ||||
| awardDialog() { | awardDialog() { | ||||
| this.oneOffDialog(false) | this.oneOffDialog(false) | ||||
| }, | }, | ||||
| ▲ Show 20 Lines • Show All 148 Lines • Show Last 20 Lines | |||||