2020-08-31 09:14:50 +02:00
|
|
|
<form #form (ngSubmit)="submit()">
|
|
|
|
<header>
|
|
|
|
<div class="left">
|
|
|
|
<a routerLink="/tabs/settings">{{ "cancel" | i18n }}</a>
|
|
|
|
</div>
|
2021-11-02 23:28:53 +01:00
|
|
|
<h1 class="center">
|
2020-08-31 09:14:50 +02:00
|
|
|
<span class="title">{{ "excludedDomains" | i18n }}</span>
|
2021-11-02 23:28:53 +01:00
|
|
|
</h1>
|
2020-08-31 09:14:50 +02:00
|
|
|
<div class="right">
|
|
|
|
<button type="submit" appBlurClick>{{ "save" | i18n }}</button>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<content>
|
|
|
|
<div class="box">
|
|
|
|
<div class="box-content">
|
|
|
|
<ng-container *ngIf="excludedDomains">
|
|
|
|
<div
|
|
|
|
class="box-content-row box-content-row-multi"
|
|
|
|
appBoxRow
|
|
|
|
*ngFor="let domain of excludedDomains; let i = index; trackBy: trackByFunction"
|
|
|
|
>
|
2021-07-31 21:03:51 +02:00
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
appStopClick
|
|
|
|
(click)="removeUri(i)"
|
|
|
|
appA11yTitle="{{ 'remove' | i18n }}"
|
|
|
|
>
|
2020-08-31 09:14:50 +02:00
|
|
|
<i class="fa fa-minus-circle fa-lg" aria-hidden="true"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
2020-08-31 09:14:50 +02:00
|
|
|
<div class="row-main">
|
|
|
|
<label for="excludedDomain{{ i }}">{{ "uriPosition" | i18n: i + 1 }}</label>
|
|
|
|
<input
|
|
|
|
id="excludedDomain{{ i }}"
|
|
|
|
name="excludedDomain{{ i }}"
|
|
|
|
type="text"
|
|
|
|
[(ngModel)]="domain.uri"
|
|
|
|
placeholder="{{ 'ex' | i18n }} https://google.com"
|
|
|
|
inputmode="url"
|
|
|
|
appInputVerbatim
|
|
|
|
/>
|
|
|
|
<label for="currentUris{{ i }}" class="sr-only">
|
|
|
|
{{ "currentUri" | i18n }} {{ i + 1 }}
|
|
|
|
</label>
|
|
|
|
<select
|
2021-07-31 21:03:51 +02:00
|
|
|
*ngIf="currentUris && currentUris.length"
|
2020-08-31 09:14:50 +02:00
|
|
|
id="currentUris{{ i }}"
|
|
|
|
name="currentUris{{ i }}"
|
|
|
|
[(ngModel)]="domain.uri"
|
|
|
|
[hidden]="!domain.showCurrentUris"
|
|
|
|
>
|
|
|
|
<option [ngValue]="null">-- {{ "select" | i18n }} --</option>
|
|
|
|
<option *ngFor="let u of currentUris" [ngValue]="u">{{ u }}</option>
|
2021-07-31 21:03:51 +02:00
|
|
|
</select>
|
2020-08-31 09:14:50 +02:00
|
|
|
</div>
|
|
|
|
<div class="action-buttons">
|
2021-12-21 15:43:35 +01:00
|
|
|
<button
|
2020-08-31 09:14:50 +02:00
|
|
|
type="button"
|
|
|
|
*ngIf="currentUris && currentUris.length"
|
2021-07-31 21:03:51 +02:00
|
|
|
class="row-btn"
|
|
|
|
appStopClick
|
2020-08-31 09:14:50 +02:00
|
|
|
appBlurClick
|
|
|
|
appA11yTitle="{{ 'toggleCurrentUris' | i18n }}"
|
|
|
|
(click)="toggleUriInput(domain)"
|
2021-12-21 15:43:35 +01:00
|
|
|
>
|
2020-08-31 09:14:50 +02:00
|
|
|
<i aria-hidden="true" class="fa fa-lg fa-list"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
2020-08-31 09:14:50 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
2021-12-21 15:43:35 +01:00
|
|
|
<button
|
2021-07-31 21:03:51 +02:00
|
|
|
type="button"
|
|
|
|
appStopClick
|
|
|
|
appBlurClick
|
|
|
|
(click)="addUri()"
|
2020-08-31 09:14:50 +02:00
|
|
|
class="box-content-row box-content-row-newmulti"
|
2021-12-21 15:43:35 +01:00
|
|
|
>
|
2020-08-31 09:14:50 +02:00
|
|
|
<i class="fa fa-plus-circle fa-fw fa-lg" aria-hidden="true"></i> {{ "newUri" | i18n }}
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2020-08-31 09:14:50 +02:00
|
|
|
<div class="box-footer">
|
|
|
|
{{ "excludedDomainsDesc" | i18n }}
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2020-08-31 09:14:50 +02:00
|
|
|
</content>
|
|
|
|
</form>
|