Add a groupBy function in tables

Change-Id: I5e3b105a703d2586e8917c8b7793f44fe6981106

app/app.js

@@ -2,6 +2,7 @@
 
 angular.module('bansho', [
     'ngRoute',
+	'angular.filter',
     'bansho.config',
     'bansho.authentication',
     'bansho.utils.promiseManager',

app/components/table/table.html

@@ -9,8 +9,8 @@
       </tr>
   </thead>
 
-  <tbody class="{{entry.child_class}}" ng-repeat="entry in entries | actionbarSelectFilter:actionbarFilters.activeFilter | filter:actionbarFilters.searchFilter | noRepeat:this | wrappableStyle:this">
-    <tr>
+  <tbody class="{{entry.child_class}}" ng-repeat="(groupByKey, groupByItems) in entries | groupBy:'host_name'">
+    <tr ng-repeat="entry in groupByItems | actionbarSelectFilter:actionbarFilters.activeFilter | filter:actionbarFilters.searchFilter | noRepeat:this | wrappableStyle:this">
       <td><input type="checkbox" ng-model="entry.is_checked"></td>
       <td bansho-cell cell-name="{{cell}}" ng-repeat="cell in cellsName"></td>
     </tr>

app/index.html

@@ -14,6 +14,7 @@
 
     <!-- build:js js/app.min.js -->
     <script src="bower_components/angular/angular.js"></script>
+    <script src="bower_components/angular-filter/dist/angular-filter.min.js"></script>
     <script src="bower_components/angular-route/angular-route.js"></script>
     <script src="bower_components/jquery/dist/jquery.min.js"></script>
     <script src="bower_components/moment/moment.js"></script>

bower.json

@@ -13,6 +13,7 @@
     "bootstrap-sass-official": "3.3.1",
     "fontawesome": "4.2.0",
     "justgage-toorshia": "master",
-    "moment": "~2.9.0"
+    "moment": "~2.9.0",
+    "angular-filter": "~0.5.4"
   }
 }