admin-edit-user-agreement.component.html

<div class="container">
  <h2>{{'admin.edit-user-agreement.header' | translate}}</h2>
  <ds-alert [type]="'alert-info'" [dismissible]="true" [content]="'admin.edit-user-agreement.markdown' | translate"></ds-alert>
  @for (userAgreementText of (userAgreementTexts | keyvalue); track userAgreementText.key) {
    <div class="form-group">
      <label>{{ userAgreementText.value.languageLabel }}</label>
      <textarea class="col-md-12 m-2" [(ngModel)]="userAgreementText.value.text" rows="10"></textarea>
    </div>
  }
  <div class="col-md">
    <button class="btn btn-primary float-right m-2" (click)="$event.preventDefault();confirmEdit(content)" >
      <span>
        <i class="fas fa-save mr-1"></i>
        {{ 'admin.edit-user-agreement.save-button' | translate }}
      </span>
    </button>
  </div>
</div>

<ng-template #content let-c="close" let-d="dismiss">
  <div class="modal-header">
    <h4 id="modal-title" class="modal-title text-info">{{'admin.edit-user-agreement.confirm.title' | translate}}</h4>
  </div>
  <div class="modal-body">
    <p>{{'admin.edit-user-agreement.confirm.info' | translate}}</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" (click)="c('cancel')">{{'admin.edit-user-agreement.confirm.cancel' | translate}}</button>
    <button type="button" class="btn btn-primary" (click)="c('edit-without-reset')">{{'admin.edit-user-agreement.confirm.no' | translate}}</button>
    <button type="button" class="btn btn-danger" (click)="c('edit-with-reset')">{{'admin.edit-user-agreement.confirm.yes' | translate}}</button>
  </div>
</ng-template>