diff options
| author |   Koren Lev <korenlev@gmail.com> | 2017-07-27 16:42:15 +0300 |
|---|---|---|
| committer | Koren Lev <korenlev@gmail.com> | 2017-07-27 16:42:15 +0300 |
| commit | b88c78e3cf2bef22aa2f1c4d0bf305e303bc15f0 (patch) | |
| tree | ffa30a6e1511d72562d8772b8700cda52b2752a1 /ui/imports/ui/components/pager/pager.html | |
| parent | b70483739d1f6f4f0d31987ed2e4d1e30d71d579 (diff) | |
adding calipso ui
Change-Id: Ifa6f63daebb07f45580f747341960e898fdb00c4
Signed-off-by: Koren Lev <korenlev@gmail.com>
Diffstat (limited to 'ui/imports/ui/components/pager/pager.html')
| -rw-r--r-- | ui/imports/ui/components/pager/pager.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/ui/imports/ui/components/pager/pager.html b/ui/imports/ui/components/pager/pager.html new file mode 100644 index 0000000..2e14bbd --- /dev/null +++ b/ui/imports/ui/components/pager/pager.html @@ -0,0 +1,42 @@ +<!-- +######################################################################################## +# Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others # +# # +# All rights reserved. This program and the accompanying materials # +# are made available under the terms of the Apache License, Version 2.0 # +# which accompanies this distribution, and is available at # +# http://www.apache.org/licenses/LICENSE-2.0 # +######################################################################################## + --> +<template name="Pager"> +<div class="os-pager"> + <nav aria-label="Page navigation"> + <ul class="pagination"> + <li class="{{#if disablePrev}}disabled{{/if}}"> + <a class="sm-first-button" aria-label="First"> + <span aria-hidden="true">first</span> + </a> + </li> + <li class="{{#if disablePrev}}disabled{{/if}}"> + <a class="sm-prev-button" aria-label="Previous"> + <span aria-hidden="true">previous</span> + </a> + </li> + {{#each pageButton in pagesButtons }} + <li class="{{#if (isCurrentPage pageButton.number currentPage)}}active{{/if}}"><a class="sm-page-button" data-page-number="{{ pageButton.number }}" + >{{ pageButton.label }}</a></li> + {{/each }} + <li class="{{#if disableNext}}disabled{{/if}}"> + <a class="sm-next-button" aria-label="Next"> + <span aria-hidden="true">next</span> + </a> + </li> + <li class="{{#if disableNext}}disabled{{/if}}"> + <a class="sm-last-button" aria-label="Next"> + <span aria-hidden="true">last</span> + </a> + </li> + </ul> + </nav> +</div> +</template> |