Web SDK documentation
  1. Components
  2. BookmarksComponent

File

bookmarks/bookmarks.component.ts

Metadata

selector c8y-bookmarks
templateUrl ./bookmarks.component.html

Index

Properties
Methods

Constructor

constructor(document: Document, translateService: TranslateService, bookmarksService: BookmarkService, alertService: AlertService, bookmarkService: BookmarkService, bsModalService: BsModalService, router: Router, headerService: HeaderService)
Parameters :
Name Type Optional
document Document No
translateService TranslateService No
bookmarksService BookmarkService No
alertService AlertService No
bookmarkService BookmarkService No
bsModalService BsModalService No
router Router No
headerService HeaderService No

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
Returns : void

Properties

addButtonText
Default value : this.translateService.instant(gettext('Add current page'))
bookmarks
Type : Bookmark[]
drawerOpen$
Type : Observable<boolean>
emptyMessageBody
Default value : this.translateService.instant( 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 : this.translateService.instant(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"
    tooltip="{{ 'Edit bookmarks' | translate }}"
    [attr.aria-label]="'Edit bookmarks' | translate"
    container="body"
    placement="left"
    [adaptivePosition]="false"
    [delay]="500"
    (click)="editBookmarks()"
    type="button"
    [tabindex]="(drawerOpen$ | async) ? '0' : '-1'"
  >
    <i c8yIcon="cog" class="text-14 m-0"></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"
    (click)="addBookmark()"
    type="button"
    [tabindex]="(drawerOpen$ | async) ? '0' : '-1'"
  >
    <i c8yIcon="plus-circle-o" class="m-t-0 m-b-0 text-14"></i>
    <span>{{ addButtonText }}</span>
  </button>
</div>
<ng-container *ngFor="let bookmark of bookmarks">
  <button
    title="{{ bookmark.label }}"
    type="button"
    class="c8y-right-drawer__link"
    (click)="openUrl(bookmark.url)"
    [tabindex]="(drawerOpen$ | async) ? '0' : '-1'"
  >
    <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 }}
    </span>
    <span class="c8y-right-drawer__item text-12 p-t-0">
      <span class="text-muted">{{ emptyMessageBody }}</span>
    </span>
    <div class="c8y-right-drawer__item">
      <button
        class="btn btn-default btn-sm"
        (click)="addBookmark()"
        type="button"
        [tabindex]="(drawerOpen$ | async) ? '0' : '-1'"
      >
        <i c8yIcon="plus-circle-o" class="m-t-0 m-b-0 text-14"></i>
        <span>{{ addButtonText }}</span>
      </button>
    </div>
  </ng-container>
</div>

results matching ""

    No results matching ""