@tiposaurio/guido-lib
Version:
169 lines (167 loc) • 15.4 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/components/tree-view/tree-view.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, EventEmitter, Input, Output } from '@angular/core';
export class AppTreeViewComponent {
constructor() {
this.collapseAttr = 'isCollapsed';
this.eventNewChildren = new EventEmitter();
this.eventUpdate = new EventEmitter();
this.eventDelete = new EventEmitter();
}
/**
* @param {?} value
* @return {?}
*/
set collapseAll(value) {
this._collapseAll = value;
this._recursiveEdit(this.data, value);
}
/**
* @return {?}
*/
ngOnInit() { }
/*addChildren(entry) {
this.eventNewChildren.emit(entry);
}
goToUpdate(id) {
this.eventUpdate.emit(id);
}
goToDelete(id) {
this.eventDelete.emit(id);
}*/
/**
* @param {?} $event
* @return {?}
*/
newChildren($event) {
this.eventNewChildren.emit($event);
}
/**
* @param {?} $event
* @return {?}
*/
updated($event) {
this.eventUpdate.emit($event);
}
/**
* @param {?} $event
* @return {?}
*/
deleted($event) {
this.eventDelete.emit($event);
}
/**
* @private
* @param {?} list
* @param {?} value
* @return {?}
*/
_recursiveEdit(list, value) {
if (Array.isArray(list)) {
for (let i = 0, len = list.length; i < len; i++) {
list[i].collapse = value;
if (list[i].children.length) {
this._recursiveEdit(list[i].children, value);
}
}
}
}
}
AppTreeViewComponent.decorators = [
{ type: Component, args: [{
selector: 'gui-tree-view',
template: `
<ul class="treeview" *ngIf="data && data.length">
<li *ngFor="let d of data">
<div class="card">
<div class="row">
<div class="col-md-12">
<div class="card-body">
<i *ngIf="d.children.length" class="fas fa-{{d.collapse ? 'minus':'plus'}}-square"
(click)="d.collapse = !d.collapse"></i>
<i *ngIf="!d.children.length" class="fa fa-square"></i>
<strong class="title-card"> {{d.cont_asiento_nombre}} </strong>
<a class="btn btn-ligth lamb-button-menu" [ngbPopover]="templateOptions" placement="bottom">
<span class="fas fa-ellipsis-v"></span>
</a>
<ng-template #templateOptions>
<ul class="menu-options">
<li (click)="newChildren(d)">
<a>
<span class="fa fa-plus"></span> Nuevo Hijo
</a>
</li>
<li (click)="updated(d.cont_asiento_id)">
<a>
<span class="fa fa-edit"></span> Actualizar
</a>
</li>
<li (click)="deleted(d.cont_asiento_id)" *ngIf="!d.children.length">
<a>
<span class="fa fa-trash"></span> Eliminar
</a>
</li>
</ul>
</ng-template>
</div>
</div>
</div>
</div>
<gui-tree-view *ngIf="d.collapse && d.children.length"
[data]="d.children"
[ngbCollapse]="d[collapseAttr]"
(eventNewChildren)="newChildren($event)"
(eventUpdate)="updated($event)"
(eventDelete)="deleted($event)">
</gui-tree-view>
</li>
</ul>
`,
styles: [".menu-div{font-size:.9rem;height:5.5rem}.ul-nav{padding:.2rem .6rem!important}.li-nav{list-style-type:none!important}.li-nav:hover{background-color:#f5f5f5!important}.l-icon{font-size:1.5rem;top:.3em;position:relative}.card{border:1px solid #ccc;border-radius:2px;margin:.5rem}.card a :active,.card a :focus,.card a:hover{text-decoration:underline;cursor:pointer}.card .card-img-left{height:3rem;margin-top:.5rem;margin-left:.5rem}.card .card-img-left:hover{cursor:pointer}.card .card-footer lamb-button-icon{float:right}.card .card-footer .lamb-badge{border-radius:50%;cursor:pointer}.card .lamb-link{opacity:.8;margin-bottom:0}.card .lamb-icons{cursor:pointer}.card .lamb-button-menu{position:absolute;right:.7rem;top:0;padding:.1rem .7rem;border-radius:50%;cursor:pointer}.card .lamb-button-menu :active,.card .lamb-button-menu :focus,.card .lamb-button-menu:hover{background-color:#ddd}.card .title-card{color:#000}.card .card-body{padding:.2rem!important}.card:hover{box-shadow:3px 3px 0 #999;-webkit-transition:box-shadow .1s ease-in-out;transition:box-shadow .1s ease-in-out}.card .menu-options{list-style-type:none;padding:0!important;margin:.8rem 0;width:10rem}.card .menu-options li{cursor:pointer;padding:.2rem 2rem;height:2rem}.card .menu-options li :active,.card .menu-options li:hover{background-color:#ddd}.card .menu-options li a{vertical-align:middle}.card .menu-options li a .menu-icon{font-size:1.2rem;margin-right:.4rem;vertical-align:middle}.card .menu-options li a span{text-decoration:none;vertical-align:middle}.me-content{display:-webkit-box;display:flex;flex-wrap:wrap}.treeview{list-style-type:none}.treeview .parent{font-weight:700;cursor:pointer}.treeview span{display:inline-block}.treeview .node-opened{-webkit-transform:rotate(90deg);transform:rotate(90deg)}"]
}] }
];
/** @nocollapse */
AppTreeViewComponent.ctorParameters = () => [];
AppTreeViewComponent.propDecorators = {
data: [{ type: Input, args: ['data',] }],
collapseAll: [{ type: Input, args: ['collapseAll',] }],
eventNewChildren: [{ type: Output }],
eventUpdate: [{ type: Output }],
eventDelete: [{ type: Output }]
};
if (false) {
/** @type {?} */
AppTreeViewComponent.prototype._collapseAll;
/** @type {?} */
AppTreeViewComponent.prototype.collapseAttr;
/** @type {?} */
AppTreeViewComponent.prototype.data;
/** @type {?} */
AppTreeViewComponent.prototype.eventNewChildren;
/** @type {?} */
AppTreeViewComponent.prototype.eventUpdate;
/** @type {?} */
AppTreeViewComponent.prototype.eventDelete;
}
/** @type {?} */
export const APP_TREEVIEW_COMPONENTS = [
AppTreeViewComponent,
];
export class ModelTreeView {
}
if (false) {
/** @type {?} */
ModelTreeView.prototype.id;
/** @type {?} */
ModelTreeView.prototype.name;
/** @type {?} */
ModelTreeView.prototype.parent;
/** @type {?} */
ModelTreeView.prototype.collapse;
/** @type {?} */
ModelTreeView.prototype.children;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0aXBvc2F1cmlvL2d1aWRvLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3RyZWUtdmlldy90cmVlLXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQXVEN0UsTUFBTSxPQUFPLG9CQUFvQjtJQVkvQjtRQVZPLGlCQUFZLEdBQVcsYUFBYSxDQUFDO1FBTWxDLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDdEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2pDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUU1QixDQUFDOzs7OztJQVJoQixJQUEwQixXQUFXLENBQUMsS0FBYztRQUNsRCxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDeEMsQ0FBQzs7OztJQU9ELFFBQVEsS0FBSSxDQUFDOzs7Ozs7Ozs7Ozs7OztJQVdiLFdBQVcsQ0FBQyxNQUFNO1FBQ2hCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDckMsQ0FBQzs7Ozs7SUFDRCxPQUFPLENBQUMsTUFBTTtRQUNaLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2hDLENBQUM7Ozs7O0lBQ0QsT0FBTyxDQUFDLE1BQU07UUFDWixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNoQyxDQUFDOzs7Ozs7O0lBRU8sY0FBYyxDQUFDLElBQUksRUFBRSxLQUFLO1FBQ2hDLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUN2QixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxHQUFHLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLEdBQUcsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUFFO2dCQUMvQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztnQkFDekIsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRTtvQkFDM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDO2lCQUM5QzthQUNGO1NBQ0Y7SUFDSCxDQUFDOzs7WUFqR0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxlQUFlO2dCQUN6QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWdEVDs7YUFFRjs7Ozs7bUJBSUUsS0FBSyxTQUFDLE1BQU07MEJBQ1osS0FBSyxTQUFDLGFBQWE7K0JBSW5CLE1BQU07MEJBQ04sTUFBTTswQkFDTixNQUFNOzs7O0lBVFAsNENBQXNCOztJQUN0Qiw0Q0FBNEM7O0lBQzVDLG9DQUEyQjs7SUFLM0IsZ0RBQWdEOztJQUNoRCwyQ0FBMkM7O0lBQzNDLDJDQUEyQzs7O0FBcUM3QyxNQUFNLE9BQU8sdUJBQXVCLEdBQUc7SUFDbkMsb0JBQW9CO0NBQ3ZCO0FBRUQsTUFBTSxPQUFPLGFBQWE7Q0FNekI7OztJQUxDLDJCQUFXOztJQUNYLDZCQUFhOztJQUNiLCtCQUFlOztJQUNmLGlDQUFrQjs7SUFDbEIsaUNBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZ3VpLXRyZWUtdmlldycsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDx1bCBjbGFzcz1cInRyZWV2aWV3XCIgKm5nSWY9XCJkYXRhICYmIGRhdGEubGVuZ3RoXCI+XHJcbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgZCBvZiBkYXRhXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmRcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC0xMlwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWJvZHlcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGkgKm5nSWY9XCJkLmNoaWxkcmVuLmxlbmd0aFwiIGNsYXNzPVwiZmFzIGZhLXt7ZC5jb2xsYXBzZSA/ICdtaW51cyc6J3BsdXMnfX0tc3F1YXJlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImQuY29sbGFwc2UgPSAhZC5jb2xsYXBzZVwiPjwvaT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGkgKm5nSWY9XCIhZC5jaGlsZHJlbi5sZW5ndGhcIiBjbGFzcz1cImZhIGZhLXNxdWFyZVwiPjwvaT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzdHJvbmcgY2xhc3M9XCJ0aXRsZS1jYXJkXCI+IHt7ZC5jb250X2FzaWVudG9fbm9tYnJlfX0gPC9zdHJvbmc+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhIGNsYXNzPVwiYnRuIGJ0bi1saWd0aCBsYW1iLWJ1dHRvbi1tZW51XCIgW25nYlBvcG92ZXJdPVwidGVtcGxhdGVPcHRpb25zXCIgcGxhY2VtZW50PVwiYm90dG9tXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZhcyBmYS1lbGxpcHNpcy12XCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjdGVtcGxhdGVPcHRpb25zPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVsIGNsYXNzPVwibWVudS1vcHRpb25zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxpIChjbGljayk9XCJuZXdDaGlsZHJlbihkKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGE+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmEgZmEtcGx1c1wiPjwvc3Bhbj4gTnVldm8gSGlqb1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxpIChjbGljayk9XCJ1cGRhdGVkKGQuY29udF9hc2llbnRvX2lkKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGE+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmEgZmEtZWRpdFwiPjwvc3Bhbj4gQWN0dWFsaXphclxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvYT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaSAoY2xpY2spPVwiZGVsZXRlZChkLmNvbnRfYXNpZW50b19pZClcIiAqbmdJZj1cIiFkLmNoaWxkcmVuLmxlbmd0aFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGE+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmEgZmEtdHJhc2hcIj48L3NwYW4+IEVsaW1pbmFyXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxndWktdHJlZS12aWV3ICpuZ0lmPVwiZC5jb2xsYXBzZSAmJiBkLmNoaWxkcmVuLmxlbmd0aFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGF0YV09XCJkLmNoaWxkcmVuXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ2JDb2xsYXBzZV09XCJkW2NvbGxhcHNlQXR0cl1cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGV2ZW50TmV3Q2hpbGRyZW4pPVwibmV3Q2hpbGRyZW4oJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAoZXZlbnRVcGRhdGUpPVwidXBkYXRlZCgkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChldmVudERlbGV0ZSk9XCJkZWxldGVkKCRldmVudClcIj5cclxuICAgICAgICA8L2d1aS10cmVlLXZpZXc+XHJcblxyXG4gICAgICA8L2xpPlxyXG4gICAgPC91bD5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL3RyZWUtdmlldy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBcHBUcmVlVmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgX2NvbGxhcHNlQWxsOiBib29sZWFuO1xyXG4gIHB1YmxpYyBjb2xsYXBzZUF0dHI6IHN0cmluZyA9ICdpc0NvbGxhcHNlZCc7XHJcbiAgQElucHV0KCdkYXRhJykgZGF0YTogYW55W107XHJcbiAgQElucHV0KCdjb2xsYXBzZUFsbCcpIHNldCBjb2xsYXBzZUFsbCh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5fY29sbGFwc2VBbGwgPSB2YWx1ZTtcclxuICAgIHRoaXMuX3JlY3Vyc2l2ZUVkaXQodGhpcy5kYXRhLCB2YWx1ZSk7XHJcbiAgfVxyXG4gIEBPdXRwdXQoKSBldmVudE5ld0NoaWxkcmVuID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBldmVudFVwZGF0ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgZXZlbnREZWxldGUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKSB7fVxyXG4gIC8qYWRkQ2hpbGRyZW4oZW50cnkpIHtcclxuICAgIHRoaXMuZXZlbnROZXdDaGlsZHJlbi5lbWl0KGVudHJ5KTtcclxuICB9XHJcbiAgZ29Ub1VwZGF0ZShpZCkge1xyXG4gICAgdGhpcy5ldmVudFVwZGF0ZS5lbWl0KGlkKTtcclxuICB9XHJcbiAgZ29Ub0RlbGV0ZShpZCkge1xyXG4gICAgdGhpcy5ldmVudERlbGV0ZS5lbWl0KGlkKTtcclxuICB9Ki9cclxuXHJcbiAgbmV3Q2hpbGRyZW4oJGV2ZW50KSB7XHJcbiAgICB0aGlzLmV2ZW50TmV3Q2hpbGRyZW4uZW1pdCgkZXZlbnQpO1xyXG4gIH1cclxuICB1cGRhdGVkKCRldmVudCkge1xyXG4gICAgdGhpcy5ldmVudFVwZGF0ZS5lbWl0KCRldmVudCk7XHJcbiAgfVxyXG4gIGRlbGV0ZWQoJGV2ZW50KSB7XHJcbiAgICB0aGlzLmV2ZW50RGVsZXRlLmVtaXQoJGV2ZW50KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgX3JlY3Vyc2l2ZUVkaXQobGlzdCwgdmFsdWUpIHtcclxuICAgIGlmIChBcnJheS5pc0FycmF5KGxpc3QpKSB7XHJcbiAgICAgIGZvciAobGV0IGkgPSAwLCBsZW4gPSBsaXN0Lmxlbmd0aDsgaSA8IGxlbjsgaSsrKSB7XHJcbiAgICAgICAgbGlzdFtpXS5jb2xsYXBzZSA9IHZhbHVlO1xyXG4gICAgICAgIGlmIChsaXN0W2ldLmNoaWxkcmVuLmxlbmd0aCkge1xyXG4gICAgICAgICAgdGhpcy5fcmVjdXJzaXZlRWRpdChsaXN0W2ldLmNoaWxkcmVuLCB2YWx1ZSk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG5leHBvcnQgY29uc3QgQVBQX1RSRUVWSUVXX0NPTVBPTkVOVFMgPSBbXHJcbiAgICBBcHBUcmVlVmlld0NvbXBvbmVudCxcclxuXTtcclxuXHJcbmV4cG9ydCBjbGFzcyBNb2RlbFRyZWVWaWV3IHsgLy8gcHJvcHVlc3RcclxuICBpZDogc3RyaW5nO1xyXG4gIG5hbWU6IHN0cmluZztcclxuICBwYXJlbnQ6IHN0cmluZztcclxuICBjb2xsYXBzZTogYm9vbGVhbjtcclxuICBjaGlsZHJlbjogTW9kZWxUcmVlVmlld1tdO1xyXG59XHJcbiJdfQ==