Chore: Remove dead code related to billing (#935)
- remove subscription model - remove billing-related code
This commit is contained in:
@@ -1,22 +0,0 @@
|
||||
<template>
|
||||
<div class="column content-box account-locked">
|
||||
<div class="lock-message">
|
||||
<!-- No inboxes attached -->
|
||||
<div>
|
||||
<img src="~dashboard/assets/images/lock.svg" alt="Lock" />
|
||||
<span v-html="$t('BILLING.ACCOUNT_LOCKED')">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
/* eslint no-console: 0 */
|
||||
/* global bus */
|
||||
export default {
|
||||
props: ['state'],
|
||||
|
||||
|
||||
};
|
||||
</script>
|
||||
@@ -1,124 +0,0 @@
|
||||
<template>
|
||||
<div class="column content-box billing">
|
||||
<woot-loading-state v-if="fetchStatus" :message="$t('BILLING.LOADING')" />
|
||||
<div v-if="billingDetails" class="row">
|
||||
<div class="small-12 columns billing__stats">
|
||||
<div class="account-row column">
|
||||
<span class="title">{{ $t('BILLING.ACCOUNT_STATE') }}</span>
|
||||
<span class="value">{{ billingDetails.state }} </span>
|
||||
</div>
|
||||
<div class="account-row column">
|
||||
<span class="title">{{ $t('BILLING.AGENT_COUNT') }}</span>
|
||||
<span class="value">{{ billingDetails.agents_count }} </span>
|
||||
</div>
|
||||
<div class="account-row column">
|
||||
<span class="title">{{ $t('BILLING.PER_AGENT_COST') }}</span>
|
||||
<span class="value">${{ billingDetails.per_agent_cost }} </span>
|
||||
</div>
|
||||
|
||||
<div class="account-row column">
|
||||
<span class="title">{{ $t('BILLING.TOTAL_COST') }}</span>
|
||||
<span class="value">${{ billingDetails.total_cost }} </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="small-12 columns billing__form">
|
||||
<iframe
|
||||
v-if="iframeUrl && !isShowEmptyState"
|
||||
:src="billingDetails.iframe_url"
|
||||
></iframe>
|
||||
<div v-if="isShowEmptyState">
|
||||
<empty-state :title="emptyStateTitle" :message="emptyStateMessage">
|
||||
<div class="medium-12 columns text-center">
|
||||
<button class="button success nice" @click="billingButtonClick()">
|
||||
{{ buttonText }}
|
||||
</button>
|
||||
</div>
|
||||
</empty-state>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
/* eslint no-console: 0 */
|
||||
/* global bus */
|
||||
import { mapGetters } from 'vuex';
|
||||
|
||||
import EmptyState from '../../../../components/widgets/EmptyState';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
EmptyState,
|
||||
},
|
||||
props: ['state'],
|
||||
|
||||
data() {
|
||||
return {
|
||||
is_adding_source: false,
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
...mapGetters({
|
||||
billingDetails: 'getBillingDetails',
|
||||
fetchStatus: 'billingFetchStatus',
|
||||
daysLeft: 'getTrialLeft',
|
||||
subscriptionData: 'getSubscription',
|
||||
}),
|
||||
redirectMessage() {
|
||||
if (!this.state) {
|
||||
return '';
|
||||
}
|
||||
if (this.state === 'succeeded') {
|
||||
return this.$t('BILLING.STATUS.SUCCESS');
|
||||
}
|
||||
return this.$t('BILLING.STATUS.ERROR');
|
||||
},
|
||||
iframeUrl() {
|
||||
return typeof this.billingDetails.iframe_url === 'string';
|
||||
},
|
||||
isShowEmptyState() {
|
||||
if (this.billingDetails !== null) {
|
||||
if (this.is_adding_source) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
},
|
||||
buttonText() {
|
||||
if (this.billingDetails !== null) {
|
||||
return this.billingDetails.payment_source_added
|
||||
? this.$t('BILLING.BUTTON.EDIT')
|
||||
: this.$t('BILLING.BUTTON.ADD');
|
||||
}
|
||||
return this.$t('BILLING.BUTTON.ADD');
|
||||
},
|
||||
emptyStateTitle() {
|
||||
if (this.daysLeft <= 0 || this.subscriptionData.state === 'cancelled') {
|
||||
return this.$t('BILLING.TRIAL.TITLE');
|
||||
}
|
||||
return '';
|
||||
},
|
||||
emptyStateMessage() {
|
||||
if (this.daysLeft <= 0 || this.subscriptionData.state === 'cancelled') {
|
||||
return this.$t('BILLING.TRIAL.MESSAGE');
|
||||
}
|
||||
return '';
|
||||
},
|
||||
},
|
||||
|
||||
mounted() {
|
||||
if (this.state) {
|
||||
bus.$emit('newToastMessage', this.redirectMessage);
|
||||
}
|
||||
this.$store.dispatch('fetchSubscription');
|
||||
},
|
||||
|
||||
methods: {
|
||||
billingButtonClick() {
|
||||
this.is_adding_source = true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
@@ -1,32 +0,0 @@
|
||||
import Index from './Index';
|
||||
import SettingsContent from '../Wrapper';
|
||||
import AccountLocked from './AccountLocked';
|
||||
import { frontendURL } from '../../../../helper/URLHelper';
|
||||
|
||||
export default {
|
||||
routes: [
|
||||
{
|
||||
path: frontendURL('accounts/:accountId/settings/billing'),
|
||||
component: SettingsContent,
|
||||
props: {
|
||||
headerTitle: 'BILLING.HEADER',
|
||||
icon: 'ion-card',
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: '',
|
||||
name: 'billing',
|
||||
component: Index,
|
||||
roles: ['administrator'],
|
||||
props: route => ({ state: route.query.state }),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: '/deactivated',
|
||||
name: 'billing_deactivated',
|
||||
component: AccountLocked,
|
||||
roles: ['agent'],
|
||||
},
|
||||
],
|
||||
};
|
||||
@@ -1,6 +1,5 @@
|
||||
import { frontendURL } from '../../../helper/URLHelper';
|
||||
import agent from './agents/agent.routes';
|
||||
import billing from './billing/billing.routes';
|
||||
import canned from './canned/canned.routes';
|
||||
import inbox from './inbox/inbox.routes';
|
||||
import profile from './profile/profile.routes';
|
||||
@@ -23,7 +22,6 @@ export default {
|
||||
},
|
||||
},
|
||||
...agent.routes,
|
||||
...billing.routes,
|
||||
...canned.routes,
|
||||
...inbox.routes,
|
||||
...profile.routes,
|
||||
|
||||
Reference in New Issue
Block a user