angular-io-pager
Version:
1 lines • 3.83 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"AngularIoPagerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":7,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":7,"character":17}],"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sr-angular-io-pager","template":"<div class=\"pager\" [ngClass]=\"{'hidden': totalRecords <= 0}\" [id]=\"'pager' + id\">\n <div class=\"left\">\n Show\n <select [(ngModel)]=\"pageGap\" (change)=\"pageLengthChange()\"\n id=\"pageGap\">\n <option *ngFor=\"let pg of pages\" [value]=\"pg\">{{pg}}</option>\n </select>\n Showing {{from}}-{{to}} of {{totalRecords}}\n </div>\n <div class=\"right\">\n <ul class=\"pageNumbers\" id=\"pageList\">\n <li *ngIf=\"showLeftNav\" (click)=\"pageChange($event)\"\n class=\"cmdLeft\"> {{leftNavString}} </li>\n <li *ngFor=\"let pn of pageNum\" (click)=\"pageChange($event)\"\n class=\"pageElements\">{{pn}}</li>\n <li *ngIf=\"showRightNav\" (click)=\"pageChange($event)\"\n class=\"cmdRight\"> {{rightNavString}} </li>\n </ul>\n </div>\n</div>","styles":[".pager{font:bold 13px Arial;color:#377bba}.pageNumbers{list-style:none;border:1px solid #dfdfdf;display:inline-block;padding-left:0;margin:0}.pageNumbers li{float:left;padding:8px 10px;background:#fff;border-left:1px solid #dfdfdf;border-collapse:collapse;color:#377bba;cursor:pointer;min-width:15px;text-align:center}.pageNumbers li.selected{background:#377bba;color:#fff}.pageNumbers li:first-of-type{border-left:0}.pageNumbers li:hover{background:#3a4046;color:#fff}div.left{padding:9px 0}select{color:#377bba;font-weight:700;font-size:.9em;padding:2px;border:1px solid #377bba}.left{float:left}.right{float:right}.hidden{display:none}"]}]}],"members":{"pageGap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"noOfPages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"totalRecords":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"pageClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"pagePreparation":[{"__symbolic":"method"}],"reCalculatePageNumbers":[{"__symbolic":"method"}],"populatePages":[{"__symbolic":"method"}],"pageLengthChange":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"setSelectedPage":[{"__symbolic":"method"}],"setPrevNextNav":[{"__symbolic":"method"}],"emitPageClick":[{"__symbolic":"method"}]}}},"origins":{"AngularIoPagerModule":"./lib/angular-io-pager.module","ɵa":"./lib/angular-io-pager/pager.component"},"importAs":"angular-io-pager"}