From 70cf90ed8f906d640ea7280ec850a377b6b7f785 Mon Sep 17 00:00:00 2001
From: markuczy <129275100+markuczy@users.noreply.github.com>
Date: Wed, 28 Feb 2024 06:51:45 +0100
Subject: [PATCH] feat: column group floating label displayed (#148)

---
 .../assets/i18n/de.json                       |  1 +
 .../assets/i18n/en.json                       |  1 +
 .../column-group-selection.component.html     | 29 ++++++++++---------
 3 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/libs/portal-integration-angular/assets/i18n/de.json b/libs/portal-integration-angular/assets/i18n/de.json
index 73abc291..0ebfe097 100644
--- a/libs/portal-integration-angular/assets/i18n/de.json
+++ b/libs/portal-integration-angular/assets/i18n/de.json
@@ -1,5 +1,6 @@
 {
   "OCX_CUSTOM_GROUP_COLUMN_SELECTOR": {
+    "DROPDOWN_LABEL": "Spalten",
     "OPEN_BUTTON_TITLE": "Dialog zur Auswahl einer benutzerdefinierten Gruppe öffnen",
     "ACTIVE_COLUMNS_LABEL": "Aktive Spalten",
     "INACTIVE_COLUMNS_LABEL": "Inaktive Spalten",
diff --git a/libs/portal-integration-angular/assets/i18n/en.json b/libs/portal-integration-angular/assets/i18n/en.json
index 8a1165cf..71224bc8 100644
--- a/libs/portal-integration-angular/assets/i18n/en.json
+++ b/libs/portal-integration-angular/assets/i18n/en.json
@@ -1,5 +1,6 @@
 {
   "OCX_CUSTOM_GROUP_COLUMN_SELECTOR": {
+    "DROPDOWN_LABEL": "Columns",
     "OPEN_BUTTON_TITLE": "Open custom group selection dialog",
     "ACTIVE_COLUMNS_LABEL": "Active columns",
     "INACTIVE_COLUMNS_LABEL": "Inactive columns",
diff --git a/libs/portal-integration-angular/src/lib/core/components/column-group-selection/column-group-selection.component.html b/libs/portal-integration-angular/src/lib/core/components/column-group-selection/column-group-selection.component.html
index f1dc2548..ca6b3da4 100644
--- a/libs/portal-integration-angular/src/lib/core/components/column-group-selection/column-group-selection.component.html
+++ b/libs/portal-integration-angular/src/lib/core/components/column-group-selection/column-group-selection.component.html
@@ -1,13 +1,16 @@
-<p-dropdown
-  id="columnGroupSelectionDropdown"
-  *ngIf="(allGroupKeys$ | async)?.length"
-  (onClear)="clearGroupSelection()"
-  (onChange)="changeGroupSelection($event)"
-  [options]="(allGroupKeys$ | async) || []"
-  [placeholder]="placeholderKey | translate"
-  [showClear]="selectedGroupKey !== defaultGroupKey"
-  [(ngModel)]="selectedGroupKey"
->
-  <ng-template let-item pTemplate="item"> {{ item ? (item | translate) : ''}} </ng-template>
-  <ng-template let-item pTemplate="selectedItem"> {{ item ? (item | translate) : ''}} </ng-template>
-</p-dropdown>
+<span class="p-float-label">
+  <p-dropdown
+    id="columnGroupSelectionDropdown"
+    *ngIf="(allGroupKeys$ | async)?.length"
+    (onClear)="clearGroupSelection()"
+    (onChange)="changeGroupSelection($event)"
+    [options]="(allGroupKeys$ | async) || []"
+    [placeholder]="placeholderKey | translate"
+    [showClear]="selectedGroupKey !== defaultGroupKey"
+    [(ngModel)]="selectedGroupKey"
+  >
+    <ng-template let-item pTemplate="item"> {{ item ? (item | translate) : ''}} </ng-template>
+    <ng-template let-item pTemplate="selectedItem"> {{ item ? (item | translate) : ''}} </ng-template>
+  </p-dropdown>
+  <label for="columnGroupSelectionDropdown">{{ ("OCX_CUSTOM_GROUP_COLUMN_SELECTOR.DROPDOWN_LABEL" | translate) }}</label>
+</span>
\ No newline at end of file