Merged PR 509: #1471 Warenausgabe Status in Bearbeiten-Seiten disabled

#1471 Warenausgabe Status in Bearbeiten-Seiten disabled

Related work items: #1471

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

@@ -159,7 +159,7 @@ export class ShelfEditFormService {
         },
       ],
       buyerNumber: [{ value: baseOrderItem.buyerNumber, disabled: true }],
-      processingStatus: [{ value: baseOrderItem.processingStatus, disabled: false }],
+      processingStatus: [{ value: baseOrderItem.processingStatus, disabled: true }],
       estimatedShippingDate: [{ value: baseOrderItem.estimatedShippingDate, disabled: false }],
       pickUpDeadline: [
         {

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

@@ -1,19 +1,20 @@
 <div class="isa-form-field">
-  <div class="d-flex" (click)="dropdown.toggle()">
+  <div class="d-flex" (click)="dropdown?.toggle()">
     <label>
       {{ label }}
     </label>
 
     <span class="selected isa-font-weight-bold isa-white-space-nowrap">{{ labelPipe ? labelPipe.transform(value) : value }} </span>
     <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>
+  <app-ui-dropdown #dropdown *ngIf="editable">
     <button
       (click)="handleSelect({ selectedOption: option, dropdown: dropdown })"
       (blur)="handleBlur()"
@@ -24,4 +25,6 @@
       {{ optionsPipe ? optionsPipe.transform(option, index) : option }}
     </button>
   </app-ui-dropdown>
+
+  <span *ngIf="!editable" class="status">Nicht Änderbar</span>
 </div>

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

@@ -1,5 +1,7 @@
 @import 'variables';
 
+$status-width: 115px;
+
 .isa-form-field {
   .selected {
     margin-right: 10px;
@@ -30,3 +32,7 @@
     }
   }
 }
+
+.status {
+  width: $status-width;
+}