Page MenuHomePhorge
Differential D3044 Diff 8699 src/resources/vue/Widgets/Status.vue

Changeset View

Standalone View

View Options

src/resources/vue/Widgets/Status.vue

<template> <template>
<div v-if="!state.isReady" id="status-box" :class="'p-4 mb-3 rounded process-' + className"> <div v-if="!state.isReady" id="status-box" :class="'p-4 mb-3 rounded process-' + className">
<div v-if="state.step != 'domain-confirmed'" class="d-flex align-items-start"> <div v-if="state.step != 'domain-confirmed'" class="d-flex align-items-start">
<p id="status-body" class="flex-grow-1"> <p id="status-body" class="flex-grow-1">
<span v-if="scope == 'dashboard'">{{ $t('status.prepare-account') }}</span> <span v-if="scope == 'dashboard'">{{ $t('status.prepare-account') }}</span>
<span v-else-if="scope == 'domain'">{{ $t('status.prepare-domain') }}</span> <span v-else-if="scope == 'domain'">{{ $t('status.prepare-domain') }}</span>
<span v-else-if="scope == 'distlist'">{{ $t('status.prepare-distlist') }}</span> <span v-else-if="scope == 'distlist'">{{ $t('status.prepare-distlist') }}</span>
<span v-else-if="scope == 'resource'">{{ $t('status.prepare-resource') }}</span>
<span v-else>{{ $t('status.prepare-user') }}</span> <span v-else>{{ $t('status.prepare-user') }}</span>
<br> <br>
{{ $t('status.prepare-hint') }} {{ $t('status.prepare-hint') }}
<br> <br>
<span id="refresh-text" v-if="refresh">{{ $t('status.prepare-refresh') }}</span> <span id="refresh-text" v-if="refresh">{{ $t('status.prepare-refresh') }}</span>
</p> </p>
<button v-if="refresh" id="status-refresh" href="#" class="btn btn-secondary" @click="statusRefresh"> <button v-if="refresh" id="status-refresh" href="#" class="btn btn-secondary" @click="statusRefresh">
<svg-icon icon="sync-alt"></svg-icon> {{ $t('btn.refresh') }} <svg-icon icon="sync-alt"></svg-icon> {{ $t('btn.refresh') }}
</button> </button>
</div> </div>
<div v-else class="d-flex align-items-start"> <div v-else class="d-flex align-items-start">
<p id="status-body" class="flex-grow-1"> <p id="status-body" class="flex-grow-1">
<span v-if="scope == 'dashboard'">{{ $t('status.ready-account') }}</span> <span v-if="scope == 'dashboard'">{{ $t('status.ready-account') }}</span>
<span v-else-if="scope == 'domain'">{{ $t('status.ready-domain') }}</span> <span v-else-if="scope == 'domain'">{{ $t('status.ready-domain') }}</span>
<span v-else-if="scope == 'distlist'">{{ $t('status.ready-distlist') }}</span> <span v-else-if="scope == 'distlist'">{{ $t('status.ready-distlist') }}</span>
<span v-else-if="scope == 'resource'">{{ $t('status.ready-resource') }}</span>
<span v-else>{{ $t('status.ready-user') }}</span> <span v-else>{{ $t('status.ready-user') }}</span>
<br> <br>
{{ $t('status.verify') }} {{ $t('status.verify') }}
</p> </p>
<div v-if="scope == 'domain'"> <div v-if="scope == 'domain'">
<button id="status-verify" class="btn btn-secondary text-nowrap" @click="confirmDomain"> <button id="status-verify" class="btn btn-secondary text-nowrap" @click="confirmDomain">
<svg-icon icon="sync-alt"></svg-icon> {{ $t('btn.verify') }} <svg-icon icon="sync-alt"></svg-icon> {{ $t('btn.verify') }}
</button> </button>
▲ Show 20 Lines • Show All 151 Lines • ▼ Show 20 Lines export default {
}, },
getUrl() { getUrl() {
let url let url
switch (this.scope) { switch (this.scope) {
case 'dashboard': case 'dashboard':
url = '/api/v4/users/' + this.$store.state.authInfo.id + '/status' url = '/api/v4/users/' + this.$store.state.authInfo.id + '/status'
break break
case 'domain':
url = '/api/v4/domains/' + this.$route.params.domain + '/status'
break
case 'distlist': case 'distlist':
url = '/api/v4/groups/' + this.$route.params.list + '/status' url = '/api/v4/groups/' + this.$route.params.list + '/status'
break break
default: default:
url = '/api/v4/users/' + this.$route.params.user + '/status' url = '/api/v4/' + this.scope + 's/' + this.$route.params[this.scope] + '/status'
} }
return url return url
} }
} }
} }
</script> </script>