File
Methods
|
Async
addBookmark
|
addBookmark()
|
|
Returns : Promise<void>
|
|
Async
editBookmarks
|
editBookmarks()
|
|
Returns : Promise<void>
|
|
Async
ngOnInit
|
ngOnInit()
|
|
Returns : Promise<void>
|
|
openUrl
|
openUrl(url: string)
|
Parameters :
| Name |
Type |
Optional |
| url |
string
|
No
|
|
|
addButtonText
|
Default value : gettext('Add current page')
|
|
drawerOpen$
|
Type : Observable<boolean>
|
|
emptyMessageBody
|
Default value : gettext(
'Navigate to the desired page and click the "Add current page" button. Editing, deleting and reordering are possible by clicking on the cog wheel.'
)
|
|
emptyMessageHeader
|
Default value : gettext('No bookmarks yet')
|
<div class="separator-top p-t-8 m-t-auto c8y-right-drawer__item sticky-top">
<i c8yIcon="bookmark"></i>
<span class="text-bold">{{ 'Bookmarks' | translate }}</span>
<button
class="btn-dot m-l-auto"
[attr.aria-label]="'Edit bookmarks' | translate"
[tabindex]="(drawerOpen$ | async) ? '0' : '-1'"
tooltip="{{ 'Edit bookmarks' | translate }}"
placement="left"
container="body"
type="button"
[adaptivePosition]="false"
[delay]="500"
(click)="editBookmarks()"
>
<i
class="text-14 m-0"
c8yIcon="cog"
></i>
</button>
</div>
<div
class="c8y-right-drawer__item p-t-0 p-b-8"
*ngIf="bookmarks?.length"
>
<button
class="btn btn-default btn-sm"
[tabindex]="(drawerOpen$ | async) ? '0' : '-1'"
type="button"
(click)="addBookmark()"
>
<i
class="m-t-0 m-b-0 text-14"
c8yIcon="plus-circle-o"
></i>
<span>{{ addButtonText | translate }}</span>
</button>
</div>
<ng-container *ngFor="let bookmark of bookmarks">
<button
class="c8y-right-drawer__link"
title="{{ bookmark.label }}"
[tabindex]="(drawerOpen$ | async) ? '0' : '-1'"
type="button"
(click)="openUrl(bookmark.url)"
>
<i
[c8yIcon]="bookmark.icon"
*ngIf="bookmark.icon"
></i>
<span class="text-truncate">{{ bookmark.label }}</span>
</button>
</ng-container>
<div class="p-t-8 p-b-8">
<ng-container *ngIf="!bookmarks?.length">
<span class="c8y-right-drawer__item text-muted text-bold text-14 p-b-0">
{{ emptyMessageHeader | translate }}
</span>
<span class="c8y-right-drawer__item text-12 p-t-0">
<span class="text-muted">{{ emptyMessageBody | translate }}</span>
</span>
<div class="c8y-right-drawer__item">
<button
class="btn btn-default btn-sm"
[tabindex]="(drawerOpen$ | async) ? '0' : '-1'"
type="button"
(click)="addBookmark()"
>
<i
class="m-t-0 m-b-0 text-14"
c8yIcon="plus-circle-o"
></i>
<span>{{ addButtonText | translate }}</span>
</button>
</div>
</ng-container>
</div>