larang-paginator/larang-paginator.metadata.json

This is a Laravel Angular Paginator for tables. For other backend language to use this library. Please make sure your success response conforms with this response:

{"__symbolic":"module","version":3,"metadata":{"LarangPaginatorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule"}],"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"LarangPaginatorModule"},"providers":[{"__symbolic":"reference","name":"PaginatorService"},{"__symbolic":"reference","name":"EventsService"}]}}}},"EventsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"on":[{"__symbolic":"method"}],"broadcast":[{"__symbolic":"method"}]}},"PaginatorService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient"}]}],"listByPaginator":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-paginator","template":"\n    <nav aria-label=\"...\" *ngIf=\"pages.length !== 0\">\n      <ul class=\"pagination  justify-content-center\">\n        <li class=\"page-item\" [class.disabled]=\"data['prev_page_url'] === null\" >\n          <a class=\"page-link\" (click)=\"loadData((prev_page + '&' + paginate + '='  + limit), prev_page)\" role=\"button\" tabindex=\"-1\">Previous</a>\n        </li>\n        <li [class.hide]=\"pages.length === 0\" [class.show]=\"pages.length > 0\" *ngFor=\"let page of pages\" id=\"page_{{page}}\" [class.active]=\"data['current_page'] === page\" class=\"animated fadeInRight page-item\">\n          <a class=\"page-link\" (click)=\"loadData((viewPage + '=' + page + '&' + paginate + '=' + limit), page)\" role=\"button\">\n            <i *ngIf=\"page === showLoad\" class=\"fa fa-spin fa-spinner\"></i> {{page}}\n          </a>\n        </li>\n        <li  *ngIf=\"totalPages.length > perNav\">\n          <a (click)=\"getPaging()\" title=\"Load More Navigation\" role=\"button\" class=\"page-link\">...</a>\n        </li>\n        <li  *ngIf=\"pages.length === 0\">\n          <a role=\"button\" class=\"page-link\"><i class=\"fa fa-spin fa-spinner\"></i></a>\n        </li>\n        <li class=\"page-item\"  [class.disabled]=\"data['next_page_url'] === null\" >\n          <a class=\"page-link\" (click)=\"loadData((next_page + '&' + paginate + '=' + limit), next_page)\" role=\"button\">Next</a>\n        </li>\n      </ul>\n    </nav>\n  ","styles":["\n\n    .pagination {\n      display: -ms-flexbox;\n      display: -webkit-box;\n      display: flex;\n      padding-left: 0;\n      list-style: none;\n      border-radius: 0.25rem;\n    }\n\n    .page-item:first-child .page-link {\n      margin-left: 0;\n      border-top-left-radius: 0.25rem;\n      border-bottom-left-radius: 0.25rem;\n    }\n\n    .page-item:last-child .page-link {\n      border-top-right-radius: 0.25rem;\n      border-bottom-right-radius: 0.25rem;\n    }\n\n    .page-item.active .page-link {\n      z-index: 2;\n      color: #fff;\n      background-color: #007bff;\n      border-color: #007bff;\n    }\n\n    .page-item.disabled .page-link {\n      color: #868e96;\n      pointer-events: none;\n      background-color: #fff;\n      border-color: #ddd;\n    }\n\n    .page-link {\n      position: relative;\n      display: block;\n      padding: 0.5rem 0.75rem;\n      margin-left: -1px;\n      line-height: 1.25;\n      color: #007bff;\n      background-color: #fff;\n      border: 1px solid #ddd;\n      cursor: pointer;\n    }\n\n    .page-link:focus, .page-link:hover {\n      color: #0056b3;\n      text-decoration: none;\n      background-color: #e9ecef;\n      border-color: #ddd;\n    }\n\n    .pagination-lg .page-link {\n      padding: 0.75rem 1.5rem;\n      font-size: 1.25rem;\n      line-height: 1.5;\n    }\n\n    .pagination-lg .page-item:first-child .page-link {\n      border-top-left-radius: 0.3rem;\n      border-bottom-left-radius: 0.3rem;\n    }\n\n    .pagination-lg .page-item:last-child .page-link {\n      border-top-right-radius: 0.3rem;\n      border-bottom-right-radius: 0.3rem;\n    }\n\n    .pagination-sm .page-link {\n      padding: 0.25rem 0.5rem;\n      font-size: 0.875rem;\n      line-height: 1.5;\n    }\n\n    .pagination-sm .page-item:first-child .page-link {\n      border-top-left-radius: 0.2rem;\n      border-bottom-left-radius: 0.2rem;\n    }\n\n    .pagination-sm .page-item:last-child .page-link {\n      border-top-right-radius: 0.2rem;\n      border-bottom-right-radius: 0.2rem;\n    }\n\n    .justify-content-center {\n      -ms-flex-pack: center !important;\n      -webkit-box-pack: center !important;\n              justify-content: center !important;\n    }\n  "]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"path":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"limit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"from":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"perNav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"viewPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"paginate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PaginatorService"},{"__symbolic":"reference","name":"EventsService"}]}],"getPages":[{"__symbolic":"method"}],"getPaging":[{"__symbolic":"method"}],"loadData":[{"__symbolic":"method"}],"nextPrevPage":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}},"origins":{"LarangPaginatorModule":"./src/app/paginator/larang.paginator.module","EventsService":"./src/app/paginator/event.service","PaginatorService":"./src/app/paginator/paginator.service","ɵa":"./src/app/paginator/paginator.component"},"importAs":"larang-paginator"}