feat(switch): cria propriedade p-hide-label-status

Cria propriedade `p-hide-label-status` para esconder label de status fixes : DTHFUI-9751
wsteixeira · Oct 18, 2024 · 929b241 · 929b241
1 parent 1ae9457
commit 929b241
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 4 deletions.
diff --git a/projects/ui/src/lib/components/po-field/po-switch/po-switch.component.html b/projects/ui/src/lib/components/po-field/po-switch/po-switch.component.html
@@ -21,7 +21,7 @@
       </div>
 
       <po-label
-        *ngIf="label"
+        *ngIf="!hideLabelStatus"
         class="po-switch-label"
         [p-disabled]="disabled"
         [p-label]="value === true ? labelOn : labelOff"

diff --git a/projects/ui/src/lib/components/po-field/po-switch/po-switch.component.ts b/projects/ui/src/lib/components/po-field/po-switch/po-switch.component.ts
@@ -135,6 +135,18 @@ export class PoSwitchComponent extends PoFieldModel<any> {
     return this._formatModel;
   }
 
+  /**
+   * @optional
+   *
+   * @description
+   *
+   * Indica se o status do `model` será escondido visualmente ao lado do switch.
+   *
+   * > Por padrão será atribuído `false`.
+   * @default `false`
+   */
+  @Input({ alias: 'p-hide-label-status', transform: convertToBoolean }) hideLabelStatus: boolean = false;
+
   /**
    * @optional
    *

diff --git a/...nts/po-field/po-switch/samples/sample-po-switch-labs/sample-po-switch-labs.component.html b/...nts/po-field/po-switch/samples/sample-po-switch-labs/sample-po-switch-labs.component.html
@@ -8,6 +8,7 @@
   [p-label-on]="labelOn"
   [p-label-position]="labelPosition"
   [p-format-model]="properties.includes('formatModel')"
+  [p-hide-label-status]="properties.includes('hideLabelStatus')"
   (p-change)="changeEvent('p-change')"
 >
 </po-switch>

diff --git a/...nents/po-field/po-switch/samples/sample-po-switch-labs/sample-po-switch-labs.component.ts b/...nents/po-field/po-switch/samples/sample-po-switch-labs/sample-po-switch-labs.component.ts
@@ -23,7 +23,8 @@ export class SamplePoSwitchLabsComponent implements OnInit {
 
   public readonly propertiesOptions: Array<PoCheckboxGroupOption> = [
     { value: 'disabled', label: 'Disabled' },
-    { value: 'formatModel', label: 'Format Model' }
+    { value: 'formatModel', label: 'Format Model' },
+    { value: 'hideLabelStatus', label: 'Hide label status' }
   ];
 
   ngOnInit() {

diff --git a/...ui/src/lib/components/po-table/po-table-list-manager/po-table-list-manager.component.html b/...ui/src/lib/components/po-table/po-table-list-manager/po-table-list-manager.component.html
@@ -31,8 +31,7 @@
         (keydown)="onKeyDown($event, option)"
         [p-disabled]="option.disabled || disabled || isFixed(option)"
         [p-value]="checkedOptions[option.value]"
-        p-label-off=" "
-        p-label-on=" "
+        [p-hide-label-status]="true"
       >
       </po-switch>
       <span class="po-table-list-manager-item-text">