From e02eedb965170a390b289894df78ca032191f595 Mon Sep 17 00:00:00 2001
From: Vincent Fournier <v.fournier11@gmail.com>
Date: Fri, 14 Aug 2015 16:36:32 -0400
Subject: [PATCH] Add generic tables

Change-Id: I515d59ee5c7026bc95c229f26c6897c1ee97cab3
---
 app/components/config/componentsConfig.json   |  8 +-
 .../config/defaultLayoutConfig.json           | 82 +++++++++++++++++++
 app/components/directive/table/table.html     | 57 +++++++++----
 app/components/directive/table/table.js       | 30 ++++++-
 app/components/sidebar/sidebar.html           |  1 +
 app/components/surveil/config.js              |  1 -
 6 files changed, 159 insertions(+), 20 deletions(-)

diff --git a/app/components/config/componentsConfig.json b/app/components/config/componentsConfig.json
index a8bd56e..352a6e1 100644
--- a/app/components/config/componentsConfig.json
+++ b/app/components/config/componentsConfig.json
@@ -227,7 +227,8 @@
             "filter": {
                 "services": {},
                 "hosts": {},
-                "events": {}
+                "events": {},
+                "commands": {}
             }
         }
     },
@@ -281,6 +282,11 @@
             "provider": "config",
             "endpoint": "hosts",
             "filter": "allHostConfigTemplate"
+        },
+        "commands": {
+            "provider": "config",
+            "endpoint": "commands",
+            "filter": "all"
         }
     }
 }
diff --git a/app/components/config/defaultLayoutConfig.json b/app/components/config/defaultLayoutConfig.json
index a04ba33..99a8960 100644
--- a/app/components/config/defaultLayoutConfig.json
+++ b/app/components/config/defaultLayoutConfig.json
@@ -855,5 +855,87 @@
                 ]
             }
         ]
+    },
+    "commands": {
+        "template": "page",
+        "components": [
+            {
+                "type": "panel",
+                "components": [
+                    {
+                        "type": "title",
+                        "attributes": {
+                            "title": "Commands"
+                        }
+                    },
+                    {
+                        "type": "actionbar",
+                        "attributes": {
+                            "tableId": [
+                                0
+                            ]
+                        },
+                        "components": [
+                            {
+                                "type": "actionbar-recheck",
+                                "attributes": {}
+                            },
+                            {
+                                "type": "actionbar-more",
+                                "attributes": {}
+                            },
+                            {
+                                "type": "actionbar-search-filter",
+                                "attributes": {}
+                            }
+                        ]
+                    },
+                    {
+                        "type": "table",
+                        "attributes": {
+                            "tableId": 0,
+                            "headerFollow": true,
+                            "inputSource": "commands",
+                            "isWrappable": false,
+                            "noRepeatCell": "",
+                            "checkColumn": false,
+                            "pagingbar": true,
+                            "cellUrls": {
+                                "command_name": {
+                                    "view": "command",
+                                    "params": [
+                                        "command_name"
+                                    ]
+                                }
+                            }
+                        }
+                    }
+                ]
+            }
+        ]
+    },
+    "command": {
+        "template": "page",
+        "components": [
+            {
+                "type": "panel",
+                "components": [
+                    {
+                        "type": "container",
+                        "components": [
+                            {
+                                "type": "info",
+                                "attributes": {
+                                    "datamodel": {
+                                        "Command": "command"
+                                    }
+                                }
+                            }
+                        ]
+                    }
+                ]
+            }
+        ]
+
     }
 }
diff --git a/app/components/directive/table/table.html b/app/components/directive/table/table.html
index 9bd9f4a..d9ec901 100644
--- a/app/components/directive/table/table.html
+++ b/app/components/directive/table/table.html
@@ -1,17 +1,22 @@
 <div>
-    <header class="main__content__header clearfix">
-        <h2 data-ng-show="title" class="main__content__title">{{title}}</h2>
-    </header>
     <table class="data-table">
         <thead class="moving-thead">
         <tr>
             <th data-ng-show="checkColumn" class="data-table__checkbox">
                 <md-checkbox aria-label='Check all' ng-model="isCheckAll" ng-change="onCheckChange()"></md-checkbox>
             </th>
-            <th ng-repeat="i in cellIndexes" class="data-table__{{cellsName[i]}}">
+            <span data-ng-hide="allCells">
+              <th ng-repeat="i in cellIndexes" class="data-table__{{cellsName[i]}}">
                 {{cellsText[i]}}
                 <i class="ico-up-dir"></i>
-            </th>
+              </th>
+            </span>
+            <span data-ng-show="allCells">
+              <th ng-repeat="(key, value) in columns" class="data-table__host">
+                {{key}}
+                <i class="ico-up-dir"></i>
+              </th>
+            </span>
         </tr>
         </thead>
 
@@ -20,22 +25,46 @@
             <th data-ng-show="checkColumn" class="data-table__checkbox">
                 <md-checkbox aria-label='Check all' ng-model="isCheckAll" ng-change="onCheckChange()"></md-checkbox>
             </th>
-            <th ng-repeat="i in cellIndexes" class="data-table__{{cellsName[i]}}">
+            <span data-ng-hide="allCells">
+              <th ng-repeat="i in cellIndexes" class="data-table__{{cellsName[i]}}">
                 {{cellsText[i]}}
                 <i class="ico-up-dir"></i>
-            </th>
+              </th>
+            </span>
+            <span data-ng-show="allCells">
+              <th ng-repeat="(key, value) in columns" class="data-table__host">
+                {{key}}
+                <i class="ico-up-dir"></i>
+              </th>
+            </span>
         </tr>
         </thead>
 
