ngx-mariem-datatable
Version:
Advanced table extension with sorting, filtering, paging and more... for Angular apps
122 lines • 9.8 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/datatable-row/datatable-row.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Output, EventEmitter } from "@angular/core";
var DatatableRowComponent = /** @class */ (function () {
function DatatableRowComponent() {
this._row = {};
this.displayedColomnList = [];
this.Actions = [];
this.checkboxes = false;
this.textalign = "left";
// when row clicked
this.onrowClicked = new EventEmitter();
this.onActionClicked = new EventEmitter();
this.onckeckBoxClicked = new EventEmitter();
}
Object.defineProperty(DatatableRowComponent.prototype, "row", {
get: /**
* @return {?}
*/
function () {
return this._row;
},
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
this._row = value;
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
DatatableRowComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @param {?} row
* @return {?}
*/
DatatableRowComponent.prototype.rowClicked = /**
* @param {?} row
* @return {?}
*/
function (row) {
this.onrowClicked.emit(row);
};
/**
* @param {?} action
* @param {?} item
* @return {?}
*/
DatatableRowComponent.prototype.actionClicked = /**
* @param {?} action
* @param {?} item
* @return {?}
*/
function (action, item) {
this.onActionClicked.emit({ item: item, action: action.type });
};
/**
* @param {?} row
* @return {?}
*/
DatatableRowComponent.prototype.ckeckBoxClicked = /**
* @param {?} row
* @return {?}
*/
function (row) {
this.onckeckBoxClicked.emit(row);
};
DatatableRowComponent.decorators = [
{ type: Component, args: [{
selector: "[datatable-row]",
template: "<!-- row content -->\r\n<ng-container>\r\n <td\r\n *ngIf=\"checkboxes\"\r\n datatable-checkbox-template\r\n [row]=\"row\"\r\n (onckeckBoxClicked)=\"ckeckBoxClicked($event)\"\r\n ></td>\r\n <ng-container *ngFor=\"let title of displayedColomnList\">\r\n <td\r\n *ngIf=\"title.type == 'text' || title.type == 'badge'\"\r\n >\r\n <span\r\n [class]=\"row[title.data + '_class']\"\r\n [ngClass]=\"{ badge: title.type == 'badge' }\"\r\n >\r\n {{ row[title.data] }}\r\n </span>\r\n </td>\r\n <!-- date piped -->\r\n <td *ngIf=\"title.type == 'date'\">\r\n <span>\r\n {{ row[title.data] | date: \"dd/MM/yyyy\" }}\r\n </span>\r\n </td>\r\n <!-- checkbox -->\r\n <td\r\n *ngIf=\"title.type == 'checkbox'\"\r\n datatable-inputcheckbox-template\r\n [row]=\"row\"\r\n [title]=\"title.data\"\r\n [textalign]=\"textalign\"\r\n style=\"display: flex; justify-content: center; padding-top: 1rem\"\r\n ></td>\r\n <td *ngIf=\"title.type == 'icon'\">\r\n <i class=\"material-icons icon-satatus\">\r\n {{ row[title.data] }}\r\n </i>\r\n </td>\r\n <td *ngIf=\"title.type == 'customTemplate'\">\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n title.template;\r\n context: {\r\n row: row\r\n }\r\n \"\r\n >\r\n </ng-container>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- actions List -->\r\n\r\n <ng-container *ngFor=\"let action of Actions\">\r\n <td class=\"p-0\">\r\n <div class=\"d-flex\">\r\n <ng-container *ngFor=\"let child of action.childrens; let x = index\">\r\n <div\r\n placement=\"left\"\r\n class=\"actionitem\"\r\n [style.border-right]=\"\r\n x + 1 == action.childrens.length ? 'none' : ''\r\n \"\r\n >\r\n <span\r\n (click)=\"\r\n !row[child.disabledAttribut] ? actionClicked(child, row) : ''\r\n \"\r\n [style.text-align]=\"'center'\"\r\n [ngClass]=\"row[child.disabledAttribut] ? 'icon-disabled' : ''\"\r\n [class]=\"\r\n ' cursor-pointer m-auto color-primary-onhover material-icons'\r\n \"\r\n >\r\n {{ child.iconClass }}\r\n </span>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </td>\r\n </ng-container>\r\n</ng-container>\r\n",
styles: [""]
}] }
];
/** @nocollapse */
DatatableRowComponent.ctorParameters = function () { return []; };
DatatableRowComponent.propDecorators = {
row: [{ type: Input }],
displayedColomnList: [{ type: Input }],
Actions: [{ type: Input }],
checkboxes: [{ type: Input }],
textalign: [{ type: Input }],
sortByItem: [{ type: Input }],
onrowClicked: [{ type: Output }],
onActionClicked: [{ type: Output }],
onckeckBoxClicked: [{ type: Output }]
};
return DatatableRowComponent;
}());
export { DatatableRowComponent };
if (false) {
/** @type {?} */
DatatableRowComponent.prototype._row;
/** @type {?} */
DatatableRowComponent.prototype.displayedColomnList;
/** @type {?} */
DatatableRowComponent.prototype.Actions;
/** @type {?} */
DatatableRowComponent.prototype.checkboxes;
/** @type {?} */
DatatableRowComponent.prototype.textalign;
/** @type {?} */
DatatableRowComponent.prototype.sortByItem;
/** @type {?} */
DatatableRowComponent.prototype.onrowClicked;
/** @type {?} */
DatatableRowComponent.prototype.onActionClicked;
/** @type {?} */
DatatableRowComponent.prototype.onckeckBoxClicked;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLXJvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbWFyaWVtLWRhdGF0YWJsZS8iLCJzb3VyY2VzIjpbImxpYi9kYXRhdGFibGUtcm93L2RhdGF0YWJsZS1yb3cuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU0vRTtJQXdCRTtRQVpBLFNBQUksR0FBUSxFQUFFLENBQUM7UUFDTix3QkFBbUIsR0FBZ0MsRUFBRSxDQUFDO1FBQ3RELFlBQU8sR0FBdUIsRUFBRSxDQUFDO1FBQ2pDLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsY0FBUyxHQUFRLE1BQU0sQ0FBQzs7UUFJdkIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xDLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNyQyxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRWxDLENBQUM7SUFsQmhCLHNCQUFhLHNDQUFHOzs7O1FBR2hCO1lBQ0UsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ25CLENBQUM7Ozs7O1FBTEQsVUFBaUIsS0FBSztZQUNwQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNwQixDQUFDOzs7T0FBQTs7OztJQWtCRCx3Q0FBUTs7O0lBQVI7SUFDQSxDQUFDOzs7OztJQUVELDBDQUFVOzs7O0lBQVYsVUFBVyxHQUFHO1FBQ1osSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7Ozs7O0lBRUQsNkNBQWE7Ozs7O0lBQWIsVUFBYyxNQUFNLEVBQUUsSUFBSTtRQUN4QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ2pFLENBQUM7Ozs7O0lBRUQsK0NBQWU7Ozs7SUFBZixVQUFnQixHQUFHO1FBQ2pCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDbkMsQ0FBQzs7Z0JBdkNGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixrK0VBQTZDOztpQkFFOUM7Ozs7O3NCQUVFLEtBQUs7c0NBT0wsS0FBSzswQkFDTCxLQUFLOzZCQUNMLEtBQUs7NEJBQ0wsS0FBSzs2QkFDTCxLQUFLOytCQUdMLE1BQU07a0NBQ04sTUFBTTtvQ0FDTixNQUFNOztJQWtCVCw0QkFBQztDQUFBLEFBeENELElBd0NDO1NBbkNZLHFCQUFxQjs7O0lBT2hDLHFDQUFlOztJQUNmLG9EQUErRDs7SUFDL0Qsd0NBQTBDOztJQUMxQywyQ0FBcUM7O0lBQ3JDLDBDQUFpQzs7SUFDakMsMkNBQXlCOztJQUd6Qiw2Q0FBNEM7O0lBQzVDLGdEQUErQzs7SUFDL0Msa0RBQWlEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7XHJcbiAgZGF0YXRhYmxlX2Rpc3BsYXllZENvbG9tbixcclxuICBkYXRhdGFibGVfYWN0aW9uLFxyXG59IGZyb20gXCIuLi9kYXRhdGFibGUubW9kZWxcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcIltkYXRhdGFibGUtcm93XVwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vZGF0YXRhYmxlLXJvdy5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9kYXRhdGFibGUtcm93LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0YXRhYmxlUm93Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZXQgcm93KHZhbHVlKSB7XHJcbiAgICB0aGlzLl9yb3cgPSB2YWx1ZTtcclxuICB9XHJcbiAgZ2V0IHJvdygpIHtcclxuICAgIHJldHVybiB0aGlzLl9yb3c7XHJcbiAgfVxyXG4gIF9yb3c6IGFueSA9IHt9O1xyXG4gIEBJbnB1dCgpIGRpc3BsYXllZENvbG9tbkxpc3Q6IGRhdGF0YWJsZV9kaXNwbGF5ZWRDb2xvbW5bXSA9IFtdO1xyXG4gIEBJbnB1dCgpIEFjdGlvbnM6IGRhdGF0YWJsZV9hY3Rpb25bXSA9IFtdO1xyXG4gIEBJbnB1dCgpIGNoZWNrYm94ZXM6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB0ZXh0YWxpZ246IGFueSA9IFwibGVmdFwiO1xyXG4gIEBJbnB1dCgpIHNvcnRCeUl0ZW06IGFueTtcclxuXHJcbiAgLy8gd2hlbiByb3cgY2xpY2tlZFxyXG4gIEBPdXRwdXQoKSBvbnJvd0NsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIG9uQWN0aW9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgb25ja2Vja0JveENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgfVxyXG4gXHJcbiAgcm93Q2xpY2tlZChyb3cpIHtcclxuICAgIHRoaXMub25yb3dDbGlja2VkLmVtaXQocm93KTtcclxuICB9XHJcblxyXG4gIGFjdGlvbkNsaWNrZWQoYWN0aW9uLCBpdGVtKSB7XHJcbiAgICB0aGlzLm9uQWN0aW9uQ2xpY2tlZC5lbWl0KHsgaXRlbTogaXRlbSwgYWN0aW9uOiBhY3Rpb24udHlwZSB9KTtcclxuICB9XHJcblxyXG4gIGNrZWNrQm94Q2xpY2tlZChyb3cpIHtcclxuICAgIHRoaXMub25ja2Vja0JveENsaWNrZWQuZW1pdChyb3cpO1xyXG4gIH1cclxufVxyXG4iXX0=