air-lib
Version:
This is Air's angular component library
111 lines • 9.18 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Output, EventEmitter } from '@angular/core';
export class AddTileComponent {
constructor() {
this.create = new EventEmitter();
this.remove = new EventEmitter();
this.isTileHide = false;
}
/**
* @param {?} tilesList
* @return {?}
*/
set tilesList(tilesList) {
this.dropdownList = new Array();
if (tilesList) {
this.dropdownList = tilesList;
}
}
/**
* @param {?} lang
* @return {?}
*/
set language(lang) {
if (!lang) {
lang = 'ru';
}
switch (lang.toLowerCase()) {
case 'en':
this.addTileButtonName = 'Add tile';
break;
default:
this.addTileButtonName = 'Добавить плитку';
break;
}
}
/**
* @return {?}
*/
tileAdditional() {
this.isTileHide = !this.isTileHide;
setTimeout(() => {
/** @type {?} */
const element = document.getElementById('mainmenu-container');
if (element) {
element.focus();
}
}, 200);
}
/**
* @param {?} value
* @return {?}
*/
addTile(value) {
value.loadOnInit = true;
this.create.emit(value);
this.isTileHide = false;
}
/**
* @param {?} event
* @return {?}
*/
onBlurMethod(event) {
this.isTileHide = false;
}
/**
* @param {?} value
* @return {?}
*/
hasDisabled(value) {
/** @type {?} */
const index = this.displayedTiles.findIndex((item) => {
if (item !== undefined && item.arguments) {
return item.arguments[0].childrenId === value;
}
return false;
});
return index >= 0;
}
}
AddTileComponent.decorators = [
{ type: Component, args: [{
selector: 'air-add-tile',
template: "<div class=\"m-l-5 m-r-5 position-relative mainmenu mainClick active\">\r\n <button class=\"btn full-width btn-add btn-default\" (click)=\"tileAdditional()\">\r\n <div class=\"block-add p-l-35 p-t-5 p-b-5\">\r\n <div class=\"circle-add\">+</div>\r\n <div class=\"but-text\">{{addTileButtonName}}</div>\r\n </div>\r\n </button>\r\n <div id=\"mainmenu-container\" tabindex=\"-1\" class=\"mainmenu-ul col-md-12 p-l-0 p-r-0\" [hidden]=\"!isTileHide\" (blur)='onBlurMethod($event)'>\r\n <ul class=\"p-t-5 p-b-5\" *ngFor=\"let item of dropdownList\">\r\n <li class=\"not-hover\" [hidden]=\"!item?.nameKey\">\r\n <div class=\"p-l-15 p-r-15 p-t-5 p-b-5\">\r\n <strong>{{item?.name}}</strong>\r\n </div>\r\n </li>\r\n <li *ngFor=\"let children of item?.childrens\" [ngClass]=\"{'disabled': hasDisabled(children.tileId)}\">\r\n <a class=\"p-l-30\" (click)=\"addTile(children)\">\r\n {{children.name}}\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n</div>"
}] }
];
AddTileComponent.ctorParameters = () => [];
AddTileComponent.propDecorators = {
create: [{ type: Output }],
remove: [{ type: Output }],
displayedTiles: [{ type: Input }],
tilesList: [{ type: Input }],
language: [{ type: Input }]
};
if (false) {
/** @type {?} */
AddTileComponent.prototype.create;
/** @type {?} */
AddTileComponent.prototype.remove;
/** @type {?} */
AddTileComponent.prototype.displayedTiles;
/** @type {?} */
AddTileComponent.prototype.isTileHide;
/** @type {?} */
AddTileComponent.prototype.dropdownList;
/** @type {?} */
AddTileComponent.prototype.addTileButtonName;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkLXRpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vYWlyLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3RpbGUtY29sbGVjdGlvbi9hZGQtdGlsZS9hZGQtdGlsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFTdkUsTUFBTTtJQWdDSjtRQS9CVSxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM1QixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQTBCL0IsZUFBVSxHQUFHLEtBQUssQ0FBQztJQUlYLENBQUM7Ozs7O0lBM0JoQixJQUFhLFNBQVMsQ0FBQyxTQUErQjtRQUNwRCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksS0FBSyxFQUFpQixDQUFDO1FBQy9DLElBQUksU0FBUyxFQUFFO1lBQ2IsSUFBSSxDQUFDLFlBQVksR0FBRyxTQUFTLENBQUM7U0FDL0I7SUFDSCxDQUFDOzs7OztJQUVELElBQWEsUUFBUSxDQUFDLElBQVk7UUFDaEMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNULElBQUksR0FBRyxJQUFJLENBQUM7U0FDYjtRQUVELFFBQVEsSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUFFO1lBQzFCLEtBQUssSUFBSTtnQkFDUCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsVUFBVSxDQUFDO2dCQUNwQyxNQUFNO1lBRVI7Z0JBQ0UsSUFBSSxDQUFDLGlCQUFpQixHQUFHLGlCQUFpQixDQUFDO2dCQUMzQyxNQUFNO1NBQ1Q7SUFDSCxDQUFDOzs7O0lBUU0sY0FBYztRQUNuQixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNuQyxVQUFVLENBQUMsR0FBRyxFQUFFOztrQkFDUixPQUFPLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQztZQUM3RCxJQUFJLE9BQU8sRUFBRTtnQkFDWCxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7YUFDakI7UUFDSCxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDOzs7OztJQUVNLE9BQU8sQ0FBQyxLQUFvQjtRQUNqQyxLQUFLLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDOzs7OztJQUVNLFlBQVksQ0FBQyxLQUFVO1FBQzVCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7Ozs7O0lBRU0sV0FBVyxDQUFDLEtBQVU7O2NBQ3JCLEtBQUssR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQWdCLEVBQUUsRUFBRTtZQUMvRCxJQUFJLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtnQkFDeEMsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsS0FBSyxLQUFLLENBQUM7YUFDL0M7WUFDRCxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUMsQ0FBQztRQUVGLE9BQU8sS0FBSyxJQUFJLENBQUMsQ0FBQztJQUNwQixDQUFDOzs7WUFwRUYsU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxjQUFjO2dCQUN4Qixvb0NBQXNDO2FBQ3pDOzs7O3FCQUdFLE1BQU07cUJBQ04sTUFBTTs2QkFFTixLQUFLO3dCQUNMLEtBQUs7dUJBT0wsS0FBSzs7OztJQVhOLGtDQUFzQzs7SUFDdEMsa0NBQXNDOztJQUV0QywwQ0FBMkM7O0lBd0IzQyxzQ0FBMEI7O0lBQzFCLHdDQUEwQzs7SUFDMUMsNkNBQWlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSVRpbGVJbmZvTm9kZSB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvaXRpbGUtaW5mby1ub2RlJztcclxuaW1wb3J0IHsgSVRpbGUgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2l0aWxlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhaXItYWRkLXRpbGUnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICdhZGQtdGlsZS5jb21wb25lbnQuaHRtbCcsXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgQWRkVGlsZUNvbXBvbmVudCB7XHJcbiAgQE91dHB1dCgpIGNyZWF0ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgcmVtb3ZlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBASW5wdXQoKSBkaXNwbGF5ZWRUaWxlczogQXJyYXk8SVRpbGU8YW55Pj47XHJcbiAgQElucHV0KCkgc2V0IHRpbGVzTGlzdCh0aWxlc0xpc3Q6IEFycmF5PElUaWxlSW5mb05vZGU+KSB7XHJcbiAgICB0aGlzLmRyb3Bkb3duTGlzdCA9IG5ldyBBcnJheTxJVGlsZUluZm9Ob2RlPigpO1xyXG4gICAgaWYgKHRpbGVzTGlzdCkge1xyXG4gICAgICB0aGlzLmRyb3Bkb3duTGlzdCA9IHRpbGVzTGlzdDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIHNldCBsYW5ndWFnZShsYW5nOiBzdHJpbmcpIHtcclxuICAgIGlmICghbGFuZykge1xyXG4gICAgICBsYW5nID0gJ3J1JztcclxuICAgIH1cclxuXHJcbiAgICBzd2l0Y2ggKGxhbmcudG9Mb3dlckNhc2UoKSkge1xyXG4gICAgICBjYXNlICdlbic6XHJcbiAgICAgICAgdGhpcy5hZGRUaWxlQnV0dG9uTmFtZSA9ICdBZGQgdGlsZSc7XHJcbiAgICAgICAgYnJlYWs7XHJcblxyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHRoaXMuYWRkVGlsZUJ1dHRvbk5hbWUgPSAn0JTQvtCx0LDQstC40YLRjCDQv9C70LjRgtC60YMnO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGlzVGlsZUhpZGUgPSBmYWxzZTtcclxuICBwdWJsaWMgZHJvcGRvd25MaXN0OiBBcnJheTxJVGlsZUluZm9Ob2RlPjtcclxuICBwdWJsaWMgYWRkVGlsZUJ1dHRvbk5hbWU6IHN0cmluZztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBwdWJsaWMgdGlsZUFkZGl0aW9uYWwoKSB7XHJcbiAgICB0aGlzLmlzVGlsZUhpZGUgPSAhdGhpcy5pc1RpbGVIaWRlO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIGNvbnN0IGVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnbWFpbm1lbnUtY29udGFpbmVyJyk7XHJcbiAgICAgIGlmIChlbGVtZW50KSB7XHJcbiAgICAgICAgZWxlbWVudC5mb2N1cygpO1xyXG4gICAgICB9XHJcbiAgICB9LCAyMDApO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGFkZFRpbGUodmFsdWU6IElUaWxlSW5mb05vZGUpIHtcclxuICAgIHZhbHVlLmxvYWRPbkluaXQgPSB0cnVlO1xyXG4gICAgdGhpcy5jcmVhdGUuZW1pdCh2YWx1ZSk7XHJcbiAgICB0aGlzLmlzVGlsZUhpZGUgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkJsdXJNZXRob2QoZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5pc1RpbGVIaWRlID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgaGFzRGlzYWJsZWQodmFsdWU6IGFueSk6IGJvb2xlYW4ge1xyXG4gICAgY29uc3QgaW5kZXggPSB0aGlzLmRpc3BsYXllZFRpbGVzLmZpbmRJbmRleCgoaXRlbTogSVRpbGU8YW55PikgPT4ge1xyXG4gICAgICBpZiAoaXRlbSAhPT0gdW5kZWZpbmVkICYmIGl0ZW0uYXJndW1lbnRzKSB7XHJcbiAgICAgICAgcmV0dXJuIGl0ZW0uYXJndW1lbnRzWzBdLmNoaWxkcmVuSWQgPT09IHZhbHVlO1xyXG4gICAgICB9XHJcbiAgICAgIHJldHVybiBmYWxzZTtcclxuICAgIH0pO1xyXG5cclxuICAgIHJldHVybiBpbmRleCA+PSAwO1xyXG4gIH1cclxufVxyXG4iXX0=