diff options
author | Koren Lev <korenlev@gmail.com> | 2017-10-02 11:37:03 +0300 |
---|---|---|
committer | Koren Lev <korenlev@gmail.com> | 2017-10-02 11:37:03 +0300 |
commit | a9691f5fe78af32c474754f841a71a68e2d2a484 (patch) | |
tree | 6ad620ebc1f9adf6bf9fc671d88ea0adf8e7fe07 /ui/imports/ui/components/pager | |
parent | 1e1e95ac6560f26fc154fab4c990235da5ba23c6 (diff) |
ui move to docker
Change-Id: Iff31ebb3fff782e848704801b7800fdf480264a1
Signed-off-by: Koren Lev <korenlev@gmail.com>
Diffstat (limited to 'ui/imports/ui/components/pager')
-rw-r--r-- | ui/imports/ui/components/pager/pager.html | 42 | ||||
-rw-r--r-- | ui/imports/ui/components/pager/pager.js | 123 | ||||
-rw-r--r-- | ui/imports/ui/components/pager/pager.styl | 4 |
3 files changed, 0 insertions, 169 deletions
diff --git a/ui/imports/ui/components/pager/pager.html b/ui/imports/ui/components/pager/pager.html deleted file mode 100644 index 2e14bbd..0000000 --- a/ui/imports/ui/components/pager/pager.html +++ /dev/null @@ -1,42 +0,0 @@ -<!-- -######################################################################################## -# 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> diff --git a/ui/imports/ui/components/pager/pager.js b/ui/imports/ui/components/pager/pager.js deleted file mode 100644 index 19b2789..0000000 --- a/ui/imports/ui/components/pager/pager.js +++ /dev/null @@ -1,123 +0,0 @@ -///////////////////////////////////////////////////////////////////////////////////////// -// 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 Component: Pager - */ - -//import { Meteor } from 'meteor/meteor'; -import * as R from 'ramda'; -import { Template } from 'meteor/templating'; -import { SimpleSchema } from 'meteor/aldeed:simple-schema'; -import { ReactiveDict } from 'meteor/reactive-dict'; - -import './pager.html'; - -/* - * Lifecycles - */ - -Template.Pager.onCreated(function() { - var instance = this; - instance.state = new ReactiveDict(); - instance.state.setDefault({ - pagesButtons: [{ label: '1', number: 1 }], - currentPage: 1, - }); - - instance.autorun(function () { - let data = Template.currentData(); - new SimpleSchema({ - disableNext: { type: Boolean }, - disablePrev: { type: Boolean }, - totalPages: { type: Number }, - currentPage: { type: Number }, - onReqNext: { type: Function }, - onReqPrev: { type: Function }, - onReqPage: { type: Function }, - onReqFirst: { type: Function }, - onReqLast: { type: Function }, - }).validate(data); - - instance.state.set('totalPages', data.totalPages); - instance.state.set('currentPage', data.currentPage); - }); - - instance.autorun(function () { - let numOfPagesInPager = 5; - let totalPages = instance.state.get('totalPages'); - let currentPage = instance.state.get('currentPage'); - let first = R.ifElse((x) => x < 1, R.always(1), R.identity)(currentPage - numOfPagesInPager + 1); - let last = R.ifElse((x) => x > totalPages, R.always(totalPages + 1), R.identity)( - first + numOfPagesInPager); - - let pagesButtons = R.map((pageNumber) => { - return { - label: R.toString(pageNumber), number: pageNumber - }; - }, R.range(first, last)); - - instance.state.set('pagesButtons', pagesButtons); - }); -}); - -/* -Template.Pager.rendered = function() { -}; -*/ - -/* - * Events - */ - -Template.Pager.events({ - 'click .sm-prev-button': function (_event, _instance) { - let data = Template.currentData(); - data.onReqPrev(); - }, - - 'click .sm-next-button': function (_event, _instance) { - let data = Template.currentData(); - data.onReqNext(); - }, - - 'click .sm-first-button': function (_event, _instance) { - let data = Template.currentData(); - data.onReqFirst(); - }, - - 'click .sm-last-button': function (_event, _instance) { - let data = Template.currentData(); - data.onReqLast(); - }, - - 'click .sm-page-button': function (event, _instance) { - let data = Template.currentData(); - let pageNumber = parseInt(event.target.dataset.pageNumber); - data.onReqPage(pageNumber); - }, - - -}); - -/* - * Helpers - */ - -Template.Pager.helpers({ - pagesButtons: function () { - let instance = Template.instance(); - return instance.state.get('pagesButtons'); - }, - - isCurrentPage: function (pageNum, currentPage) { - return pageNum === currentPage; - }, -}); // end: helpers - - diff --git a/ui/imports/ui/components/pager/pager.styl b/ui/imports/ui/components/pager/pager.styl deleted file mode 100644 index 3843ccd..0000000 --- a/ui/imports/ui/components/pager/pager.styl +++ /dev/null @@ -1,4 +0,0 @@ -.os-pager - .cl-disabled - color: gray; - |