feat(md-pagination): add ... indicator to page links when start/end a…

…re not visible (also hijacked @glennpierce's commit message for changelog creation)
aurelia-ui-toolkits · Jul 22, 2016 · b142fe8 · b142fe8
1 parent f1f5ff6
commit b142fe8
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/pagination/pagination.html b/src/pagination/pagination.html
@@ -7,9 +7,11 @@
       <li md-waves click.delegate="setPreviousPage()" class="${ mdActivePage === 1 ? 'disabled' : '' }"><a><i class="material-icons">chevron_left</i></a></li>
     </template>
     <template if.bind="mdShowPageLinks">
-    <li md-waves click.delegate="setActivePage(p+1)" repeat.for="p of mdPageLinks" class="${ p+1 === mdActivePage ? 'active' : ''}">
-      <a>${p+1}</a>
-    </li>
+      <li md-waves click.delegate="setActivePage(p+1)" repeat.for="p of mdPageLinks" class="${ p+1 === mdActivePage ? 'active' : ''}">
+        <span if.bind="$first && p > 0">...</span>
+        <a>${p+1}</a>
+        <span if.bind="$last && p <= mdPages">...</span>
+      </li>
     </template>
     <template if.bind="mdShowPrevNext">
       <li md-waves click.delegate="setNextPage()" class="${ mdActivePage === mdPages ? 'disabled' : '' }"><a><i class="material-icons">chevron_right</i></a></li>