Handle list checkbox operations (#20)

When List checkbox is checked disable start, stop and style and enable
Edit and
when its unchecked enable start, stop and style and disable Edit

Author: jharajeev55

script-gen-ui/src/app/components/main-sweep/main-sweep.component.html

@@ -244,6 +244,7 @@ <h3>Sweep</h3>
               [attr.aria-label]="'EditSweepList'"
               class="timing"
               (click)="enableList()"
+              [disabled]="!isListSweep"
             >
               Edit
             </button>
@@ -264,6 +265,7 @@ <h3>Sweep</h3>
             (emitSweepData)="updateSweepChannelsConfig($event)"
             [sweepChannel]="sweepChannel"
             [deviceList]="deviceList"
+            [isListSweep]="isListSweep"
             (emitSweepExpanderState)="
               handleChannelExpanderStateChange(
                 sweepChannel.start_stop_channel.common_chan_attributes.uuid,

script-gen-ui/src/app/components/main-sweep/main-sweep.component.scss

@@ -255,10 +255,18 @@
   border-color: var(--vscode-activityBarBadge-background);
   border-style: solid;
   border-width: thin;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  padding-left: 15px;
-  padding-right: 15px;
+  padding: 5px 15px;
+}
+
+button.timing:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  background-color: var(
+    --vscode-editorWidget-background,
+    var(--vscode-input-background)
+  );
+  color: var(--vscode-disabledForeground, var(--vscode-input-foreground));
+  border-color: var(--vscode-editorWidget-border, var(--vscode-input-border));
 }
 
 .autorange {

script-gen-ui/src/app/components/main-sweep/step/step.component.html

@@ -84,7 +84,7 @@ <h3>
         name="start"
         automationID="StepStart"
         (inputChange)="submitStepData()"
-        [disabled]="!selectedDeviceOption?.isValid"
+        [disabled]="!selectedDeviceOption?.isValid || listStep"
       ></app-input-plain>
       <app-input-plain
         [(ngModel)]="stop.value"
@@ -94,7 +94,7 @@ <h3>
         name="stepStop"
         automationID="StepStop"
         (inputChange)="submitStepData()"
-        [disabled]="!selectedDeviceOption?.isValid"
+        [disabled]="!selectedDeviceOption?.isValid || listStep"
       ></app-input-plain>
     </div>
     <div>
@@ -157,7 +157,7 @@ <h3>
         name="style"
         automationID="style"
         (toggleOptionChange)="submitStepData()"
-        [disabled]="!selectedDeviceOption?.isValid"
+        [disabled]="!selectedDeviceOption?.isValid || listStep"
       ></app-input-toggle>
     </div>
     <div class="checkbox">
@@ -183,7 +183,7 @@ <h3>
           class="timing"
           [attr.aria-label]="'EditStepList'"
           (click)="showStepListPopup()"
-          [disabled]="!selectedDeviceOption?.isValid"
+          [disabled]="!selectedDeviceOption?.isValid || !listStep"
         >
           Edit
         </button>

script-gen-ui/src/app/components/main-sweep/sweep/sweep.component.html

@@ -65,7 +65,7 @@
         name="start"
         automationID="SweepStart"
         (inputChange)="submitSweepData()"
-        [disabled]="!selectedDeviceOption?.isValid"
+        [disabled]="!selectedDeviceOption?.isValid || isListSweep"
       ></app-input-plain>
       <app-input-plain
         [(ngModel)]="stop.value"
@@ -75,7 +75,7 @@
         name="stop"
         automationID="SweepStop"
         (inputChange)="submitSweepData()"
-        [disabled]="!selectedDeviceOption?.isValid"
+        [disabled]="!selectedDeviceOption?.isValid || isListSweep"
       ></app-input-plain>
     </div>
     <div>
@@ -138,7 +138,7 @@
         name="style"
         automationID="style"
         (toggleOptionChange)="submitSweepData()"
-        [disabled]="!selectedDeviceOption?.isValid"
+        [disabled]="!selectedDeviceOption?.isValid || isListSweep"
       ></app-input-toggle>
     </div>
     <div>

script-gen-ui/src/app/components/main-sweep/sweep/sweep.component.ts

@@ -66,6 +66,7 @@ export class SweepComponent implements OnChanges {
   @Input() sweepChannel: SweepChannel | undefined;
   @Input() isSweepExpanded = false;
   @Input() deviceList: Device[] = [];
+  @Input() isListSweep = false;
   @Output() emitSweepExpanderState = new EventEmitter<{
     uuid: string;
     isExpanded: boolean;