ftable
Version:
Angular 6/7 Tables
42 lines • 3.94 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
import { Input } from '@angular/core';
import { Output } from '@angular/core';
import { EventEmitter } from '@angular/core';
export class FPagerComponent {
constructor() {
this.onPageOptionChange = new EventEmitter();
}
/**
* @param {?} event
* @return {?}
*/
onChange(event) {
this.selectedPageIndex = this.pageOptions.indexOf(Number(event.target.value));
this.onPageOptionChange.emit(this.pageOptions.indexOf(Number(event.target.value)));
}
}
FPagerComponent.decorators = [
{ type: Component, args: [{
selector: 'ft-fpager',
template: "\r\n<div class=\"ft-fpager\">\r\n <div class=\"ft-fpager-prepend\">\r\n <label class=\"ft-pager-text\" for=\"inputGroupSelect01\">Show</label>\r\n </div>\r\n <select (change)=\"onChange($event)\" [value]='pageOptions[selectedPageIndex]' class=\"ft-i ft-fpager-select\" id=\"inputGroupSelect01\">\r\n <option *ngFor=\"let option of pageOptions\" [value]='option'>{{option}}</option>\r\n </select>\r\n <div class=\"ft-fpager-append\">\r\n <label class=\"ft-pager-text\">entries</label>\r\n </div>\r\n </div>",
styles: [""]
}] }
];
FPagerComponent.propDecorators = {
selectedPageIndex: [{ type: Input }],
pageOptions: [{ type: Input }],
onPageOptionChange: [{ type: Output }]
};
if (false) {
/** @type {?} */
FPagerComponent.prototype.selectedPageIndex;
/** @type {?} */
FPagerComponent.prototype.pageOptions;
/** @type {?} */
FPagerComponent.prototype.onPageOptionChange;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnBhZ2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Z0YWJsZS8iLCJzb3VyY2VzIjpbImxpYi9mcGFnZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsWUFBWSxFQUFHLE1BQU0sZUFBZSxDQUFDO0FBUzlDLE1BQU0sT0FBTyxlQUFlO0lBUDVCO1FBVWMsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQU85RCxDQUFDOzs7OztJQUxHLFFBQVEsQ0FBQyxLQUFVO1FBQ2QsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDOUUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDeEYsQ0FBQzs7O1lBZkosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxXQUFXO2dCQUNyQiwyakJBQXNDOzthQUd6Qzs7O2dDQUdJLEtBQUs7MEJBQ0wsS0FBSztpQ0FDTCxNQUFNOzs7O0lBRlAsNENBQTBDOztJQUMxQyxzQ0FBMkM7O0lBQzNDLDZDQUEwRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXZlbnRFbWl0dGVyICB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Z0LWZwYWdlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZwYWdlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZnBhZ2VyLmNvbXBvbmVudC5zY3NzJ10sXG5cbn0pXG5cbmV4cG9ydCBjbGFzcyBGUGFnZXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHB1YmxpYyBzZWxlY3RlZFBhZ2VJbmRleDogbnVtYmVyO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBwYWdlT3B0aW9uczogQXJyYXk8bnVtYmVyPjtcbiAgICBAT3V0cHV0KCkgb25QYWdlT3B0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxOdW1iZXI+KCk7XG5cbiAgICBvbkNoYW5nZShldmVudDogYW55KSB7XG4gICAgICAgICB0aGlzLnNlbGVjdGVkUGFnZUluZGV4ID0gdGhpcy5wYWdlT3B0aW9ucy5pbmRleE9mKE51bWJlcihldmVudC50YXJnZXQudmFsdWUpKTtcbiAgICAgICAgIHRoaXMub25QYWdlT3B0aW9uQ2hhbmdlLmVtaXQodGhpcy5wYWdlT3B0aW9ucy5pbmRleE9mKE51bWJlcihldmVudC50YXJnZXQudmFsdWUpKSk7XG4gICAgfVxuXG59XG4iXX0=