Added the ability to duplicate operation calls so multiple payloads s…

…upported.

src/device-control-widget/device-control-widget.config.component.html

@@ -230,6 +230,35 @@ <h4>Toggle</h4>
 
  <ng-template #normalOp>
  <h4>Operation</h4>
+
+ <label class="label-with-help">
+ Duplicate operation
+ <span class="help-icon">
+ <img src="{{CONST_HELP_IMAGE_FILE}}" alt="help tooltip"
+ title="Add an extra version of this command.">
+ </span>
+ </label>
+ <button
+ style="color:#1776BF;"
+ type="button" class="button"
+ (click)="addCommand(op)">
+ <span class="fa fa-plus"></span>
+ </button>
+
+ <label class="label-with-help">
+ Delete operation
+ <span class="help-icon">
+ <img src="{{CONST_HELP_IMAGE_FILE}}" alt="help tooltip"
+ title="Add an extra version of this command.">
+ </span>
+ </label>
+ <button
+ style="color:#1776BF;"
+ type="button" class="button"
+ (click)="deleteCommand(i)">
+ <span class="fa fa-minus"></span>
+ </button>
+
  <label>
  Tooltip text
  </label>

src/device-control-widget/device-control-widget.config.component.ts

@@ -171,6 +171,17 @@ export class DeviceControlWidgetConfig implements OnInit, OnDestroy {
  );
  }
 
+ addCommand(op: DeviceOperation) {
+ let copy = _.cloneDeep(op);
+ this.widgetHelper.getWidgetConfig().selectedOperations.push(
+ copy
+ );
+ }
+
+ deleteCommand(index: number) {
+ this.widgetHelper.getWidgetConfig().selectedOperations.splice(index, 1);
+ }
+
  removeToggle(index: number) {
  this.widgetHelper.getWidgetConfig().selectedToggles.splice(index, 1);
  }