#1474 WA Dropdown Pfeile ausblenden, wenn Button disabled

apps/sales/src/app/modules/shelf/components/order-details-card/order-details-card.component.html

@@ -144,6 +144,7 @@
           {{ orderDetails?.pickUpDeadline | date: 'dd.MM.yy' }}
         </strong>
         <lib-icon
+          *ngIf="!orderDetails?.features?.paid"
           class="dp-button-icon"
           [class.up]="deadlineDropdown.visible"
           [class.down]="!deadlineDropdown.visible"

apps/sales/src/app/modules/shelf/components/order-details-card/order-details-card.component.scss

@@ -53,4 +53,5 @@ button:disabled.isa-btn {
   background: white !important;
   border: none !important;
   color: #567290 !important;
+  cursor: default;
 }

apps/sales/src/app/modules/shelf/services/shelf-edit-form.service.ts

@@ -164,7 +164,7 @@ export class ShelfEditFormService {
       pickUpDeadline: [
         {
           value: baseOrderItem.pickUpDeadline,
-          disabled: false,
+          disabled: (baseOrderItem.features != null && baseOrderItem.features['paid'] != null) || false,
         },
       ],
     };

apps/sales/src/app/modules/ui/select-input/select-input.component.html

@@ -1,5 +1,5 @@
 <div class="isa-form-field">
-  <div class="d-flex" (click)="dropdown?.toggle()">
+  <div class="d-flex" (click)="dropdown.toggle()">
     <label>
       {{ label }}
     </label>
@@ -8,13 +8,13 @@
     <lib-icon
       *ngIf="editable"
       class="isa-accordion-arrow"
-      [class.arrow-up]="dropdown?.visible"
-      [class.arrow-down]="!dropdown?.visible"
+      [class.arrow-up]="dropdown.visible"
+      [class.arrow-down]="!dropdown.visible"
       name="Arrow_right"
       [height]="'16px'"
     ></lib-icon>
   </div>
-  <app-ui-dropdown #dropdown *ngIf="editable">
+  <app-ui-dropdown #dropdown [class.hide]="!editable">
     <button
       (click)="handleSelect({ selectedOption: option, dropdown: dropdown })"
       (blur)="handleBlur()"

apps/sales/src/app/modules/ui/select-input/select-input.component.scss

@@ -36,3 +36,7 @@ $status-width: 115px;
 .status {
   width: $status-width;
 }
+
+.hide {
+  display: none;
+}