removing items-per-page directive + minor bootstrap update

Author: Zhuk, Alexander

README.md

@@ -2,9 +2,8 @@
 Light and flexible Data Grid for AngularJS apps, with built-in sorting, pagination and filtering options, unified API for client-side and server-side data fetching, 
 seamless synchronization with browser address bar and total freedom in mark-up and styling suitable for your application.
 
-Demo Material Design: http://angular-data-grid.github.io/demo/material.html
-
 Demo Bootstrap: http://angular-data-grid.github.io/
+Demo Material: http://angular-data-grid.github.io/demo/material.html
 
 ### Features
  - Does not have any hard-coded template so you can choose any mark-up you need, from basic `<table>` layout to any `<div>` structure.
@@ -15,13 +14,9 @@ Demo Bootstrap: http://angular-data-grid.github.io/
 
 ### Installation
 
-Using Bower:
-
-```
-bower install angular-data-grid
-```
+Using Bower: `bower install angular-data-grid`
 
-Using direct download: get ZIP archive [from here](https://github.com/angular-data-grid/angular-data-grid.github.io/archive/master.zip)
+Direct download: get ZIP archive [from here](https://github.com/angular-data-grid/angular-data-grid.github.io/archive/master.zip)
 
 Then use files from *dist* folder (see below).
 
@@ -100,8 +95,7 @@ angular.module('myApp', ['dataGrid', 'pagination'])
 2. `grid-actions`:  object in your controller with functions for updating grid. You can  pass string or create empty object in controller. 
 Use this object for calling methods of directive: `sort()`, `filter()`, `refresh()`.
 3. Inside `grid-data` directive you can use `pagination` directive.
-4. Also you can use `grid-item-per-page` directive and pass into it array of values (e.g. 10, 25, 50). 
-5. If you need get size of current displayed items you can use `{{filtered.length}}` value.
+4. If you need get size of current displayed items you can use `{{filtered.length}}` value.
 
 ### Fetch Data
  - For client-side pagination/filtering to fetch all data at once: just assign `gridOptions.data` to any JSON array object.

dist/dataGrid.js

@@ -38,15 +38,12 @@
             $scope.$watch('_gridOptions.data', function (newValue) {
                 if (newValue && newValue.length) {
                     $scope.filtered = angular.copy($scope._gridOptions.data);
-
                     $scope.filters.forEach(function (filter) {
                         if (filter.filterType === 'select') {
-                            //console.dir(filter);
                             $scope[filter.model + 'Options'] = generateOptions($scope.filtered, filter.filterBy);
                         }
                     });
 
-
                     if ($scope.urlSync) {
                         parseUrl($location.path());
                     } else {
@@ -330,32 +327,6 @@
                 }
             }
         }])
-        .directive('gridItemPerPage', ['$compile', function ($compile) {
-            return {
-                replace: true,
-                template: '<ul class="pagination"></ul>',
-                link: function (scope, element, attrs) {
-                    if (attrs.gridItemPerPage) {
-                        var values = attrs.gridItemPerPage.replace(/ /g, '').split(',');
-                        values.forEach(function (value) {
-                            if (Number(value)) {
-                                value = Number(value);
-                            } else {
-                                return;
-                            }
-                            var li = angular.element('<li></li>');
-                            var button = angular.element('<a href>' + value + '</a>');
-                            button.attr('ng-click', 'paginationOptions.itemsPerPage = ' + value + '; reloadGrid()');
-                            li.attr('ng-class', '{"active" : paginationOptions.itemsPerPage == ' + value + '}');
-                            li.append(button);
-                            element.append(li);
-                            element.append(' ');
-                            $compile(li)(scope);
-                        });
-                    }
-                }
-            }
-        }])
         .factory('filtersFactory', function () {
             function selectFilter(items, value, predicate) {
                 return items.filter(function (item) {

dist/dataGrid.min.js

@@ -15,10 +15,10 @@
         <ul class="nav navbar-nav navbar-right">
             <li class="dropdown">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
-                   aria-expanded="false">Change Theme <span class="caret"></span></a>
+                   aria-expanded="false ">Change Theme <span class="caret"></span></a>
                 <ul class="dropdown-menu dropdown-menu-right">
                     <li>
-                        <a href="index.html">Bootstrap Design</a>
+                        <a href="index.html"><strong>Bootstrap Design</strong></a>
                     </li>
                     <li>
                         <a href="demo/material.html">Material Design</a>