bitwarden/web
1
0
Fork 0
mirror of https://github.com/bitwarden/web synced 2026-01-05 18:13:41 +00:00
Code Issues Releases Wiki Activity

billing license management when self hosted

Browse Source
This commit is contained in:
Kyle Spearrin
2017-08-14 12:10:00 -04:00
parent 226c201925
commit 09a7b4ea90
6 changed files with 135 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,7 +21,19 @@
<h3 class="box-title">Premium Membership</h3>
</div>
<div class="box-body">
<div class="row">
<dl ng-if="selfHosted">
<dt>Expiration</dt>
<dd ng-if="loading">
Loading...
</dd>
<dd ng-if="!loading && expiration">
{{expiration | date: 'medium'}}
</dd>
<dd ng-if="!loading && !expiration">
Never expires
</dd>
</dl>
<div class="row" ng-if="!selfHosted">
<div class="col-md-5">
<dl>
<dt>Status</dt>
@@ -30,7 +42,7 @@
<span ng-if="subscription.markedForCancel">- marked for cancellation</span>
</dd>
<dt>Next Charge</dt>
<dd>{{nextInvoice ? ((nextInvoice.date | date: format: mediumDate) + ', ' + (nextInvoice.amount | currency:'$')) : '-'}}</dd>
<dd>{{nextInvoice ? ((nextInvoice.date | date: 'mediumDate') + ', ' + (nextInvoice.amount | currency:'$')) : '-'}}</dd>
</dl>
</div>
<div class="col-md-7">
@@ -54,7 +66,8 @@
</div>
</div>
</div>
<div class="box-footer" ng-if="!loading && subscription && (!subscription.cancelled || subscription.markedForCancel)">
<div class="box-footer" ng-if="!selfHosted && !loading && subscription &&
(!subscription.cancelled || subscription.markedForCancel)">
<button type="button" class="btn btn-default btn-flat" ng-click="cancel()"
ng-if="!subscription.cancelled && !subscription.markedForCancel">
Cancel
@@ -68,8 +81,16 @@
Download License
</button>
</div>
<div class="box-footer" ng-if="selfHosted">
<button type="button" class="btn btn-default btn-flat" ng-click="updateLicense()">
Update License
</button>
<a href="https://vault.bitwarden.com" class="btn btn-default btn-flat" target="_blank">
Manage Membership
</a>
</div>
</div>
<div class="box box-default" ng-if="storage">
<div class="box box-default" ng-if="storage && !selfHosted">
<div class="box-header with-border">
<h3 class="box-title">Storage</h3>
</div>
@@ -95,7 +116,7 @@
</button>
</div>
</div>
<div class="box box-default">
<div class="box box-default" ng-if="!selfHosted">
<div class="box-header with-border">
<h3 class="box-title">Payment Method</h3>
</div>
@@ -118,7 +139,7 @@
</button>
</div>
</div>
<div class="box box-default">
<div class="box box-default" ng-if="!selfHosted">
<div class="box-header with-border">
<h3 class="box-title">Charges</h3>
</div>
@@ -134,7 +155,7 @@
<tbody>
<tr ng-repeat="charge in charges">
<td style="width: 200px">
{{charge.date | date: format: mediumDate}}
{{charge.date | date: 'mediumDate'}}
</td>
<td style="min-width: 150px">
{{charge.paymentSource}}

30
src/app/settings/views/settingsBillingUpdateLicense.html Normal file
View File

@@ -0,0 +1,30 @@
<div class="modal-header">
<button type="button" class="close" ng-click="close()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">
<i class="fa fa-drivers-license"></i>
Update License
</h4>
</div>
<form name="form" ng-submit="form.$valid && submit(form)" api-form="submitPromise">
<div class="modal-body">
<div class="callout callout-danger validation-errors" ng-show="form.$errors">
<h4>Errors have occurred</h4>
<ul>
<li ng-repeat="e in form.$errors">{{e}}</li>
</ul>
</div>
<div class="form-group" show-error>
<label for="file" class="sr-only">License</label>
<input type="file" id="file" name="file" accept=".json" />
<p class="help-block">
Your license file will be named something like <code>bitwarden_premium_license.json</code>
</p>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary btn-flat" ng-disabled="form.$loading">
<i class="fa fa-refresh fa-spin loading-icon" ng-show="form.$loading"></i>Submit
</button>
<button type="button" class="btn btn-default btn-flat" ng-click="close()">Close</button>
</div>
</form>