krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-19 07:37:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

update: success modal

Browse Source
This commit is contained in:
CuriousMagpie
2022-08-30 17:43:36 -04:00
parent 4464464c51
commit e2bb7fda60
2 changed files with 18 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
website/client/src/components/payments/successModal.vue
View File

@@ -78,11 +78,11 @@
</div> --> </div> -->
<div <div
v-if="!paymentData.newGroup" v-if="!paymentData.newGroup"
class="form-group" class=""
> >
<div class="details-block group-billing-date"> <div class="details-block group-billing-date">
<span> <span>
{{ $t('groupPaymentSubBilling') }} {{ $t('groupsPaymentSubBilling') }}
</span> </span>
</div> </div>
<div class="small-text group-auto-renew"> <div class="small-text group-auto-renew">
@@ -109,15 +109,15 @@
:value="groupPlanUpgraded.demographics" :value="groupPlanUpgraded.demographics"
@select="groupPlanUpgraded.demographics = $event" @select="groupPlanUpgraded.demographics = $event"
/> />
<button
v-if="!paymentData.newGroup"
class="btn btn-primary"
@click="close()"
>
{{ $t('submit') }}
</button>
</div> </div>
</div> </div>
<button
v-oncee="!paymentData.newGroup"
class="btn btn-primary"
@click="close()"
>
{{ $t('submit') }}
</button>
</template> </template>
<template <template
v-if="paymentData.paymentType === 'subscription'" v-if="paymentData.paymentType === 'subscription'"
@@ -157,6 +157,7 @@
border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
} }
#payments-success-modal .modal-header { #payments-success-modal .modal-header {
justify-content: center; justify-content: center;
padding-top: 24px; padding-top: 24px;
@@ -206,7 +207,7 @@
border-radius: 4px; border-radius: 4px;
padding: 8px 24px; padding: 8px 24px;
margin-top: 16px; margin-top: 16px;
display: flex; display: inline-flex;
flex-direction: row; flex-direction: row;
text-align: center; text-align: center;
@@ -236,22 +237,17 @@
color: $yellow-5; color: $yellow-5;
font-style: normal; font-style: normal;
} }
.group-billing-date {
width: 269px;
text-align: center;
margin-left: 57px;
}
.form-group {
// padding-top: 32px;
}
.demographics { .demographics {
background-color: $gray-700; background-color: $gray-700;
width: 100%; width: 100%;
padding: 0 12px;
width: 100%;
padding: 16px 32px 32px 32px;
}
.group-billing-date {
width: 269px;
} }
} }
#payments-success-modal .modal-footer { #payments-success-modal .modal-footer {
background: $gray-700; background: $gray-700;
border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;

2
website/common/locales/en/npc.json
View File

@@ -93,7 +93,7 @@
"paymentYouSentGems": "You sent <strong><%- name %></strong>:", "paymentYouSentGems": "You sent <strong><%- name %></strong>:",
"paymentYouSentSubscription": "You sent <strong><%- name %></strong> a <%= months %>-months Habitica subscription.", "paymentYouSentSubscription": "You sent <strong><%- name %></strong> a <%= months %>-months Habitica subscription.",
"paymentSubBilling": "Your subscription will be billed <strong>$<%= amount %></strong> every <strong><%= months %> months</strong>.", "paymentSubBilling": "Your subscription will be billed <strong>$<%= amount %></strong> every <strong><%= months %> months</strong>.",
"groupPaymentSubBilling": "Your subscription will auto-renew on <strong><%= dateRenewal %></strong>.", "groupsPaymentSubBilling": "Your next billing date is <strong>11/11/1111</strong>.",
"paymentSubBillingWithMethod": "Your subscription will be billed <strong>$<%= amount %></strong> every <strong><%= months %> months</strong> via <strong><%= paymentMethod %></strong>.", "paymentSubBillingWithMethod": "Your subscription will be billed <strong>$<%= amount %></strong> every <strong><%= months %> months</strong> via <strong><%= paymentMethod %></strong>.",
"paymentAutoRenew": "This subscription will auto-renew until it is canceled. If you need to cancel this subscription, you can do so from your settings.", "paymentAutoRenew": "This subscription will auto-renew until it is canceled. If you need to cancel this subscription, you can do so from your settings.",
"groupsPaymentAutoRenew": "This subscription will auto-renew until it is canceled. If you need to cancel, you can do so from the Group Billing tab.", "groupsPaymentAutoRenew": "This subscription will auto-renew until it is canceled. If you need to cancel, you can do so from the Group Billing tab.",