Web SDK documentation
  1. Components
  2. SoftwareListComponent

File

repository/software/list/software-list.component.ts

Implements

OnInit

Metadata

selector c8y-software-list
templateUrl software-list.component.html

Index

Properties
Methods

Constructor

constructor(repositoryService: RepositoryService, gridService: DeviceGridService, modalService: ModalService, bsModalService: BsModalService, translateService: TranslateService, alertService: AlertService, router: Router, activatedRoute: ActivatedRoute)
Parameters :
Name Type Optional
repositoryService RepositoryService No
gridService DeviceGridService No
modalService ModalService No
bsModalService BsModalService No
translateService TranslateService No
alertService AlertService No
router Router No
activatedRoute ActivatedRoute No

Methods

addSoftware
addSoftware()
Returns : void
Async deleteSoftware
deleteSoftware(software: IManagedObject)
Parameters :
Name Type Optional
software IManagedObject No
Returns : any
editSoftware
editSoftware(software: Partial)
Parameters :
Name Type Optional
software Partial<IManagedObject> No
Returns : void
ngOnInit
ngOnInit()
Returns : void
Async onDataSourceModifier
onDataSourceModifier(dataSourceModifier: DataSourceModifier)
Parameters :
Name Type Optional
dataSourceModifier DataSourceModifier No
Returns : Promise<ServerSideDataResult>
trackByName
trackByName(_index, column: DeviceGridColumn)
Parameters :
Name Type Optional
_index No
column DeviceGridColumn No
Returns : string

Properties

actionControls
Type : ActionControl[]
Default value : []
columns
Type : DeviceGridColumn[]
Default value : [ new SoftwareNameGridColumn(), new DescriptionGridColumn(), new DeviceTypeGridColumn(), new SoftwareTypeGridColumn(), new VersionsGridColumn() ]
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 
<c8y-title>
  {{ 'Software repository' | translate }}
</c8y-title>

<c8y-action-bar-item [placement]="'right'">
  <button class="btn btn-link" title="{{ 'Add software' | translate }}" (click)="addSoftware()">
    <i c8yIcon="plus-circle"></i>
    {{ 'Add software' | translate }}
  </button>
</c8y-action-bar-item>

<c8y-help src="/users-guide/device-management/#software-repo"></c8y-help>

<div class="content-fullpage">
  <c8y-data-grid
    [title]="'Software' | translate"
    [refresh]="refresh$"
    [pagination]="pagination"
    [columns]="columns"
    [actionControls]="actionControls"
    [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 software to display.</h3>
            <p translate>Add a new software by clicking below.</p>
            <p>
              <button
                class="btn btn-primary"
                title="{{ 'Add software' | translate }}"
                (click)="addSoftware()"
                translate
              >
                Add software
              </button>
            </p>
          </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 ""