Web SDK documentation
  1. Components
  2. ServicesDeviceTabComponent

File

services/services-device-tab/services-device-tab.component.ts

Metadata

selector c8y-services-device-tab
templateUrl services-device-tab.component.html

Index

Properties
Methods

Constructor

constructor(route: ActivatedRoute, inventoryService: InventoryService, gridService: DataGridService, statusOptionsService: StatusOptionsService)
Parameters :
Name Type Optional
route ActivatedRoute No
inventoryService InventoryService No
gridService DataGridService No
statusOptionsService StatusOptionsService No

Methods

Async onDataSourceModifier
onDataSourceModifier(dataSourceModifier: DataSourceModifier)
Parameters :
Name Type Optional
dataSourceModifier DataSourceModifier No
Returns : Promise<ServerSideDataResult>
trackByName
trackByName(_index, column: Column)
Parameters :
Name Type Optional
_index No
column Column No
Returns : string

Properties

columns
Type : Column[]
Default value : [ new StatusGridColumn(this.statusOptionsService), new ServiceNameGridColumn(), new ServiceTypeGridColumn(), new LastUpdatedDateGridColumn() ]
deviceId
Type : string | number
Default value : this.route.snapshot.parent.data.contextData.id
pagination
Type : object
Default value : { pageSize: 50, currentPage: 1 }
refresh$
Type : EventEmitter<void>
Default value : new EventEmitter()
serverSideDataCallback
Type : any
sizeRequest
Type : Promise<number>
sizeRequestDone
Default value : false 
<div class="content-fullpage">
  <c8y-data-grid
    [title]="'Services' | translate"
    [refresh]="refresh$"
    [actionControls]="[]"
    [pagination]="pagination"
    [columns]="columns"
    [infiniteScroll]="'auto'"
    [serverSideDataCallback]="serverSideDataCallback"
  >
    <div class="c8y-empty-state">
      <ng-container *ngIf="!sizeRequestDone">
        <c8y-loading></c8y-loading>
      </ng-container>
      <ng-container *ngIf="sizeRequestDone">
        <ng-container *ngIf="(sizeRequest | async) === 0; else noResults">
          <div class="text-center">
            <h1 class="c8y-icon-duocolor" c8yIcon="c8y-tools"></h1>
            <h3 translate>No services to display.</h3>
          </div>
        </ng-container>
        <ng-template #noResults>
          <h1 c8yIcon="search"></h1>
          <div>
            <p>
              <strong>{{ 'No results to display.' | translate }}</strong>
            </p>
            <small>{{ 'Refine your search terms or check your spelling.' | translate }}</small>
          </div>
        </ng-template>
      </ng-container>
    </div>
    <ng-container *ngFor="let column of columns; trackBy: trackByName">
      <c8y-column [name]="column.name"></c8y-column>
    </ng-container>
  </c8y-data-grid>
</div>

results matching ""

    No results matching ""