Web SDK documentation
  1. Components
  2. VersionOrPatchComponent

File

operations/stepper-bulk-type-firmware/version-or-patch.component.ts

Metadata

selector c8y-version-or-patch-step
imports ListGroupComponent ForOfDirective ListItemComponent ListItemIconComponent IconDirective ListItemBodyComponent NgPlural NgPluralCase C8yTranslateDirective ListItemCollapseComponent ListItemRadioComponent C8yTranslatePipe AsyncPipe
templateUrl version-or-patch.component.html

Index

Properties
Methods
Inputs
Outputs

Constructor

constructor(repositoryService: RepositoryService, inventoryService: InventoryService, bulkOpsService: BulkOperationsService)
Parameters :
Name Type Optional
repositoryService RepositoryService No
inventoryService InventoryService No
bulkOpsService BulkOperationsService No

Inputs

selected
Type : IManagedObject

Outputs

versionOrPatch
Type : EventEmitter<IManagedObject>

Methods

getBaseVersionAndPatches$
getBaseVersionAndPatches$(baseVersion: unknown)
Decorators :
@memoize(undefined)
Parameters :
Name Type Optional
baseVersion unknown No
Returns : any
getBinaryName$
getBinaryName$(binaryUrl: unknown)
Decorators :
@memoize()
Parameters :
Name Type Optional
binaryUrl unknown No
Returns : any
getPatchVersionsCount$
getPatchVersionsCount$(baseVersion: FirmwareBinary)
Decorators :
@memoize(undefined)
Parameters :
Name Type Optional
baseVersion FirmwareBinary No
Returns : any
selectVersionOrPatch
selectVersionOrPatch(selected: boolean, versionOrPatch: IManagedObject)
Parameters :
Name Type Optional
selected boolean No
versionOrPatch IManagedObject No
Returns : void

Properties

baseVersions$
Type : Observable<IResultList<IManagedObject>>
Default value : this.firmware$.pipe( distinctUntilKeyChanged('id'), switchMap(firmware => this.repositoryService.listBaseVersions(firmware)), tap(resp => { this.elementCount = resp.data ? resp.data.length : 0; }), shareReplay(1) )
DD_LOW_COUNT
Type : number
Default value : 10
elementCount
Type : number
Default value : 0
expanded
Type : literal type
Default value : {}
firmware$
Type : Observable<IManagedObject>
Default value : this.bulkOpsService.firmwareId.pipe( distinctUntilChanged(), switchMap(id => defer(() => this.inventoryService.detail(id).then(result => result.data)).pipe( catchError(error => of(error)) ) ), shareReplay(1) )
isLegacy$
Type : Observable<boolean>
Default value : this.firmware$.pipe( map(firmware => this.repositoryService.isLegacyEntry(firmware)), shareReplay(1) ) 
@if ((baseVersions$ | async)?.data.length > 0) {
  <c8y-list-group class="m-b-16">
    <c8y-li *c8yFor="let baseVersion of baseVersions$ | async; let i = index; loadMore: 'auto'">
      <c8y-li-icon>
        <i c8yIcon="c8y-firmware"></i>
      </c8y-li-icon>

      <c8y-li-body class="content-flex-50">
        <div class="col-10">
          <p>{{ baseVersion.c8y_Firmware.version }}</p>
        </div>
        <div class="col-2">
          @if (isLegacy$ | async) {
            <span class="label label-warning">
              {{ 'Legacy' | translate }}
            </span>
          }

          @if (!(isLegacy$ | async)) {
            <span>
              @if ((getPatchVersionsCount$(baseVersion) | async) === null) {
                <span>
                  <span class="label label-info">
                    <i
                      class="icon-spin"
                      c8yIcon="circle-o-notch"
                    ></i>
                  </span>
                </span>
              }

              @if ((getPatchVersionsCount$(baseVersion) | async) !== null) {
                <span>
                  <span [ngPlural]="getPatchVersionsCount$(baseVersion) | async">
                    <ng-template ngPluralCase="=0">
                      <span class="label label-default"><span translate>No patches</span></span>
                    </ng-template>
                    <ng-template ngPluralCase="=1">
                      <span class="label label-info">
                        <span translate>1 patch</span>
                      </span>
                    </ng-template>
                    <ng-template ngPluralCase="other">
                      <span class="label label-info">
                        <span
                          ngNonBindable
                          translate
                          [translateParams]="{ count: getPatchVersionsCount$(baseVersion) | async }"
                        >
                          {{ count }} patches
                        </span>
                      </span>
                    </ng-template>
                  </span>
                </span>
              }
            </span>
          }
        </div>
      </c8y-li-body>

      <c8y-li-collapse>
        <c8y-list-group>
          <c8y-li
            *c8yFor="
              let patchVersion of getBaseVersionAndPatches$(baseVersion) | async;
              let i = index;
              loadMore: 'auto'
            "
          >
            <c8y-li-radio
              (onSelect)="selectVersionOrPatch($event, patchVersion)"
              [selected]="patchVersion === selected"
            ></c8y-li-radio>
            <c8y-li-icon>
              <i c8yIcon="c8y-firmware"></i>
            </c8y-li-icon>
            <c8y-li-body class="content-flex-50">
              <div class="col-3">
                {{ patchVersion.c8y_Firmware.version }}
              </div>
              <div class="col-3">
                @if (patchVersion.c8y_Patch) {
                  <span
                    class="label label-info"
                    translate
                  >
                    patch
                  </span>
                } @else {
                  <span
                    class="label label-primary"
                    translate
                  >
                    version
                  </span>
                }
              </div>
              <div class="col-6 text-truncate">
                <span
                  class="text-label-small m-r-4"
                  translate
                >
                  File
                </span>
                @if (patchVersion.c8y_Firmware.url === '') {
                  <span title="{{ 'Provided by device' | translate }}">
                    {{ 'Provided by device' | translate }}
                  </span>
                } @else {
                  <span title="{{ getBinaryName$(patchVersion.c8y_Firmware.url) | async }}">
                    {{ getBinaryName$(patchVersion.c8y_Firmware.url) | async }}
                  </span>
                }
              </div>
            </c8y-li-body>
          </c8y-li>
        </c8y-list-group>
      </c8y-li-collapse>
    </c8y-li>
  </c8y-list-group>
}

results matching ""

    No results matching ""