tilmanschweitzer / angular-st-pagination Goto Github PK

I keep getting

angular.js:14794 Error: [$compile:multidir] Multiple directives [stPagination, stPagination] asking for new/isolated scope on: <st-pagination collection="appointments">
http://errors.angularjs.org/1.6.7/$compile/multidir?p0=stPagination&p1=&p2=stPagination&p3=&p4=new%2Fisolated%20scope&p5=%3Cst-pagination%20collection%3D%22appointments%22%3E
    at angular.js:116
    at assertNoDuplicate (angular.js:10386)
    at applyDirectivesToNode (angular.js:9574)
    at angular.js:10302
    at processQueue (angular.js:17145)
    at angular.js:17193
    at Scope.$digest (angular.js:18331)
    at Scope.$apply (angular.js:18628)
    at done (angular.js:12619)
    at completeRequest (angular.js:12863)

with

<st-pagination collection="appointments"></st-pagination>

However,

<st-pagination-limit collection="appointments" limits="[5,10,20,50,100]" mid-range="2" edge-range="2" css-config="bootstrap3"></st-pagination-limit>

works fine.

• Text input field to choose the page

Check pagination styles of common frameworks.

• Django REST Framework
• TBA

• items per page limit
• mid range
• edge range

• HTML-Structure should be configurable (at least for st-pagination directive)
• Provide framework independent descriptions (e.g. LIST_STRUCTURE, LIST_STRUCUTRE_WITH_DIV_WRAP) and add framework specific aliases
• Bootstrap 3.x should stay the default
• Configuration per directive MUST be possible
• Global configuration SHOULD be possible

npm WARN deprecated [email protected]: use grunt-ng-annotate instead
npm WARN deprecated [email protected]: use grunt-wiredep instead
npm WARN deprecated [email protected]: use ng-annotate instead

http://semantic-ui.com/collections/menu.html

Add following information to the Readme.

• Version
• Basis usage
• Link to demo and documentation
• Build and contribution guide

set a pagination configuration with a provider in the config phase

• base templates and aliases for css frameworks similar to current mechanism
• set custom templates (pseudo templates with marker attributes?)

Proposal

// predefined
stPaginationProvider.setTemplateConfig({templateKey: 'bootstrap2'});
// custom
stPaginationProvider.setTemplateConfig({templateUrl: 'x/y.html'});
// template
stPaginationProvider.setTemplateConfig({template: '<div></div>'});

1. unify the css configuration with a config object.
2. keep string for compatibility and as shorthand.

Parameters

• divWrapped: boolean (default: false)
• selectedClass: string (default: 'active')
• disabledClass: string (default: 'disabled')

shortcuts

'list' / 'bootstrap3' - {}
'divWrappedList' / 'bootstrap2' - {divWrapped: true}
'zurbFoundation' - {selectedClass: 'current', disabledClass: 'unavailable'}

Wrap the code within one function and provide internal services without the angular DI mechanism.