ngx-mariem-datatable/esm2015/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";
export class DatatableFooterComponent {
    constructor() {
        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 {?}
     */
    ngOnInit() { }
    /**
     * @param {?} event
     * @return {?}
     */
    pageChanged(event) {
        this.onpageChanged.emit(event);
    }
}
DatatableFooterComponent.decorators = [
    { type: Component, args: [{
                selector: "[datatable-footer]",
                template: `
    <div class="datatableinfolist" id="plansAssignmentTable_info">
      <ng-container
        *ngTemplateOutlet="
          endItemTemplate;
          context: {
            total: totalItems,
            endItem: endItem,
            startItem: startItem,
            paginationmessag: paginationmessag
          }
        "
      >
      </ng-container>
    </div>
    <ngx-mariem-pagination
      [totalItems]="totalItems"
      [itemsPerPage]="itemsPerPage"
      [maxSize]="maxSize"
      (pageChanged)="pageChanged($event)"
    ></ngx-mariem-pagination>
    <ng-template
      #endItemTemplate
      let-total="total"
      let-endItem="endItem"
      let-paginationmessag="paginationmessag"
    >
      <ng-container *ngIf="endItem">
        <!-- De {{ startItem + 1 }} à
        {{ endItem > total ? total : endItem }}
        sur un total de -->
        {{ total }} au total
        <!-- {{ paginationmessag }} -->
      </ng-container>
    </ng-template>
  `,
                encapsulation: ViewEncapsulation.None,
                styles: [`
      .page-link {
        color: #333 !important;
        margin-top: .25rem;
        border: none !important;
        font-weight: 700 !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0.5rem; //8px; !important;
        height: auto !important;
        min-width: auto !important;
        border-radius: .25rem !important;
      }
      .page-item.active .page-link {
        background-color: hsla(0, 0%, 62%, 0.2) !important;
      }
      .page-item:first-child .page-link::before,
      .page-item:last-child .page-link::after {
        content: none !important;
      }
      .pagination {
        margin: 0;
      }
      .page-item .page-link:active {
        background-color: hsla(0, 0%, 62%, 0.2) !important;
        border: none !important;
      }
      .page-link:focus {
        outline: none !important;
      }
      .page-item:first-child .page-link:focus,
      .page-item:first-child .page-link:hover,
      .page-item:last-child .page-link:focus,
      .page-item:last-child .page-link:hover,
      .page-link:focus,
      .page-link:hover {
        background-color: #eaeaea8a !important;
      }
    `]
            }] }
];
/** @nocollapse */
DatatableFooterComponent.ctorParameters = () => [];
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 }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWZvb3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbWFyaWVtLWRhdGF0YWJsZS8iLCJzb3VyY2VzIjpbImxpYi9kYXRhdGFibGUtZm9vdGVyL2RhdGF0YWJsZS1mb290ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFtRnZCLE1BQU0sT0FBTyx3QkFBd0I7SUFXbkM7UUFWUyxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLGlCQUFZLEdBQVcsRUFBRSxDQUFDO1FBQzFCLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFDdEIsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUNyQixxQkFBZ0IsR0FBVyxFQUFFLENBQUM7O1FBRTlCLFlBQU8sR0FBVyxDQUFDLENBQUM7O1FBRXBCLHNCQUFpQixHQUFZLElBQUksQ0FBQztRQUNqQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFDOUIsQ0FBQzs7OztJQUVoQixRQUFRLEtBQUksQ0FBQzs7Ozs7SUFDYixXQUFXLENBQUMsS0FBSztRQUNmLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7OztZQWpHRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1DVDtnQkEwQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7eUJBeENuQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FzQ0M7YUFHSjs7Ozs7eUJBRUUsS0FBSzsyQkFDTCxLQUFLO3dCQUNMLEtBQUs7c0JBQ0wsS0FBSzsrQkFDTCxLQUFLO3NCQUVMLEtBQUs7Z0NBRUwsS0FBSzs0QkFDTCxNQUFNOzs7O0lBVFAsOENBQWdDOztJQUNoQyxnREFBbUM7O0lBQ25DLDZDQUErQjs7SUFDL0IsMkNBQThCOztJQUM5QixvREFBdUM7O0lBRXZDLDJDQUE2Qjs7SUFFN0IscURBQTJDOztJQUMzQyxpREFBNkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBPbkluaXQsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwiW2RhdGF0YWJsZS1mb290ZXJdXCIsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxkaXYgY2xhc3M9XCJkYXRhdGFibGVpbmZvbGlzdFwiIGlkPVwicGxhbnNBc3NpZ25tZW50VGFibGVfaW5mb1wiPlxyXG4gICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcclxuICAgICAgICAgIGVuZEl0ZW1UZW1wbGF0ZTtcclxuICAgICAgICAgIGNvbnRleHQ6IHtcclxuICAgICAgICAgICAgdG90YWw6IHRvdGFsSXRlbXMsXHJcbiAgICAgICAgICAgIGVuZEl0ZW06IGVuZEl0ZW0sXHJcbiAgICAgICAgICAgIHN0YXJ0SXRlbTogc3RhcnRJdGVtLFxyXG4gICAgICAgICAgICBwYWdpbmF0aW9ubWVzc2FnOiBwYWdpbmF0aW9ubWVzc2FnXHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgXCJcclxuICAgICAgPlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZGl2PlxyXG4gICAgPG5neC1tYXJpZW0tcGFnaW5hdGlvblxyXG4gICAgICBbdG90YWxJdGVtc109XCJ0b3RhbEl0ZW1zXCJcclxuICAgICAgW2l0ZW1zUGVyUGFnZV09XCJpdGVtc1BlclBhZ2VcIlxyXG4gICAgICBbbWF4U2l6ZV09XCJtYXhTaXplXCJcclxuICAgICAgKHBhZ2VDaGFuZ2VkKT1cInBhZ2VDaGFuZ2VkKCRldmVudClcIlxyXG4gICAgPjwvbmd4LW1hcmllbS1wYWdpbmF0aW9uPlxyXG4gICAgPG5nLXRlbXBsYXRlXHJcbiAgICAgICNlbmRJdGVtVGVtcGxhdGVcclxuICAgICAgbGV0LXRvdGFsPVwidG90YWxcIlxyXG4gICAgICBsZXQtZW5kSXRlbT1cImVuZEl0ZW1cIlxyXG4gICAgICBsZXQtcGFnaW5hdGlvbm1lc3NhZz1cInBhZ2luYXRpb25tZXNzYWdcIlxyXG4gICAgPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZW5kSXRlbVwiPlxyXG4gICAgICAgIDwhLS0gRGUge3sgc3RhcnRJdGVtICsgMSB9fSDDoFxyXG4gICAgICAgIHt7IGVuZEl0ZW0gPiB0b3RhbCA/IHRvdGFsIDogZW5kSXRlbSB9fVxyXG4gICAgICAgIHN1ciB1biB0b3RhbCBkZSAtLT5cclxuICAgICAgICB7eyB0b3RhbCB9fSBhdSB0b3RhbFxyXG4gICAgICAgIDwhLS0ge3sgcGFnaW5hdGlvbm1lc3NhZyB9fSAtLT5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG4gIGAsXHJcbiAgc3R5bGVzOiBbXHJcbiAgICBgXHJcbiAgICAgIC5wYWdlLWxpbmsge1xyXG4gICAgICAgIGNvbG9yOiAjMzMzICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogLjI1cmVtO1xyXG4gICAgICAgIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50O1xyXG4gICAgICAgIGZvbnQtd2VpZ2h0OiA3MDAgIWltcG9ydGFudDtcclxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgbWFyZ2luOiAwICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgcGFkZGluZzogMC41cmVtOyAvLzhweDsgIWltcG9ydGFudDtcclxuICAgICAgICBoZWlnaHQ6IGF1dG8gIWltcG9ydGFudDtcclxuICAgICAgICBtaW4td2lkdGg6IGF1dG8gIWltcG9ydGFudDtcclxuICAgICAgICBib3JkZXItcmFkaXVzOiAuMjVyZW0gIWltcG9ydGFudDtcclxuICAgICAgfVxyXG4gICAgICAucGFnZS1pdGVtLmFjdGl2ZSAucGFnZS1saW5rIHtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBoc2xhKDAsIDAlLCA2MiUsIDAuMikgIWltcG9ydGFudDtcclxuICAgICAgfVxyXG4gICAgICAucGFnZS1pdGVtOmZpcnN0LWNoaWxkIC5wYWdlLWxpbms6OmJlZm9yZSxcclxuICAgICAgLnBhZ2UtaXRlbTpsYXN0LWNoaWxkIC5wYWdlLWxpbms6OmFmdGVyIHtcclxuICAgICAgICBjb250ZW50OiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICAgIH1cclxuICAgICAgLnBhZ2luYXRpb24ge1xyXG4gICAgICAgIG1hcmdpbjogMDtcclxuICAgICAgfVxyXG4gICAgICAucGFnZS1pdGVtIC5wYWdlLWxpbms6YWN0aXZlIHtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBoc2xhKDAsIDAlLCA2MiUsIDAuMikgIWltcG9ydGFudDtcclxuICAgICAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxuICAgICAgfVxyXG4gICAgICAucGFnZS1saW5rOmZvY3VzIHtcclxuICAgICAgICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICAgIH1cclxuICAgICAgLnBhZ2UtaXRlbTpmaXJzdC1jaGlsZCAucGFnZS1saW5rOmZvY3VzLFxyXG4gICAgICAucGFnZS1pdGVtOmZpcnN0LWNoaWxkIC5wYWdlLWxpbms6aG92ZXIsXHJcbiAgICAgIC5wYWdlLWl0ZW06bGFzdC1jaGlsZCAucGFnZS1saW5rOmZvY3VzLFxyXG4gICAgICAucGFnZS1pdGVtOmxhc3QtY2hpbGQgLnBhZ2UtbGluazpob3ZlcixcclxuICAgICAgLnBhZ2UtbGluazpmb2N1cyxcclxuICAgICAgLnBhZ2UtbGluazpob3ZlciB7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2VhZWFlYThhICFpbXBvcnRhbnQ7XHJcbiAgICAgIH1cclxuICAgIGAsXHJcbiAgXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0YXRhYmxlRm9vdGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSB0b3RhbEl0ZW1zOiBudW1iZXIgPSAwO1xyXG4gIEBJbnB1dCgpIGl0ZW1zUGVyUGFnZTogbnVtYmVyID0gMTA7XHJcbiAgQElucHV0KCkgc3RhcnRJdGVtOiBudW1iZXIgPSAwO1xyXG4gIEBJbnB1dCgpIGVuZEl0ZW06IG51bWJlciA9IDEwO1xyXG4gIEBJbnB1dCgpIHBhZ2luYXRpb25tZXNzYWc6IHN0cmluZyA9IFwiXCI7XHJcbiAgLy9saW1pdCBudW1iZXIgZm9yIHBhZ2UgbGlua3MgaW4gcGFnZXJcclxuICBASW5wdXQoKSBtYXhTaXplOiBudW1iZXIgPSA1O1xyXG4gIC8vaWYgZmFsc2UgZmlyc3QgYW5kIGxhc3QgYnV0dG9ucyB3aWxsIGJlIGhpZGRlblxyXG4gIEBJbnB1dCgpIHNob3dCb3VuZGFyeUxpbmtzOiBib29sZWFuID0gdHJ1ZTtcclxuICBAT3V0cHV0KCkgb25wYWdlQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxuICBwYWdlQ2hhbmdlZChldmVudCkge1xyXG4gICAgdGhpcy5vbnBhZ2VDaGFuZ2VkLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxufVxyXG4iXX0=