ngx-admin-lte/esm2015/widgets/user-box/user-box.component.js

AdminLTE theme for angular

import * as tslib_1 from "tslib";
import { Component } from '@angular/core';
import { User } from '../../models/user';
import { UserService } from '../../services/user.service';
import { Router } from '@angular/router';
let UserBoxComponent = class UserBoxComponent {
    constructor(userServ, router) {
        this.userServ = userServ;
        this.router = router;
        // default user, only an example, please use the userService to modify
        this.currentUser = new User({
            avatarUrl: 'assets/img/user2-160x160.jpg',
            email: 'weber.antoine@outlook.com',
            firstname: 'WEBER',
            lastname: 'Antoine'
        });
        this.logout = () => {
            this.userServ.logout();
        };
        // se connecter au modif du user courant
        this.userServ.getCurrent().subscribe((user) => this.currentUser = user);
    }
    ngOnInit() {
        // TODO
    }
};
UserBoxComponent.ctorParameters = () => [
    { type: UserService },
    { type: Router }
];
UserBoxComponent = tslib_1.__decorate([
    Component({
        /* tslint:disable */
        selector: '.userBox',
        template: "<!-- Menu Toggle Button -->\n<a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">\n  <!-- The user image in the navbar-->\n  <img *ngIf=\"currentUser.avatarUrl != ''\" [src]=\"currentUser.avatarUrl\" class=\"user-image\" [alt]=\"currentUser.getName()\">\n  <!-- hidden-xs hides the username on small devices so only the image appears. -->\n  <span class=\"hidden-xs\">{{currentUser.getName()}}</span>\n</a>\n<ul class=\"dropdown-menu\">\n  <!-- The user image in the menu -->\n  <li class=\"user-header\">\n    <img *ngIf=\"currentUser.avatarUrl != ''\" [src]=\"currentUser.avatarUrl\" class=\"img-circle\" [alt]=\"currentUser.getName()\">\n    <p>\n      {{currentUser.getName()}} - Web Developer\n      <small>{{ 'USERBOX.MEMBERSINCE' | translate }} {{currentUser.creationDate}}</small>\n    </p>\n  </li>\n  <!-- Menu Body -->\n  <li class=\"user-body\">\n    <div class=\"col-xs-4 text-center\">\n      <a href=\"#\">Followers</a>\n    </div>\n    <div class=\"col-xs-4 text-center\">\n      <a href=\"#\">Sales</a>\n    </div>\n    <div class=\"col-xs-4 text-center\">\n      <a href=\"#\">Friends</a>\n    </div>\n  </li>\n  <!-- Menu Footer-->\n  <li class=\"user-footer\">\n    <div class=\"pull-left\">\n      <a href=\"#\" class=\"btn btn-default btn-flat\">{{ 'USERBOX.PROFILE' | translate }}</a>\n    </div>\n    <div class=\"pull-right\">\n      <a (click)=\"logout()\" class=\"btn btn-default btn-flat\">{{ 'USERBOX.SIGNOUT' | translate }}</a>\n    </div>\n  </li>\n</ul>\n",
        styles: [""]
    })
], UserBoxComponent);
export { UserBoxComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1ib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LWFkbWluLWx0ZS8iLCJzb3VyY2VzIjpbIndpZGdldHMvdXNlci1ib3gvdXNlci1ib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDMUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBU3pDLElBQWEsZ0JBQWdCLEdBQTdCLE1BQWEsZ0JBQWdCO0lBVTNCLFlBQW9CLFFBQXFCLEVBQVUsTUFBYztRQUE3QyxhQUFRLEdBQVIsUUFBUSxDQUFhO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQVJqRSxzRUFBc0U7UUFDL0QsZ0JBQVcsR0FBVSxJQUFJLElBQUksQ0FBQztZQUNqQyxTQUFTLEVBQUUsOEJBQThCO1lBQ3pDLEtBQUssRUFBRSwyQkFBMkI7WUFDbEMsU0FBUyxFQUFFLE9BQU87WUFDbEIsUUFBUSxFQUFFLFNBQVM7U0FDdEIsQ0FBQyxDQUFDO1FBV0ksV0FBTSxHQUFHLEdBQVMsRUFBRTtZQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3pCLENBQUMsQ0FBQTtRQVZDLHdDQUF3QztRQUN4QyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQVUsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsQ0FBQztJQUNoRixDQUFDO0lBRU0sUUFBUTtRQUNiLE9BQU87SUFDVCxDQUFDO0NBS0YsQ0FBQTs7WUFaK0IsV0FBVztZQUFrQixNQUFNOztBQVZ0RCxnQkFBZ0I7SUFQNUIsU0FBUyxDQUFDO1FBQ1Qsb0JBQW9CO1FBQ3BCLFFBQVEsRUFBRSxVQUFVO1FBR3BCLHcrQ0FBd0M7O0tBQ3pDLENBQUM7R0FDVyxnQkFBZ0IsQ0FzQjVCO1NBdEJZLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVc2VyIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3VzZXInO1xuaW1wb3J0IHsgVXNlclNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy91c2VyLnNlcnZpY2UnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIC8qIHRzbGludDpkaXNhYmxlICovXG4gIHNlbGVjdG9yOiAnLnVzZXJCb3gnLFxuICAvKiB0c2xpbnQ6ZW5hYmxlICovXG4gIHN0eWxlVXJsczogWycuL3VzZXItYm94LmNvbXBvbmVudC5jc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItYm94LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBVc2VyQm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAvLyBkZWZhdWx0IHVzZXIsIG9ubHkgYW4gZXhhbXBsZSwgcGxlYXNlIHVzZSB0aGUgdXNlclNlcnZpY2UgdG8gbW9kaWZ5XG4gIHB1YmxpYyBjdXJyZW50VXNlcjogVXNlciA9ICBuZXcgVXNlcih7XG4gICAgICBhdmF0YXJVcmw6ICdhc3NldHMvaW1nL3VzZXIyLTE2MHgxNjAuanBnJyxcbiAgICAgIGVtYWlsOiAnd2ViZXIuYW50b2luZUBvdXRsb29rLmNvbScsXG4gICAgICBmaXJzdG5hbWU6ICdXRUJFUicsXG4gICAgICBsYXN0bmFtZTogJ0FudG9pbmUnXG4gIH0pO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdXNlclNlcnY6IFVzZXJTZXJ2aWNlLCBwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7XG4gICAgLy8gc2UgY29ubmVjdGVyIGF1IG1vZGlmIGR1IHVzZXIgY291cmFudFxuICAgIHRoaXMudXNlclNlcnYuZ2V0Q3VycmVudCgpLnN1YnNjcmliZSgodXNlcjogVXNlcikgPT4gdGhpcy5jdXJyZW50VXNlciA9IHVzZXIpO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIC8vIFRPRE9cbiAgfVxuXG4gIHB1YmxpYyBsb2dvdXQgPSAoKTogdm9pZCA9PiB7XG4gICAgdGhpcy51c2VyU2Vydi5sb2dvdXQoKTtcbiAgfVxufVxuIl19