Web SDK documentation
  1. Components
  2. StepperBulkTypeFirmwareComponent

File

operations/stepper-bulk-type-firmware/stepper-bulk-type-firmware.component.ts

Extends

BaseStepperComponent

Implements

OnDestroy

Metadata

selector c8y-stepper-firmware
templateUrl stepper-bulk-type-firmware.component.html

Index

Properties
Methods

Constructor

constructor(bulkOperationService: BulkOperationsService, translate: TranslateService)
Parameters :
Name Type Optional
bulkOperationService BulkOperationsService No
translate TranslateService No

Methods

goToVersionOrPatchStep
goToVersionOrPatchStep(undefined)
Parameters :
Name Optional
No
Returns : void
ngOnDestroy
ngOnDestroy()
Returns : void
onFirmwareSelected
onFirmwareSelected(fw: IManagedObject)
Parameters :
Name Type Optional
fw IManagedObject No
Returns : void
Protected onSelectionChange
onSelectionChange(event: StepperSelectionEvent)
Parameters :
Name Type Optional
event StepperSelectionEvent No
Returns : void
onVersionOrPatchSelected
onVersionOrPatchSelected(versionOrPatch: IManagedObject)
Parameters :
Name Type Optional
versionOrPatch IManagedObject 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
Protected Abstract retrieveOperationPrototype
retrieveOperationPrototype()
Returns : OperationDetails | Promise

Properties

Readonly descriptionTemplate
descriptionTemplate: string
Type : string
Default value : gettext('{{ name }} (version {{ version }})')
selectedFirmware
selectedFirmware: IManagedObject
Type : IManagedObject
selectedVersionOrPatch
selectedVersionOrPatch: IManagedObject
Type : IManagedObject
stepData
stepData: literal type
Type : literal type
Default value : { firmware: undefined, versionOrPatch: undefined }
textFilter$
textFilter$: BehaviorSubject<string>
Type : BehaviorSubject<string>
Default value : new BehaviorSubject('')
operationStepper
operationStepper: BulkOperationStepper
Type : BulkOperationStepper
Decorators :
@ViewChild(BulkOperationStepper, {static: undefined})
stepData
stepData: literal type
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 firmware' | translate;
      completed: !!stepData?.firmware;
      buttonsDisabled: !stepData?.firmware;
      onNext: goToVersionOrPatchStep.bind(this)
    "
  >
    <c8y-select-firmware-step
      [selected]="stepData?.firmware"
      (firmware)="onFirmwareSelected($event)"
      class="d-contents"
    ></c8y-select-firmware-step
  ></ng-container>
  <ng-container
    *customStep="
      'Select version or patch' | translate;
      completed: !!stepData?.versionOrPatch;
      buttonsDisabled: !stepData?.versionOrPatch
    "
  >
    <div class="card-block p-t-0 flex-no-shrink separator-bottom col-xs-12">
      <div class="row">
        <div class="col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4">
          <h4 class="text-center m-b-16 text-gray" translate>
            Select version or patch
          </h4>
          <p class="text-center p-b-8 text-truncate">
            <strong [title]="stepData?.firmware?.name">{{ stepData?.firmware?.name }}</strong
            ><br />
            <small [title]="stepData?.firmware?.description">{{
              stepData?.firmware?.description
            }}</small>
          </p>
        </div>
      </div>
    </div>
    <div class="col-xs-12 flex-grow no-gutter">
      <div class="card-inner-scroll fit-h">
        <div class="card-block p-t-0 p-b-0">
          <c8y-version-or-patch-step
            [selected]="stepData?.versionOrPatch"
            (versionOrPatch)="onVersionOrPatchSelected($event)">
          </c8y-version-or-patch-step>
        </div>
      </div>
    </div>
  </ng-container>
</c8y-bulk-operation-stepper>

result-matching ""

    No results matching ""