bitwarden/web
1
0
Fork 0
mirror of https://github.com/bitwarden/web synced 2026-01-06 02:24:02 +00:00
Code Issues Releases Wiki Activity

storage for org billing & signup

Browse Source
This commit is contained in:
Kyle Spearrin
2017-07-11 10:24:46 -04:00
parent 25536e10ef
commit ea4d772dda
10 changed files with 127 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/settings/views/settingsBilling.html
View File

@@ -8,7 +8,7 @@
</div>
<div class="box-body">
<div class="row">
<div class="col-md-6">
<div class="col-md-5">
<dl>
<dt>Status</dt>
<dd style="text-transform: capitalize;">{{(subscription && subscription.status) || '-'}}</dd>
@@ -16,7 +16,7 @@
<dd>{{nextInvoice ? ((nextInvoice.date | date: format: mediumDate) + ', ' + (nextInvoice.amount | currency:'$')) : '-'}}</dd>
</dl>
</div>
<div class="col-md-6">
<div class="col-md-7">
<strong>Details</strong>
<div ng-show="loading">
Loading...
@@ -48,16 +48,20 @@
</button>
</div>
</div>
<div class="box box-default">
<div class="box box-default" ng-if="storage">
<div class="box-header with-border">
<h3 class="box-title">Storage</h3>
</div>
<div class="box-body">
<p>You membership has a total of x GB of encrypted file storage. You are currently using y GB.</p>
<p>
You membership has a total of {{storage.maxGb}} GB of encrypted file storage.
You are currently using {{storage.currentName}}.
</p>
<div class="progress" style="margin: 0;">
<div class="progress-bar progress-bar-info" role="progressbar"
aria-valuenow="0.56" aria-valuemin="0" aria-valuemax="1" style="min-width: 2em; width: 56%;">
56%
aria-valuenow="{{storage.percentage}}" aria-valuemin="0" aria-valuemax="1"
style="min-width: 50px; width: {{storage.percentage}}%;">
{{storage.percentage}}%
</div>
</div>
</div>

35
src/app/settings/views/settingsCreateOrganization.html
View File

@@ -75,6 +75,7 @@
<span>For personal users such as families &amp; friends.</span>
<span>- Add and share with up to 10 users (5 included with base price)</span>
<span>- Create unlimited collections</span>
<span>- 1 GB encrypted file storage</span>
<span>- Priority customer support</span>
<span>- 7 day free trial, cancel anytime</span>
<span class="bottom-line">
@@ -90,6 +91,7 @@
<span>For businesses and other team organizations.</span>
<span>- Add and share with unlimited users</span>
<span>- Create unlimited collections</span>
<span>- 1 GB encrypted file storage</span>
<span>- Priority customer support</span>
<span>- 7 day free trial, cancel anytime</span>
<span class="bottom-line">
@@ -105,6 +107,7 @@
<span>For businesses and other large organizations.</span>
<span>- Add and share with unlimited users</span>
<span>- Create unlimited collections</span>
<span>- 1 GB encrypted file storage</span>
<span>- Control user access with groups</span>
<span>- Sync your users and groups from a directory (AD, Azure AD, GSuite, LDAP)</span>
<span>- Priority customer support</span>
@@ -166,6 +169,27 @@
</div>
</div>
</div>
<div class="box box-default" ng-if="!plans[model.plan].noPayment">
<div class="box-header with-border">
<h3 class="box-title">Additional Storage</h3>
</div>
<div class="box-body">
<div class="form-group" show-errors style="margin: 0;">
<p>
Your plan comes with 1 GB of encrypted file storage. You can add additional
storage for {{storageGb.price | currency:"$":2}} per GB /month.
</p>
<div class="row">
<div class="col-md-4">
<label for="additionalStorage" class="sr-only">Storage</label>
<input type="number" id="additionalStorage" name="AdditionalStorageGb"
ng-model="model.additionalStorageGb" min="0" max="99" step="1" class="form-control"
placeholder="# of additional GB" api-field />
</div>
</div>
</div>
</div>
</div>
<div class="box box-default" ng-if="!plans[model.plan].noPayment">
<div class="box-header with-border">
<h3 class="box-title">Billing Summary</h3>
@@ -187,6 +211,12 @@
&times;12 mo. =
{{((model.additionalSeats || 0) * plans[model.plan].annualSeatPrice) | currency:"$":2}} /year
</span>
<span>
Additional storage:
{{model.additionalStorageGb || 0}} GB &times; {{storageGb.price | currency:"$":2}}
&times;12 mo. =
{{(model.additionalStorageGb || 0) * storageGb.yearlyPrice | currency:"$":2}} /year
</span>
</label>
</div>
<div class="radio radio-block" ng-if="model.plan !== 'personal'">
@@ -204,6 +234,11 @@
&times;{{plans[model.plan].monthlySeatPrice | currency:"$":2}} =
{{((model.additionalSeats || 0) * plans[model.plan].monthlySeatPrice) | currency:"$":2}} /month
</span>
<span>
Additional storage:
{{model.additionalStorageGb || 0}} GB &times; {{storageGb.monthlyPrice | currency:"$":2}} =
{{(model.additionalStorageGb || 0) * storageGb.monthlyPrice | currency:"$":2}} /month
</span>
</label>
</div>
</div>

4
src/app/settings/views/settingsPremium.html
View File

@@ -64,9 +64,9 @@
<h3 class="box-title">Billing Summary</h3>
</div>
<div class="box-body">
Premium Membership:
Premium membership:
{{premiumPrice | currency:"$"}}<br />
Additional Storage:
Additional storage:
{{model.additionalStorageGb || 0}} GB &times; {{storageGbPrice | currency:"$"}} =
{{(model.additionalStorageGb || 0) * storageGbPrice | currency:"$"}}
</div>