mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-05-04 13:15:58 +00:00
deleted frontend code
This commit is contained in:
@@ -1,109 +0,0 @@
|
||||
<template>
|
||||
<PageTab>
|
||||
<!-- Metered subscription components -->
|
||||
<div v-if="config.subscriptionType === 'metered'">
|
||||
<!--Failed Payments-->
|
||||
<UserFailedPayments />
|
||||
|
||||
<!--
|
||||
...
|
||||
Charge user and increase his balance
|
||||
...
|
||||
Available for PayPal, Paystack
|
||||
...
|
||||
-->
|
||||
<UserBalance />
|
||||
|
||||
<!--Usage Estimates-->
|
||||
<UserUsageEstimates />
|
||||
|
||||
<!--Billing Alert-->
|
||||
<UserBillingAlerts />
|
||||
|
||||
<!--
|
||||
...
|
||||
We can store user credit card and charge for fixed billing and metered billing
|
||||
This component handle storing and showing payment card UI
|
||||
...
|
||||
Handle only Stripe
|
||||
...
|
||||
-->
|
||||
<UserStoredPaymentMethods />
|
||||
|
||||
<!-- Show all users transactions -->
|
||||
<UserTransactionsForMeteredBilling />
|
||||
</div>
|
||||
|
||||
<!-- Fixed subscription components -->
|
||||
<div v-if="config.subscriptionType === 'fixed'">
|
||||
<!-- Empty subscription -->
|
||||
<UserEmptySubscription />
|
||||
|
||||
<!-- Subscription Detail -->
|
||||
<UserFixedSubscriptionDetail />
|
||||
|
||||
<!--
|
||||
...
|
||||
We can store user credit card and charge for fixed billing and metered billing
|
||||
This component handle storing and showing payment card UI
|
||||
...
|
||||
Handle only Stripe
|
||||
...
|
||||
-->
|
||||
<UserStoredPaymentMethods />
|
||||
|
||||
<!--
|
||||
...
|
||||
Paystack or PayPal need generate external resources to update payment method.
|
||||
This component will handle all user cases
|
||||
...
|
||||
Handle only Paypal, Paystack
|
||||
...
|
||||
-->
|
||||
<UserUpdatePaymentMethodsExternally />
|
||||
|
||||
<!-- Component for cancel or upgrade subscription plan -->
|
||||
<UserEditSubscription />
|
||||
|
||||
<!-- Show all users transactions -->
|
||||
<UserTransactionsForFixedBilling />
|
||||
</div>
|
||||
</PageTab>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import UserUpdatePaymentMethodsExternally from '../../components/Subscription/UserUpdatePaymentMethodsExternally'
|
||||
import UserTransactionsForMeteredBilling from '../../components/Subscription/UserTransactionsForMeteredBilling'
|
||||
import UserTransactionsForFixedBilling from '../../components/Subscription/UserTransactionsForFixedBilling'
|
||||
import UserFixedSubscriptionDetail from '../../components/Subscription/UserFixedSubscriptionDetail'
|
||||
import UserStoredPaymentMethods from '../../components/Subscription/UserStoredPaymentMethods'
|
||||
import UserEmptySubscription from '../../components/Subscription/UserEmptySubscription'
|
||||
import UserEditSubscription from '../../components/Subscription/UserEditSubscription'
|
||||
import UserFailedPayments from '../../components/Subscription/UserFailedPayments'
|
||||
import UserUsageEstimates from '../../components/Subscription/UserUsageEstimates'
|
||||
import UserBillingAlerts from '../../components/Subscription/UserBillingAlerts'
|
||||
import PageTab from '../../components/Layout/PageTab'
|
||||
import UserBalance from '../../components/Subscription/UserBalance'
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'Billing',
|
||||
components: {
|
||||
UserUpdatePaymentMethodsExternally,
|
||||
UserTransactionsForMeteredBilling,
|
||||
UserTransactionsForFixedBilling,
|
||||
UserFixedSubscriptionDetail,
|
||||
UserStoredPaymentMethods,
|
||||
UserEmptySubscription,
|
||||
UserEditSubscription,
|
||||
UserFailedPayments,
|
||||
UserUsageEstimates,
|
||||
UserBillingAlerts,
|
||||
UserBalance,
|
||||
PageTab,
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['config']),
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -43,96 +43,6 @@
|
||||
</AppInputText>
|
||||
</div>
|
||||
|
||||
<div class="card shadow-card">
|
||||
<FormLabel>
|
||||
{{ $t('billing_information') }}
|
||||
</FormLabel>
|
||||
<AppInputText :title="$t('address')">
|
||||
<input
|
||||
@keyup="
|
||||
$updateText(
|
||||
'/user/settings',
|
||||
'address',
|
||||
user.data.relationships.settings.data.attributes.address
|
||||
)
|
||||
"
|
||||
v-model="user.data.relationships.settings.data.attributes.address"
|
||||
:placeholder="$t('user_settings.address_plac')"
|
||||
type="text"
|
||||
class="focus-border-theme input-dark"
|
||||
/>
|
||||
</AppInputText>
|
||||
<div class="flex space-x-4">
|
||||
<AppInputText :title="$t('city')" class="w-full">
|
||||
<input
|
||||
@keyup="
|
||||
$updateText('/user/settings', 'city', user.data.relationships.settings.data.attributes.city)
|
||||
"
|
||||
v-model="user.data.relationships.settings.data.attributes.city"
|
||||
:placeholder="$t('user_settings.city_plac')"
|
||||
type="text"
|
||||
class="focus-border-theme input-dark"
|
||||
/>
|
||||
</AppInputText>
|
||||
<AppInputText :title="$t('postal_code')" class="w-full">
|
||||
<input
|
||||
@keyup="
|
||||
$updateText(
|
||||
'/user/settings',
|
||||
'postal_code',
|
||||
user.data.relationships.settings.data.attributes.postal_code
|
||||
)
|
||||
"
|
||||
v-model="user.data.relationships.settings.data.attributes.postal_code"
|
||||
:placeholder="$t('postal_code_plac')"
|
||||
type="text"
|
||||
class="focus-border-theme input-dark"
|
||||
/>
|
||||
</AppInputText>
|
||||
</div>
|
||||
<AppInputText :title="$t('country')">
|
||||
<SelectInput
|
||||
@input="
|
||||
$updateText(
|
||||
'/user/settings',
|
||||
'country',
|
||||
user.data.relationships.settings.data.attributes.country
|
||||
)
|
||||
"
|
||||
v-model="user.data.relationships.settings.data.attributes.country"
|
||||
:default="user.data.relationships.settings.data.attributes.country"
|
||||
:options="countries"
|
||||
:placeholder="$t('user_settings.country_plac')"
|
||||
/>
|
||||
</AppInputText>
|
||||
<AppInputText :title="$t('state')" :description="$t('State, county, province, or region.')">
|
||||
<input
|
||||
@keyup="
|
||||
$updateText('/user/settings', 'state', user.data.relationships.settings.data.attributes.state)
|
||||
"
|
||||
v-model="user.data.relationships.settings.data.attributes.state"
|
||||
:placeholder="$t('user_settings.state_plac')"
|
||||
type="text"
|
||||
class="focus-border-theme input-dark"
|
||||
/>
|
||||
</AppInputText>
|
||||
<AppInputText :title="$t('phone_number')" :is-last="true">
|
||||
<input
|
||||
@keyup="
|
||||
$updateText(
|
||||
'/user/settings',
|
||||
'phone_number',
|
||||
user.data.relationships.settings.data.attributes.phone_number
|
||||
)
|
||||
"
|
||||
v-model="user.data.relationships.settings.data.attributes.phone_number"
|
||||
:placeholder="$t('user_settings.phone_number_plac')"
|
||||
type="text"
|
||||
class="focus-border-theme input-dark"
|
||||
/>
|
||||
</AppInputText>
|
||||
</div>
|
||||
|
||||
<div class="card shadow-card">
|
||||
<FormLabel>
|
||||
{{ $t('appearance') }}
|
||||
|
||||
Reference in New Issue
Block a user