mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-17 22:57:21 +01:00
Sabrecat/hourglass preview (#15355)
* feat(subscriptions): pre rollout announcement * fix(faq): more h4 and p, less ul li * fix(faq): a little less purple * fix(subs): update change preview date
This commit is contained in:
Kalista Payne
GitHub
@@ -44,6 +44,10 @@ ul {
|
||||
color: $purple-200;
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: $gray-50;
|
||||
}
|
||||
|
||||
.body-text {
|
||||
font-size: 1em;
|
||||
color: $gray-10;
|
||||
|
||||
@@ -1,5 +1,10 @@
|
||||
<template>
|
||||
<div class="standard-page pt-0 px-0">
|
||||
<div
|
||||
class="announcement-banner"
|
||||
v-html="$t('subscriptionChangeAnnouncement', { linkStart })"
|
||||
>
|
||||
</div>
|
||||
<div v-if="!hasSubscription && !hasCanceledSubscription">
|
||||
<div class="row mt-3">
|
||||
<div class="block-header mx-auto">
|
||||
@@ -350,6 +355,23 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
.announcement-banner {
|
||||
color: #ffffff;
|
||||
background-color: #46A7D9;
|
||||
font-size: 14px;
|
||||
line-height: 1.71;
|
||||
text-align: center;
|
||||
padding: 12px 0px 12px;
|
||||
width: 100vw;
|
||||
|
||||
a {
|
||||
color: #ffffff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '~@/assets/scss/colors.scss';
|
||||
|
||||
@@ -689,6 +711,7 @@ export default {
|
||||
subscriberGems,
|
||||
subscriberHourglasses,
|
||||
}),
|
||||
linkStart: '<a href="/static/faq/subscription-benefits-adjustments">',
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
|
||||
111
website/client/src/components/static/subscriptionBenefitsFaq.vue
Normal file
111
website/client/src/components/static/subscriptionBenefitsFaq.vue
Normal file
@@ -0,0 +1,111 @@
|
||||
<template>
|
||||
<div
|
||||
v-once
|
||||
class="top-container mx-auto"
|
||||
>
|
||||
<div class="main-text mr-4">
|
||||
<div class="title-details">
|
||||
<h1>{{ $t('subscriptionBenefitsFaqTitle') }}</h1>
|
||||
</div>
|
||||
<div class="body-text">
|
||||
<p>{{ $t('subscriptionPara0') }}</p>
|
||||
<p>{{ $t('contentFaqPara1') }}</p>
|
||||
</div>
|
||||
<h3>{{ $t('subscriptionHeading0') }}</h3>
|
||||
<p>{{ $t('subscriptionDetail00') }}</p>
|
||||
<ul>
|
||||
<li>{{ $t('subscriptionDetail000') }}</li>
|
||||
<li>{{ $t('subscriptionDetail001') }}</li>
|
||||
<li>{{ $t('subscriptionDetail002') }}</li>
|
||||
<li>{{ $t('subscriptionDetail003') }}</li>
|
||||
</ul>
|
||||
<p>{{ $t('subscriptionDetail01') }}</p>
|
||||
<ul>
|
||||
<li>{{ $t('subscriptionDetail010') }}</li>
|
||||
<li>{{ $t('subscriptionDetail011') }}</li>
|
||||
<li>{{ $t('subscriptionDetail012') }}</li>
|
||||
</ul>
|
||||
<h3>{{ $t('subscriptionHeading1') }}</h3>
|
||||
<p>{{ $t('subscriptionDetail10') }}</p>
|
||||
<ul>
|
||||
<li>{{ $t('subscriptionDetail100') }}</li>
|
||||
<li>{{ $t('subscriptionDetail101') }}</li>
|
||||
<li>{{ $t('subscriptionDetail102') }}</li>
|
||||
</ul>
|
||||
<p>{{ $t('subscriptionDetail11') }}</p>
|
||||
<ul>
|
||||
<li>{{ $t('subscriptionDetail110') }}</li>
|
||||
</ul>
|
||||
<h3>{{ $t('subscriptionHeading2') }}</h3>
|
||||
<ul>
|
||||
<li>{{ $t('subscriptionDetail20') }}</li>
|
||||
<li>{{ $t('subscriptionDetail21') }}</li>
|
||||
<li>{{ $t('subscriptionDetail22') }}</li>
|
||||
<li>{{ $t('subscriptionDetail23') }}</li>
|
||||
<li>{{ $t('subscriptionDetail24') }}</li>
|
||||
<li>{{ $t('subscriptionDetail25') }}</li>
|
||||
</ul>
|
||||
<h3>{{ $t('subscriptionHeading3') }}</h3>
|
||||
<p>{{ $t('subscriptionPara1') }}</p>
|
||||
<ul>
|
||||
<li>{{ $t('subscriptionDetail30') }}</li>
|
||||
<li>{{ $t('subscriptionDetail31') }}</li>
|
||||
<li>{{ $t('subscriptionDetail32') }}</li>
|
||||
<li>{{ $t('subscriptionDetail33') }}</li>
|
||||
</ul>
|
||||
<h3>{{ $t('commonQuestions') }}</h3>
|
||||
<h4>{{ $t('subscriptionDetail40')}}</h4>
|
||||
<p>{{ $t('subscriptionDetail400')}}</p>
|
||||
<h4>{{ $t('subscriptionDetail41')}}</h4>
|
||||
<p>{{ $t('subscriptionDetail410')}}</p>
|
||||
<h4>{{ $t('subscriptionDetail42')}}</h4>
|
||||
<p>{{ $t('subscriptionDetail420')}}</p>
|
||||
<h4>{{ $t('subscriptionDetail43')}}</h4>
|
||||
<p>{{ $t('subscriptionDetail430')}}</p>
|
||||
<h4>{{ $t('subscriptionDetail44')}}</h4>
|
||||
<p>{{ $t('subscriptionDetail440')}}</p>
|
||||
<ul>
|
||||
<li>{{ $t('subscriptionDetail4400', { initialNumber: 25, roundedNumber: 26 }) }}</li>
|
||||
<li>{{ $t('subscriptionDetail4400', { initialNumber: 35, roundedNumber: 36 }) }}</li>
|
||||
<li>{{ $t('subscriptionDetail4400', { initialNumber: 45, roundedNumber: 46 }) }}</li>
|
||||
</ul>
|
||||
<h4>{{ $t('subscriptionDetail45')}}</h4>
|
||||
<p>{{ $t('subscriptionDetail450')}}</p>
|
||||
<p>{{ $t('subscriptionDetail451')}}</p>
|
||||
<h4>{{ $t('subscriptionDetail46')}}</h4>
|
||||
<p>{{ $t('subscriptionDetail460')}}</p>
|
||||
<h4>{{ $t('subscriptionDetail47')}}</h4>
|
||||
<p>{{ $t('subscriptionDetail470')}}</p>
|
||||
<h4>{{ $t('subscriptionDetail48')}}</h4>
|
||||
<p>{{ $t('subscriptionDetail480')}}</p>
|
||||
<p
|
||||
v-html="$t('subscriptionPara2',
|
||||
{ mailto: '<a href=mailto:admin@habitica.com>admin@habitica.com</a>'}
|
||||
)"
|
||||
></p>
|
||||
<p>{{ $t('subscriptionPara3') }}</p>
|
||||
</div>
|
||||
<faq-sidebar />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/scss/faq.scss';
|
||||
</style>
|
||||
|
||||
<script>
|
||||
import FaqSidebar from '@/components/shared/faqSidebar';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
FaqSidebar,
|
||||
},
|
||||
mounted () {
|
||||
this.$store.dispatch('common:setTitle', {
|
||||
section: this.$t('faq'),
|
||||
subSection: this.$t('subscriptionBenefitsAdjustments'),
|
||||
});
|
||||
document.body.style.background = '#ffffff';
|
||||
},
|
||||
};
|
||||
</script>
|
||||
@@ -46,10 +46,13 @@
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="col-12 d-flex "
|
||||
:class="{'justify-content-center': applyNarrowView}"
|
||||
class="col-12 d-flex"
|
||||
:class="{'justify-content-center': applyNarrowView || maxWidthView}"
|
||||
>
|
||||
<div :class="{'settings-content': applyNarrowView, 'full-width-content': !applyNarrowView}">
|
||||
<div :class="{
|
||||
'settings-content': applyNarrowView,
|
||||
'full-width-content': !applyNarrowView && !maxWidthView,
|
||||
}">
|
||||
<router-view />
|
||||
</div>
|
||||
</div>
|
||||
@@ -207,8 +210,11 @@ export default {
|
||||
if (!this.currentEvent || !this.currentEvent.promo) return 'none';
|
||||
return this.currentEvent.promo;
|
||||
},
|
||||
maxWidthView () {
|
||||
return this.$route.name === 'subscription';
|
||||
},
|
||||
applyNarrowView () {
|
||||
return !['subscription', 'transactions'].includes(this.$route.name);
|
||||
return !this.maxWidthView && this.$route.name !== 'transactions';
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
|
||||
@@ -12,6 +12,7 @@ const ContactPage = () => import(/* webpackChunkName: "static" */'@/components/s
|
||||
const FAQPage = () => import(/* webpackChunkName: "static" */'@/components/static/faq');
|
||||
const ChatSunsetFaq = () => import(/* webpackChunkName: "static" */'@/components/static/chatSunsetFaq');
|
||||
const ContentScheduleFaq = () => import(/* webpackChunkName: "static" */'@/components/static/contentScheduleFaq');
|
||||
const SubscriptionBenefitsFaq = () => import(/* webpackChunkName: "static" */'@/components/static/subscriptionBenefitsFaq');
|
||||
const FeaturesPage = () => import(/* webpackChunkName: "static" */'@/components/static/features');
|
||||
const GroupPlansPage = () => import(/* webpackChunkName: "static" */'@/components/static/groupPlans');
|
||||
// Commenting out merch page see
|
||||
@@ -48,6 +49,9 @@ export const STATIC_ROUTES = {
|
||||
{
|
||||
name: 'contentScheduleFaq', path: 'faq/content-release-changes', component: ContentScheduleFaq, meta: { requiresLogin: false },
|
||||
},
|
||||
{
|
||||
name: 'subscriptionBenefitsFaq', path: 'faq/subscription-benefits-adjustments', component: SubscriptionBenefitsFaq, meta: { requiresLogin: false },
|
||||
},
|
||||
{
|
||||
name: 'features', path: 'features', component: FeaturesPage, meta: { requiresLogin: false },
|
||||
},
|
||||
|
||||
@@ -198,7 +198,6 @@
|
||||
"contactAdmin": "Contact <a href='mailto:admin@habitica.com'>admin@habitica.com</a>",
|
||||
|
||||
"contentReleaseChanges": "Content Release Changes",
|
||||
|
||||
"contentFaqTitle": "Habitica Content Release Change FAQ",
|
||||
|
||||
"contentFaqPara0": "Habitica has so much fun and engaging content to offer, and we want everyone to be able to enjoy it all! Changes are coming to make it easier for new players to get started on their collection as well as for veteran players to complete theirs!",
|
||||
@@ -258,5 +257,67 @@
|
||||
"contentAnswer70": "Backgrounds, Quests, Pets, and Mounts available in the Time Travelers Shop will remain available all year round.",
|
||||
"contentAnswer71": "Stay tuned for further updates on planned improvements to the Time Travelers Shop experience.",
|
||||
|
||||
"contentFaqPara3": "If you have any questions not covered by the answers above, you can always contact our team at <%= mailto %>! We’re excited for this new content release schedule and looking forward to even more projects in the future to help make Habitica better for all players."
|
||||
"contentFaqPara3": "If you have any questions not covered by the answers above, you can always contact our team at <%= mailto %>! We’re excited for this new content release schedule and looking forward to even more projects in the future to help make Habitica better for all players.",
|
||||
|
||||
"subscriptionBenefitsAdjustments": "Subscriber Benefit Adjustments",
|
||||
"subscriptionBenefitsFaqTitle": "Subscriber Benefit Adjustments FAQ",
|
||||
"subscriptionPara0": "We’re making Habitica subscriptions better than ever with even more Mystic Hourglasses and Gems! These changes make it much easier to understand your subscription benefits.",
|
||||
|
||||
"subscriptionHeading0": "Changes to Mystic Hourglasses",
|
||||
"subscriptionDetail00": "All subscribers, including those with gifted subscriptions, will receive 1 Mystic Hourglass at the start of each month they have subscriber benefits.",
|
||||
"subscriptionDetail000": "Being subscribed for 12 months will earn you 12 Mystic Hourglasses instead of the previous 4.",
|
||||
"subscriptionDetail001": "All subscribers will receive Mystic Hourglasses on the same schedule, matching the release schedule of the monthly Mystery Gear Sets.",
|
||||
"subscriptionDetail002": "Subscribers will no longer need to wait until the month following their recurring payment to receive any Mystic Hourglasses.",
|
||||
"subscriptionDetail003": "All new subscribers will receive 1 Mystic Hourglass immediately after purchase. This will count as the current month’s Mystic Hourglass delivery.",
|
||||
"subscriptionDetail01": "New 12 month recurring subscriptions will get an initial one-time bonus of an extra 12 Mystic Hourglasses upon purchase.",
|
||||
"subscriptionDetail010": "This will be in addition to the one monthly Mystic Hourglass all new subscribers receive after initial purchase.",
|
||||
"subscriptionDetail011": "Current players with an active 12 month recurring subscription will receive this bonus on the day these changes go into effect.",
|
||||
"subscriptionDetail012": "This bonus does not apply to gifted subscriptions.",
|
||||
|
||||
"subscriptionHeading1": "Changes to Subscriber Gems",
|
||||
"subscriptionDetail10": "The amount of Gems subscribers can purchase with Gold in the Market will increase by 2 each month they have benefits until reaching a max of 50.",
|
||||
"subscriptionDetail100": "New 1, 3, and 6 month subscriptions will now start at 24 Gems per month and that value will increase each month they have benefits.",
|
||||
"subscriptionDetail101": "Any subscribers that currently have an odd number of Gems per month will have their Gem cap rounded up to the nearest even number.",
|
||||
"subscriptionDetail102": "New 12 month subscriptions will immediately start at the max amount of Gems per month immediately, 50 Gems instead of the previous 45.",
|
||||
"subscriptionDetail11": "The amount of Gems you can purchase each month for Gold will no longer be reset if your subscription lapses.",
|
||||
"subscriptionDetail110": "If you raise the amount of Gems you can buy each month then cancel your subscription, you can pick back up at the same amount any time in the future, even if you purchase a lower subscription tier.",
|
||||
|
||||
"subscriptionHeading2": "Why are we making these changes?",
|
||||
"subscriptionDetail20": "Under the current structure, it can be difficult to understand how many Mystic Hourglasses you would receive and when.",
|
||||
"subscriptionDetail21": "The four subscription tiers were known to cause complications when upgrading or downgrading to different tiers.",
|
||||
"subscriptionDetail22": "Gifted and recurring subscriptions had conflicting benefit experiences and rules that we wanted to simplify.",
|
||||
"subscriptionDetail23": "Giving one Mystic Hourglass per month allows subscribers to enjoy the rotating items in the Time Travelers shop.",
|
||||
"subscriptionDetail24": "We wanted subscribers to have more than four chances per year to collect items from the Time Travelers Shop.",
|
||||
"subscriptionDetail25": "We understand that finances change and we didn’t want to punish subscribers for lapsed subscriptions by taking away benefits they had earned.",
|
||||
|
||||
"subscriptionHeading3": "Release day rewards",
|
||||
"subscriptionPara1": "To help ease the transition to the new schedule, existing subscribers can expect some extra goodies on release day. We want to sincerely thank you for your continued support through this change!",
|
||||
"subscriptionDetail30": "Players with recurring 1 month subscriptions and Group Plan subscriptions will receive 2 Mystic Hourglasses and 20 Gems.",
|
||||
"subscriptionDetail31": "Players with recurring 3 or 6 month subscriptions will receive 4 Mystic Hourglasses and 20 Gems.",
|
||||
"subscriptionDetail32": "Players with recurring 12 month subscriptions will receive the 12 Mystic Hourglass bonus noted below and 20 Gems.",
|
||||
"subscriptionDetail33": "To receive these rewards, your account must have an active recurring subscription before November 19.",
|
||||
|
||||
"subscriptionDetail40": "I’m a subscriber, when will I get my first regular Mystic Hourglass and Gem cap increase from the new schedule?",
|
||||
"subscriptionDetail400": "For current subscribers, you’ll get your first Mystic Hourglass and +2 Gems added to your monthly cap on your first login of the month after release. This means if you happen to have logged in already in the month these changes go out, your first regular increase will happen in the next month.",
|
||||
"subscriptionDetail41": "Will the price of subscriptions change when this is released?",
|
||||
"subscriptionDetail410": "These changes will not affect the current price of subscriptions.",
|
||||
"subscriptionDetail42": "If I don’t log in for a month while subscribed, will I miss out on those benefits?",
|
||||
"subscriptionDetail420": "Just like Mystery Gear Sets, you will not miss out on any Mystic Hourglasses or Gem cap increases if you don’t log in while subscribed. The next time you log in, you will receive all benefits owed for each month you were subscribed.",
|
||||
"subscriptionDetail43": "If I sign up for a recurring subscription then cancel, will I still get benefits?",
|
||||
"subscriptionDetail430": "Canceling a recurring subscription will set a termination date for your benefits, but you will still have full access to all perks of a subscription before that date. That means you will still receive monthly Mystic Hourglasses and Gem cap increases at the start of each month you have access to those benefits.",
|
||||
"subscriptionDetail44": "I’m a current subscriber, how many Gems will I have available in the Market each month after the change?",
|
||||
"subscriptionDetail440": "On the day these changes go into effect, current subscribers with an odd number of Gems per month will see these adjustments to their Gem cap:",
|
||||
"subscriptionDetail4400": "If you currently have unlocked <%= initialNumber %> Gems per month, you will be set to <%= roundedNumber %>.",
|
||||
"subscriptionDetail45": "Will purchasing extra gifted subscriptions get me more Mystic Hourglasses or a higher Gem cap faster?",
|
||||
"subscriptionDetail450": "Since Mystic Hourglasses and raising the Gem cap is now a monthly benefit, purchasing multiple gifted subscriptions will not give more benefits at once.",
|
||||
"subscriptionDetail451": "Each gifted subscription will add to the amount of months a player has subscription benefits, allowing them to continue receiving more Mystic Hourglasses and increases to their Gem cap each passing month.",
|
||||
"subscriptionDetail46": "If I had a subscription in the past, can I unlock my old Gem cap if I resubscribe now?",
|
||||
"subscriptionDetail460": "Since we used to reset the amount of Gems you could buy each month when your benefits ran out, players with lapsed subscription benefits will have to start fresh under this new system.",
|
||||
"subscriptionDetail47": "I have a Group Plan subscription, how does this affect me?",
|
||||
"subscriptionDetail470": "Group Plan subscribers’ benefits will behave the same as those for a 1 month recurring subscription. You’ll receive a Mystic Hourglass at the start of each month and the amount of Gems you can purchase each month in the Market will increase by 2 until reaching 50.",
|
||||
"subscriptionDetail48": "Are there any changes to other subscription benefits, like Mystery Gear Sets?",
|
||||
"subscriptionDetail480": "These changes only affect Mystic Hourglasses and subscriber Gems. All other benefits will remain the same.",
|
||||
|
||||
"subscriptionPara2": "If you have any questions not covered by the answers above, you can always contact our team at <%= mailto %>.",
|
||||
"subscriptionPara3": "We hope this new schedule will be more predictable, allow more access to the amazing stock of items in the Time Travelers Shop, and give even more motivation to make progress on your tasks each month!"
|
||||
}
|
||||
|
||||
@@ -236,5 +236,6 @@
|
||||
"switchToRecurring": "Switch to a recurring subscription?",
|
||||
"continueGiftSubBenefits": "Want to continue your benefits? You can start a new subscription before your gifted one runs out to keep your benefits active.",
|
||||
"subscriptionCreditConversion": "Starting a new subscription will convert any remaining months to credit that will be used after the recurring subscription is canceled.",
|
||||
"monthlyGems": "Monthly Gems:"
|
||||
"monthlyGems": "Monthly Gems:",
|
||||
"subscriptionChangeAnnouncement": "<strong>Subscription benefits and the way they are sent out will be changing on November 19.</strong> <%= linkStart %>Click here</a> to read more about this change."
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user