mirror of
https://github.com/bitwarden/browser
synced 2026-01-03 09:03:32 +00:00
2ae98887b7
* [Icons] Update to new font sheet * Rebased - updated all icon remaining icon references * Temporarily Updating gitmodules branch * Fixed class reference * Revert temporary gitmodule branch * Icon updates/changes * Pull jslib m-icon-updates latest * Prettier * Update jslib to master * Reset jslib to master * Removed obsolete variable reference, replaced bolt references * Removed all instances of base class - maps create automatically * Updated toast icon references * Imported styles to reference variable/map * Reverted to using base class * Update jslib * Rename eye-2 to eye and eye-slash-2 to eye-slash * Bump jslib * Remove duplicate scss * Remove old fa * Update fallback image * Bump jslib * Rename eye-2 to eye, and eye-slash-2 to eye-slash * Fix 404 * Fix integrity of bootstrap.min.css * Fix callout missing bwi * Add bwi to change-kdf * Remove bwi from callout again * Bump jslib Co-authored-by: Hinton <oscar@oscarhinton.com>
75 lines
2.4 KiB
HTML
75 lines
2.4 KiB
HTML
<div class="page-header">
|
|
<h1>{{ "sponsoredFamilies" | i18n }}</h1>
|
|
</div>
|
|
<ng-container *ngIf="loading">
|
|
<i class="bwi bwi-spinner bwi-spin text-muted" title="{{ 'loading' | i18n }}"></i>
|
|
<span class="sr-only">{{ "loading" | i18n }}</span>
|
|
</ng-container>
|
|
<ng-container *ngIf="!loading">
|
|
<p>
|
|
{{ "sponsoredFamiliesEligible" | i18n }}
|
|
</p>
|
|
<div>
|
|
{{ "sponsoredFamiliesInclude" | i18n }}:
|
|
<ul class="inset-list">
|
|
<li>{{ "sponsoredFamiliesPremiumAccess" | i18n }}</li>
|
|
<li>{{ "sponsoredFamiliesSharedCollections" | i18n }}</li>
|
|
</ul>
|
|
</div>
|
|
<form
|
|
#form
|
|
(ngSubmit)="submit()"
|
|
[appApiAction]="formPromise"
|
|
ngNativeValidate
|
|
*ngIf="anyOrgsAvailable"
|
|
>
|
|
<div *ngIf="moreThanOneOrgAvailable" class="form-group col-7">
|
|
<label for="availableSponsorshipOrg">{{ "familiesSponsoringOrgSelect" | i18n }}</label>
|
|
<select
|
|
id="availableSponsorshipOrg"
|
|
name="Available Sponsorship Organization"
|
|
[(ngModel)]="selectedSponsorshipOrgId"
|
|
class="form-control"
|
|
required
|
|
>
|
|
<option value="">-- {{ "select" | i18n }} --</option>
|
|
<option *ngFor="let o of availableSponsorshipOrgs" [ngValue]="o.id">{{ o.name }}</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group col-7">
|
|
<label for="accountEmail">{{ "sponsoredFamiliesEmail" | i18n }}:</label>
|
|
<input
|
|
id="accountEmail"
|
|
class="form-control"
|
|
inputmode="email"
|
|
[(ngModel)]="sponsorshipEmail"
|
|
name="sponsorshipEmail"
|
|
required
|
|
/>
|
|
<button class="btn btn-primary btn-submit mt-4" type="submit" [disabled]="form.loading">
|
|
<i class="bwi bwi-spinner bwi-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
|
|
<span>{{ "redeem" | i18n }}</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
<ng-container *ngIf="anyActiveSponsorships">
|
|
<div class="border-bottom">
|
|
<table class="table table-hover table-list">
|
|
<thead>
|
|
<tr>
|
|
<th>{{ "recipient" | i18n }}</th>
|
|
<th>{{ "sponsoringOrg" | i18n }}</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<ng-container *ngFor="let o of activeSponsorshipOrgs">
|
|
<tr sponsoring-org-row [sponsoringOrg]="o" (sponsorshipRemoved)="load(true)"></tr>
|
|
</ng-container>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<small>{{ "sponsoredFamiliesLeaveCopy" | i18n }}</small>
|
|
</ng-container>
|
|
</ng-container>
|