-        <tbody class="{{entry.child_class}}"
-               ng-repeat="(groupByKey, groupByItems) in entries | groupBy:'host_name'">
-        <tr ng-repeat="entry in groupByItems | noRepeat:this | wrappableStyle:this">
-            <td data-ng-show="checkColumn">
+        <tbody data-ng-if="!allCells" class="{{entry.child_class}}"
+                 ng-repeat="(groupByKey, groupByItems) in entries | groupBy:'host_name'">
+            <tr ng-repeat="entry in groupByItems | noRepeat:this | wrappableStyle:this">
+              <td data-ng-show="checkColumn">
                 <md-checkbox aria-label='Check' ng-model="entry.is_checked"></md-checkbox>
+              </td>
+              <td bansho-cell cell-name="{{cell}}" ng-repeat="cell in cellsName"></td>
+            </tr>
+        </tbody>
+        <tbody data-ng-if="allCells" class="{{entry.child_class}}">
+          <tr ng-repeat="(key, entry) in entries">
+            <td data-ng-show="checkColumn">
+              <md-checkbox aria-label='Check' ng-model="entry.is_checked"></md-checkbox>
             </td>
-            <td bansho-cell cell-name="{{cell}}" ng-repeat="cell in cellsName"></td>
-        </tr>
+            <td ng-repeat="(key, value) in columns">
+              <a data-ng-show="cellUrls[key]"
+                 ng-click="createUrl(entry, cellUrls[key])">
+                   {{entry[key]}}
+              </a>
+              <span data-ng-hide="cellUrls[key]">
+                {{entry[key]}}
+              </span>
+            </td>
+          </tr>
         </tbody>
     </table>
     <bansho-pagingbar data-ng-if="pagingbar" options="options"></bansho-pagingbar>
-</div>
\ No newline at end of file
+</div>
diff --git a/app/components/directive/table/table.js b/app/components/directive/table/table.js
index 083f503..47073f8 100644
--- a/app/components/directive/table/table.js
+++ b/app/components/directive/table/table.js
@@ -23,8 +23,8 @@ angular.module('bansho.table', ['bansho.datasource',
                     options: '='
                 },
                 templateUrl: 'components/directive/table/table.html',
-                controller: ['$scope', 'headerFollow', 'datasource', 'templateManager',
-                    function ($scope, headerFollow, datasource, templateManager) {
+                controller: ['$scope', '$window', 'headerFollow', 'datasource', 'templateManager',
+                    function ($scope, $window, headerFollow, datasource, templateManager) {
                         var conf = {},
                             i;
 
@@ -34,8 +34,22 @@ angular.module('bansho.table', ['bansho.datasource',
                         conf.title = $scope.options.attributes.title;
 
                         conf.cells = {'text': [], 'name': []};
-                        conf.cells.text = $scope.options.attributes.cells.text;
-                        conf.cells.name = $scope.options.attributes.cells.name;
+                        if ($scope.options.attributes.cells) {
+                            $scope.allCells = false;
+                            conf.cells.text = $scope.options.attributes.cells.text;
+                            conf.cells.name = $scope.options.attributes.cells.name;
+                        } else {
+                            $scope.allCells = true;
+                        }
+
+                        $scope.cellUrls = $scope.options.attributes.cellUrls;
+                        $scope.createUrl = function (entry, urlParam) {
+                            var url = "/#/view?view=" + urlParam.view;
+                            angular.forEach(urlParam.params, function (paramName) {
+                                url += '&' + paramName + '=' + entry[paramName];
+                            });
+                            $window.location = url;
+                        };
 
                         conf.inputSource = $scope.options.attributes.inputSource;
                         conf.isWrappable = $scope.options.attributes.isWrappable;
@@ -69,6 +83,14 @@ angular.module('bansho.table', ['bansho.datasource',
                         datasource.registerDataChanged($scope.tableId, function (data, isCheckAll) {
                             $scope.isCheckAll = isCheckAll;
                             $scope.entries = data;
+                            if ($scope.allCells) {
+                                $scope.columns = {};
+                                angular.forEach($scope.entries, function (entry) {
+                                   angular.forEach(entry, function (value, key) {
+                                       $scope.columns[key] = true;
+                                   });
+                                });
+                            }
                         });
                         datasource.refreshTableData($scope.tableId);
                         templateManager.addInterval(function refreshTable () {
diff --git a/app/components/sidebar/sidebar.html b/app/components/sidebar/sidebar.html
index 0ec4e08..969a698 100644
--- a/app/components/sidebar/sidebar.html
+++ b/app/components/sidebar/sidebar.html
@@ -39,6 +39,7 @@
         <ul class="sidebar__sublist collapse in" id="configList">
           <li class="sidebar__subitem"><a href="#/view?view=configHosts">Host</a></li>
           <li class="sidebar__subitem"><a href="#/view?view=configHostsTemplate">Templates</a></li>
+          <li class="sidebar__subitem"><a href="#/view?view=commands">Commands</a></li>
         </ul>
       </li>
       <li class="sidebar__item">
diff --git a/app/components/surveil/config.js b/app/components/surveil/config.js
index d767fde..fa07263 100644
--- a/app/components/surveil/config.js
+++ b/app/components/surveil/config.js
@@ -34,7 +34,6 @@ angular.module('bansho.surveil')
                 "commands": true
             };
 
-
             var queryEndpoint = function (endpoint, fields, filters, paging, callback) {
                 var query = surveilQuery(fields, filters[endpoint], paging),
                     method = 'POST',