fix: dropdown in settings policy[3141]

hashgraph · Dec 12, 2024 · e58ac71 · e58ac71
1 parent 213343f
commit e58ac71
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 4 deletions.
diff --git a/...modules/policy-engine/policy-configuration/policy-settings/policy-settings.component.html b/...modules/policy-engine/policy-configuration/policy-settings/policy-settings.component.html
@@ -43,14 +43,22 @@
                     <!--                    </mat-form-field>-->
 
                     <div class="p-fluid">
-                        <label for="themeDropdown">Theme</label>
+                        <label for="themeDropdown" class="dropdown-label">Theme</label>
                         <p-dropdown
                             [(ngModel)]="theme"
                             [options]="themes"
                             optionLabel="name"
+                            [appendTo]="'body'"
                             (onChange)="onSelectTheme()"
-                            placeholder="Выберите тему"
-                            id="themeDropdown">
+                            id="themeDropdown"
+                            [style]="{ 'outline': 'none', 'box-shadow': 'none' }"
+                        >
+                            <ng-template let-option pTemplate="selectedItem">
+                                {{ option.name }}
+                            </ng-template>
+                            <ng-template let-option pTemplate="item">
+                                {{ option.name }}
+                            </ng-template>
                         </p-dropdown>
                     </div>
 

diff --git a/...modules/policy-engine/policy-configuration/policy-settings/policy-settings.component.scss b/...modules/policy-engine/policy-configuration/policy-settings/policy-settings.component.scss
@@ -674,3 +674,27 @@
     width: 180px;
     height: 32px;
 }
+
+.settings-select,
+.settings-select ::ng-deep p-dropdown .p-dropdown{
+    height: 38px !important;
+}
+
+.settings-select .p-fluid{
+    position: relative;
+    line-height: 0.2;
+}
+
+.settings-select .dropdown-label {
+    position: absolute;
+    z-index: 1000;
+    width: 36px;
+    font-size: 10px;
+    background: white;
+    height: 5px;
+    left: 10px;
+}
+
+.settings-select ::ng-deep p-dropdown .p-dropdown-label {
+    padding: 18px;
+}
diff --git a/...p/modules/policy-engine/policy-configuration/policy-settings/policy-settings.component.ts b/...p/modules/policy-engine/policy-configuration/policy-settings/policy-settings.component.ts
@@ -22,7 +22,7 @@ export class PolicySettingsComponent implements OnInit {
 
     public isSyntax: boolean = false;
     public settingsTab: number = 0;
-    public themes!: Theme[];
+    public _themes!: Theme[];
     public theme!: Theme;
     public allBlocks!: any[];
     public roles: string[];
@@ -108,6 +108,18 @@ export class PolicySettingsComponent implements OnInit {
         }
     }
 
+    get themes(): any[] {
+        return this._themes ?? []
+    }
+
+    set themes(value: any[]) {
+        this._themes = value.map(theme => {
+            theme.value = theme.id;
+            theme.name = theme._name
+            return theme;
+        });
+    }
+
     ngOnInit(): void {
         this.settingsTab = 0;
         this.allBlocks = this.registeredService.getAll();