ngx-academia-uniandes-library/lib/academia-pagination/academia-pagination.component.metadata.json

This library is used for Academia-Uniandes system.

[{"__symbolic":"module","version":4,"metadata":{"AcademiaPaginationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"academia-pagination","template":"\n    <div class=\"paginator-container\" *ngIf=\"fullPaginator; else compactPaginator\" style=\"text-align:center\">\n        <div class=\"input-group mb-3 input-paginator\">\n            <div class=\"input-group-prepend\">\n                <span class=\"input-group-text\">{{'page' | translate}}</span>\n            </div>\n            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"page\" placeholder=\"#\">\n            <div class=\"input-group-append\">\n                <span class=\"input-group-text\">{{'of'|translate}} {{numPages}}</span>\n            </div>\n        </div>\n        <div class=\"paginator-component\">\n            <pagination [boundaryLinks]=\"true\" [maxSize]=\"maxSize || 6\" [itemsPerPage]=\"pageSize\" [totalItems]=\"collectionSize\" (pageChanged)=\"onPageChange($event)\" (numPages)=\"onNumPagesChange($event)\" [(ngModel)]=\"page\" previousText=\"&lsaquo;\" nextText=\"&rsaquo;\" firstText=\"&laquo;\" lastText=\"&raquo;\"></pagination>\n        </div>\n        <div class=\"pagination-info\">\n            <p><strong>{{ ((page - 1) * pageSize) + 1}} - {{ (((page - 1) * pageSize) + pageSize) > collectionSize ? collectionSize: ((page - 1) * pageSize) + pageSize }} {{'of' | translate }} {{collectionSize}}</strong></p>\n        </div>\n    </div> \n    <ng-template #compactPaginator>\n        <div style=\"text-align:center\">\n            <pagination [boundaryLinks]=\"true\" [maxSize]=\"maxSize || 6\" [itemsPerPage]=\"pageSize\" [totalItems]=\"collectionSize\" (pageChanged)=\"onPageChange($event)\" (numPages)=\"onNumPagesChange($event)\" [(ngModel)]=\"page\"\n            previousText=\"&lsaquo;\" nextText=\"&rsaquo;\" firstText=\"&laquo;\" lastText=\"&raquo;\">\n            </pagination>\n        </div>\n    </ng-template>\n  ","styles":["\n    .paginator-container{\n        display: grid;\n        grid-template-columns: 1fr;\n        grid-template-rows: 1fr 1fr 1fr;\n        grid-template-areas: \n        \"pagination\"\n        \"input-pag \"\n        \"pag-info\";\n        grid-gap: 10px;\n        align-items: center;\n        justify-items: center;\n        border: 1px solid #ccc;\n        padding: 10px 10px 0 10px;\n    }\n\n    .pagination-component{\n        grid-area: pagination\n    }\n\n    .input-paginator{\n        grid-area: input-pag;\n        justify-self: initial;\n    }\n\n    .pagination-info{\n        grid-area:  pag-info;\n        justify-self: center;\n        text-align: center;\n    }\n\n\n\n    @media (min-width : 730px){\n\n        .paginator-container{\n            display: grid;\n            grid-template-columns: 0.55fr 1fr 0.41fr;\n            grid-template-rows: 1fr;\n            grid-template-areas: \n            \"input-pag pagination pag-info\";\n            grid-gap: 10px;\n            align-items: center;\n            justify-items: start;\n            border: 1px solid #ccc;\n            padding: 10px 0 0 10px;\n        }\n\n        .pagination-component{\n            grid-area: pagination;\n            justify-self: center;\n        }\n\n        .input-paginator{\n            grid-area: input-pag;\n            justify-self: initial;\n        }\n    \n        .pagination-info{\n            grid-area:  pag-info;\n            justify-self: start;\n        }\n    \n    }\n  "]}]}],"members":{"fullPaginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"collectionSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"maxSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"pageChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"numPagesUpdated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onPageChange":[{"__symbolic":"method"}],"onNumPagesChange":[{"__symbolic":"method"}]}}}}]