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

updates: add comments to success modal to flag issues

Browse Source
This commit is contained in:
CuriousMagpie
2022-09-06 17:06:19 -04:00
parent 61f3d8d61c
commit abdb6244d3
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,6 +5,9 @@
:hide-footer="isFromBalance" :hide-footer="isFromBalance"
:modal-class="isFromBalance ? ['modal-hidden-footer'] : []" :modal-class="isFromBalance ? ['modal-hidden-footer'] : []"
> >
<!-- there are basically 3 footer conditions: isFromBalance, groupPlanUpgraded, & everyone else
was trying to make that work with a separate footer for groupPlanUpgraded
but that's not working-->
<div slot="modal-header"> <div slot="modal-header">
<div class="check-container d-flex align-items-center justify-content-center"> <div class="check-container d-flex align-items-center justify-content-center">
<div <div
@@ -17,7 +20,8 @@
</div> </div>
<div slot="modal-footer"> <div slot="modal-footer">
<div <div
v-if="!paymentData.paymentType === 'groupPlan' && !paymentData.newGroup" v-if="!paymentData.paymentType === 'groupPlan'
&& !groupPlanUpgraded"
class="small-text" class="small-text"
> >
{{ $t('giftSubscriptionText4') }} {{ $t('giftSubscriptionText4') }}
@@ -26,6 +30,7 @@
v-else v-else
class="demographics" class="demographics"
> >
<!-- lockable label needs to be centered -->
<lockable-label <lockable-label
:text="$t('groupUse')" :text="$t('groupUse')"
class="demo-label" class="demo-label"
@@ -44,6 +49,7 @@
:value="groupPlanUpgraded.demographics" :value="groupPlanUpgraded.demographics"
@select="groupPlanUpgraded.demographics = $event" @select="groupPlanUpgraded.demographics = $event"
/> />
<!-- need to add correct :disabled value here 'cause this one ain't working -->
<button <button
v-if="!paymentData.newGroup" v-if="!paymentData.newGroup"
class="btn btn-primary" class="btn btn-primary"
@@ -123,7 +129,10 @@
>{{ $t('groupsPaymentAutoRenew') }} >{{ $t('groupsPaymentAutoRenew') }}
</span> </span>
</div> </div>
<!-- <div class="demographics"> <!-- this is the demographics code if needed to move back down here from footer
this was working BUT I couldn't get the CSS working which is why I moved it to footer
<div class="demographics">
lockable label needs to be centered
<lockable-label <lockable-label
:text="$t('groupUse')" :text="$t('groupUse')"
/> />
@@ -141,6 +150,7 @@
:value="groupPlanUpgraded.demographics" :value="groupPlanUpgraded.demographics"
@select="groupPlanUpgraded.demographics = $event" @select="groupPlanUpgraded.demographics = $event"
/> />
need to add correct :disabled value here 'cause this one ain't working
<button <button
v-if="!paymentData.newGroup" v-if="!paymentData.newGroup"
class="btn btn-primary" class="btn btn-primary"
@@ -363,6 +373,7 @@ export default {
this.paymentData = {}; this.paymentData = {};
this.$root.$emit('bv::hide::modal', 'payments-success-modal'); this.$root.$emit('bv::hide::modal', 'payments-success-modal');
}, },
// how is amplitude formed?
}, },
}; };
</script> </script>