com.phloxui
Version:
PhloxUI Ng2+ Framework
158 lines (157 loc) • 13.1 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
import { Component } from '@angular/core';
import { UserService } from '../../../../service/UserService.service';
import { APP_SWITCHER_HEADER, APP_SWITCHER_TAGLINE } from '../../../../share/Constants';
const /** @type {?} */ TYPE_NAME = "phx-app-drawer-popover";
export class AppDrawerPopover {
/**
* @param {?} userService
*/
constructor(userService) {
this.header = APP_SWITCHER_HEADER;
this.tagline = APP_SWITCHER_TAGLINE;
this.userService = userService;
let /** @type {?} */ accessibleAppProm = this.userService.getAccessibleApp();
if (accessibleAppProm !== null && accessibleAppProm !== undefined) {
accessibleAppProm.then((result) => {
this.appItems = result;
this.groupAppItems = [];
this.addedGroupItemMap = {};
if (result !== null && result !== undefined && Array.isArray(result)) {
for (let /** @type {?} */ item of result) {
let /** @type {?} */ groupName = item.group;
if (groupName != null && groupName !== '') {
let /** @type {?} */ groupingItem = this.addedGroupItemMap[groupName];
if (groupingItem != null && groupingItem !== 'undefined') {
groupingItem.items.push(item);
}
else {
let /** @type {?} */ items = [];
let /** @type {?} */ innerItem = { "groupName": groupName, "items": items };
innerItem.items.push(item);
this.groupAppItems.push(innerItem);
this.addedGroupItemMap[groupName] = innerItem;
}
}
}
}
});
}
}
/**
* @return {?}
*/
isShowMore() {
//! show when has many app to load just implement here
if (this.groupAppItems !== null && this.groupAppItems !== undefined && this.groupAppItems.length > 0) {
return true;
}
return false;
}
/**
* @return {?}
*/
getHeader() {
return this.header;
}
/**
* @return {?}
*/
getTagline() {
return this.tagline;
}
/**
* @return {?}
*/
getAppItems() {
return this.appItems;
}
/**
* @return {?}
*/
getGroupAppItems() {
return this.groupAppItems;
}
}
AppDrawerPopover.TYPE_NAME = TYPE_NAME;
AppDrawerPopover.decorators = [
{ type: Component, args: [{
moduleId: module.id,
selector: TYPE_NAME,
template: `<div class="phx-app-drawer-popover">
<div class="container-fluid scroll">
<!--Row with single column-->
<div class="row">
<div class="col-xs-12">
<div>
<div class="row" class="header">
<div class="col-md-12">
{{getHeader()}}
</div>
</div>
<div class="row" class="tagline">
<div class="col-md-12">
{{getTagline()}}
</div>
</div>
</div>
</div>
</div>
<br>
<div *ngFor="let item of getGroupAppItems()">
{{item.groupName}}
<hr>
<div class="row">
<div class="col-xs-4 appitem" *ngFor="let item2 of item.items">
<div class="container-fluid"
style="background-color: #FFFFFF; text-align: center;">
<div class="row">
<img src="{{item2.iconURL}}" style="width: 80px;" />
</div>
<div class="row">{{item2.name}}</div>
</div>
</div>
</div>
</div>
<br>
<div class="row" *ngIf="isShowMore()">
<div class="col-xs-12 more">
More
</div>
</div>
</div>
</div>
`
},] },
];
/** @nocollapse */
AppDrawerPopover.ctorParameters = () => [
{ type: UserService, },
];
function AppDrawerPopover_tsickle_Closure_declarations() {
/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
AppDrawerPopover.decorators;
/**
* @nocollapse
* @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
*/
AppDrawerPopover.ctorParameters;
/** @type {?} */
AppDrawerPopover.TYPE_NAME;
/** @type {?} */
AppDrawerPopover.prototype.header;
/** @type {?} */
AppDrawerPopover.prototype.tagline;
/** @type {?} */
AppDrawerPopover.prototype.appItems;
/** @type {?} */
AppDrawerPopover.prototype.groupAppItems;
/** @type {?} */
AppDrawerPopover.prototype.addedGroupItemMap;
/** @type {?} */
AppDrawerPopover.prototype.userService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXBwRHJhd2VyUG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9jb20ucGhsb3h1aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnQvcGFnZS9tYWluL3N3aXRjaGVyLmludGVybmFsL0FwcERyYXdlclBvcG92ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUV0RSxPQUFPLEVBQ0wsbUJBQW1CLEVBQUUsb0JBQW9CLEVBQzFDLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsdUJBQU0sU0FBUyxHQUFXLHdCQUF3QixDQUFDO0FBa0RuRCxNQUFNOzs7O0lBV0osWUFBWSxXQUF3QjtzQkFQWCxtQkFBbUI7dUJBQ2xCLG9CQUFvQjtRQU81QyxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztRQUUvQixxQkFBSSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFFNUQsRUFBRSxDQUFBLENBQUMsaUJBQWlCLEtBQUssSUFBSSxJQUFJLGlCQUFpQixLQUFLLFNBQVMsQ0FBQyxDQUFBLENBQUM7WUFDaEUsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7Z0JBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDO2dCQUN2QixJQUFJLENBQUMsYUFBYSxHQUFHLEVBQUUsQ0FBQztnQkFDeEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztnQkFFNUIsRUFBRSxDQUFBLENBQUMsTUFBTSxLQUFLLElBQUksSUFBSSxNQUFNLEtBQUssU0FBUyxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQSxDQUFDO29CQUNuRSxHQUFHLENBQUMsQ0FBQyxxQkFBSSxJQUFJLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQzt3QkFDeEIscUJBQUksU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7d0JBQzNCLEVBQUUsQ0FBQyxDQUFDLFNBQVMsSUFBSSxJQUFJLElBQUksU0FBUyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7NEJBQzFDLHFCQUFJLFlBQVksR0FBUSxJQUFJLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLENBQUM7NEJBRTFELEVBQUUsQ0FBQyxDQUFDLFlBQVksSUFBSSxJQUFJLElBQUksWUFBWSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUM7Z0NBQ3pELFlBQVksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDOzZCQUMvQjs0QkFBQyxJQUFJLENBQUMsQ0FBQztnQ0FDTixxQkFBSSxLQUFLLEdBQVUsRUFBRSxDQUFDO2dDQUN0QixxQkFBSSxTQUFTLEdBQUcsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQztnQ0FDM0QsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7Z0NBQzNCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2dDQUNuQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLEdBQUcsU0FBUyxDQUFDOzZCQUMvQzt5QkFDRjtxQkFDRjtpQkFDRjthQUVGLENBQUMsQ0FBQztTQUNKO0tBQ0Y7Ozs7SUFFTSxVQUFVOztRQUVmLEVBQUUsQ0FBQSxDQUFDLElBQUksQ0FBQyxhQUFhLEtBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxhQUFhLEtBQUssU0FBUyxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFBLENBQUM7WUFDbEcsTUFBTSxDQUFDLElBQUksQ0FBQztTQUNiO1FBRUQsTUFBTSxDQUFDLEtBQUssQ0FBQzs7Ozs7SUFHUixTQUFTO1FBQ2QsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7Ozs7O0lBR2QsVUFBVTtRQUNmLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDOzs7OztJQUdmLFdBQVc7UUFDaEIsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7Ozs7O0lBR2hCLGdCQUFnQjtRQUNyQixNQUFNLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQzs7OzZCQWpFZSxTQUFTOztZQWxEckQsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxNQUFNLENBQUMsRUFBRTtnQkFDbkIsUUFBUSxFQUFFLFNBQVM7Z0JBQ25CLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQTJDWDthQUNBOzs7O1lBdkRRLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgVXNlclNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlL1VzZXJTZXJ2aWNlLnNlcnZpY2UnO1xuaW1wb3J0IHsgUGhsb3hBcHBJbmZvIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50L21vZGVsL1BobG94QXBwSW5mbyc7XG5pbXBvcnQge1xuICBBUFBfU1dJVENIRVJfSEVBREVSLCBBUFBfU1dJVENIRVJfVEFHTElORVxufSBmcm9tICcuLi8uLi8uLi8uLi9zaGFyZS9Db25zdGFudHMnO1xuXG5jb25zdCBUWVBFX05BTUU6IHN0cmluZyA9IFwicGh4LWFwcC1kcmF3ZXItcG9wb3ZlclwiO1xuXG5AQ29tcG9uZW50KHtcbiAgbW9kdWxlSWQ6IG1vZHVsZS5pZCxcbiAgc2VsZWN0b3I6IFRZUEVfTkFNRSxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwicGh4LWFwcC1kcmF3ZXItcG9wb3ZlclwiPlxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWZsdWlkIHNjcm9sbFwiPlxuICAgICAgIDwhLS1Sb3cgd2l0aCBzaW5nbGUgY29sdW1uLS0+XG4gICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyXCI+XG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCIgY2xhc3M9XCJoZWFkZXJcIj5cbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMTJcIj5cbiAgICAgICAgICAgICAgICAgICAge3tnZXRIZWFkZXIoKX19XG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIiBjbGFzcz1cInRhZ2xpbmVcIj5cbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMTJcIj5cbiAgICAgICAgICAgICAgICAgICAge3tnZXRUYWdsaW5lKCl9fVxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8YnI+XG4gIFx0PGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBnZXRHcm91cEFwcEl0ZW1zKClcIj5cbiAgXHRcdHt7aXRlbS5ncm91cE5hbWV9fVxuICBcdFx0PGhyPlxuICBcdCAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gIFx0ICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy00IGFwcGl0ZW1cIiAqbmdGb3I9XCJsZXQgaXRlbTIgb2YgaXRlbS5pdGVtc1wiPlxuICBcdFx0XHRcdDxkaXYgY2xhc3M9XCJjb250YWluZXItZmx1aWRcIlxuICBcdFx0XHRcdFx0c3R5bGU9XCJiYWNrZ3JvdW5kLWNvbG9yOiAjRkZGRkZGOyB0ZXh0LWFsaWduOiBjZW50ZXI7XCI+XG4gIFx0XHRcdFx0XHQ8ZGl2IGNsYXNzPVwicm93XCI+XG4gIFx0XHRcdFx0XHRcdDxpbWcgc3JjPVwie3tpdGVtMi5pY29uVVJMfX1cIiBzdHlsZT1cIndpZHRoOiA4MHB4O1wiIC8+XG4gIFx0XHRcdFx0XHQ8L2Rpdj5cbiAgXHRcdFx0XHRcdDxkaXYgY2xhc3M9XCJyb3dcIj57e2l0ZW0yLm5hbWV9fTwvZGl2PlxuICBcdFx0XHRcdDwvZGl2PlxuICBcdFx0XHQ8L2Rpdj5cbiAgXHQgICAgPC9kaXY+XG4gIFx0PC9kaXY+XG4gICAgICA8YnI+XG4gICAgICA8ZGl2IGNsYXNzPVwicm93XCIgKm5nSWY9XCJpc1Nob3dNb3JlKClcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBtb3JlXCI+XG4gICAgICAgICAgTW9yZVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG5gXG59KVxuZXhwb3J0IGNsYXNzIEFwcERyYXdlclBvcG92ZXIge1xuXG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgVFlQRV9OQU1FOiBzdHJpbmcgPSBUWVBFX05BTUU7XG5cbiAgcHJpdmF0ZSBoZWFkZXI6IHN0cmluZyA9IEFQUF9TV0lUQ0hFUl9IRUFERVI7XG4gIHByaXZhdGUgdGFnbGluZTogc3RyaW5nID0gQVBQX1NXSVRDSEVSX1RBR0xJTkU7XG4gIHByaXZhdGUgYXBwSXRlbXM6IFBobG94QXBwSW5mb1tdO1xuICBwcml2YXRlIGdyb3VwQXBwSXRlbXM6IGFueVtdO1xuICBwcml2YXRlIGFkZGVkR3JvdXBJdGVtTWFwOiBhbnk7XG4gIHByaXZhdGUgdXNlclNlcnZpY2U6IFVzZXJTZXJ2aWNlO1xuXG4gIGNvbnN0cnVjdG9yKHVzZXJTZXJ2aWNlOiBVc2VyU2VydmljZSkge1xuICAgIHRoaXMudXNlclNlcnZpY2UgPSB1c2VyU2VydmljZTtcblxuICAgIGxldCBhY2Nlc3NpYmxlQXBwUHJvbSA9IHRoaXMudXNlclNlcnZpY2UuZ2V0QWNjZXNzaWJsZUFwcCgpO1xuXG4gICAgaWYoYWNjZXNzaWJsZUFwcFByb20gIT09IG51bGwgJiYgYWNjZXNzaWJsZUFwcFByb20gIT09IHVuZGVmaW5lZCl7XG4gICAgICBhY2Nlc3NpYmxlQXBwUHJvbS50aGVuKChyZXN1bHQpID0+IHtcbiAgICAgICAgdGhpcy5hcHBJdGVtcyA9IHJlc3VsdDtcbiAgICAgICAgdGhpcy5ncm91cEFwcEl0ZW1zID0gW107XG4gICAgICAgIHRoaXMuYWRkZWRHcm91cEl0ZW1NYXAgPSB7fTtcblxuICAgICAgICBpZihyZXN1bHQgIT09IG51bGwgJiYgcmVzdWx0ICE9PSB1bmRlZmluZWQgJiYgQXJyYXkuaXNBcnJheShyZXN1bHQpKXtcbiAgICAgICAgICBmb3IgKGxldCBpdGVtIG9mIHJlc3VsdCkge1xuICAgICAgICAgICAgbGV0IGdyb3VwTmFtZSA9IGl0ZW0uZ3JvdXA7XG4gICAgICAgICAgICBpZiAoZ3JvdXBOYW1lICE9IG51bGwgJiYgZ3JvdXBOYW1lICE9PSAnJykge1xuICAgICAgICAgICAgICBsZXQgZ3JvdXBpbmdJdGVtOiBhbnkgPSB0aGlzLmFkZGVkR3JvdXBJdGVtTWFwW2dyb3VwTmFtZV07XG5cbiAgICAgICAgICAgICAgaWYgKGdyb3VwaW5nSXRlbSAhPSBudWxsICYmIGdyb3VwaW5nSXRlbSAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgICAgICAgICBncm91cGluZ0l0ZW0uaXRlbXMucHVzaChpdGVtKTtcbiAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBsZXQgaXRlbXM6IGFueVtdID0gW107XG4gICAgICAgICAgICAgICAgbGV0IGlubmVySXRlbSA9IHsgXCJncm91cE5hbWVcIjogZ3JvdXBOYW1lLCBcIml0ZW1zXCI6IGl0ZW1zIH07XG4gICAgICAgICAgICAgICAgaW5uZXJJdGVtLml0ZW1zLnB1c2goaXRlbSk7XG4gICAgICAgICAgICAgICAgdGhpcy5ncm91cEFwcEl0ZW1zLnB1c2goaW5uZXJJdGVtKTtcbiAgICAgICAgICAgICAgICB0aGlzLmFkZGVkR3JvdXBJdGVtTWFwW2dyb3VwTmFtZV0gPSBpbm5lckl0ZW07XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGlzU2hvd01vcmUoKTogYm9vbGVhbiB7XG4gICAgLy8hIHNob3cgd2hlbiBoYXMgbWFueSBhcHAgdG8gbG9hZCBqdXN0IGltcGxlbWVudCBoZXJlXG4gICAgaWYodGhpcy5ncm91cEFwcEl0ZW1zIT09IG51bGwgJiYgdGhpcy5ncm91cEFwcEl0ZW1zICE9PSB1bmRlZmluZWQgJiYgdGhpcy5ncm91cEFwcEl0ZW1zLmxlbmd0aCA+IDApe1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuXG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgcHVibGljIGdldEhlYWRlcigpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmhlYWRlcjtcbiAgfVxuXG4gIHB1YmxpYyBnZXRUYWdsaW5lKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMudGFnbGluZTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRBcHBJdGVtcygpOiBQaGxveEFwcEluZm9bXSB7XG4gICAgcmV0dXJuIHRoaXMuYXBwSXRlbXM7XG4gIH1cblxuICBwdWJsaWMgZ2V0R3JvdXBBcHBJdGVtcygpOiBhbnlbXSB7XG4gICAgcmV0dXJuIHRoaXMuZ3JvdXBBcHBJdGVtcztcbiAgfVxufVxuIl19