33 lines
1.4 KiB
HTML
33 lines
1.4 KiB
HTML
<ng-container *transloco="let t; read: 'manage-external-sources'">
|
|
<p>
|
|
{{t('description')}}
|
|
<a [href]="WikiLink.CustomizeExternalSource" target="_blank" rel="noopener noreferrer">{{t('help-link')}}</a>
|
|
</p>
|
|
|
|
|
|
<form class="row g-0 justify-content-between mb-3" [formGroup]="listForm">
|
|
<div class="col-9">
|
|
<label for="filter" class="form-label">{{t('filter')}}</label>
|
|
<div class="input-group">
|
|
<input id="filter" autocomplete="off" class="form-control" formControlName="filterQuery" type="text" aria-describedby="reset-input">
|
|
<button class="btn btn-outline-secondary" type="button" id="reset-input" (click)="resetFilter()">{{t('clear')}}</button>
|
|
</div>
|
|
</div>
|
|
<div class="col-2 ms-2">
|
|
<button class="btn btn-primary" style="margin-top: 30px" (click)="addNewExternalSource()">{{t('add-source')}}</button>
|
|
</div>
|
|
</form>
|
|
|
|
<ng-container *ngFor="let externalSource of externalSources | filter: filterList; let idx = index">
|
|
<app-edit-external-source-item [source]="externalSource"
|
|
(sourceUpdate)="updateSource(idx, $event)"
|
|
(sourceDelete)="deleteSource(idx, $event)"
|
|
[isViewMode]="externalSource.id !== 0"></app-edit-external-source-item>
|
|
</ng-container>
|
|
<ul>
|
|
<li class="list-group-item" *ngIf="externalSources.length === 0">
|
|
{{t('no-data')}}
|
|
</li>
|
|
</ul>
|
|
</ng-container>
|
|
|