aktenzeichen-edit-dialog.component.html

<!--

    Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den
    Ministerpräsidenten des Landes Schleswig-Holstein
    Staatskanzlei
    Abteilung Digitalisierung und zentrales IT-Management der Landesregierung

    Lizenziert unter der EUPL, Version 1.2 oder - sobald
    diese von der Europäischen Kommission genehmigt wurden -
    Folgeversionen der EUPL ("Lizenz");
    Sie dürfen dieses Werk ausschließlich gemäß
    dieser Lizenz nutzen.
    Eine Kopie der Lizenz finden Sie hier:

    https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12

    Sofern nicht durch anwendbare Rechtsvorschriften
    gefordert oder in schriftlicher Form vereinbart, wird
    die unter der Lizenz verbreitete Software "so wie sie
    ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN -
    ausdrücklich oder stillschweigend - verbreitet.
    Die sprachspezifischen Genehmigungen und Beschränkungen
    unter der Lizenz sind dem Lizenztext zu entnehmen.

-->

<h4 class="pb-5 pl-6 pr-6 pt-6 text-lg font-medium text-primary" mat-dialog-title data-test-id="aktenzeichen-edit-dialog-header">
  Aktenzeichen bearbeiten
</h4>

<form class="form" [formGroup]="form" (ngSubmit)="onSubmit()">
  <mat-dialog-content>
    <div class="content">
      <ods-icon
        name="aktenzeichen"
        [fill]="(hasAktenzeichen$ | async) ? 'text' : 'neutral'"
        size="large"
        class="aktenzeichen_icon"
      />
      <ozgcloud-text-editor
        class="aktenzeichen_text"
        data-test-id="aktenzeichen-edit-dialog-text-editor"
        label="Aktenzeichen"
        placeholder="kein Aktenzeichen"
        [autoFocus]="true"
        [clearable]="true"
        appearance="outline"
        subscriptSizing="dynamic"
        [formControlName]="AktenzeichenEditDialogFormservice.AKTENZEICHEN_FIELD"
      >
      </ozgcloud-text-editor>
      <ozgcloud-paste-text-button
        class="paste_icon"
        tooltip="Text aus Zwischenablage einfügen"
        data-test-id="aktenzeichen-paste-clipboard"
        (pasteEmitter)="paste($event)"
      >
      </ozgcloud-paste-text-button>
      <p class="hinweis">Bitte geben Sie ein Aktenzeichen ein. (max. 256 Zeichen)</p>
    </div>
  </mat-dialog-content>
  <mat-dialog-actions>
    <ozgcloud-stroked-button-with-spinner
      data-test-id="aktenzeichen-edit-dialog-confirmation-button"
      text="Änderungen speichern"
      type="submit"
      icon="save_alt"
      [stateResource]="setAktenzeichenPending$ | async"
    >
    </ozgcloud-stroked-button-with-spinner>

    <ozgcloud-stroked-button-with-spinner
      data-test-id="aktenzeichen-edit-dialog-cancel-button"
      text="Abbrechen"
      color=""
      icon="clear"
      (clickEmitter)="onCancel()"
    >
    </ozgcloud-stroked-button-with-spinner>
  </mat-dialog-actions>
</form>