mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-07 10:04:11 +00:00
CST-12455_coar-7sync Refactor after branch sync
This commit is contained in:
@@ -17,10 +17,10 @@
|
|||||||
<div class="mb-5">
|
<div class="mb-5">
|
||||||
<label for="name">{{ 'ldn-new-service.form.label.name' | translate }}</label>
|
<label for="name">{{ 'ldn-new-service.form.label.name' | translate }}</label>
|
||||||
<input [class.invalid-field]="formModel.get('name').invalid && formModel.get('name').touched"
|
<input [class.invalid-field]="formModel.get('name').invalid && formModel.get('name').touched"
|
||||||
[placeholder]="'ldn-new-service.form.placeholder.name' | translate" formControlName="name" id="name"
|
[placeholder]="'ldn-new-service.form.placeholder.name' | translate" class="form-control" formControlName="name"
|
||||||
|
id="name"
|
||||||
name="name"
|
name="name"
|
||||||
type="text"
|
type="text">
|
||||||
class="form-control">
|
|
||||||
<div *ngIf="formModel.get('name').invalid && formModel.get('name').touched" class="error-text">
|
<div *ngIf="formModel.get('name').invalid && formModel.get('name').touched" class="error-text">
|
||||||
{{ 'ldn-new-service.form.error.name' | translate }}
|
{{ 'ldn-new-service.form.error.name' | translate }}
|
||||||
</div>
|
</div>
|
||||||
@@ -30,17 +30,17 @@
|
|||||||
<div class="mb-5 mt-5 d-flex flex-column">
|
<div class="mb-5 mt-5 d-flex flex-column">
|
||||||
<label for="description">{{ 'ldn-new-service.form.label.description' | translate }}</label>
|
<label for="description">{{ 'ldn-new-service.form.label.description' | translate }}</label>
|
||||||
<textarea [placeholder]="'ldn-new-service.form.placeholder.description' | translate"
|
<textarea [placeholder]="'ldn-new-service.form.placeholder.description' | translate"
|
||||||
formControlName="description" id="description" name="description" class="form-control"></textarea>
|
class="form-control" formControlName="description" id="description" name="description"></textarea>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- In the url section -->
|
<!-- In the url section -->
|
||||||
<div class="mb-5 mt-5">
|
<div class="mb-5 mt-5">
|
||||||
<label for="url">{{ 'ldn-new-service.form.label.url' | translate }}</label>
|
<label for="url">{{ 'ldn-new-service.form.label.url' | translate }}</label>
|
||||||
<input [class.invalid-field]="formModel.get('url').invalid && formModel.get('url').touched"
|
<input [class.invalid-field]="formModel.get('url').invalid && formModel.get('url').touched"
|
||||||
[placeholder]="'ldn-new-service.form.placeholder.url' | translate" formControlName="url" id="url"
|
[placeholder]="'ldn-new-service.form.placeholder.url' | translate" class="form-control" formControlName="url"
|
||||||
|
id="url"
|
||||||
name="url"
|
name="url"
|
||||||
type="text"
|
type="text">
|
||||||
class="form-control">
|
|
||||||
<div *ngIf="formModel.get('url').invalid && formModel.get('url').touched" class="error-text">
|
<div *ngIf="formModel.get('url').invalid && formModel.get('url').touched" class="error-text">
|
||||||
{{ 'ldn-new-service.form.error.url' | translate }}
|
{{ 'ldn-new-service.form.error.url' | translate }}
|
||||||
</div>
|
</div>
|
||||||
@@ -50,11 +50,11 @@
|
|||||||
<div class="mb-5 mt-5">
|
<div class="mb-5 mt-5">
|
||||||
<label for="ldnUrl">{{ 'ldn-new-service.form.label.ldnUrl' | translate }}</label>
|
<label for="ldnUrl">{{ 'ldn-new-service.form.label.ldnUrl' | translate }}</label>
|
||||||
<input [class.invalid-field]="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched"
|
<input [class.invalid-field]="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched"
|
||||||
[placeholder]="'ldn-new-service.form.placeholder.ldnUrl' | translate" formControlName="ldnUrl"
|
[placeholder]="'ldn-new-service.form.placeholder.ldnUrl' | translate" class="form-control"
|
||||||
|
formControlName="ldnUrl"
|
||||||
id="ldnUrl"
|
id="ldnUrl"
|
||||||
name="ldnUrl"
|
name="ldnUrl"
|
||||||
type="text"
|
type="text">
|
||||||
class="form-control">
|
|
||||||
<div *ngIf="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched" class="error-text">
|
<div *ngIf="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched" class="error-text">
|
||||||
{{ 'ldn-new-service.form.error.ldnurl' | translate }}
|
{{ 'ldn-new-service.form.error.ldnurl' | translate }}
|
||||||
</div>
|
</div>
|
||||||
@@ -99,7 +99,8 @@
|
|||||||
|
|
||||||
<div class="row mb-1">
|
<div class="row mb-1">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div #inboundPatternDropdown="ngbDropdown" class="w-80" display="dynamic" id="additionalInboundPattern{{i}}"
|
<div #inboundPatternDropdown="ngbDropdown" class="w-80" display="dynamic"
|
||||||
|
id="additionalInboundPattern{{i}}"
|
||||||
ngbDropdown placement="bottom-start">
|
ngbDropdown placement="bottom-start">
|
||||||
<div class="position-relative right-addon" role="combobox">
|
<div class="position-relative right-addon" role="combobox">
|
||||||
<i aria-hidden="true" class="position-absolute scrollable-dropdown-toggle"
|
<i aria-hidden="true" class="position-absolute scrollable-dropdown-toggle"
|
||||||
@@ -114,13 +115,15 @@
|
|||||||
type="text"
|
type="text"
|
||||||
/>
|
/>
|
||||||
<!-- TODO: infinite scroll with 3 selects -->
|
<!-- TODO: infinite scroll with 3 selects -->
|
||||||
<div aria-labelledby="inboundPatternDropdownButton" ngbDropdownMenu class="dropdown-menu scrollable-dropdown-menu w-100 " >
|
<div aria-labelledby="inboundPatternDropdownButton" class="dropdown-menu scrollable-dropdown-menu w-100 "
|
||||||
|
ngbDropdownMenu>
|
||||||
<div class="scrollable-menu" role="listbox">
|
<div class="scrollable-menu" role="listbox">
|
||||||
<button (click)="selectInboundPattern(pattern, i); $event.stopPropagation()" class="dropdown-item collection-item text-truncate w-100"
|
<button (click)="selectInboundPattern(pattern, i); $event.stopPropagation()"
|
||||||
*ngFor="let pattern of inboundPatterns; let internalIndex = index"
|
*ngFor="let pattern of inboundPatterns; let internalIndex = index"
|
||||||
|
[title]="'ldn-service.form.pattern.' + pattern + '.description' | translate"
|
||||||
|
class="dropdown-item collection-item text-truncate w-100"
|
||||||
ngbDropdownItem
|
ngbDropdownItem
|
||||||
type="button"
|
type="button">
|
||||||
[title]="'ldn-service.form.pattern.' + pattern + '.description' | translate">
|
|
||||||
<div>{{ 'ldn-service.form.pattern.' + pattern + '.label' | translate }}</div>
|
<div>{{ 'ldn-service.form.pattern.' + pattern + '.label' | translate }}</div>
|
||||||
<div
|
<div
|
||||||
class="small-text">{{ 'ldn-service.form.pattern.' + pattern + '.description' | translate }}</div>
|
class="small-text">{{ 'ldn-service.form.pattern.' + pattern + '.description' | translate }}</div>
|
||||||
@@ -132,7 +135,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ng-container *ngIf="!!(formModel.get('notifyServiceInboundPatterns')['controls'][i].value.pattern)">
|
<ng-container
|
||||||
|
*ngIf="!!(formModel.get('notifyServiceInboundPatterns')['controls'][i].value.pattern)">
|
||||||
<div #inboundItemfilterDropdown="ngbDropdown" class="w-100" id="constraint{{i}}" ngbDropdown
|
<div #inboundItemfilterDropdown="ngbDropdown" class="w-100" id="constraint{{i}}" ngbDropdown
|
||||||
placement="bottom-start">
|
placement="bottom-start">
|
||||||
<div class="position-relative right-addon" role="combobox">
|
<div class="position-relative right-addon" role="combobox">
|
||||||
@@ -149,10 +153,12 @@
|
|||||||
type="text"
|
type="text"
|
||||||
/>
|
/>
|
||||||
<!-- TODO: infinite scroll with 3 selects -->
|
<!-- TODO: infinite scroll with 3 selects -->
|
||||||
<div aria-labelledby="inboundItemfilterDropdownButton" ngbDropdownMenu class="dropdown-menu scrollable-dropdown-menu w-100 " >
|
<div aria-labelledby="inboundItemfilterDropdownButton" class="dropdown-menu scrollable-dropdown-menu w-100 "
|
||||||
|
ngbDropdownMenu>
|
||||||
<div class="scrollable-menu" role="listbox">
|
<div class="scrollable-menu" role="listbox">
|
||||||
<button (click)="selectInboundItemFilter(constraint.id, i); $event.stopPropagation()" class="dropdown-item collection-item text-truncate w-100"
|
<button (click)="selectInboundItemFilter(constraint.id, i); $event.stopPropagation()"
|
||||||
*ngFor="let constraint of (itemfiltersRD$ | async)?.payload?.page; let internalIndex = index"
|
*ngFor="let constraint of (itemfiltersRD$ | async)?.payload?.page; let internalIndex = index"
|
||||||
|
class="dropdown-item collection-item text-truncate w-100"
|
||||||
ngbDropdownItem
|
ngbDropdownItem
|
||||||
type="button">
|
type="button">
|
||||||
<div>{{ constraint.id }}</div>
|
<div>{{ constraint.id }}</div>
|
||||||
@@ -185,7 +191,8 @@
|
|||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
|
||||||
<button (click)="unmarkForInboundPatternDeletion(i)" *ngIf="markedForDeletionInboundPattern.includes(i)"
|
<button (click)="unmarkForInboundPatternDeletion(i)"
|
||||||
|
*ngIf="markedForDeletionInboundPattern.includes(i)"
|
||||||
class="btn btn-warning "
|
class="btn btn-warning "
|
||||||
type="button">
|
type="button">
|
||||||
<i class="fas fa-undo"></i>
|
<i class="fas fa-undo"></i>
|
||||||
@@ -228,7 +235,8 @@
|
|||||||
<!-- Input elements in a separate row -->
|
<!-- Input elements in a separate row -->
|
||||||
<div class="row mb-1">
|
<div class="row mb-1">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div #outboundPatternDropdown="ngbDropdown" class="w-100" id="additionalOutboundPattern{{i}}" ngbDropdown
|
<div #outboundPatternDropdown="ngbDropdown" class="w-100" id="additionalOutboundPattern{{i}}"
|
||||||
|
ngbDropdown
|
||||||
placement="bottom-start">
|
placement="bottom-start">
|
||||||
<div class="position-relative right-addon" role="combobox">
|
<div class="position-relative right-addon" role="combobox">
|
||||||
<i aria-hidden="true" class="position-absolute scrollable-dropdown-toggle"
|
<i aria-hidden="true" class="position-absolute scrollable-dropdown-toggle"
|
||||||
@@ -244,13 +252,15 @@
|
|||||||
type="text"
|
type="text"
|
||||||
/>
|
/>
|
||||||
<!-- TODO: infinite scroll with 3-5 selects -->
|
<!-- TODO: infinite scroll with 3-5 selects -->
|
||||||
<div aria-labelledby="outboundPatternDropdownButton" ngbDropdownMenu class="dropdown-menu scrollable-dropdown-menu w-100 " >
|
<div aria-labelledby="outboundPatternDropdownButton" class="dropdown-menu scrollable-dropdown-menu w-100 "
|
||||||
|
ngbDropdownMenu>
|
||||||
<div class="scrollable-menu" role="listbox">
|
<div class="scrollable-menu" role="listbox">
|
||||||
<button (click)="selectOutboundPattern(pattern, i); $event.stopPropagation()" class="dropdown-item collection-item text-truncate w-100"
|
<button (click)="selectOutboundPattern(pattern, i); $event.stopPropagation()"
|
||||||
*ngFor="let pattern of outboundPatterns; let internalIndex = index"
|
*ngFor="let pattern of outboundPatterns; let internalIndex = index"
|
||||||
|
[title]="'ldn-service.form.pattern.' + pattern + '.description' | translate"
|
||||||
|
class="dropdown-item collection-item text-truncate w-100"
|
||||||
ngbDropdownItem
|
ngbDropdownItem
|
||||||
type="button"
|
type="button">
|
||||||
[title]="'ldn-service.form.pattern.' + pattern + '.description' | translate">
|
|
||||||
<div>{{ 'ldn-service.form.pattern.' + pattern + '.label' | translate }}</div>
|
<div>{{ 'ldn-service.form.pattern.' + pattern + '.label' | translate }}</div>
|
||||||
<div
|
<div
|
||||||
class="small-text">{{ 'ldn-service.form.pattern.' + pattern + '.description' | translate }}</div>
|
class="small-text">{{ 'ldn-service.form.pattern.' + pattern + '.description' | translate }}</div>
|
||||||
@@ -261,8 +271,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ng-container *ngIf="!!(formModel.get('notifyServiceOutboundPatterns')['controls'][i].value.pattern)">
|
<ng-container
|
||||||
<div #outboundItemfilterDropdown="ngbDropdown" class="w-100" id="constraint{{i}}" ngbDropdown
|
*ngIf="!!(formModel.get('notifyServiceOutboundPatterns')['controls'][i].value.pattern)">
|
||||||
|
<div #outboundItemfilterDropdown="ngbDropdown" class="w-100" id="constraint{{i}}"
|
||||||
|
ngbDropdown
|
||||||
placement="bottom-start">
|
placement="bottom-start">
|
||||||
<div class="position-relative right-addon" role="combobox">
|
<div class="position-relative right-addon" role="combobox">
|
||||||
<i aria-hidden="true" class="position-absolute scrollable-dropdown-toggle"
|
<i aria-hidden="true" class="position-absolute scrollable-dropdown-toggle"
|
||||||
@@ -278,10 +290,12 @@
|
|||||||
type="text"
|
type="text"
|
||||||
/>
|
/>
|
||||||
<!-- TODO: infinite scroll with 3 selects -->
|
<!-- TODO: infinite scroll with 3 selects -->
|
||||||
<div aria-labelledby="outboundItemfilterDropdownButton" ngbDropdownMenu class="dropdown-menu scrollable-dropdown-menu w-100 " >
|
<div aria-labelledby="outboundItemfilterDropdownButton" class="dropdown-menu scrollable-dropdown-menu w-100 "
|
||||||
|
ngbDropdownMenu>
|
||||||
<div class="scrollable-menu" role="listbox">
|
<div class="scrollable-menu" role="listbox">
|
||||||
<button (click)="selectOutboundItemFilter(constraint.id, i); $event.stopPropagation()" class="dropdown-item collection-item text-truncate w-100"
|
<button (click)="selectOutboundItemFilter(constraint.id, i); $event.stopPropagation()"
|
||||||
*ngFor="let constraint of (itemfiltersRD$ | async)?.payload?.page; let internalIndex = index"
|
*ngFor="let constraint of (itemfiltersRD$ | async)?.payload?.page; let internalIndex = index"
|
||||||
|
class="dropdown-item collection-item text-truncate w-100"
|
||||||
ngbDropdownItem
|
ngbDropdownItem
|
||||||
type="button">
|
type="button">
|
||||||
<div>{{ constraint.id }}</div>
|
<div>{{ constraint.id }}</div>
|
||||||
@@ -303,14 +317,17 @@
|
|||||||
|
|
||||||
<div class="col-sm-2">
|
<div class="col-sm-2">
|
||||||
<div class="btn-group">
|
<div class="btn-group">
|
||||||
<button (click)="markForOutboundPatternDeletion(i)" class="btn btn-outline-dark trash-button" type="button">
|
<button (click)="markForOutboundPatternDeletion(i)"
|
||||||
|
class="btn btn-outline-dark trash-button" type="button">
|
||||||
<i class="fas fa-trash"></i>
|
<i class="fas fa-trash"></i>
|
||||||
</button>
|
</button>
|
||||||
<button (click)="unmarkForOutboundPatternDeletion(i)" *ngIf="markedForDeletionOutboundPattern.includes(i)"
|
<button (click)="unmarkForOutboundPatternDeletion(i)"
|
||||||
|
*ngIf="markedForDeletionOutboundPattern.includes(i)"
|
||||||
class="btn btn-warning "
|
class="btn btn-warning "
|
||||||
type="button">
|
type="button">
|
||||||
<i class="fas fa-undo"></i>
|
<i class="fas fa-undo"></i>
|
||||||
</button></div>
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
@@ -7,10 +7,10 @@
|
|||||||
<div class="mb-5 ">
|
<div class="mb-5 ">
|
||||||
<label for="name">{{ 'ldn-new-service.form.label.name' | translate }}</label>
|
<label for="name">{{ 'ldn-new-service.form.label.name' | translate }}</label>
|
||||||
<input [class.invalid-field]="formModel.get('name').invalid && formModel.get('name').touched"
|
<input [class.invalid-field]="formModel.get('name').invalid && formModel.get('name').touched"
|
||||||
[placeholder]="'ldn-new-service.form.placeholder.name' | translate" formControlName="name" id="name"
|
[placeholder]="'ldn-new-service.form.placeholder.name' | translate" class="form-control" formControlName="name"
|
||||||
|
id="name"
|
||||||
name="name"
|
name="name"
|
||||||
type="text"
|
type="text">
|
||||||
class="form-control">
|
|
||||||
<div *ngIf="formModel.get('name').invalid && formModel.get('name').touched" class="error-text">
|
<div *ngIf="formModel.get('name').invalid && formModel.get('name').touched" class="error-text">
|
||||||
{{ 'ldn-new-service.form.error.name' | translate }}
|
{{ 'ldn-new-service.form.error.name' | translate }}
|
||||||
</div>
|
</div>
|
||||||
@@ -20,19 +20,18 @@
|
|||||||
<div class="mb-5 mt-5 d-flex flex-column">
|
<div class="mb-5 mt-5 d-flex flex-column">
|
||||||
<label for="description">{{ 'ldn-new-service.form.label.description' | translate }}</label>
|
<label for="description">{{ 'ldn-new-service.form.label.description' | translate }}</label>
|
||||||
<textarea [placeholder]="'ldn-new-service.form.placeholder.description' | translate"
|
<textarea [placeholder]="'ldn-new-service.form.placeholder.description' | translate"
|
||||||
formControlName="description" id="description" name="description" class="form-control"></textarea>
|
class="form-control" formControlName="description" id="description" name="description"></textarea>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- In the url section -->
|
<!-- In the url section -->
|
||||||
<div class="mb-5 mt-5">
|
<div class="mb-5 mt-5">
|
||||||
<label for="url">{{ 'ldn-new-service.form.label.url' | translate }}</label>
|
<label for="url">{{ 'ldn-new-service.form.label.url' | translate }}</label>
|
||||||
<input [class.invalid-field]="formModel.get('url').invalid && formModel.get('url').touched"
|
<input [class.invalid-field]="formModel.get('url').invalid && formModel.get('url').touched"
|
||||||
[placeholder]="'ldn-new-service.form.placeholder.url' | translate" formControlName="url" id="url"
|
[placeholder]="'ldn-new-service.form.placeholder.url' | translate" class="form-control" formControlName="url"
|
||||||
|
id="url"
|
||||||
name="url"
|
name="url"
|
||||||
type="text"
|
type="text">
|
||||||
class="form-control">
|
|
||||||
<div *ngIf="formModel.get('url').invalid && formModel.get('url').touched" class="error-text">
|
<div *ngIf="formModel.get('url').invalid && formModel.get('url').touched" class="error-text">
|
||||||
{{ 'ldn-new-service.form.error.url' | translate }}
|
{{ 'ldn-new-service.form.error.url' | translate }}
|
||||||
</div>
|
</div>
|
||||||
@@ -43,11 +42,11 @@
|
|||||||
<div class="mb-5 mt-5">
|
<div class="mb-5 mt-5">
|
||||||
<label for="ldnUrl">{{ 'ldn-new-service.form.label.ldnUrl' | translate }}</label>
|
<label for="ldnUrl">{{ 'ldn-new-service.form.label.ldnUrl' | translate }}</label>
|
||||||
<input [class.invalid-field]="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched"
|
<input [class.invalid-field]="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched"
|
||||||
[placeholder]="'ldn-new-service.form.placeholder.ldnUrl' | translate" formControlName="ldnUrl"
|
[placeholder]="'ldn-new-service.form.placeholder.ldnUrl' | translate" class="form-control"
|
||||||
|
formControlName="ldnUrl"
|
||||||
id="ldnUrl"
|
id="ldnUrl"
|
||||||
name="ldnUrl"
|
name="ldnUrl"
|
||||||
type="text"
|
type="text">
|
||||||
class="form-control">
|
|
||||||
<div *ngIf="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched" class="error-text">
|
<div *ngIf="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched" class="error-text">
|
||||||
{{ 'ldn-new-service.form.error.ldnurl' | translate }}
|
{{ 'ldn-new-service.form.error.ldnurl' | translate }}
|
||||||
</div>
|
</div>
|
||||||
@@ -103,7 +102,8 @@
|
|||||||
|
|
||||||
|
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ng-container *ngIf="!!(formModel.get('notifyServiceInboundPatterns')['controls'][i].value.pattern)">
|
<ng-container
|
||||||
|
*ngIf="!!(formModel.get('notifyServiceInboundPatterns')['controls'][i].value.pattern)">
|
||||||
<div #inboundItemfilterDropdown="ngbDropdown" class="w-100" id="constraint{{i}}" ngbDropdown
|
<div #inboundItemfilterDropdown="ngbDropdown" class="w-100" id="constraint{{i}}" ngbDropdown
|
||||||
placement="bottom-start">
|
placement="bottom-start">
|
||||||
<div class="position-relative right-addon" role="combobox">
|
<div class="position-relative right-addon" role="combobox">
|
||||||
@@ -120,10 +120,12 @@
|
|||||||
type="text"
|
type="text"
|
||||||
/>
|
/>
|
||||||
<!-- TODO: infinite scroll with 3 selects -->
|
<!-- TODO: infinite scroll with 3 selects -->
|
||||||
<div aria-labelledby="inboundItemfilterDropdownButton" ngbDropdownMenu class="dropdown-menu scrollable-dropdown-menu w-100 " >
|
<div aria-labelledby="inboundItemfilterDropdownButton" class="dropdown-menu scrollable-dropdown-menu w-100 "
|
||||||
|
ngbDropdownMenu>
|
||||||
<div class="scrollable-menu" role="listbox">
|
<div class="scrollable-menu" role="listbox">
|
||||||
<button (click)="selectInboundItemFilter(constraint.id, i); $event.stopPropagation() " class="dropdown-item collection-item text-truncate w-100"
|
<button (click)="selectInboundItemFilter(constraint.id, i); $event.stopPropagation() "
|
||||||
*ngFor="let constraint of (itemfiltersRD$ | async)?.payload?.page; let internalIndex = index"
|
*ngFor="let constraint of (itemfiltersRD$ | async)?.payload?.page; let internalIndex = index"
|
||||||
|
class="dropdown-item collection-item text-truncate w-100"
|
||||||
ngbDropdownItem
|
ngbDropdownItem
|
||||||
type="button">
|
type="button">
|
||||||
<div>{{ constraint.id }}</div>
|
<div>{{ constraint.id }}</div>
|
||||||
@@ -161,8 +163,6 @@
|
|||||||
class="add-pattern-link mb-4">{{ 'ldn-new-service.form.label.addPattern' | translate }}</span>
|
class="add-pattern-link mb-4">{{ 'ldn-new-service.form.label.addPattern' | translate }}</span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- In the Outbound Patterns section -->
|
<!-- In the Outbound Patterns section -->
|
||||||
<div class="rowmb-1 mt-5">
|
<div class="rowmb-1 mt-5">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
@@ -190,7 +190,8 @@
|
|||||||
<!-- Input elements in a separate row -->
|
<!-- Input elements in a separate row -->
|
||||||
<div class="row mb-1">
|
<div class="row mb-1">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div #outboundPatternDropdown="ngbDropdown" class="w-100" id="additionalOutboundPattern{{i}}" ngbDropdown
|
<div #outboundPatternDropdown="ngbDropdown" class="w-100" id="additionalOutboundPattern{{i}}"
|
||||||
|
ngbDropdown
|
||||||
placement="bottom-start">
|
placement="bottom-start">
|
||||||
<div class="position-relative right-addon" role="combobox">
|
<div class="position-relative right-addon" role="combobox">
|
||||||
<i aria-hidden="true" class="position-absolute scrollable-dropdown-toggle"
|
<i aria-hidden="true" class="position-absolute scrollable-dropdown-toggle"
|
||||||
@@ -206,12 +207,14 @@
|
|||||||
type="text"
|
type="text"
|
||||||
/>
|
/>
|
||||||
<!-- TODO: infinite scroll with 3 selects -->
|
<!-- TODO: infinite scroll with 3 selects -->
|
||||||
<div aria-labelledby="outboundPatternDropdownButton" ngbDropdownMenu class="dropdown-menu scrollable-dropdown-menu w-100 " >
|
<div aria-labelledby="outboundPatternDropdownButton" class="dropdown-menu scrollable-dropdown-menu w-100 "
|
||||||
|
ngbDropdownMenu>
|
||||||
<div class="scrollable-menu" role="listbox">
|
<div class="scrollable-menu" role="listbox">
|
||||||
<button (click)="selectOutboundPattern(pattern, i); $event.stopPropagation()" class="dropdown-item collection-item text-truncate w-100"
|
<button (click)="selectOutboundPattern(pattern, i); $event.stopPropagation()"
|
||||||
*ngFor="let pattern of outboundPatterns" ngbDropdownItem
|
*ngFor="let pattern of outboundPatterns"
|
||||||
type="button"
|
[title]="'ldn-service.form.pattern.' + pattern + '.description' | translate" class="dropdown-item collection-item text-truncate w-100"
|
||||||
[title]="'ldn-service.form.pattern.' + pattern + '.description' | translate">
|
ngbDropdownItem
|
||||||
|
type="button">
|
||||||
<div>{{ 'ldn-service.form.pattern.' + pattern + '.label' | translate }}</div>
|
<div>{{ 'ldn-service.form.pattern.' + pattern + '.label' | translate }}</div>
|
||||||
<div
|
<div
|
||||||
class="small-text">{{ 'ldn-service.form.pattern.' + pattern + '.description' | translate }}</div>
|
class="small-text">{{ 'ldn-service.form.pattern.' + pattern + '.description' | translate }}</div>
|
||||||
@@ -223,8 +226,10 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ng-container *ngIf="!!(formModel.get('notifyServiceOutboundPatterns')['controls'][i].value.pattern)">
|
<ng-container
|
||||||
<div #outboundItemfilterDropdown="ngbDropdown" class="w-100" id="constraint{{i}}" ngbDropdown
|
*ngIf="!!(formModel.get('notifyServiceOutboundPatterns')['controls'][i].value.pattern)">
|
||||||
|
<div #outboundItemfilterDropdown="ngbDropdown" class="w-100" id="constraint{{i}}"
|
||||||
|
ngbDropdown
|
||||||
placement="bottom-start">
|
placement="bottom-start">
|
||||||
<div class="position-relative right-addon" role="combobox">
|
<div class="position-relative right-addon" role="combobox">
|
||||||
<i aria-hidden="true" class="position-absolute scrollable-dropdown-toggle"
|
<i aria-hidden="true" class="position-absolute scrollable-dropdown-toggle"
|
||||||
@@ -240,10 +245,12 @@
|
|||||||
type="text"
|
type="text"
|
||||||
/>
|
/>
|
||||||
<!-- TODO: infinite scroll with 3 selects -->
|
<!-- TODO: infinite scroll with 3 selects -->
|
||||||
<div aria-labelledby="outboundItemfilterDropdownButton" ngbDropdownMenu class="dropdown-menu scrollable-dropdown-menu w-100 " >
|
<div aria-labelledby="outboundItemfilterDropdownButton" class="dropdown-menu scrollable-dropdown-menu w-100 "
|
||||||
|
ngbDropdownMenu>
|
||||||
<div class="scrollable-menu" role="listbox">
|
<div class="scrollable-menu" role="listbox">
|
||||||
<button (click)="selectOutboundItemFilter(constraint.id, i); $event.stopPropagation()" class="dropdown-item collection-item text-truncate w-100"
|
<button (click)="selectOutboundItemFilter(constraint.id, i); $event.stopPropagation()"
|
||||||
*ngFor="let constraint of (itemfiltersRD$ | async)?.payload?.page; let internalIndex = index"
|
*ngFor="let constraint of (itemfiltersRD$ | async)?.payload?.page; let internalIndex = index"
|
||||||
|
class="dropdown-item collection-item text-truncate w-100"
|
||||||
ngbDropdownItem
|
ngbDropdownItem
|
||||||
type="button">
|
type="button">
|
||||||
<div>{{ constraint.id }}</div>
|
<div>{{ constraint.id }}</div>
|
||||||
|
@@ -62,10 +62,10 @@ export class LdnServiceFormComponent implements OnInit {
|
|||||||
selectedInboundPatterns: string[];
|
selectedInboundPatterns: string[];
|
||||||
selectedInboundItemfilters: string[];
|
selectedInboundItemfilters: string[];
|
||||||
selectedOutboundItemfilters: string[];
|
selectedOutboundItemfilters: string[];
|
||||||
private modalRef: any;
|
|
||||||
hasInboundPattern: boolean;
|
hasInboundPattern: boolean;
|
||||||
hasOutboundPattern: boolean;
|
hasOutboundPattern: boolean;
|
||||||
isScoreValid: boolean;
|
isScoreValid: boolean;
|
||||||
|
private modalRef: any;
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
private ldnServicesService: LdnServicesService,
|
private ldnServicesService: LdnServicesService,
|
||||||
@@ -119,8 +119,10 @@ export class LdnServiceFormComponent implements OnInit {
|
|||||||
|
|
||||||
createService() {
|
createService() {
|
||||||
this.formModel.get('name').markAsTouched();
|
this.formModel.get('name').markAsTouched();
|
||||||
this.formModel.get('score').markAsTouched();this.formModel.get('url').markAsTouched();
|
this.formModel.get('score').markAsTouched();
|
||||||
this.formModel.get('ldnUrl').markAsTouched();this.formModel.get('notifyServiceInboundPatterns').markAsTouched();
|
this.formModel.get('url').markAsTouched();
|
||||||
|
this.formModel.get('ldnUrl').markAsTouched();
|
||||||
|
this.formModel.get('notifyServiceInboundPatterns').markAsTouched();
|
||||||
this.formModel.get('notifyServiceOutboundPatterns').markAsTouched();
|
this.formModel.get('notifyServiceOutboundPatterns').markAsTouched();
|
||||||
|
|
||||||
const name = this.formModel.get('name').value;
|
const name = this.formModel.get('name').value;
|
||||||
@@ -172,6 +174,7 @@ export class LdnServiceFormComponent implements OnInit {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
checkPatterns(formArray: FormArray): boolean {
|
checkPatterns(formArray: FormArray): boolean {
|
||||||
for (let i = 0; i < formArray.length; i++) {
|
for (let i = 0; i < formArray.length; i++) {
|
||||||
const pattern = formArray.at(i).get('pattern').value;
|
const pattern = formArray.at(i).get('pattern').value;
|
||||||
|
Reference in New Issue
Block a user