@c8y/ngx-components
Version:
Angular modules for Cumulocity IoT applications
27 lines • 6.76 kB
JavaScript
import { Component } from '@angular/core';
import { AppStateService } from '../../common';
import { HeaderService } from '../../header/header.service';
import * as i0 from "@angular/core";
import * as i1 from "../../common";
import * as i2 from "../../header/header.service";
import * as i3 from "@angular/common";
import * as i4 from "../../i18n/c8y-translate.pipe";
import * as i5 from "../../common/shorten-user-name.pipe";
import * as i6 from "../../common/user-name-initials.pipe";
import * as i7 from "./user-roles-list.pipe";
export class UserDetailsDrawerComponent {
constructor(appState, headerService) {
this.appState = appState;
this.headerService = headerService;
}
close() {
this.headerService.closeRightDrawer();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserDetailsDrawerComponent, deps: [{ token: i1.AppStateService }, { token: i2.HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UserDetailsDrawerComponent, selector: "c8y-user-details-drawer", host: { classAttribute: "d-contents" }, ngImport: i0, template: "<div class=\"c8y-right-drawer__header separator-bottom\">\n <button type=\"button\" class=\"close\" [attr.tabindex]=\"(headerService.rightDrawerOpen$ | async) ? '0' : '-1'\" title=\"{{ 'Close' | translate }}\" (click)=\"close()\">\n ×\n </button>\n <div class=\"d-flex a-i-center\">\n <div class=\"user-dot\">{{ appState.currentUser | async | userNameInitials }}</div>\n <div class=\"min-width-0\">\n <p\n *ngIf=\"appState.currentUser | async as currentUser\"\n class=\"text-truncate text-medium text-16\"\n title=\"{{ currentUser | shortenUserName }}\"\n >\n {{ currentUser | shortenUserName }}\n </p>\n <small\n *ngIf=\"appState.currentUser | async | userRolesList as userRoles\"\n [title]=\"userRoles\"\n class=\"text-truncate\"\n >\n {{ userRoles }}\n </small>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.ShortenUserNamePipe, name: "shortenUserName" }, { kind: "pipe", type: i6.UserNameInitialsPipe, name: "userNameInitials" }, { kind: "pipe", type: i7.UserRolesListPipe, name: "userRolesList" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserDetailsDrawerComponent, decorators: [{
type: Component,
args: [{ selector: 'c8y-user-details-drawer', host: { class: 'd-contents' }, template: "<div class=\"c8y-right-drawer__header separator-bottom\">\n <button type=\"button\" class=\"close\" [attr.tabindex]=\"(headerService.rightDrawerOpen$ | async) ? '0' : '-1'\" title=\"{{ 'Close' | translate }}\" (click)=\"close()\">\n ×\n </button>\n <div class=\"d-flex a-i-center\">\n <div class=\"user-dot\">{{ appState.currentUser | async | userNameInitials }}</div>\n <div class=\"min-width-0\">\n <p\n *ngIf=\"appState.currentUser | async as currentUser\"\n class=\"text-truncate text-medium text-16\"\n title=\"{{ currentUser | shortenUserName }}\"\n >\n {{ currentUser | shortenUserName }}\n </p>\n <small\n *ngIf=\"appState.currentUser | async | userRolesList as userRoles\"\n [title]=\"userRoles\"\n class=\"text-truncate\"\n >\n {{ userRoles }}\n </small>\n </div>\n </div>\n</div>\n" }]
}], ctorParameters: () => [{ type: i1.AppStateService }, { type: i2.HeaderService }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1kZXRhaWxzLWRyYXdlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb3JlL3VzZXIvdXNlci1kZXRhaWxzLWRyYXdlci91c2VyLWRldGFpbHMtZHJhd2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2NvcmUvdXNlci91c2VyLWRldGFpbHMtZHJhd2VyL3VzZXItZGV0YWlscy1kcmF3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7Ozs7O0FBTzVELE1BQU0sT0FBTywwQkFBMEI7SUFDckMsWUFBbUIsUUFBeUIsRUFBUyxhQUE0QjtRQUE5RCxhQUFRLEdBQVIsUUFBUSxDQUFpQjtRQUFTLGtCQUFhLEdBQWIsYUFBYSxDQUFlO0lBQUcsQ0FBQztJQUVyRixLQUFLO1FBQ0gsSUFBSSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQ3hDLENBQUM7K0dBTFUsMEJBQTBCO21HQUExQiwwQkFBMEIsdUdDVHZDLHM0QkF3QkE7OzRGRGZhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSx5QkFBeUIsUUFFN0IsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBcHBTdGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9jb21tb24nO1xuaW1wb3J0IHsgSGVhZGVyU2VydmljZSB9IGZyb20gJy4uLy4uL2hlYWRlci9oZWFkZXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2M4eS11c2VyLWRldGFpbHMtZHJhd2VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItZGV0YWlscy1kcmF3ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0OiB7IGNsYXNzOiAnZC1jb250ZW50cycgfVxufSlcbmV4cG9ydCBjbGFzcyBVc2VyRGV0YWlsc0RyYXdlckNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBhcHBTdGF0ZTogQXBwU3RhdGVTZXJ2aWNlLCBwdWJsaWMgaGVhZGVyU2VydmljZTogSGVhZGVyU2VydmljZSkge31cblxuICBjbG9zZSgpIHtcbiAgICB0aGlzLmhlYWRlclNlcnZpY2UuY2xvc2VSaWdodERyYXdlcigpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYzh5LXJpZ2h0LWRyYXdlcl9faGVhZGVyIHNlcGFyYXRvci1ib3R0b21cIj5cbiAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJjbG9zZVwiIFthdHRyLnRhYmluZGV4XT1cIihoZWFkZXJTZXJ2aWNlLnJpZ2h0RHJhd2VyT3BlbiQgfCBhc3luYykgPyAnMCcgOiAnLTEnXCIgdGl0bGU9XCJ7eyAnQ2xvc2UnIHwgdHJhbnNsYXRlIH19XCIgKGNsaWNrKT1cImNsb3NlKClcIj5cbiAgICAmdGltZXM7XG4gIDwvYnV0dG9uPlxuICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGEtaS1jZW50ZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwidXNlci1kb3RcIj57eyBhcHBTdGF0ZS5jdXJyZW50VXNlciB8IGFzeW5jIHwgdXNlck5hbWVJbml0aWFscyB9fTwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtaW4td2lkdGgtMFwiPlxuICAgICAgPHBcbiAgICAgICAgKm5nSWY9XCJhcHBTdGF0ZS5jdXJyZW50VXNlciB8IGFzeW5jIGFzIGN1cnJlbnRVc2VyXCJcbiAgICAgICAgY2xhc3M9XCJ0ZXh0LXRydW5jYXRlIHRleHQtbWVkaXVtIHRleHQtMTZcIlxuICAgICAgICB0aXRsZT1cInt7IGN1cnJlbnRVc2VyIHwgc2hvcnRlblVzZXJOYW1lIH19XCJcbiAgICAgID5cbiAgICAgICAge3sgY3VycmVudFVzZXIgfCBzaG9ydGVuVXNlck5hbWUgfX1cbiAgICAgIDwvcD5cbiAgICAgIDxzbWFsbFxuICAgICAgICAqbmdJZj1cImFwcFN0YXRlLmN1cnJlbnRVc2VyIHwgYXN5bmMgfCB1c2VyUm9sZXNMaXN0IGFzIHVzZXJSb2xlc1wiXG4gICAgICAgIFt0aXRsZV09XCJ1c2VyUm9sZXNcIlxuICAgICAgICBjbGFzcz1cInRleHQtdHJ1bmNhdGVcIlxuICAgICAgPlxuICAgICAgICB7eyB1c2VyUm9sZXMgfX1cbiAgICAgIDwvc21hbGw+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=