krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 14:47:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

update: more work on success modal

Browse Source
This commit is contained in:
CuriousMagpie
2022-08-29 16:12:53 -04:00
parent a523d0b894
commit a3e6aff330
2 changed files with 59 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -80,11 +80,18 @@
v-if="!paymentData.newGroup"
class="form-group"
>
<div class="details-block">
<div class="details-block group-billing-date">
<span>
Your next billing date is <strong>{{ dateRenewal }}</strong>.
{{ $t('groupPaymentSubBilling') }}
</span>
</div>
<div class="small-text group-auto-renew">
<span
v-once
>{{ $t('groupsPaymentAutoRenew') }}
</span>
</div>
<div class="demographics">
<lockable-label
:text="$t('groupUse')"
/>
@@ -103,10 +110,17 @@
@select="groupPlanUpgraded.demographics = $event"
/>
</div>
</div>
<button
v-oncee="!paymentData.newGroup"
class="btn btn-primary"
@click="close()"
>
{{ $t('submit') }}
</button>
</template>
<template
v-if="paymentData.paymentType === 'groupPlan'
|| paymentData.paymentType === 'subscription'"
v-if="paymentData.paymentType === 'subscription'"
>
<span
v-once
@@ -115,14 +129,7 @@
</template>
<div>
<button
v-if="!paymentData.newGroup"
class="btn btn-primary"
@click="close()"
>
{{ $t('submit') }}
</button>
<button
v-else
v-if="paymentData.paymentType === 'subscription'"
class="btn btn-primary"
@click="close()"
>
@@ -223,6 +230,26 @@
color: $orange-10;
font-style: normal;
}
.group-auto-renew {
margin-top: 16px;
margin-bottom: 16px;
color: $yellow-5;
font-style: normal;
}
.group-billing-date {
width: 269px;
text-align: center;
margin-left: 57px;
}
.form-group {
// padding-top: 32px;
}
.demographics {
background-color: $gray-700;
width: 100%;
}
}
#payments-success-modal .modal-footer {

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

@@ -93,8 +93,10 @@
"paymentYouSentGems": "You sent <strong><%- name %></strong>:",
"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>.",
"groupPaymentSubBilling": "Your subscription will auto-renew on <strong><%= dateRenewal %></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.",
"groupsPaymentAutoRenew": "This subscription will auto-renew until it is canceled. If you need to cancel, you can do so from the Group Billing tab.",
"paymentCanceledDisputes": "We’ve sent a cancelation confirmation to your email. If you don’t see the email, please contact us to prevent future billing disputes.",
"success": "Success!",
"classGear": "Class Gear",