bitwarden-estensione-browser/src/app/settings/domain-rules.component.html

73 lines
3.8 KiB
HTML
Raw Normal View History

2018-06-26 05:16:59 +02:00
<div class="page-header">
<h1>{{'domainRules' | i18n}}</h1>
</div>
<p>{{'domainRulesDesc' | i18n}}</p>
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate>
2018-06-26 17:50:23 +02:00
<h2>{{'customEqDomains' | i18n}}</h2>
<p *ngIf="loading">
2019-10-11 16:35:24 +02:00
<i class="fa fa-spinner fa-spin text-muted" title="{{'loading' | i18n}}" aria-hidden="true"></i>
<span class="sr-only">{{'loading' | i18n}}</span>
2018-06-26 17:50:23 +02:00
</p>
<ng-container *ngIf="!loading">
<div class="form-group d-flex" *ngFor="let d of custom; let i = index; trackBy: indexTrackBy">
<div class="flex-fill">
<label for="customDomain_{{i}}" class="sr-only">{{'customDomainX' | i18n : (i + 1)}}</label>
2019-02-21 22:50:37 +01:00
<textarea class="form-control" name="CustomDomain[{{i}}]" id="customDomain_{{i}}"
[(ngModel)]="custom[i]" placeholder="{{'ex' | i18n}} google.com, gmail.com" required></textarea>
2018-06-26 17:50:23 +02:00
</div>
2019-10-11 16:35:24 +02:00
<button type="button" class="btn btn-link text-danger ml-2" (click)="remove(i)"
appA11yTitle="{{'remove' | i18n}}">
<i class="fa fa-minus-circle fa-lg" aria-hidden="true"></i>
2018-06-26 17:50:23 +02:00
</button>
</div>
2018-07-18 05:21:23 +02:00
<button type="button" (click)="add()" class="btn btn-outline-secondary btn-sm mb-2">
2018-07-08 06:27:37 +02:00
<i class="fa fa-plus fa-fw"></i> {{'newCustomDomain' | i18n}}
2018-06-26 17:50:23 +02:00
</button>
<small class="text-muted d-block mb-3">{{'newCustomDomainDesc' | i18n}}</small>
</ng-container>
2018-07-18 05:15:15 +02:00
<button type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">
2019-10-11 16:35:24 +02:00
<i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true"></i>
2018-06-26 17:50:23 +02:00
<span>{{'save' | i18n}}</span>
</button>
2018-06-29 04:27:32 +02:00
<h2 class="spaced-header">{{'globalEqDomains' | i18n}}</h2>
2018-06-26 17:50:23 +02:00
<p *ngIf="loading">
2019-10-11 16:35:24 +02:00
<i class="fa fa-spinner fa-spin text-muted" title="{{'loading' | i18n}}" aria-hidden="true"></i>
<span class="sr-only">{{'loading' | i18n}}</span>
2018-06-26 17:50:23 +02:00
</p>
<table class="table table-hover table-list" *ngIf="!loading && global.length > 0">
<tbody>
<tr *ngFor="let d of global">
2018-07-06 21:45:35 +02:00
<td [ngClass]="{'table-list-strike': d.excluded}">{{d.domains}}</td>
2018-06-26 17:50:23 +02:00
<td class="table-list-options">
<div class="dropdown" appListDropdown>
2019-02-21 22:50:37 +01:00
<button class="btn btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
2018-06-26 17:50:23 +02:00
<i class="fa fa-cog fa-lg"></i>
</button>
<div class="dropdown-menu dropdown-menu-right">
2019-02-21 22:50:37 +01:00
<a class="dropdown-item" href="#" appStopClick (click)="toggleExcluded(d)"
*ngIf="!d.excluded">
2018-06-26 17:50:23 +02:00
<i class="fa fa-fw fa-close"></i>
{{'exclude' | i18n}}
</a>
2019-02-21 22:50:37 +01:00
<a class="dropdown-item" href="#" appStopClick (click)="toggleExcluded(d)"
*ngIf="d.excluded">
2018-06-26 17:50:23 +02:00
<i class="fa fa-fw fa-plus"></i>
{{'include' | i18n}}
</a>
<a class="dropdown-item" href="#" appStopClick (click)="customize(d)">
<i class="fa fa-fw fa-scissors"></i>
{{'customize' | i18n}}
</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
2018-07-18 05:15:15 +02:00
<button type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">
2019-10-11 16:35:24 +02:00
<i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true"></i>
2018-06-26 17:50:23 +02:00
<span>{{'save' | i18n}}</span>
</button>
</form>