ngx-mariem-datatable/esm5/lib/datatable-footer/datatable-footer.component.js

Advanced table extension with sorting, filtering, paging and more... for Angular apps

/**
 * @fileoverview added by tsickle
 * Generated from: lib/datatable-footer/datatable-footer.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input, Output, EventEmitter, ViewEncapsulation, } from "@angular/core";
var DatatableFooterComponent = /** @class */ (function () {
    function DatatableFooterComponent() {
        this.totalItems = 0;
        this.itemsPerPage = 10;
        this.startItem = 0;
        this.endItem = 10;
        this.paginationmessag = "";
        //limit number for page links in pager
        this.maxSize = 5;
        //if false first and last buttons will be hidden
        this.showBoundaryLinks = true;
        this.onpageChanged = new EventEmitter();
    }
    /**
     * @return {?}
     */
    DatatableFooterComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () { };
    /**
     * @param {?} event
     * @return {?}
     */
    DatatableFooterComponent.prototype.pageChanged = /**
     * @param {?} event
     * @return {?}
     */
    function (event) {
        this.onpageChanged.emit(event);
    };
    DatatableFooterComponent.decorators = [
        { type: Component, args: [{
                    selector: "[datatable-footer]",
                    template: "\n    <div class=\"datatableinfolist\" id=\"plansAssignmentTable_info\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          endItemTemplate;\n          context: {\n            total: totalItems,\n            endItem: endItem,\n            startItem: startItem,\n            paginationmessag: paginationmessag\n          }\n        \"\n      >\n      </ng-container>\n    </div>\n    <ngx-mariem-pagination\n      [totalItems]=\"totalItems\"\n      [itemsPerPage]=\"itemsPerPage\"\n      [maxSize]=\"maxSize\"\n      (pageChanged)=\"pageChanged($event)\"\n    ></ngx-mariem-pagination>\n    <ng-template\n      #endItemTemplate\n      let-total=\"total\"\n      let-endItem=\"endItem\"\n      let-paginationmessag=\"paginationmessag\"\n    >\n      <ng-container *ngIf=\"endItem\">\n        <!-- De {{ startItem + 1 }} \u00E0\n        {{ endItem > total ? total : endItem }}\n        sur un total de -->\n        {{ total }} au total\n        <!-- {{ paginationmessag }} -->\n      </ng-container>\n    </ng-template>\n  ",
                    encapsulation: ViewEncapsulation.None,
                    styles: ["\n      .page-link {\n        color: #333 !important;\n        margin-top: .25rem;\n        border: none !important;\n        font-weight: 700 !important;\n        align-items: center !important;\n        margin: 0 !important;\n        padding: 0.5rem; //8px; !important;\n        height: auto !important;\n        min-width: auto !important;\n        border-radius: .25rem !important;\n      }\n      .page-item.active .page-link {\n        background-color: hsla(0, 0%, 62%, 0.2) !important;\n      }\n      .page-item:first-child .page-link::before,\n      .page-item:last-child .page-link::after {\n        content: none !important;\n      }\n      .pagination {\n        margin: 0;\n      }\n      .page-item .page-link:active {\n        background-color: hsla(0, 0%, 62%, 0.2) !important;\n        border: none !important;\n      }\n      .page-link:focus {\n        outline: none !important;\n      }\n      .page-item:first-child .page-link:focus,\n      .page-item:first-child .page-link:hover,\n      .page-item:last-child .page-link:focus,\n      .page-item:last-child .page-link:hover,\n      .page-link:focus,\n      .page-link:hover {\n        background-color: #eaeaea8a !important;\n      }\n    "]
                }] }
    ];
    /** @nocollapse */
    DatatableFooterComponent.ctorParameters = function () { return []; };
    DatatableFooterComponent.propDecorators = {
        totalItems: [{ type: Input }],
        itemsPerPage: [{ type: Input }],
        startItem: [{ type: Input }],
        endItem: [{ type: Input }],
        paginationmessag: [{ type: Input }],
        maxSize: [{ type: Input }],
        showBoundaryLinks: [{ type: Input }],
        onpageChanged: [{ type: Output }]
    };
    return DatatableFooterComponent;
}());
export { DatatableFooterComponent };
if (false) {
    /** @type {?} */
    DatatableFooterComponent.prototype.totalItems;
    /** @type {?} */
    DatatableFooterComponent.prototype.itemsPerPage;
    /** @type {?} */
    DatatableFooterComponent.prototype.startItem;
    /** @type {?} */
    DatatableFooterComponent.prototype.endItem;
    /** @type {?} */
    DatatableFooterComponent.prototype.paginationmessag;
    /** @type {?} */
    DatatableFooterComponent.prototype.maxSize;
    /** @type {?} */
    DatatableFooterComponent.prototype.showBoundaryLinks;
    /** @type {?} */
    DatatableFooterComponent.prototype.onpageChanged;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWZvb3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbWFyaWVtLWRhdGF0YWJsZS8iLCJzb3VyY2VzIjpbImxpYi9kYXRhdGFibGUtZm9vdGVyL2RhdGF0YWJsZS1mb290ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkI7SUE0RkU7UUFWUyxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLGlCQUFZLEdBQVcsRUFBRSxDQUFDO1FBQzFCLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFDdEIsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUNyQixxQkFBZ0IsR0FBVyxFQUFFLENBQUM7O1FBRTlCLFlBQU8sR0FBVyxDQUFDLENBQUM7O1FBRXBCLHNCQUFpQixHQUFZLElBQUksQ0FBQztRQUNqQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFDOUIsQ0FBQzs7OztJQUVoQiwyQ0FBUTs7O0lBQVIsY0FBWSxDQUFDOzs7OztJQUNiLDhDQUFXOzs7O0lBQVgsVUFBWSxLQUFLO1FBQ2YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7Z0JBakdGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixRQUFRLEVBQUUseWdDQW1DVDtvQkEwQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7NkJBeENuQyw4ckNBc0NDO2lCQUdKOzs7Ozs2QkFFRSxLQUFLOytCQUNMLEtBQUs7NEJBQ0wsS0FBSzswQkFDTCxLQUFLO21DQUNMLEtBQUs7MEJBRUwsS0FBSztvQ0FFTCxLQUFLO2dDQUNMLE1BQU07O0lBT1QsK0JBQUM7Q0FBQSxBQWxHRCxJQWtHQztTQWpCWSx3QkFBd0I7OztJQUNuQyw4Q0FBZ0M7O0lBQ2hDLGdEQUFtQzs7SUFDbkMsNkNBQStCOztJQUMvQiwyQ0FBOEI7O0lBQzlCLG9EQUF1Qzs7SUFFdkMsMkNBQTZCOztJQUU3QixxREFBMkM7O0lBQzNDLGlEQUE2QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIE9uSW5pdCxcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJbZGF0YXRhYmxlLWZvb3Rlcl1cIixcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cImRhdGF0YWJsZWluZm9saXN0XCIgaWQ9XCJwbGFuc0Fzc2lnbm1lbnRUYWJsZV9pbmZvXCI+XHJcbiAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cIlxyXG4gICAgICAgICAgZW5kSXRlbVRlbXBsYXRlO1xyXG4gICAgICAgICAgY29udGV4dDoge1xyXG4gICAgICAgICAgICB0b3RhbDogdG90YWxJdGVtcyxcclxuICAgICAgICAgICAgZW5kSXRlbTogZW5kSXRlbSxcclxuICAgICAgICAgICAgc3RhcnRJdGVtOiBzdGFydEl0ZW0sXHJcbiAgICAgICAgICAgIHBhZ2luYXRpb25tZXNzYWc6IHBhZ2luYXRpb25tZXNzYWdcclxuICAgICAgICAgIH1cclxuICAgICAgICBcIlxyXG4gICAgICA+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8bmd4LW1hcmllbS1wYWdpbmF0aW9uXHJcbiAgICAgIFt0b3RhbEl0ZW1zXT1cInRvdGFsSXRlbXNcIlxyXG4gICAgICBbaXRlbXNQZXJQYWdlXT1cIml0ZW1zUGVyUGFnZVwiXHJcbiAgICAgIFttYXhTaXplXT1cIm1heFNpemVcIlxyXG4gICAgICAocGFnZUNoYW5nZWQpPVwicGFnZUNoYW5nZWQoJGV2ZW50KVwiXHJcbiAgICA+PC9uZ3gtbWFyaWVtLXBhZ2luYXRpb24+XHJcbiAgICA8bmctdGVtcGxhdGVcclxuICAgICAgI2VuZEl0ZW1UZW1wbGF0ZVxyXG4gICAgICBsZXQtdG90YWw9XCJ0b3RhbFwiXHJcbiAgICAgIGxldC1lbmRJdGVtPVwiZW5kSXRlbVwiXHJcbiAgICAgIGxldC1wYWdpbmF0aW9ubWVzc2FnPVwicGFnaW5hdGlvbm1lc3NhZ1wiXHJcbiAgICA+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJlbmRJdGVtXCI+XHJcbiAgICAgICAgPCEtLSBEZSB7eyBzdGFydEl0ZW0gKyAxIH19IMOgXHJcbiAgICAgICAge3sgZW5kSXRlbSA+IHRvdGFsID8gdG90YWwgOiBlbmRJdGVtIH19XHJcbiAgICAgICAgc3VyIHVuIHRvdGFsIGRlIC0tPlxyXG4gICAgICAgIHt7IHRvdGFsIH19IGF1IHRvdGFsXHJcbiAgICAgICAgPCEtLSB7eyBwYWdpbmF0aW9ubWVzc2FnIH19IC0tPlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgYCxcclxuICBzdHlsZXM6IFtcclxuICAgIGBcclxuICAgICAgLnBhZ2UtbGluayB7XHJcbiAgICAgICAgY29sb3I6ICMzMzMgIWltcG9ydGFudDtcclxuICAgICAgICBtYXJnaW4tdG9wOiAuMjVyZW07XHJcbiAgICAgICAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgZm9udC13ZWlnaHQ6IDcwMCAhaW1wb3J0YW50O1xyXG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXIgIWltcG9ydGFudDtcclxuICAgICAgICBtYXJnaW46IDAgIWltcG9ydGFudDtcclxuICAgICAgICBwYWRkaW5nOiAwLjVyZW07IC8vOHB4OyAhaW1wb3J0YW50O1xyXG4gICAgICAgIGhlaWdodDogYXV0byAhaW1wb3J0YW50O1xyXG4gICAgICAgIG1pbi13aWR0aDogYXV0byAhaW1wb3J0YW50O1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IC4yNXJlbSAhaW1wb3J0YW50O1xyXG4gICAgICB9XHJcbiAgICAgIC5wYWdlLWl0ZW0uYWN0aXZlIC5wYWdlLWxpbmsge1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IGhzbGEoMCwgMCUsIDYyJSwgMC4yKSAhaW1wb3J0YW50O1xyXG4gICAgICB9XHJcbiAgICAgIC5wYWdlLWl0ZW06Zmlyc3QtY2hpbGQgLnBhZ2UtbGluazo6YmVmb3JlLFxyXG4gICAgICAucGFnZS1pdGVtOmxhc3QtY2hpbGQgLnBhZ2UtbGluazo6YWZ0ZXIge1xyXG4gICAgICAgIGNvbnRlbnQ6IG5vbmUgIWltcG9ydGFudDtcclxuICAgICAgfVxyXG4gICAgICAucGFnaW5hdGlvbiB7XHJcbiAgICAgICAgbWFyZ2luOiAwO1xyXG4gICAgICB9XHJcbiAgICAgIC5wYWdlLWl0ZW0gLnBhZ2UtbGluazphY3RpdmUge1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IGhzbGEoMCwgMCUsIDYyJSwgMC4yKSAhaW1wb3J0YW50O1xyXG4gICAgICAgIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50O1xyXG4gICAgICB9XHJcbiAgICAgIC5wYWdlLWxpbms6Zm9jdXMge1xyXG4gICAgICAgIG91dGxpbmU6IG5vbmUgIWltcG9ydGFudDtcclxuICAgICAgfVxyXG4gICAgICAucGFnZS1pdGVtOmZpcnN0LWNoaWxkIC5wYWdlLWxpbms6Zm9jdXMsXHJcbiAgICAgIC5wYWdlLWl0ZW06Zmlyc3QtY2hpbGQgLnBhZ2UtbGluazpob3ZlcixcclxuICAgICAgLnBhZ2UtaXRlbTpsYXN0LWNoaWxkIC5wYWdlLWxpbms6Zm9jdXMsXHJcbiAgICAgIC5wYWdlLWl0ZW06bGFzdC1jaGlsZCAucGFnZS1saW5rOmhvdmVyLFxyXG4gICAgICAucGFnZS1saW5rOmZvY3VzLFxyXG4gICAgICAucGFnZS1saW5rOmhvdmVyIHtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWFlYWVhOGEgIWltcG9ydGFudDtcclxuICAgICAgfVxyXG4gICAgYCxcclxuICBdLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEYXRhdGFibGVGb290ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHRvdGFsSXRlbXM6IG51bWJlciA9IDA7XHJcbiAgQElucHV0KCkgaXRlbXNQZXJQYWdlOiBudW1iZXIgPSAxMDtcclxuICBASW5wdXQoKSBzdGFydEl0ZW06IG51bWJlciA9IDA7XHJcbiAgQElucHV0KCkgZW5kSXRlbTogbnVtYmVyID0gMTA7XHJcbiAgQElucHV0KCkgcGFnaW5hdGlvbm1lc3NhZzogc3RyaW5nID0gXCJcIjtcclxuICAvL2xpbWl0IG51bWJlciBmb3IgcGFnZSBsaW5rcyBpbiBwYWdlclxyXG4gIEBJbnB1dCgpIG1heFNpemU6IG51bWJlciA9IDU7XHJcbiAgLy9pZiBmYWxzZSBmaXJzdCBhbmQgbGFzdCBidXR0b25zIHdpbGwgYmUgaGlkZGVuXHJcbiAgQElucHV0KCkgc2hvd0JvdW5kYXJ5TGlua3M6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBPdXRwdXQoKSBvbnBhZ2VDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKSB7fVxyXG4gIHBhZ2VDaGFuZ2VkKGV2ZW50KSB7XHJcbiAgICB0aGlzLm9ucGFnZUNoYW5nZWQuZW1pdChldmVudCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==