Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Admin/User.vue
| Show First 20 Lines • Show All 112 Lines • ▼ Show 20 Lines | <div class="container"> | ||||
| </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"> | <li class="nav-item"> | ||||
| <a class="nav-link" id="tab-resources" href="#user-resources" role="tab" aria-controls="user-resources" aria-selected="false"> | |||||
| {{ $t('user.resources') }} ({{ resources.length }}) | |||||
| </a> | |||||
| </li> | |||||
| <li class="nav-item"> | |||||
| <a class="nav-link" id="tab-settings" href="#user-settings" role="tab" aria-controls="user-settings" aria-selected="false"> | <a class="nav-link" id="tab-settings" href="#user-settings" role="tab" aria-controls="user-settings" aria-selected="false"> | ||||
| Settings | Settings | ||||
| </a> | </a> | ||||
| </li> | </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"> | ||||
| ▲ Show 20 Lines • Show All 173 Lines • ▼ Show 20 Lines | <div class="container"> | ||||
| </td> | </td> | ||||
| <td> | <td> | ||||
| <router-link :to="{ path: '/distlist/' + list.id }">{{ list.email }}</router-link> | <router-link :to="{ path: '/distlist/' + list.id }">{{ list.email }}</router-link> | ||||
| </td> | </td> | ||||
| </tr> | </tr> | ||||
| </tbody> | </tbody> | ||||
| <tfoot class="table-fake-body"> | <tfoot class="table-fake-body"> | ||||
| <tr> | <tr> | ||||
| <td colspan="2">{{ $t('user.distlists-none') }}</td> | <td colspan="2">{{ $t('distlist.list-empty') }}</td> | ||||
| </tr> | |||||
| </tfoot> | |||||
| </table> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="tab-pane" id="user-resources" role="tabpanel" aria-labelledby="tab-resources"> | |||||
| <div class="card-body"> | |||||
| <div class="card-text"> | |||||
| <table class="table table-sm table-hover mb-0"> | |||||
| <thead> | |||||
| <tr> | |||||
| <th scope="col">{{ $t('form.name') }}</th> | |||||
| <th scope="col">{{ $t('form.email') }}</th> | |||||
| </tr> | |||||
| </thead> | |||||
| <tbody> | |||||
| <tr v-for="resource in resources" :key="resource.id" @click="$root.clickRecord"> | |||||
| <td> | |||||
| <svg-icon icon="cog" :class="$root.resourceStatusClass(resource)" :title="$root.resourceStatusText(resource)"></svg-icon> | |||||
| <router-link :to="{ path: '/resource/' + resource.id }">{{ resource.name }}</router-link> | |||||
| </td> | |||||
| <td> | |||||
| <router-link :to="{ path: '/resource/' + resource.id }">{{ resource.email }}</router-link> | |||||
| </td> | |||||
| </tr> | |||||
| </tbody> | |||||
| <tfoot class="table-fake-body"> | |||||
| <tr> | |||||
| <td colspan="2">{{ $t('resource.list-empty') }}</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="tab-pane" id="user-settings" role="tabpanel" aria-labelledby="tab-settings"> | ||||
| <div class="card-body"> | <div class="card-body"> | ||||
| ▲ Show 20 Lines • Show All 139 Lines • ▼ Show 20 Lines | export default { | ||||
| discounts: [], | discounts: [], | ||||
| external_email: '', | external_email: '', | ||||
| has2FA: false, | has2FA: false, | ||||
| hasBeta: false, | hasBeta: false, | ||||
| wallet: {}, | wallet: {}, | ||||
| walletReload: false, | walletReload: false, | ||||
| distlists: [], | distlists: [], | ||||
| domains: [], | domains: [], | ||||
| resources: [], | |||||
| skus: [], | skus: [], | ||||
| sku2FA: null, | sku2FA: null, | ||||
| users: [], | users: [], | ||||
| user: { | user: { | ||||
| aliases: [], | aliases: [], | ||||
| config: {}, | config: {}, | ||||
| wallet: {}, | wallet: {}, | ||||
| skus: {}, | skus: {}, | ||||
| ▲ Show 20 Lines • Show All 83 Lines • ▼ Show 20 Lines | export default { | ||||
| this.domains = response.data.list | this.domains = response.data.list | ||||
| }) | }) | ||||
| // Fetch distribution lists | // Fetch distribution lists | ||||
| 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 | ||||
| }) | }) | ||||
| // Fetch resources lists | |||||
| axios.get('/api/v4/resources?owner=' + user_id) | |||||
| .then(response => { | |||||
| this.resources = response.data.list | |||||
| }) | |||||
| }) | }) | ||||
| .catch(this.$root.errorHandler) | .catch(this.$root.errorHandler) | ||||
| }, | }, | ||||
| mounted() { | mounted() { | ||||
| $(this.$el).find('ul.nav-tabs a').on('click', this.$root.tab) | $(this.$el).find('ul.nav-tabs a').on('click', this.$root.tab) | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| addBetaSku() { | addBetaSku() { | ||||
| ▲ Show 20 Lines • Show All 186 Lines • Show Last 20 Lines | |||||