File
Index
Properties
|
|
Inputs
|
|
Accessors
|
|
helpAndSupport
|
Type : DocLink[]
|
Default value : []
|
quickLinks
|
Type : DocLink[]
|
Default value : []
|
Accessors
_quickLinks
|
set_quickLinks(data: any[])
|
Parameters :
Name |
Type |
Optional |
data |
any[]
|
No
|
|
_helpAndSupport
|
set_helpAndSupport(data: any[])
|
Parameters :
Name |
Type |
Optional |
data |
any[]
|
No
|
|
<div class="c8y-right-drawer">
<div class="summary">
<h4 class="text-light">
{{ 'Welcome to' | translate }} {{ app | humanizeAppName | async }}
</h4>
</div>
<div *ngIf="quickLinks.length">
<div class="legend form-block" translate>Quick links</div>
<div class="quick-links-drawer">
<ng-container *ngFor="let quickLink of quickLinks">
<ng-container *ngIf="quickLink.component">
<ng-container *ngComponentOutlet="quickLink.component; injector: quickLink.injector"></ng-container>
</ng-container>
<a
*ngIf="!quickLink.component"
class="quick-link"
[href]="quickLink.url || '#'"
(click)="quickLink.click && $event.preventDefault(); quickLink.click && quickLink.click();"
c8yProductExperience
[actionName]="'quickLinkRightDrawer:' + quickLink.label"
[actionData]=""
>
<h2 *ngIf="quickLink.icon"><i class="{{ quickLink.icon }}"></i></h2>
<img
*ngIf="quickLink.iconSrc"
[src]="quickLink.iconSrc"
style="max-width:50px;"
class="img-responsive center-block"
onerror="this.style.display = 'none'">
{{ quickLink.label | translate }}
</a>
</ng-container>
</div>
</div>
<div *ngIf="helpAndSupport.length">
<div class="legend form-block m-t-24" translate>Help & support</div>
<div class="help-support" *ngFor="let link of helpAndSupport">
<ng-container *ngIf="link.component">
<ng-container *ngComponentOutlet="link.component; injector: link.injector"></ng-container>
</ng-container>
<a
*ngIf="!link.component"
class="help-and-support-link text-truncate"
target="_blank"
rel="noopener noreferrer"
[href]="link.url"
c8yProductExperience
[actionName]="'quickLinkRightDrawer:' + link.label"
[actionData]=""
>
<i [c8yIcon]="link.icon"></i>
<span title="{{ link.label | translate }}" class="d-inline">
{{ link.label | translate }}
</span>
</a>
</div>
</div>
</div>