ftable
Version:
Angular 6/7 Tables
48 lines • 4.23 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';
var FPagerComponent = /** @class */ (function () {
function FPagerComponent() {
this.onPageOptionChange = new EventEmitter();
}
/**
* @param {?} event
* @return {?}
*/
FPagerComponent.prototype.onChange = /**
* @param {?} event
* @return {?}
*/
function (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 }]
};
return FPagerComponent;
}());
export { FPagerComponent };
if (false) {
/** @type {?} */
FPagerComponent.prototype.selectedPageIndex;
/** @type {?} */
FPagerComponent.prototype.pageOptions;
/** @type {?} */
FPagerComponent.prototype.onPageOptionChange;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnBhZ2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Z0YWJsZS8iLCJzb3VyY2VzIjpbImxpYi9mcGFnZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsWUFBWSxFQUFHLE1BQU0sZUFBZSxDQUFDO0FBRTlDO0lBQUE7UUFVYyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBTzlELENBQUM7Ozs7O0lBTEcsa0NBQVE7Ozs7SUFBUixVQUFTLEtBQVU7UUFDZCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUM5RSxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN4RixDQUFDOztnQkFmSixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLDJqQkFBc0M7O2lCQUd6Qzs7O29DQUdJLEtBQUs7OEJBQ0wsS0FBSztxQ0FDTCxNQUFNOztJQU9YLHNCQUFDO0NBQUEsQUFqQkQsSUFpQkM7U0FWWSxlQUFlOzs7SUFDeEIsNENBQTBDOztJQUMxQyxzQ0FBMkM7O0lBQzNDLDZDQUEwRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXZlbnRFbWl0dGVyICB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Z0LWZwYWdlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZwYWdlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZnBhZ2VyLmNvbXBvbmVudC5zY3NzJ10sXG5cbn0pXG5cbmV4cG9ydCBjbGFzcyBGUGFnZXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHB1YmxpYyBzZWxlY3RlZFBhZ2VJbmRleDogbnVtYmVyO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBwYWdlT3B0aW9uczogQXJyYXk8bnVtYmVyPjtcbiAgICBAT3V0cHV0KCkgb25QYWdlT3B0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxOdW1iZXI+KCk7XG5cbiAgICBvbkNoYW5nZShldmVudDogYW55KSB7XG4gICAgICAgICB0aGlzLnNlbGVjdGVkUGFnZUluZGV4ID0gdGhpcy5wYWdlT3B0aW9ucy5pbmRleE9mKE51bWJlcihldmVudC50YXJnZXQudmFsdWUpKTtcbiAgICAgICAgIHRoaXMub25QYWdlT3B0aW9uQ2hhbmdlLmVtaXQodGhpcy5wYWdlT3B0aW9ucy5pbmRleE9mKE51bWJlcihldmVudC50YXJnZXQudmFsdWUpKSk7XG4gICAgfVxuXG59XG4iXX0=