Web SDK documentation
  1. Components
  2. StepperBulkTypeDeviceProfileComponent

File

operations/stepper-bulk-type-device-profile/stepper-bulk-type-device-profile.component.ts

Extends

BaseStepperComponent

Metadata

selector c8y-stepper-bulk-type-device-profile
templateUrl stepper-bulk-type-device-profile.component.html

Index

Properties
Methods

Methods

goToConfirmSelection
goToConfirmSelection($event: literal type)
Parameters :
Name Type Optional
$event literal type No
Returns : void
onDeviceProfileSelected
onDeviceProfileSelected(selectedItem)
Parameters :
Name Optional
selectedItem No
Returns : void
Protected retrieveOperationPrototype
retrieveOperationPrototype()
Returns : OperationDetails
ngOnDestroy
ngOnDestroy()
Returns : void
ngOnInit
ngOnInit()
Returns : void
Protected onSelectionChange
onSelectionChange(event: StepperSelectionEvent)
Parameters :
Name Type Optional
event StepperSelectionEvent No
Returns : void

Properties

selectedDeviceProfile
Type : IManagedObject
operationStepper
Type : BulkOperationStepper
Decorators :
@ViewChild(BulkOperationStepper, {static: true})
stepData
Type : literal type
Default value : {}

A map holding step data. The order of properties need to match the order of the steps they hold data for as the index of the property is used to clear step data when navigating forth after changing data at an earlier step.

 
<c8y-bulk-operation-stepper>
  <ng-container
    *customStep="
      'Select device profile' | translate; 
      completed: !!selectedDeviceProfile;
      buttonsDisabled: !selectedDeviceProfile; 
      onNext: goToConfirmSelection.bind(this)"
  >
    <c8y-select-device-profile-step
      (deviceProfile)="onDeviceProfileSelected($event)"
      class="d-contents"
    ></c8y-select-device-profile-step>
  </ng-container>
  <ng-container *customStep="'Confirm selected device profile' | translate">
    <c8y-confirm-device-profile-selection-step
      class="d-contents"
      [selectedDeviceProfile]="selectedDeviceProfile"
    ></c8y-confirm-device-profile-selection-step>
  </ng-container>
</c8y-bulk-operation-stepper>

results matching ""

    No results matching ""