ngGrid Custom Footer

Creating a nggrid custom footer with bootstrap controls.
Removing classes for label and label-padding from app.less.

Notes:
I put the ngGrid.custom.footer template in the app/components/ngGrid folder. Please let me know if you'd like me to move it.

I left the original ngGrid footer commented out in the template as a reference for the time being and I will remove it once we're happy with the footer as it is.

Leaving the pages at 10 to test paging functions for the time being.
Yes I noticed that as well, I'll get rid of it and the commented reference code today.

Robert
  ----- Original Message ----- 
  From: Justin Deoliveira 
  To: boundlessgeo/suite 
  Cc: RobertDenis 
  Sent: Thursday, October 23, 2014 4:23 PM
  Subject: Re: [suite] ngGrid Custom Footer (#695)


  In geoserver/webapp/app/components/nggrid/ngGrid.custom.footer.tpl.html:

> +    <div style="float:left; margin-right: 10px; line-height:25px;" class="ngPagerControl" style="float: left; min-width: 135px;">
> +      <button class="ngPagerButton" ng-click="pageToFirst()" ng-disabled="cantPageBackward()" title="{{i18n.ngPagerFirstTitle}}"><div class="ngPagerFirstTriangle"><div class="ngPagerFirstBar"></div></div></button>
> +      <button class="ngPagerButton" ng-click="pageBackward()" ng-disabled="cantPageBackward()" title="{{i18n.ngPagerPrevTitle}}"><div class="ngPagerFirstTriangle ngPagerPrevTriangle"></div></button>
> +      <input class="ngPagerCurrent" min="1" max="{{maxPages()}}" type="number" style="width:50px; height: 24px; margin-top: 1px; padding: 0 4px;" ng-model="pagingOptions.currentPage"/>
> +      <button class="ngPagerButton" ng-click="pageForward()" ng-disabled="cantPageForward()" title="{{i18n.ngPagerNextTitle}}"><div class="ngPagerLastTriangle ngPagerNextTriangle"></div></button>
> +      <button class="ngPagerButton" ng-click="pageToLast()" ng-disabled="cantPageToLast()" title="{{i18n.ngPagerLastTitle}}"><div class="ngPagerLastTriangle"><div class="ngPagerLastBar"></div></div></button>
> +    </div>
> +  </div>
> +</div>-->
> +
> +<div ng-show="showFooter" ng-class="{'ui-widget-content': jqueryUITheme, 'ui-corner-bottom': jqueryUITheme}" ng-style="footerStyle()">
> +  <div class="ngTotalSelectContainer" >
> +    <div class="ngFooterTotalItems" ng-class="{'ngNoMultiSelect': !multiSelect}" >
> +      <span class="ngLabel">{{i18n.ngTotalItemsLabel}} {{maxRows()}}</span><span ng-show="filterText.length > 0" class="ngLabel">({{i18n.ngShowingItemsLabel}} {{totalFilteredItemsLength()}})</span>
> +    </div>
> +    <div class="ngFooterSelectedItems" ng-show="multiSelect">
Let's drop selected items for now. There is actually an issue with it across pages. Nice to have it eventually but I think we'll punt for now. 

  —
  Reply to this email directly or view it on GitHub.