widgets/implementations/help-and-service-widget/help-and-service-view/help-and-service-view.component.ts
| selector | c8y-help-and-service-view |
| standalone | true |
| imports |
CoreModule
ReactiveFormsModule
|
| templateUrl | ./help-and-service-view.component.html |
Properties |
|
Methods |
constructor(docs: DocsService, appStateService: AppStateService, navigatorService: NavigatorService, router: Router)
|
|||||||||||||||
|
Parameters :
|
| openLink | |||||||||
openLink(link: DocLink, $event)
|
|||||||||
|
Parameters :
Returns :
void
|
| Public docs |
Type : DocsService
|
| links$ |
Default value : combineLatest([this.docs.items$, this.navigatorService.items$]).pipe(
map(([links, navigatorNodes]) => this.handleDocLinks([...links], navigatorNodes))
)
|
| PRODUCT_EXPERIENCE |
Default value : PRODUCT_EXPERIENCE_HELP_AND_SERVICE_WIDGET
|
<div class="card-group-block">
<a
class="card card--btn"
title="{{ link.label | translate }}"
role="button"
[attr.target]="link.target"
*ngFor="let link of links$ | async"
rel="noopener noreferrer"
[href]="link.url ? link.url : '#'"
(click)="openLink(link, $event)"
c8yProductExperience
[actionName]="PRODUCT_EXPERIENCE.HELP_AND_SERVICE_LINKS.EVENTS.HELP_AND_SERVICE_LINKS"
[actionData]="{
component: PRODUCT_EXPERIENCE.HELP_AND_SERVICE_LINKS.COMPONENTS.HELP_AND_SERVICE_COMPONENT,
action: link.label
}"
>
<div class="card-block text-center">
<div class="icon-32">
<i
class="c8y-icon-duocolor"
[c8yIcon]="link.icon"
></i>
</div>
<small class="text-muted">{{ link.label | translate }}</small>
</div>
</a>
</div>