Skip to content
Snippets Groups Projects
Commit 5968bc58 authored by Alexander Reifschneider's avatar Alexander Reifschneider
Browse files

OZG-7510 OZG-7739 Add styling to statistic fields

parent 19dc6f6a
No related branches found
No related tags found
1 merge request!63Ozg 7510 statistic edit delete fields
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
--> -->
<h1 class="heading-1" data-test-id="statistik-header-text">Statistik</h1> <h1 class="heading-1" data-test-id="statistik-header-text">Statistik</h1>
<div class="mt-4"> <div class="mt-4 w-fit">
<ods-routing-button <ods-routing-button
[linkPath]="ROUTES.STATISTIK_NEU" [linkPath]="ROUTES.STATISTIK_NEU"
text="Weitere Felder auswerten" text="Weitere Felder auswerten"
......
<h2 class="heading-2" data-test-id="statistik-fields-form-header-text">Felder zur Auswertung hinzufügen</h2> <h2 class="heading-2" data-test-id="statistik-fields-form-header-text">Felder zur Auswertung hinzufügen</h2>
<div class="flex max-w-4xl flex-col gap-4"> <div class="flex max-w-4xl flex-col gap-4">
<form class="form flex-col" [formGroup]="formService.form"> <form class="form flex-col" [formGroup]="formService.form" class="flex flex-col gap-4">
<div [formGroupName]="StatistikFieldsFormService.FIELD_FORM_IDENTIFIER"> <div [formGroupName]="StatistikFieldsFormService.FIELD_FORM_IDENTIFIER" class="flex flex-col gap-4">
<ods-text-editor <ods-text-editor
[formControlName]="StatistikFieldsFormService.FIELD_FORM_ENGINE_NAME" [formControlName]="StatistikFieldsFormService.FIELD_FORM_ENGINE_NAME"
label="Formengine" label="Formengine"
...@@ -18,18 +18,28 @@ ...@@ -18,18 +18,28 @@
</div> </div>
<div [formArrayName]="StatistikFieldsFormService.FIELD_MAPPINGS"> <div [formArrayName]="StatistikFieldsFormService.FIELD_MAPPINGS">
<div *ngFor="let mappingControl of formService.mappings.controls; let i = index" [formGroupName]="i"> <div
*ngFor="let mappingControl of formService.mappings.controls; let i = index"
[formGroupName]="i"
class="flex w-full gap-2"
>
<ods-text-editor <ods-text-editor
class="flex-1"
formControlName="sourcePath" formControlName="sourcePath"
label="Pfad des Datenfeldes" label="Pfad des Datenfeldes"
placeholder="Tragen Sie hier den gesamten Pfad des Datenfeldes ein, das Sie auswerten möchten." placeholder="Tragen Sie hier den gesamten Pfad des Datenfeldes ein, das Sie auswerten möchten."
[attr.data-test-id]="'mapping-field-' + i" [attr.data-test-id]="'mapping-field-' + i"
></ods-text-editor> ></ods-text-editor>
<ods-button <ods-button
text="-" class="self-end"
variant="ghost"
size="fit"
destructive="true"
(clickEmitter)="formService.removeMapping(i)" (clickEmitter)="formService.removeMapping(i)"
[dataTestId]="'remove-mapping-button-' + i" [dataTestId]="'remove-mapping-button-' + i"
></ods-button> >
<ods-delete-icon icon />
</ods-button>
</div> </div>
</div> </div>
</form> </form>
......
...@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common'; ...@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
import { Component, inject } from '@angular/core'; import { Component, inject } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms'; import { ReactiveFormsModule } from '@angular/forms';
import { TextEditorComponent } from '@ods/component'; import { TextEditorComponent } from '@ods/component';
import { ButtonComponent, PlusIconComponent } from '@ods/system'; import { ButtonComponent, DeleteIconComponent, PlusIconComponent } from '@ods/system';
import { StatistikFieldsFormService } from './statistik-fields.formservice'; import { StatistikFieldsFormService } from './statistik-fields.formservice';
@Component({ @Component({
...@@ -16,6 +16,7 @@ import { StatistikFieldsFormService } from './statistik-fields.formservice'; ...@@ -16,6 +16,7 @@ import { StatistikFieldsFormService } from './statistik-fields.formservice';
PlusIconComponent, PlusIconComponent,
ReactiveFormsModule, ReactiveFormsModule,
TextEditorComponent, TextEditorComponent,
DeleteIconComponent,
AdminSaveButtonComponent, AdminSaveButtonComponent,
AdminCancelButtonComponent, AdminCancelButtonComponent,
], ],
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
--> -->
<h1 class="heading-1 mb-4">Benutzer & Rollen</h1> <h1 class="heading-1 mb-4">Benutzer & Rollen</h1>
<ods-routing-button [linkPath]="ROUTES.BENUTZER_NEU" text="Benutzer hinzufügen" class="mb-4" dataTestId="add-user-button" /> <ods-routing-button [linkPath]="ROUTES.BENUTZER_NEU" text="Benutzer hinzufügen" class="mb-4 w-fit" dataTestId="add-user-button" />
<ods-list> <ods-list>
@for (user of usersStateResource.resource; track $index) { @for (user of usersStateResource.resource; track $index) {
<admin-user [user]="user" class="block w-full" /> <admin-user [user]="user" class="block w-full" />
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment