mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-07 10:04:11 +00:00
CST-12179 Removed comments
This commit is contained in:
Mattia Vianelli
@@ -1,310 +1,271 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<form (ngSubmit)="onSubmit()" [formGroup]="formModel">
|
<form (ngSubmit)="onSubmit()" [formGroup]="formModel">
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
<h2 class="flex-grow-1">{{ 'ldn-edit-registered-service.title' | translate }}</h2>
|
<h2 class="flex-grow-1">{{ 'ldn-edit-registered-service.title' | translate }}</h2>
|
||||||
</div>
|
</div>
|
||||||
<!-- In the toggle section -->
|
<!-- In the toggle section -->
|
||||||
<div class="toggle-switch-container">
|
<div class="toggle-switch-container">
|
||||||
<label class="status-label" for="enabled">{{ 'ldn-service-status' | translate }}</label>
|
<label class="status-label" for="enabled">{{ 'ldn-service-status' | translate }}</label>
|
||||||
<div>
|
<div>
|
||||||
<input formControlName="enabled" hidden id="enabled" name="enabled" type="checkbox">
|
<input formControlName="enabled" hidden id="enabled" name="enabled" type="checkbox">
|
||||||
<div (click)="toggleEnabled()" [class.checked]="formModel.get('enabled').value" class="toggle-switch">
|
<div (click)="toggleEnabled()" [class.checked]="formModel.get('enabled').value" class="toggle-switch">
|
||||||
<div class="slider"></div>
|
<div class="slider"></div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="mb-2">
|
<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" formControlName="name" id="name"
|
||||||
name="name"
|
name="name"
|
||||||
type="text">
|
type="text">
|
||||||
<div *ngIf="formModel.get('name').invalid && formModel.get('name').touched" class="error-text">
|
</div>
|
||||||
{{ 'ldn-new-service.form.error.name' | translate }}
|
|
||||||
|
<!-- In the description section -->
|
||||||
|
<div class="mb-5 mt-5 d-flex flex-column">
|
||||||
|
<label for="description">{{ 'ldn-new-service.form.label.description' | translate }}</label>
|
||||||
|
<textarea [placeholder]="'ldn-new-service.form.placeholder.description' | translate"
|
||||||
|
formControlName="description" id="description" name="description"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- In the url section -->
|
||||||
|
<div class="mb-5 mt-5">
|
||||||
|
<label for="url">{{ 'ldn-new-service.form.label.url' | translate }}</label>
|
||||||
|
<input [class.invalid-field]="formModel.get('url').invalid && formModel.get('url').touched"
|
||||||
|
[placeholder]="'ldn-new-service.form.placeholder.url' | translate" formControlName="url" id="url"
|
||||||
|
name="url"
|
||||||
|
type="text">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- In the ldnUrl section -->
|
||||||
|
<div class="mb-5 mt-5">
|
||||||
|
<label for="ldnUrl">{{ 'ldn-new-service.form.label.ldnUrl' | translate }}</label>
|
||||||
|
<input [class.invalid-field]="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched"
|
||||||
|
[placeholder]="'ldn-new-service.form.placeholder.ldnUrl' | translate" formControlName="ldnUrl"
|
||||||
|
id="ldnUrl"
|
||||||
|
name="ldnUrl"
|
||||||
|
type="text">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="row mb-1 mt-5">
|
||||||
|
<div class="col">
|
||||||
|
<label>{{ 'ldn-new-service.form.label.inboundPattern' | translate }} </label>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<label class="label-box">{{ 'ldn-new-service.form.label.ItemFilter' | translate }}</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm1 ">
|
||||||
|
<label class="label-box-2">{{ 'ldn-new-service.form.label.automatic' | translate }}</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-2">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div *ngFor="let patternGroup of formModel.get('notifyServiceInboundPatterns')['controls']; let i = index"
|
||||||
|
[class.marked-for-deletion]="markedForDeletionInboundPattern.includes(i)"
|
||||||
|
formGroupName="notifyServiceInboundPatterns">
|
||||||
|
|
||||||
|
<ng-container [formGroupName]="i">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="row mb-1">
|
||||||
|
<div class="col">
|
||||||
|
<select #inboundPattern formControlName="pattern" id="additionalInboundPattern{{i}}"
|
||||||
|
name="additionalInboundPattern{{i}}" required>
|
||||||
|
<option value="">{{ 'ldn-new-service.form.label.placeholder.inboundPattern' | translate }}</option>
|
||||||
|
<option *ngFor="let pattern of inboundPatterns"
|
||||||
|
[value]="pattern">{{ 'ldn-service.form.pattern.' + pattern + '.label' | translate }} </option>
|
||||||
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- In the description section -->
|
|
||||||
<div class="mb-2 d-flex flex-column">
|
|
||||||
<label for="description">{{ 'ldn-new-service.form.label.description' | translate }}</label>
|
|
||||||
<textarea [placeholder]="'ldn-new-service.form.placeholder.description' | translate"
|
|
||||||
formControlName="description" id="description" name="description"></textarea>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- In the url section -->
|
|
||||||
<div class="mb-2">
|
|
||||||
<label for="url">{{ 'ldn-new-service.form.label.url' | translate }}</label>
|
|
||||||
<input [class.invalid-field]="formModel.get('url').invalid && formModel.get('url').touched"
|
|
||||||
[placeholder]="'ldn-new-service.form.placeholder.url' | translate" formControlName="url" id="url"
|
|
||||||
name="url"
|
|
||||||
type="text">
|
|
||||||
<div *ngIf="formModel.get('url').invalid && formModel.get('url').touched" class="error-text">
|
|
||||||
{{ 'ldn-new-service.form.error.url' | translate }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- In the ldnUrl section -->
|
|
||||||
<div class="mb-2">
|
|
||||||
<label for="ldnUrl">{{ 'ldn-new-service.form.label.ldnUrl' | translate }}</label>
|
|
||||||
<input [class.invalid-field]="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched"
|
|
||||||
[placeholder]="'ldn-new-service.form.placeholder.ldnUrl' | translate" formControlName="ldnUrl"
|
|
||||||
id="ldnUrl"
|
|
||||||
name="ldnUrl"
|
|
||||||
type="text">
|
|
||||||
<div *ngIf="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched" class="error-text">
|
|
||||||
{{ 'ldn-new-service.form.error.ldnurl' | translate }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- In the score section -->
|
|
||||||
<div class="mb-2">
|
|
||||||
<label for="score">{{ 'ldn-new-service.form.label.score' | translate }}</label>
|
|
||||||
<input [class.invalid-field]="formModel.get('score').invalid && formModel.get('score').touched"
|
|
||||||
[placeholder]="'ldn-new-service.form.placeholder.score' | translate" formControlName="score"
|
|
||||||
id="score"
|
|
||||||
name="score"
|
|
||||||
type="text">
|
|
||||||
<div *ngIf="formModel.get('score').invalid && formModel.get('score').touched" class="error-text">
|
|
||||||
{{ 'ldn-new-service.form.error.score' | translate }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<label>{{ 'ldn-new-service.form.label.inboundPattern' | translate }} </label>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<label class="label-box">{{ 'ldn-new-service.form.label.ItemFilter' | translate }}</label>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm1 ">
|
|
||||||
<label class="label-box-2">{{ 'ldn-new-service.form.label.automatic' | translate }}</label>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-1">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div *ngFor="let patternGroup of formModel.get('notifyServiceInboundPatterns')['controls']; let i = index"
|
|
||||||
formGroupName="notifyServiceInboundPatterns" [class.marked-for-deletion]="markedForDeletionInboundPattern.includes(i)">
|
|
||||||
|
|
||||||
<ng-container [formGroupName]="i">
|
|
||||||
|
|
||||||
|
|
||||||
<div class="row mb-1">
|
|
||||||
<div class="col">
|
|
||||||
<select #inboundPattern formControlName="pattern" id="additionalInboundPattern{{i}}"
|
|
||||||
name="additionalInboundPattern{{i}}" required>
|
|
||||||
<option value="">{{ 'ldn-new-service.form.label.placeholder.inboundPattern' | translate }}</option>
|
|
||||||
<option *ngFor="let pattern of inboundPatterns"
|
|
||||||
[ngValue]="pattern.name">{{ pattern.name }}</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col">
|
|
||||||
<ng-container *ngIf="inboundPattern.value">
|
|
||||||
<select formControlName="constraint" id="constraint{{i}}" name="constraint{{i}}">
|
|
||||||
<option value="">{{ 'ldn-new-service.form.label.placeholder.selectedItemFilter' | translate }}</option>
|
|
||||||
<option *ngFor="let itemFilter of (itemfiltersRD$ | async)?.payload?.page"
|
|
||||||
[value]="itemFilter.id">{{ itemFilter.id }}</option>
|
|
||||||
</select>
|
|
||||||
</ng-container>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div [style.visibility]="inboundPattern.value ? 'visible' : 'hidden'" class="col-sm1">
|
|
||||||
<input formControlName="automatic" hidden id="automatic{{i}}" name="automatic{{i}}"
|
|
||||||
type="checkbox">
|
|
||||||
<div (click)="toggleAutomatic(i)"
|
|
||||||
[class.checked]="formModel.get('notifyServiceInboundPatterns.' + i + '.automatic').value"
|
|
||||||
class="toggle-switch">
|
|
||||||
<div class="slider"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-sm-2">
|
|
||||||
<button (click)="markForInboundPatternDeletion(i)" class="btn btn-outline-dark"
|
|
||||||
type="button">
|
|
||||||
<i class="fas fa-trash"></i>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
|
|
||||||
<button (click)="unmarkForInboundPatternDeletion(i)" *ngIf="markedForDeletionInboundPattern.includes(i)" class="btn btn-warning ml-2"
|
|
||||||
type="button">
|
|
||||||
<i class="fas fa-undo"></i>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<div class="col">
|
||||||
|
<ng-container *ngIf="inboundPattern.value">
|
||||||
|
<select formControlName="constraint" id="constraint{{i}}" name="constraint{{i}}">
|
||||||
|
<option value="">{{ 'ldn-new-service.form.label.placeholder.selectedItemFilter' | translate }}</option>
|
||||||
|
<option *ngFor="let itemFilter of (itemfiltersRD$ | async)?.payload?.page"
|
||||||
|
[value]="itemFilter.id">{{ itemFilter.id }}</option>
|
||||||
|
</select>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div [style.visibility]="inboundPattern.value ? 'visible' : 'hidden'" class="col-sm1">
|
||||||
|
<input formControlName="automatic" hidden id="automatic{{i}}" name="automatic{{i}}"
|
||||||
|
type="checkbox">
|
||||||
|
<div (click)="toggleAutomatic(i)"
|
||||||
|
[class.checked]="formModel.get('notifyServiceInboundPatterns.' + i + '.automatic').value"
|
||||||
|
class="toggle-switch">
|
||||||
|
<div class="slider"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-sm-2">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button (click)="markForInboundPatternDeletion(i)" class="btn btn-outline-dark trash-button"
|
||||||
|
type="button">
|
||||||
|
<i class="fas fa-trash"></i>
|
||||||
|
</button>
|
||||||
|
<button (click)="unmarkForInboundPatternDeletion(i)" *ngIf="markedForDeletionInboundPattern.includes(i)"
|
||||||
|
class="btn btn-warning"
|
||||||
|
type="button">
|
||||||
|
<i class="fas fa-undo"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</ng-container>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<span (click)="addInboundPattern()"
|
<span (click)="addInboundPattern()"
|
||||||
class="add-pattern-link mb-2">{{ 'ldn-new-service.form.label.addPattern' | translate }}</span>
|
class="add-pattern-link mb-2">{{ 'ldn-new-service.form.label.addPattern' | translate }}</span>
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row mb-1 mt-5">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<label>{{ 'ldn-new-service.form.label.outboundPattern' | translate }}</label>
|
<label>{{ 'ldn-new-service.form.label.outboundPattern' | translate }} </label>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<label class="label-box-3">{{ 'ldn-new-service.form.label.ItemFilter' | translate }}</label>
|
<label class="label-box">{{ 'ldn-new-service.form.label.ItemFilter' | translate }}</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-1 ">
|
<div class="col-sm1 ">
|
||||||
<label class="label-box-2"></label>
|
<label class="label-box-2" style="visibility: hidden;">
|
||||||
</div>
|
{{ 'ldn-new-service.form.label.automatic' | translate }}
|
||||||
<div class="col-sm-1 ">
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-sm-2">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div *ngFor="let patternGroup of formModel.get('notifyServiceOutboundPatterns')['controls']; let i = index"
|
<div *ngFor="let patternGroup of formModel.get('notifyServiceOutboundPatterns')['controls']; let i = index"
|
||||||
formGroupName="notifyServiceOutboundPatterns" [class.marked-for-deletion]="markedForDeletionOutboundPattern.includes(i)">
|
[class.marked-for-deletion]="markedForDeletionOutboundPattern.includes(i)"
|
||||||
|
formGroupName="notifyServiceOutboundPatterns">
|
||||||
|
|
||||||
<ng-container [formGroupName]="i">
|
<ng-container [formGroupName]="i">
|
||||||
|
|
||||||
<!-- 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">
|
||||||
<select #outboundPattern formControlName="pattern" id="additionalOutboundPattern{{i}}"
|
<select #outboundPattern formControlName="pattern" id="additionalOutboundPattern{{i}}"
|
||||||
name="additionalOutboundPattern{{i}}"
|
name="additionalOutboundPattern{{i}}"
|
||||||
required>
|
required>
|
||||||
<option value="">{{ 'ldn-new-service.form.label.placeholder.outboundPattern' | translate }}</option>
|
<option value="">{{ 'ldn-new-service.form.label.placeholder.outboundPattern' | translate }}</option>
|
||||||
<option *ngFor="let pattern of outboundPatterns"
|
<option *ngFor="let pattern of outboundPatterns"
|
||||||
[ngValue]="pattern.name">{{ pattern.name }}</option>
|
[value]="pattern">{{ 'ldn-service.form.pattern.' + pattern + '.label' | translate }} </option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ng-container *ngIf="outboundPattern.value">
|
<ng-container *ngIf="outboundPattern.value">
|
||||||
<select formControlName="constraint" id="constraint{{i}}" name="constraint{{i}}">
|
<select formControlName="constraint" id="constraint{{i}}" name="constraint{{i}}">
|
||||||
<option value="">{{ 'ldn-new-service.form.label.placeholder.selectedItemFilter' | translate }}</option>
|
<option value="">{{ 'ldn-new-service.form.label.placeholder.selectedItemFilter' | translate }}</option>
|
||||||
<option *ngFor="let itemFilter of (itemfiltersRD$ | async)?.payload?.page"
|
<option *ngFor="let itemFilter of (itemfiltersRD$ | async)?.payload?.page"
|
||||||
[value]="itemFilter.id">{{ itemFilter.id }}</option>
|
[value]="itemFilter.id">{{ itemFilter.id }}</option>
|
||||||
</select>
|
</select>
|
||||||
</ng-container>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div [style.visibility]="'hidden'" class="col-sm1">
|
|
||||||
<input hidden id="automatic{{i}}" name="automatic{{i}}" type="checkbox">
|
|
||||||
<div
|
|
||||||
class="toggle-switch">
|
|
||||||
<div class="slider"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-sm-2">
|
|
||||||
<button (click)="markForOutboundPatternDeletion(i)" class="btn btn-outline-dark trash-button" type="button">
|
|
||||||
<i class="fas fa-trash"></i>
|
|
||||||
</button>
|
|
||||||
<button (click)="unmarkForOutboundPatternDeletion(i)" *ngIf="markedForDeletionOutboundPattern.includes(i)" class="btn btn-warning ml-2"
|
|
||||||
type="button">
|
|
||||||
<i class="fas fa-undo"></i>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</ng-container>
|
</ng-container>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span
|
<div [style.visibility]="'hidden'" class="col-sm1">
|
||||||
(click)="addOutboundPattern()"
|
<input hidden id="automatic{{i}}" name="automatic{{i}}" type="checkbox">
|
||||||
class="add-pattern-link mb-2">{{ 'ldn-new-service.form.label.addPattern' | translate }}
|
<div
|
||||||
|
class="toggle-switch">
|
||||||
|
<div class="slider"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-2">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button (click)="markForOutboundPatternDeletion(i)" class="btn btn-outline-dark trash-button"
|
||||||
|
type="button">
|
||||||
|
<i class="fas fa-trash"></i>
|
||||||
|
</button>
|
||||||
|
<button (click)="unmarkForOutboundPatternDeletion(i)" *ngIf="markedForDeletionOutboundPattern.includes(i)"
|
||||||
|
class="btn btn-warning"
|
||||||
|
type="button">
|
||||||
|
<i class="fas fa-undo"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</ng-container>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<span
|
||||||
|
(click)="addOutboundPattern()"
|
||||||
|
class="add-pattern-link mb-2">{{ 'ldn-new-service.form.label.addPattern' | translate }}
|
||||||
</span>
|
</span>
|
||||||
|
<div aria-label="Basic example" class="submission-form-footer mt-1 mb-1 position-sticky" role="group">
|
||||||
<div class="mb-5">
|
<button class="btn btn-primary" type="submit">
|
||||||
|
<span><i class="fas fa-save"></i> {{ 'ldn-new-service.form.label.submit' | translate }}</span>
|
||||||
</div>
|
</button>
|
||||||
<div aria-label="Basic example" class="submission-form-footer mt-1 mb-1 position-sticky" role="group">
|
<div class="d-flex">
|
||||||
<button class="btn btn-primary" type="submit">
|
<button (click)="this.openResetFormModal(this.resetFormModal)" class="btn btn-danger" type="button">
|
||||||
<span><i class="fas fa-save"></i> {{ 'ldn-new-service.form.label.submit' | translate }}</span>
|
<span><i class="fas fa-trash"></i> {{ 'submission.general.discard.submit' | translate }}</span>
|
||||||
</button>
|
</button>
|
||||||
<div class="d-flex">
|
</div>
|
||||||
<button (click)="this.openResetFormModal(this.resetFormModal)" class="btn btn-danger" type="button">
|
</div>
|
||||||
<span><i class="fas fa-trash"></i> {{ 'submission.general.discard.submit' | translate }}</span>
|
</form>
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
<ng-template #confirmModal>
|
<ng-template #confirmModal>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<div>
|
<div>
|
||||||
<h4>{{'service.overview.edit.modal' | translate }}</h4>
|
<h4>{{'service.overview.edit.modal' | translate }}</h4>
|
||||||
</div>
|
</div>
|
||||||
<button (click)="closeModal()" aria-label="Close"
|
<button (click)="closeModal()" aria-label="Close"
|
||||||
class="close" type="button">
|
class="close" type="button">
|
||||||
<span aria-hidden="true">×</span>
|
<span aria-hidden="true">×</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-body">
|
|
||||||
<div>
|
|
||||||
{{ 'service.overview.edit.body' | translate }}
|
|
||||||
</div>
|
|
||||||
<div class="mt-4">
|
|
||||||
<button (click)="closeModal()" class="btn btn-danger mr-2"
|
|
||||||
id="delete-confirm">{{ 'service.detail.return' | translate }}
|
|
||||||
</button>
|
|
||||||
<button (click)="this.patchService()"
|
|
||||||
class="btn btn-primary custom-btn">{{ 'service.detail.update' | translate }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="modal-body">
|
||||||
|
<div>
|
||||||
|
{{ 'service.overview.edit.body' | translate }}
|
||||||
|
</div>
|
||||||
|
<div class="mt-4">
|
||||||
|
<button (click)="closeModal()" class="btn btn-danger mr-2"
|
||||||
|
id="delete-confirm">{{ 'service.detail.return' | translate }}
|
||||||
|
</button>
|
||||||
|
<button (click)="this.patchService()"
|
||||||
|
class="btn btn-primary custom-btn">{{ 'service.detail.update' | translate }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|
||||||
<ng-template #resetFormModal>
|
<ng-template #resetFormModal>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<div>
|
<div>
|
||||||
<h4>{{'service.overview.reset-form.modal' | translate }}</h4>
|
<h4>{{'service.overview.reset-form.modal' | translate }}</h4>
|
||||||
</div>
|
</div>
|
||||||
<button (click)="closeModal()" aria-label="Close"
|
<button (click)="closeModal()" aria-label="Close"
|
||||||
class="close" type="button">
|
class="close" type="button">
|
||||||
<span aria-hidden="true">×</span>
|
<span aria-hidden="true">×</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-body">
|
|
||||||
<div>
|
|
||||||
{{ 'service.overview.reset-form.body' | translate }}
|
|
||||||
</div>
|
|
||||||
<div class="mt-4">
|
|
||||||
<button (click)="closeModal()" class="mr-2 btn btn-danger"
|
|
||||||
id="reset-delete">{{ 'service.overview.reset-form.reset-confirm' | translate }}
|
|
||||||
</button>
|
|
||||||
<button (click)="resetFormAndLeave()"
|
|
||||||
class="btn btn-primary custom-btn"
|
|
||||||
id="reset-confirm">{{ 'service.overview.reset-form.reset-return' | translate }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="modal-body">
|
||||||
|
<div>
|
||||||
|
{{ 'service.overview.reset-form.body' | translate }}
|
||||||
|
</div>
|
||||||
|
<div class="mt-4">
|
||||||
|
<button (click)="closeModal()" class="mr-2 btn btn-danger"
|
||||||
|
id="reset-delete">{{ 'service.overview.reset-form.reset-confirm' | translate }}
|
||||||
|
</button>
|
||||||
|
<button (click)="resetFormAndLeave()"
|
||||||
|
class="btn btn-primary custom-btn"
|
||||||
|
id="reset-confirm">{{ 'service.overview.reset-form.reset-return' | translate }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|
||||||
|
|||||||
@@ -1,298 +1,247 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<form (ngSubmit)="onSubmit()" [formGroup]="formModel">
|
<form (ngSubmit)="onSubmit()" [formGroup]="formModel">
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
<h2 class="flex-grow-1">{{ 'ldn-create-service.title' | translate }}</h2>
|
<h2 class="flex-grow-1">{{ 'ldn-create-service.title' | translate }}</h2>
|
||||||
</div>
|
</div>
|
||||||
<!-- In the name section -->
|
<!-- In the name section -->
|
||||||
<div class="mb-2">
|
<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" formControlName="name" id="name"
|
||||||
name="name"
|
name="name"
|
||||||
type="text">
|
type="text">
|
||||||
<div *ngIf="formModel.get('name').invalid && formModel.get('name').touched" class="error-text">
|
</div>
|
||||||
{{ 'ldn-new-service.form.error.name' | translate }}
|
|
||||||
|
|
||||||
|
<!-- In the description section -->
|
||||||
|
<div class="mb-5 mt-5 d-flex flex-column">
|
||||||
|
<label for="description">{{ 'ldn-new-service.form.label.description' | translate }}</label>
|
||||||
|
<textarea [placeholder]="'ldn-new-service.form.placeholder.description' | translate"
|
||||||
|
formControlName="description" id="description" name="description"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- In the url section -->
|
||||||
|
<div class="mb-5 mt-5">
|
||||||
|
<label for="url">{{ 'ldn-new-service.form.label.url' | translate }}</label>
|
||||||
|
<input [class.invalid-field]="formModel.get('url').invalid && formModel.get('url').touched"
|
||||||
|
[placeholder]="'ldn-new-service.form.placeholder.url' | translate" formControlName="url" id="url"
|
||||||
|
name="url"
|
||||||
|
type="text">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- In the ldnUrl section -->
|
||||||
|
<div class="mb-5 mt-5">
|
||||||
|
<label for="ldnUrl">{{ 'ldn-new-service.form.label.ldnUrl' | translate }}</label>
|
||||||
|
<input [class.invalid-field]="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched"
|
||||||
|
[placeholder]="'ldn-new-service.form.placeholder.ldnUrl' | translate" formControlName="ldnUrl"
|
||||||
|
id="ldnUrl"
|
||||||
|
name="ldnUrl"
|
||||||
|
type="text">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- In the Inbound Patterns section -->
|
||||||
|
<div class="row mb-2 mt-5">
|
||||||
|
<div class="col">
|
||||||
|
<label>{{ 'ldn-new-service.form.label.inboundPattern' | translate }} </label>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<label class="label-box">{{ 'ldn-new-service.form.label.ItemFilter' | translate }}</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm1 ">
|
||||||
|
<label class="label-box-2">{{ 'ldn-new-service.form.label.automatic' | translate }}</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-2">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div *ngFor="let patternGroup of formModel.get('notifyServiceInboundPatterns')['controls']; let i = index"
|
||||||
|
formGroupName="notifyServiceInboundPatterns">
|
||||||
|
|
||||||
|
<ng-container [formGroupName]="i">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="row mb-1">
|
||||||
|
<div class="col">
|
||||||
|
<select #inboundPattern formControlName="pattern" id="additionalInboundPattern{{i}}"
|
||||||
|
name="additionalInboundPattern{{i}}" required>
|
||||||
|
<option value="">{{ 'ldn-new-service.form.label.placeholder.inboundPattern' | translate }}</option>
|
||||||
|
<option *ngFor="let pattern of inboundPatterns"
|
||||||
|
[value]="pattern">{{ 'ldn-service.form.pattern.' + pattern + '.label' | translate }} </option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col">
|
||||||
|
<ng-container *ngIf="inboundPattern.value">
|
||||||
|
<select formControlName="constraint" id="constraint{{i}}" name="constraint{{i}}">
|
||||||
|
<option value="">{{ 'ldn-new-service.form.label.placeholder.selectedItemFilter' | translate }}</option>
|
||||||
|
<option *ngFor="let itemFilter of (itemfiltersRD$ | async)?.payload?.page"
|
||||||
|
[value]="itemFilter.id">{{ itemFilter.id }}</option>
|
||||||
|
</select>
|
||||||
|
</ng-container>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div [style.visibility]="inboundPattern.value ? 'visible' : 'hidden'" class="col-sm-1">
|
||||||
|
<input formControlName="automatic" hidden id="automatic{{i}}" name="automatic{{i}}"
|
||||||
|
type="checkbox">
|
||||||
|
<div (click)="toggleAutomatic(i)"
|
||||||
|
[class.checked]="formModel.get('notifyServiceInboundPatterns.' + i + '.automatic').value"
|
||||||
|
class="toggle-switch">
|
||||||
|
<div class="slider"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mb-4">
|
<div class="col-sm-1">
|
||||||
|
<button (click)="removeInboundPattern(i)" class="btn btn-outline-dark trash-button">
|
||||||
</div>
|
<i class="fas fa-trash"></i>
|
||||||
|
</button>
|
||||||
<!-- In the description section -->
|
|
||||||
<div class="mb-2 d-flex flex-column">
|
|
||||||
<label for="description">{{ 'ldn-new-service.form.label.description' | translate }}</label>
|
|
||||||
<textarea [placeholder]="'ldn-new-service.form.placeholder.description' | translate"
|
|
||||||
formControlName="description" id="description" name="description"></textarea>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- In the url section -->
|
|
||||||
<div class="mb-2">
|
|
||||||
<label for="url">{{ 'ldn-new-service.form.label.url' | translate }}</label>
|
|
||||||
<input [class.invalid-field]="formModel.get('url').invalid && formModel.get('url').touched"
|
|
||||||
[placeholder]="'ldn-new-service.form.placeholder.url' | translate" formControlName="url" id="url"
|
|
||||||
name="url"
|
|
||||||
type="text">
|
|
||||||
<div *ngIf="formModel.get('url').invalid && formModel.get('url').touched" class="error-text">
|
|
||||||
{{ 'ldn-new-service.form.error.url' | translate }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- In the ldnUrl section -->
|
|
||||||
<div class="mb-2">
|
|
||||||
<label for="ldnUrl">{{ 'ldn-new-service.form.label.ldnUrl' | translate }}</label>
|
|
||||||
<input [class.invalid-field]="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched"
|
|
||||||
[placeholder]="'ldn-new-service.form.placeholder.ldnUrl' | translate" formControlName="ldnUrl"
|
|
||||||
id="ldnUrl"
|
|
||||||
name="ldnUrl"
|
|
||||||
type="text">
|
|
||||||
<div *ngIf="formModel.get('ldnUrl').invalid && formModel.get('ldnUrl').touched" class="error-text">
|
|
||||||
{{ 'ldn-new-service.form.error.ldnurl' | translate }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- In the score section -->
|
|
||||||
<div class="mb-2">
|
|
||||||
<label for="score">{{ 'ldn-new-service.form.label.score' | translate }}</label>
|
|
||||||
<input [class.invalid-field]="formModel.get('score').invalid && formModel.get('score').touched"
|
|
||||||
[placeholder]="'ldn-new-service.form.placeholder.score' | translate" formControlName="score"
|
|
||||||
id="score"
|
|
||||||
name="score"
|
|
||||||
type="text">
|
|
||||||
<div *ngIf="formModel.get('score').invalid && formModel.get('score').touched" class="error-text">
|
|
||||||
{{ 'ldn-new-service.form.error.score' | translate }}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</ng-container>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="mb-4">
|
<span (click)="addInboundPattern()"
|
||||||
|
class="add-pattern-link mb-4">{{ 'ldn-new-service.form.label.addPattern' | translate }}</span>
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- In the Inbound Patterns section -->
|
<!-- In the Outbound Patterns section -->
|
||||||
<div class="row">
|
<div class="row mb-1 mt-5">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<label>{{ 'ldn-new-service.form.label.inboundPattern' | translate }} </label>
|
<label>{{ 'ldn-new-service.form.label.outboundPattern' | translate }} </label>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<label class="label-box">{{ 'ldn-new-service.form.label.ItemFilter' | translate }}</label>
|
<label class="label-box">{{ 'ldn-new-service.form.label.ItemFilter' | translate }}</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm1 ">
|
<div class="col-sm1 ">
|
||||||
<label class="label-box-2">{{ 'ldn-new-service.form.label.automatic' | translate }}</label>
|
<label class="label-box-2" style="visibility: hidden;">
|
||||||
</div>
|
{{ 'ldn-new-service.form.label.automatic' | translate }}
|
||||||
<div class="col-sm-1">
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-sm-2">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div *ngFor="let patternGroup of formModel.get('notifyServiceInboundPatterns')['controls']; let i = index"
|
<div *ngFor="let patternGroup of formModel.get('notifyServiceOutboundPatterns')['controls']; let i = index"
|
||||||
formGroupName="notifyServiceInboundPatterns">
|
formGroupName="notifyServiceOutboundPatterns">
|
||||||
|
|
||||||
<ng-container [formGroupName]="i">
|
<ng-container [formGroupName]="i">
|
||||||
|
|
||||||
|
<!-- Input elements in a separate row -->
|
||||||
<div class="row mb-1">
|
<div class="row mb-1">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<select [class.invalid-field]="!patternSelected()" #inboundPattern formControlName="pattern" id="additionalInboundPattern{{i}}"
|
<select #outboundPattern formControlName="pattern" id="additionalOutboundPattern{{i}}"
|
||||||
name="additionalInboundPattern{{i}}" required>
|
name="additionalOutboundPattern{{i}}"
|
||||||
<option value="">{{ 'ldn-new-service.form.label.placeholder.inboundPattern' | translate }}</option>
|
required>
|
||||||
<option *ngFor="let pattern of inboundPatterns"
|
<option value="">{{ 'ldn-new-service.form.label.placeholder.outboundPattern' | translate }}</option>
|
||||||
[ngValue]="pattern.name">{{ pattern.name }}</option>
|
<option *ngFor="let pattern of outboundPatterns"
|
||||||
</select>
|
[value]="pattern">{{ 'ldn-service.form.pattern.' + pattern + '.label' | translate }}</option>
|
||||||
<div *ngIf="!patternSelected()" class="error-text">
|
</select>
|
||||||
{{ 'ldn-new-service.form.error.patterns' | translate }}
|
</div>
|
||||||
</div>
|
<div class="col">
|
||||||
</div>
|
<ng-container *ngIf="outboundPattern.value">
|
||||||
|
<select formControlName="constraint" id="constraint{{i}}" name="constraint{{i}}">
|
||||||
|
<option value="">{{ 'ldn-new-service.form.label.placeholder.selectedItemFilter' | translate }}</option>
|
||||||
<div class="col">
|
<option *ngFor="let itemFilter of (itemfiltersRD$ | async)?.payload?.page"
|
||||||
<ng-container *ngIf="inboundPattern.value">
|
[value]="itemFilter.id">{{ itemFilter.id }}</option>
|
||||||
<select formControlName="constraint" id="constraint{{i}}" name="constraint{{i}}">
|
</select>
|
||||||
<option value="">{{ 'ldn-new-service.form.label.placeholder.selectedItemFilter' | translate }}</option>
|
|
||||||
<option *ngFor="let itemFilter of (itemfiltersRD$ | async)?.payload?.page"
|
|
||||||
[value]="itemFilter.id">{{ itemFilter.id }}</option>
|
|
||||||
</select>
|
|
||||||
</ng-container>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div [style.visibility]="inboundPattern.value ? 'visible' : 'hidden'" class="col-sm-1">
|
|
||||||
<input formControlName="automatic" hidden id="automatic{{i}}" name="automatic{{i}}"
|
|
||||||
type="checkbox">
|
|
||||||
<div (click)="toggleAutomatic(i)"
|
|
||||||
[class.checked]="formModel.get('notifyServiceInboundPatterns.' + i + '.automatic').value"
|
|
||||||
class="toggle-switch">
|
|
||||||
<div class="slider"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-sm-1">
|
|
||||||
<button (click)="removeInboundPattern(i)" class="btn btn-outline-dark trash-button">
|
|
||||||
<i class="fas fa-trash"></i>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</ng-container>
|
</ng-container>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span (click)="addInboundPattern()"
|
<div [style.visibility]="'hidden'" class="col-sm1">
|
||||||
class="add-pattern-link mb-2">{{ 'ldn-new-service.form.label.addPattern' | translate }}</span>
|
<input hidden id="automatic{{i}}" name="automatic{{i}}" type="checkbox">
|
||||||
|
<div
|
||||||
|
class="toggle-switch">
|
||||||
<div class="mb-4">
|
<div class="slider"></div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- In the Outbound Patterns section -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<label>{{ 'ldn-new-service.form.label.outboundPattern' | translate }}</label>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
</div>
|
||||||
<label class="label-box">{{ 'ldn-new-service.form.label.ItemFilter' | translate }}</label>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-1 ">
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-1 ">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div *ngFor="let patternGroup of formModel.get('notifyServiceOutboundPatterns')['controls']; let i = index"
|
<div class="col-sm-1">
|
||||||
formGroupName="notifyServiceOutboundPatterns">
|
<button (click)="removeOutboundPattern(i)" class="btn btn-outline-dark trash-button">
|
||||||
|
<i class="fas fa-trash"></i>
|
||||||
<ng-container [formGroupName]="i">
|
|
||||||
|
|
||||||
<!-- Input elements in a separate row -->
|
|
||||||
<div class="row mb-1">
|
|
||||||
<div class="col">
|
|
||||||
<select [class.invalid-field]="!patternSelected()" #outboundPattern formControlName="pattern" id="additionalOutboundPattern{{i}}"
|
|
||||||
name="additionalOutboundPattern{{i}}"
|
|
||||||
required>
|
|
||||||
<option value="">{{ 'ldn-new-service.form.label.placeholder.outboundPattern' | translate }}</option>
|
|
||||||
<option *ngFor="let pattern of outboundPatterns"
|
|
||||||
[ngValue]="pattern.name">{{ pattern.name }}</option>
|
|
||||||
</select>
|
|
||||||
<div *ngIf="!patternSelected()" class="error-text">
|
|
||||||
{{ 'ldn-new-service.form.error.patterns' | translate }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<ng-container *ngIf="outboundPattern.value">
|
|
||||||
<select formControlName="constraint" id="constraint{{i}}" name="constraint{{i}}">
|
|
||||||
<option value="">{{ 'ldn-new-service.form.label.placeholder.selectedItemFilter' | translate }}</option>
|
|
||||||
<option *ngFor="let itemFilter of (itemfiltersRD$ | async)?.payload?.page"
|
|
||||||
[value]="itemFilter.id">{{ itemFilter.id }}</option>
|
|
||||||
</select>
|
|
||||||
</ng-container>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div [style.visibility]="'hidden'" class="col-sm1">
|
|
||||||
<input hidden id="automatic{{i}}" name="automatic{{i}}" type="checkbox">
|
|
||||||
<div
|
|
||||||
class="toggle-switch">
|
|
||||||
<div class="slider"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-sm-1">
|
|
||||||
<button (click)="removeOutboundPattern(i)" class="btn btn-outline-dark trash-button">
|
|
||||||
<i class="fas fa-trash"></i>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</ng-container>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<span (click)="addOutboundPattern()"
|
|
||||||
class="add-pattern-link">{{ 'ldn-new-service.form.label.addPattern' | translate }}
|
|
||||||
</span>
|
|
||||||
<div class="mb-4">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div aria-label="Basic example" class="submission-form-footer mt-1 mb-1 position-sticky" role="group">
|
|
||||||
<button class="btn btn-primary" type="submit">
|
|
||||||
<span><i class="fas fa-save"></i> {{ 'ldn-new-service.form.label.submit' | translate }}</span>
|
|
||||||
</button>
|
</button>
|
||||||
<div class="d-flex">
|
</div>
|
||||||
<button (click)="this.openResetFormModal(this.resetFormModal)" class="btn btn-danger" type="button">
|
|
||||||
<span><i class="fas fa-trash"></i> {{ 'submission.general.discard.submit' | translate }}</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</ng-container>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</form>
|
<span (click)="addOutboundPattern()"
|
||||||
|
class="add-pattern-link mb-4">{{ 'ldn-new-service.form.label.addPattern' | translate }}
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<div aria-label="Basic example" class="submission-form-footer mt-1 mb-1 position-sticky" role="group">
|
||||||
|
<button class="btn btn-primary" type="submit">
|
||||||
|
<span><i class="fas fa-save"></i> {{ 'ldn-new-service.form.label.submit' | translate }}</span>
|
||||||
|
</button>
|
||||||
|
<div class="d-flex">
|
||||||
|
<button (click)="this.openResetFormModal(this.resetFormModal)" class="btn btn-danger" type="button">
|
||||||
|
<span><i class="fas fa-trash"></i> {{ 'submission.general.discard.submit' | translate }}</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<ng-template #confirmModal>
|
<ng-template #confirmModal>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<div>
|
<div>
|
||||||
<h4>{{'service.overview.create.modal' | translate }}</h4>
|
<h4>{{'service.overview.create.modal' | translate }}</h4>
|
||||||
</div>
|
</div>
|
||||||
<button (click)="closeModal()" aria-label="Close"
|
<button (click)="closeModal()" aria-label="Close"
|
||||||
class="close" type="button">
|
class="close" type="button">
|
||||||
<span aria-hidden="true">×</span>
|
<span aria-hidden="true">×</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-body">
|
|
||||||
<div>
|
|
||||||
{{ 'service.create.body' | translate }}
|
|
||||||
</div>
|
|
||||||
<div class="mt-4">
|
|
||||||
<button (click)="closeModal()" class="btn btn-danger"
|
|
||||||
id="delete-confirm">{{ 'service.refuse.create' | translate }}
|
|
||||||
</button>
|
|
||||||
<button (click)="createService()"
|
|
||||||
class="btn btn-primary mr-2 custom-btn">{{ 'service.confirm.create' | translate }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="modal-body">
|
||||||
|
<div>
|
||||||
|
{{ 'service.create.body' | translate }}
|
||||||
|
</div>
|
||||||
|
<div class="mt-4">
|
||||||
|
<button (click)="closeModal()" class="btn btn-danger"
|
||||||
|
id="delete-confirm">{{ 'service.refuse.create' | translate }}
|
||||||
|
</button>
|
||||||
|
<button (click)="createService()"
|
||||||
|
class="btn btn-primary mr-2 custom-btn">{{ 'service.confirm.create' | translate }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|
||||||
<ng-template #resetFormModal>
|
<ng-template #resetFormModal>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<div>
|
<div>
|
||||||
<h4>{{'service.create.reset-form.modal' | translate }}</h4>
|
<h4>{{'service.create.reset-form.modal' | translate }}</h4>
|
||||||
</div>
|
</div>
|
||||||
<button (click)="closeModal()" aria-label="Close"
|
<button (click)="closeModal()" aria-label="Close"
|
||||||
class="close" type="button">
|
class="close" type="button">
|
||||||
<span aria-hidden="true">×</span>
|
<span aria-hidden="true">×</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-body">
|
|
||||||
<div>
|
|
||||||
{{ 'service.create.reset-form.body' | translate }}
|
|
||||||
</div>
|
|
||||||
<div class="mt-4">
|
|
||||||
<button (click)="resetFormAndLeave()"
|
|
||||||
class="btn btn-primary mr-2 custom-btn"
|
|
||||||
id="reset-confirm">{{ 'service.overview.reset-form.reset-return' | translate }}
|
|
||||||
</button>
|
|
||||||
<button (click)="closeModal()" class="btn btn-danger"
|
|
||||||
id="reset-delete">{{ 'service.overview.reset-form.reset-confirm' | translate }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="modal-body">
|
||||||
|
<div>
|
||||||
|
{{ 'service.create.reset-form.body' | translate }}
|
||||||
|
</div>
|
||||||
|
<div class="mt-4">
|
||||||
|
<button (click)="resetFormAndLeave()"
|
||||||
|
class="btn btn-primary mr-2 custom-btn"
|
||||||
|
id="reset-confirm">{{ 'service.overview.reset-form.reset-return' | translate }}
|
||||||
|
</button>
|
||||||
|
<button (click)="closeModal()" class="btn btn-danger"
|
||||||
|
id="reset-delete">{{ 'service.overview.reset-form.reset-confirm' | translate }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,8 +1,6 @@
|
|||||||
form {
|
form {
|
||||||
max-width: 800px;
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="text"],
|
input[type="text"],
|
||||||
@@ -131,9 +129,7 @@ form button.btn.btn-primary[type="submit"] {
|
|||||||
z-index: var(--ds-submission-footer-z-index);
|
z-index: var(--ds-submission-footer-z-index);
|
||||||
}
|
}
|
||||||
|
|
||||||
div + div {
|
|
||||||
margin-bottom: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user