Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New pricing plans #528

Merged
merged 7 commits into from
Nov 6, 2023
Merged

New pricing plans #528

Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
7e8dee2
new plans
ianopolous Sep 14, 2023
9481388
switch to decimal storage sizes
ianopolous Nov 1, 2023
e80caf8
change more 1024s to 1000 in space units
ianopolous Nov 3, 2023
b34a61f
update paid signup page
ianopolous Nov 3, 2023
2d6406d
fix account plans page
ianopolous Nov 4, 2023
20b2ce9
fix prorata text for trailblazer
ianopolous Nov 4, 2023
1170729
Fix Account modal that was off screen and unscrollable
ianopolous Nov 4, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
71 changes: 61 additions & 10 deletions src/components/modal/ModalPro.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,20 +12,38 @@
<div class="card__meta options">
<h3>Pro Account</h3>
<ul>
<li>50 GB of hyper secure storage</li>
<li>100 GB of hyper secure storage</li>
<li>All our bundled private applications</li>
<li>&#x00A3;5 / month</li>
</ul>
<AppButton @click.native="updateCard(53687091200)" :disabled="isPro" type="primary" block accent>{{proButtonText}}</AppButton>
<AppButton @click.native="updateCard(100000000000)" :disabled="isPro" type="primary" block accent>{{proButtonText}}</AppButton>
</div>
<div class="card__meta options">
<h3>Visionary Account</h3>
<ul>
<li>500 GB of hyper secure storage</li>
<li>All our bundled private applications</li>
<li>&#x00A3;25 / month {{ prorataText }}</li>
<li>&#x00A3;10 / month {{ prorataTextVisionary }}</li>
</ul>
<AppButton @click.native="updateCard(536870912000)" :disabled="isVisionary" type="primary" block accent>{{visionaryButtonText}}</AppButton>
<AppButton @click.native="updateCard(500000000000)" :disabled="isVisionary" type="primary" block accent>{{visionaryButtonText}}</AppButton>
</div>
<div class="card__meta options">
<h3>Pioneer Account</h3>
<ul>
<li>2000 GB of hyper secure storage</li>
<li>All our bundled private applications</li>
<li>&#x00A3;25 / month {{ prorataTextPioneer }}</li>
</ul>
<AppButton @click.native="updateCard(2000000000000)" :disabled="isPioneer" type="primary" block accent>{{pioneerButtonText}}</AppButton>
</div>
<div class="card__meta options">
<h3>Trailblazer Account</h3>
<ul>
<li>4000 GB of hyper secure storage</li>
<li>All our bundled private applications</li>
<li>&#x00A3;40 / month {{ prorataTextTrailblazer }}</li>
</ul>
<AppButton @click.native="updateCard(4000000000000)" :disabled="isTrailblazer" type="primary" block accent>{{trailblazerButtonText}}</AppButton>
</div>
</div>

Expand Down Expand Up @@ -54,8 +72,10 @@ module.exports = {
return {
unit:"GiB",
space:"",
proMb: 50*1024,
visionaryMb: 500*1024,
proMb: 100*1000,
visionaryMb: 500*1000,
pioneerMb: 2000*1000,
trailblazerMb: 4000*1000,
gettingCard: false,
paymentUrl:null,
showCard:false,
Expand Down Expand Up @@ -85,10 +105,31 @@ module.exports = {
return this.quotaBytes/(1024*1024) > this.paymentProperties.freeMb() && this.paymentProperties.desiredMb() == this.visionaryMb;
ianopolous marked this conversation as resolved.
Show resolved Hide resolved
},

prorataText() {
if (!this.isPro)
return "";
return " (pro rata for this month)";
isPioneer() {
return this.quotaBytes/(1024*1024) > this.paymentProperties.freeMb() && this.paymentProperties.desiredMb() == this.pioneerMb;
},

isTrailBlazer() {
return this.quotaBytes/(1024*1024) > this.paymentProperties.freeMb() && this.paymentProperties.desiredMb() == this.trailblazerMb;
},

prorataTextVisionary() {
if (this.isPro())
return " (pro rata for this month)";
else
return ""
},
prorataTextPioneer() {
if (this.isPro() || this.isVisionary())
return " (pro rata for this month)";
else
return ""
},
prorataTextTrailBlazer() {
if (this.isPro() || this.isVisionary() || this.isPioneer())
return " (pro rata for this month)";
else
return ""
},
upgradeTitle(){
return (this.isPaid)
Expand All @@ -104,6 +145,16 @@ module.exports = {
return (this.isVisionary)
? 'Your Current Plan'
: 'Select Visionary (opens new tab)'
},
pioneerButtonText(){
return (this.isPioneer)
? 'Your Current Plan'
: 'Select Pioneer (opens new tab)'
},
trailblazerButtonText(){
return (this.isTrailBlazer)
? 'Your Current Plan'
: 'Select Trailblazer (opens new tab)'
}
},

Expand Down
Loading