ftable

Version:

Angular 6/7 Tables

1 lines • 37.5 kB

JSON

{"__symbolic":"module","version":4,"metadata":{"FFilterBase":{"__symbolic":"class","members":{"source":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"otherData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"columnName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":3}}]}],"reset":[{"__symbolic":"method"}]}},"CheckBoxFFilterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"template":"\n\n <table class='ft-ffilter-table'>\n \n <tr class='ft-ffilter-column' *ngFor=\"let value of otherData;let index = index\">\n <td class='ft-ffilter-row'>\n <span><input class=\"ft-c\" type=\"checkbox\"[name]=\"columnName\" (click)='checkBoxClicked(index, value ,$event)' value=\"value\" [(ngModel)]='values[index].checked'> {{ value }}</span>\n </td>\n </tr>\n</table>\n \n "}]}],"members":{"source":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"otherData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"columnName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"initData":[{"__symbolic":"method"}],"checkBoxClicked":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"DateFFilterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"template":"\n\n <table class='ft-ffilter-table ft-ffilter-date-table'>\n <tr class='ft-ffilter-column'>\n <td class='ft-ffilter-row ft-ffilter-dd-row'>\n <input class=\"ft-i ft-i-ffilter ft-i-ffilter-day\" type='text' placeholder='dd' [(ngModel)]='minDay' (keyup)='onKeyUp(\"minDay\", 2, $event)' #minDayRef />\n </td>\n <td class='ft-ffilter-row ft-ffilter-mm-row'>\n <input class=\"ft-i ft-i-ffilter ft-i-ffilter-month\" type='text' placeholder='mm' [(ngModel)]='minMonth' (keyup)='onKeyUp(\"minMonth\", 2, $event)' #minMonthRef />\n </td>\n <td class='ft-ffilter-row ft-ffilter-yyyy-row'>\n <input class=\"ft-i ft-i-ffilter ft-i-ffilter-year\" type='text' placeholder='yyyy' [(ngModel)]='minYear' (keyup)='onKeyUp(\"minYear\", 4, $event)' #minYearRef />\n </td>\n </tr>\n <tr class='ft-ffilter-column'>\n <td class='ft-ffilter-row ft-ffilter-dd-row'>\n <input class=\"ft-i ft-i-ffilter ft-i-ffilter-day\" type='text' placeholder='dd' [(ngModel)]='maxDay' (keyup)='onKeyUp(\"maxDay\" , 2, $event)' #maxDayRef />\n </td>\n <td class='ft-ffilter-row ft-ffilter-mm-row'>\n <input class=\"ft-i ft-i-ffilter ft-i-ffilter-month\" type='text' placeholder='mm' [(ngModel)]='maxMonth' (keyup)='onKeyUp(\"maxMonth\", 2, $event)' #maxMonthRef />\n </td>\n <td class='ft-ffilter-row ft-ffilter-yyyy-row'>\n <input class=\"ft-i ft-i-ffilter ft-i-ffilter-year\" type='text' placeholder='yyyy' [(ngModel)]='maxYear' (keyup)='onKeyUp(\"maxYear\", 4, $event)' #maxYearRef />\n </td>\n </tr>\n</table>\n \n ","styles":["\n :host { flex:1;\n }"]}]}],"members":{"_elMinDayRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":57,"character":3},"arguments":["minDayRef"]}]}],"_elMinMonthRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":3},"arguments":["minMonthRef"]}]}],"_elMinYearRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":["minYearRef"]}]}],"_elMaxDayRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":["maxDayRef"]}]}],"_elMaxMonthRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":62,"character":3},"arguments":["maxMonthRef"]}]}],"_elMaxYearRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":3},"arguments":["maxYearRef"]}]}],"source":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"otherData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"columnName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"onKeyUp":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"EmptyFFilterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"template":"\n\n "}]}],"members":{"source":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"otherData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"columnName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"reset":[{"__symbolic":"method"}]}},"NumberFFilterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"template":"\n <table class='ft-ffilter-table'>\n <tr class='ft-ffilter-column'>\n <td class='ft-ffilter-row'>\n <input class=\"ft-i ft-i-ffilter ft-i-min\" type=\"number\" placeholder='>=' [(ngModel)]='min' (keyup)='numberKeyUp(\"min\",$event)' #minRef >\n </td>\n </tr>\n <tr class='ft-ffilter-column'>\n <td class='ft-ffilter-row'>\n <input class=\"ft-i ft-i-ffilter ft-i-max\" type=\"number\" placeholder='<=' [(ngModel)]='max' (keyup)='numberKeyUp(\"max\",$event)' #maxRef >\n </td>\n </tr>\n</table>\n\n \n ","styles":["\n :host { flex:1;\n }"]}]}],"members":{"_elMinRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":53,"character":3},"arguments":["minRef"]}]}],"_elMaxRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":["maxRef"]}]}],"source":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"otherData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"columnName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":60,"character":3}}]}],"numberKeyUp":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"TextFFilterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"template":"\n <table class='ft-ffilter-table'>\n <tr class='ft-ffilter-column'>\n <td class='ft-ffilter-row'>\n <input class=\"ft-i ft-i-ffilter ft-i-ffilter-text\" type='text' [(ngModel)]='value' (keyup)='onKeyUp($event)'/>\n </td>\n </tr>\n</table>\n \n ","styles":["\n :host { flex:1;\n }"]}]}],"members":{"source":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"otherData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"columnName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"onKeyUp":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"FFilterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ft-ffilter","template":"\n\n <ng-template ffilter-host></ng-template>\n "}]}],"members":{"ffilterHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}]}],"source":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"columnName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"debounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"filterType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"otherData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":35,"character":48}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]},"statics":{"totalfilters":0}},"FExporterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ft-fexporter","providers":[],"template":"<div class=\"ft-fexporter\">\r\n <button id='ft-b-fexporter_copy' class=\"ft-b ft-b-fexporter\" *ngIf='formats.includes(\"Copy\")' (click)=\"COPY()\" title=\"Copy\"><i></i></button>\r\n <button id='ft-b-fexporter_csv' class=\"ft-b ft-b-fexporter\" *ngIf='formats.includes(\"CSV\")' (click)=\"CSV()\" title=\"Export CSV\"><i></i></button>\r\n <button id='ft-b-fexporter_json' class=\"ft-b ft-b-fexporter\" *ngIf='formats.includes(\"JSON\")' (click)=\"JSON()\" title=\"Export JSON\"><i></i></button>\r\n <button id='ft-b-fexporter_print' class=\"ft-b ft-b-fexporter\" *ngIf='formats.includes(\"Print\")' (click)=\"PRINT()\" title=\"Export Print\"><i></i></button>\r\n <button id='ft-b-fexporter_xlsx' class=\"ft-b ft-b-fexporter\" *ngIf='formats.includes(\"XLSX\")' (click)=\"XLSX()\" title=\"Export XLSX\"><i></i></button>\r\n <button id='ft-b-fexporter_pdf' class=\"ft-b ft-b-fexporter\" *ngIf='formats.includes(\"PDF\")' (click)=\"PDF()\" title=\"Export PDF\"><i></i></button>\r\n</div>","styles":[""]}]}],"members":{"formats":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"generateFileName":[{"__symbolic":"method"}],"CSV":[{"__symbolic":"method"}],"COPY":[{"__symbolic":"method"}],"PRINT":[{"__symbolic":"method"}],"JSON":[{"__symbolic":"method"}],"make_crc_table":[{"__symbolic":"method"}],"crc32":[{"__symbolic":"method"}],"numberToExcelLetters":[{"__symbolic":"method"}],"generateSharedStringsLFH":[{"__symbolic":"method"}],"generateStylesLFH":[{"__symbolic":"method"}],"generateWorkbookLFH":[{"__symbolic":"method"}],"generateSheet1LFH":[{"__symbolic":"method"}],"generateSharedStringsCD":[{"__symbolic":"method"}],"generateStylesCD":[{"__symbolic":"method"}],"generateWorkbookCD":[{"__symbolic":"method"}],"generateSheet1CD":[{"__symbolic":"method"}],"XLSX":[{"__symbolic":"method"}],"PDF":[{"__symbolic":"method"}]}},"FInfoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ft-finfo","template":"<div class=\"ft-finfo\"><span class='ft-finfo-1'>Showing {{ 1+((currentPage*itemsPerPage)-itemsPerPage) }} to {{ this.Math.min(currentPage*itemsPerPage,totalItemsAfterFilters) }} of {{ totalItemsAfterFilters }} entries</span><ng-container *ngIf='totalItems>totalItemsAfterFilters'><span class='ft-finfo-2'>(filtered from {{ totalItems }} total entries)</span></ ng-container></div>","styles":[""]}]}],"members":{"totalItemsAfterFilters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"itemsPerPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"totalItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"currentPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"FPagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"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":[""]}]}],"members":{"selectedPageIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"pageOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"onPageOptionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":5}}]}],"onChange":[{"__symbolic":"method"}]}},"FPaginateComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ft-fpaginate","template":"<div id=\"ft-fpaginate\" class=\"ft-fpaginate\">\r\n \r\n <button class=\"ft-b ft-b-fpaginate\" id='ft-b-fpaginate_first' [disabled]=\"isFirstDisabled()\" (click)=\"firstPage()\"><i></i></button>\r\n <button class=\"ft-b ft-b-fpaginate\" id='ft-b-fpaginate_previous' [disabled]=\"isPreviousDisabled()\" (click)=\"previousPage()\"><i></i></button>\r\n\r\n \r\n <ng-container *ngIf=\"totalPages < 8\">\r\n <ng-container *ngIf=\"totalPages > 0\">\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != 1, 'ft-b-fpaginate_current': _currentPage == 1}\" (click)=\"setCurrentPage(1)\">1</button>\r\n </ng-container>\r\n <ng-container *ngIf=\"totalPages > 1\">\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != 2, 'ft-b-fpaginate_current': _currentPage == 2}\" (click)=\"setCurrentPage(2)\">2</button>\r\n </ng-container>\r\n <ng-container *ngIf=\"totalPages > 2\">\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != 3, 'ft-b-fpaginate_current': _currentPage == 3}\" (click)=\"setCurrentPage(3)\">3</button>\r\n </ng-container>\r\n <ng-container *ngIf=\"totalPages > 3\">\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != 4, 'ft-b-fpaginate_current': _currentPage == 4}\" (click)=\"setCurrentPage(4)\">4</button>\r\n </ng-container>\r\n <ng-container *ngIf=\"totalPages > 4\">\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != 5, 'ft-b-fpaginate_current': _currentPage == 5}\" (click)=\"setCurrentPage(5)\">5</button>\r\n </ng-container>\r\n <ng-container *ngIf=\"totalPages > 5\">\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != 6, 'ft-b-fpaginate_current': _currentPage == 6}\" (click)=\"setCurrentPage(6)\">6</button>\r\n </ng-container>\r\n <ng-container *ngIf=\"totalPages > 6\">\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != 7, 'ft-b-fpaginate_current': _currentPage == 7}\" (click)=\"setCurrentPage(7)\">7</button>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"totalPages > 7\">\r\n\r\n <ng-container *ngIf=\"_currentPage < 5\">\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != 1, 'ft-b-fpaginate_current': _currentPage == 1}\" (click)=\"setCurrentPage(1)\">1</button>\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != 2, 'ft-b-fpaginate_current': _currentPage == 2}\" (click)=\"setCurrentPage(2)\">2</button>\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != 3, 'ft-b-fpaginate_current': _currentPage == 3}\" (click)=\"setCurrentPage(3)\">3</button>\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != 4, 'ft-b-fpaginate_current': _currentPage == 4}\" (click)=\"setCurrentPage(4)\">4</button>\r\n <button class=\"ft-b ft-b-fpaginate\" (click)=\"setCurrentPage(5)\">5</button>\r\n <span class='ft-paginate_ellipsis'>…</span>\r\n <button class=\"ft-b ft-b-fpaginate\" (click)=\"setCurrentPage(totalPages)\">{{totalPages}}</button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"_currentPage >= totalPages-3\">\r\n <button class=\"ft-b ft-b-fpaginate\" (click)=\"setCurrentPage(1)\">1</button>\r\n <span class='ft-paginate_ellipsis'>…</span>\r\n <button class=\"ft-b ft-b-fpaginate\" (click)=\"setCurrentPage(totalPages-4)\">{{totalPages-4}}</button>\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != (totalPages-3), 'ft-b-fpaginate_current': _currentPage == (totalPages-3)}\" (click)=\"setCurrentPage(totalPages-3)\">{{totalPages-3}}</button>\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != (totalPages-2), 'ft-b-fpaginate_current': _currentPage == (totalPages-2)}\" (click)=\"setCurrentPage(totalPages-2)\">{{totalPages-2}}</button>\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != (totalPages-1), 'ft-b-fpaginate_current': _currentPage == (totalPages-1)}\" (click)=\"setCurrentPage(totalPages-1)\">{{totalPages-1}}</button>\r\n <button class='ft-b' [ngClass]=\"{'ft-b-fpaginate': _currentPage != (totalPages), 'ft-b-fpaginate_current': _currentPage == (totalPages)}\" (click)=\"setCurrentPage(totalPages)\">{{totalPages}}</button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"(_currentPage < (totalPages-3)) && (_currentPage >= 5)\">\r\n <button class=\"ft-b ft-b-fpaginate\" (click)=\"setCurrentPage(1)\">1</button>\r\n <span class='ft-paginate_ellipsis'>…</span>\r\n <button class=\"ft-b ft-b-fpaginate\" (click)=\"setCurrentPage(_currentPage-1)\">{{_currentPage-1}}</button>\r\n <button class=\"ft-b ft-b-fpaginate_current\" (click)=\"setCurrentPage(_currentPage)\">{{_currentPage}}</button>\r\n <button class=\"ft-b ft-b-fpaginate\" (click)=\"setCurrentPage(_currentPage+1)\">{{_currentPage+1}}</button>\r\n <span class='ft-paginate_ellipsis'>…</span>\r\n <button class=\"ft-b ft-b-fpaginate\" (click)=\"setCurrentPage(totalPages)\">{{totalPages}}</button>\r\n </ng-container>\r\n\r\n </ng-container>\r\n \r\n\r\n <button class=\"ft-b ft-b-fpaginate\" id='ft-b-fpaginate_next' [disabled]=\"isNextDisabled()\" (click)=\"nextPage()\"><i></i></button>\r\n <button class=\"ft-b ft-b-fpaginate\" id='ft-b-fpaginate_last' [disabled]=\"isLastDisabled()\" (click)=\"lastPage()\"><i></i></button>\r\n\r\n</div>","styles":[""]}]}],"members":{"itemsPerPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"totalItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"totalItemsAfterFilters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"currentPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"PagingChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setCurrentPage":[{"__symbolic":"method"}],"firstPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"lastPage":[{"__symbolic":"method"}],"isFirstDisabled":[{"__symbolic":"method"}],"isPreviousDisabled":[{"__symbolic":"method"}],"isNextDisabled":[{"__symbolic":"method"}],"isLastDisabled":[{"__symbolic":"method"}]}},"FSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ft-fsearch","template":"<div class=\"ft-fsearch\">\r\n <div class=\"ft-fsearch-prepend\">\r\n <span><i aria-hidden=\"true\"></i></span>\r\n </div>\r\n <input type=\"search\" class=\"ft-i ft-i-fsearch\" (keyup)='onKeyUp($event)'>\r\n <div class=\"ft-fsearch-append\">\r\n <span><i aria-hidden=\"true\"></i></span>\r\n </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":5}}]}],"onKeyUp":[{"__symbolic":"method"}]}},"FSorterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ft-fsorter","template":"<button class=\"ft-b ft-b-fsorter\" (click)=\"next()\" title=\"{{states[nextState]}}\"><span [ngClass]=\"{'ft-sort-neutral': currentIcon == 0, 'ft-sort-asc': currentIcon == 1, 'ft-sort-desc': currentIcon == 2}\"></span></button>","styles":[""]}]}],"members":{"order":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"next":[{"__symbolic":"method"}]}},"FTableComponent":{"__symbolic":"class","members":{"filterChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":12,"character":5},"arguments":[{"__symbolic":"reference","name":"FFilterComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FTableBaseService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onPageOptionChange":[{"__symbolic":"method"}],"onPagingChange":[{"__symbolic":"method"}],"sortOrder":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"refreshPage":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"resetFilters":[{"__symbolic":"method"}]}},"FTable":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"FTableDataModifier":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"FTableResult":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"FColumn":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"error","message":"Expression form not supported","line":55,"character":12,"module":"./lib/ftable.model"}]}]}},"FSearch":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"FFilter":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"any"}]}]}},"FOrder":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"error","message":"Could not resolve type","line":89,"character":45,"context":{"typeName":"FDirection"},"module":"./lib/ftable.model"}]}]}},"FTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":28,"character":4}],"declarations":[{"__symbolic":"reference","name":"FPaginateComponent"},{"__symbolic":"reference","name":"FExporterComponent"},{"__symbolic":"reference","name":"FInfoComponent"},{"__symbolic":"reference","name":"FSearchComponent"},{"__symbolic":"reference","name":"FPagerComponent"},{"__symbolic":"reference","name":"FSorterComponent"},{"__symbolic":"reference","name":"FFilterComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"TextFFilterComponent"},{"__symbolic":"reference","name":"NumberFFilterComponent"},{"__symbolic":"reference","name":"CheckBoxFFilterComponent"},{"__symbolic":"reference","name":"DateFFilterComponent"},{"__symbolic":"reference","name":"EmptyFFilterComponent"}],"exports":[{"__symbolic":"reference","name":"FPaginateComponent"},{"__symbolic":"reference","name":"FExporterComponent"},{"__symbolic":"reference","name":"FInfoComponent"},{"__symbolic":"reference","name":"FSearchComponent"},{"__symbolic":"reference","name":"FPagerComponent"},{"__symbolic":"reference","name":"FSorterComponent"},{"__symbolic":"reference","name":"FFilterComponent"}],"entryComponents":[{"__symbolic":"reference","name":"TextFFilterComponent"},{"__symbolic":"reference","name":"NumberFFilterComponent"},{"__symbolic":"reference","name":"CheckBoxFFilterComponent"},{"__symbolic":"reference","name":"DateFFilterComponent"},{"__symbolic":"reference","name":"EmptyFFilterComponent"}],"providers":[{"__symbolic":"reference","name":"FTableAPIService"},{"__symbolic":"reference","name":"FTableLocalService"}]}]}],"members":{}},"FTableBaseService":{"__symbolic":"class","members":{"setData":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}]}},"FTableLocalService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":17,"character":30}]}],"setLocalTableData":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"getRowByColumnNameAndValue":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}]}},"FTableAPIService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":18,"character":36}]}],"setAPIConfig":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}]}},"FTableURLS":{"__symbolic":"class","members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[ffilter-host]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":6,"character":39}]}]}}},"origins":{"FFilterBase":"./lib/ffilter/filters/ffilter.base","CheckBoxFFilterComponent":"./lib/ffilter/filters/checkboxffilter.component","DateFFilterComponent":"./lib/ffilter/filters/dateffilter.component","EmptyFFilterComponent":"./lib/ffilter/filters/emptyffilter.component","NumberFFilterComponent":"./lib/ffilter/filters/numberffilter.component","TextFFilterComponent":"./lib/ffilter/filters/textffilter.component","FFilterComponent":"./lib/ffilter/ffilter.component","FExporterComponent":"./lib/fexporter.component","FInfoComponent":"./lib/finfo.component","FPagerComponent":"./lib/fpager.component","FPaginateComponent":"./lib/fpaginate.component","FSearchComponent":"./lib/fsearch.component","FSorterComponent":"./lib/fsorter.component","FTableComponent":"./lib/ftable.component","FTable":"./lib/ftable.model","FTableDataModifier":"./lib/ftable.model","FTableResult":"./lib/ftable.model","FColumn":"./lib/ftable.model","FSearch":"./lib/ftable.model","FFilter":"./lib/ftable.model","FOrder":"./lib/ftable.model","FTableModule":"./lib/ftable.module","FTableBaseService":"./lib/service/ftablebase.service","FTableLocalService":"./lib/service/ftablelocal.service","FTableAPIService":"./lib/service/ftableAPI.service","FTableURLS":"./lib/ftableURL.model","ɵa":"./lib/ffilter/ffilter.directive"},"importAs":"ftable"}