\r\n alta-rail-components works!\r\n
\r\n `,\r\n styles: [\r\n ]\r\n})\r\nexport class AltaRailComponentsComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';\r\n\r\n@Component({\r\n selector: 'lib-paginator',\r\n templateUrl: './paginator.component.html',\r\n styleUrls: ['./paginator.component.scss']\r\n})\r\nexport class PaginatorComponent implements OnInit {\r\n\r\n @Input() paginatorData: any\r\n @Input() small = false\r\n\r\n @Output() changed = new EventEmitter();\r\n\r\n faChevronRight = faChevronRight\r\n faChevronLeft = faChevronLeft\r\n\r\n boxArr: any[] = []\r\n limit: number = 3\r\n pageOptions = [10,20,50,100,200]\r\n selectedPageSize = 10\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n this.setSize()\r\n }\r\n\r\n ngOnChanges() {\r\n this.updateBoxArr()\r\n }\r\n\r\n setSize() {\r\n if(this.small) {\r\n this.limit = 2\r\n }\r\n }\r\n\r\n navigateToPage(page: number) {\r\n if (typeof (page) === 'number') {\r\n this.changed.emit({page: page})\r\n }\r\n }\r\n\r\n emitPageSize(){\r\n this.changed.emit({pageSize: this.selectedPageSize})\r\n }\r\n\r\n navigate(forward: boolean) {\r\n if (forward) {\r\n this.paginatorData.currentPage++\r\n }\r\n else {\r\n this.paginatorData.currentPage--\r\n }\r\n this.changed.emit({page: this.paginatorData.currentPage})\r\n }\r\n\r\n updateBoxArr() {\r\n this.boxArr = []\r\n for (let i = 1; i <= (this.limit + (this.paginatorData.currentPage) - 1); i++) {\r\n if (i <= this.paginatorData.pageCount) {\r\n this.boxArr.push(i)\r\n }\r\n }\r\n if (this.paginatorData.currentPage > this.limit) {\r\n for (let i = 0; i < (this.paginatorData.currentPage - this.limit); i++) {\r\n this.boxArr.shift()\r\n }\r\n }\r\n if (this.paginatorData.currentPage > this.limit + 1) {\r\n this.boxArr.unshift(\"...\")\r\n this.boxArr.unshift(1)\r\n }\r\n if (this.paginatorData.currentPage <= (this.paginatorData.pageCount - this.limit)) {\r\n this.boxArr.push(\"...\")\r\n this.boxArr.push(this.paginatorData.pageCount)\r\n }\r\n }\r\n\r\n}\r\n","| \r\n \r\n | \r\n\r\n {{ 'terms.' + column | translate }}\r\n | \r\n \r\n {{ 'terms.' + toggleData.label | translate }}\r\n | \r\n\r\n {{ 'terms.' + toggleData2.label | translate }}\r\n | \r\n0\">{{ 'terms.acoes' | translate }} | \r\n
|---|---|---|---|---|
| \r\n \r\n | \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n 0\">\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n | \r\n