From 8279a0d477585a524c5407869af71fe5f83b3a86 Mon Sep 17 00:00:00 2001
From: Siteshwar Vashisht <siteshwar@gmail.com>
Date: Mon, 21 Oct 2013 23:42:16 +0530
Subject: [PATCH] Display bindings, history and variables in multiple lines on
 click

---
 share/tools/web_config/js/controllers.js       | 10 ++++++++++
 share/tools/web_config/partials/bindings.html  |  2 +-
 share/tools/web_config/partials/history.html   |  4 ++--
 share/tools/web_config/partials/variables.html |  5 +++--
 4 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/share/tools/web_config/js/controllers.js b/share/tools/web_config/js/controllers.js
index a85d5677c..f415f0774 100644
--- a/share/tools/web_config/js/controllers.js
+++ b/share/tools/web_config/js/controllers.js
@@ -173,6 +173,7 @@ controllers.controller("historyController", function($scope, $http, $timeout) {
     $scope.historySize = 0;
     // Stores items which are yet to be added in history items
     $scope.remainingItems = [];
+    $scope.selectedItems = [];
 
     // Populate history items in parts
     $scope.loadHistory = function() {
@@ -190,6 +191,15 @@ controllers.controller("historyController", function($scope, $http, $timeout) {
         $timeout($scope.loadHistory, 100);
     }
 
+    $scope.selectItem = function(item) {
+        var index = $scope.selectedItems.indexOf(item);
+        if ( index >= 0) {
+            $scope.selectedItems.splice(index,1);
+        }
+        else {
+            $scope.selectedItems.push(item);
+        }
+    }
     // Get history from server
     $scope.fetchHistory = function() {
         $http.get("/history/").success(function(data, status, headers, config) {
diff --git a/share/tools/web_config/partials/bindings.html b/share/tools/web_config/partials/bindings.html
index f80be0b34..3a78ca5f2 100644
--- a/share/tools/web_config/partials/bindings.html
+++ b/share/tools/web_config/partials/bindings.html
@@ -5,7 +5,7 @@
 <table class="data_table">
     <tbody>
     <tr class="data_table_row" ng-repeat="binding in bindings | filterBinding:query">
-        <td class="data_table_cell no_overflow" style="text-align: right; padding-right: 30px;">{{ binding.command }}</td>
+        <td ng-class="{ data_table_cell: true, no_overflow: !binding._is_selected }" style="text-align: right; padding-right: 30px;" ng-click="binding._is_selected = !binding._is_selected">{{ binding.command }}</td>
         <td class="data_table_cell no_overflow" style="text-align: left; padding-right: 30px;">{{ binding.binding }}</td>
     </tr>
     </tbody>
diff --git a/share/tools/web_config/partials/history.html b/share/tools/web_config/partials/history.html
index 06efbf6e0..ef4b04f5a 100644
--- a/share/tools/web_config/partials/history.html
+++ b/share/tools/web_config/partials/history.html
@@ -1,11 +1,11 @@
-<div id="table_filter_container" style="display: block;">
+<div id="table_filter_container">
     <span ng-show="loadingText.length > 0"> {{ loadingText }} </span>
     <input id="table_filter_text_box" class="filter_text_box text_box_transient" placeholder="Filter" ng-model="query">
 </div>
 <table class="data_table">
     <tbody>
         <tr ng-repeat="item in historyItems | filter:query">
-            <td class="history_text no_overflow">{{ item }}</td>
+            <td ng-class="{'history_text': true, 'no_overflow': selectedItems.indexOf(item) < 0}" ng-click="selectItem(item)">{{ item }}</td>
             <td class="history_delete">
                 <a ng-click="deleteHistoryItem(item)">
                     <img class="delete_icon" src="delete.png">
diff --git a/share/tools/web_config/partials/variables.html b/share/tools/web_config/partials/variables.html
index 711249dbf..04b223881 100644
--- a/share/tools/web_config/partials/variables.html
+++ b/share/tools/web_config/partials/variables.html
@@ -1,4 +1,4 @@
-<div id="table_filter_container" style="display: block;">
+<div id="table_filter_container">
     <input id="table_filter_text_box" class="filter_text_box text_box_transient" placeholder="Filter" ng-model="query">
 </div>
 
@@ -6,7 +6,8 @@
     <tbody>
     <tr class="data_table_row" ng-repeat="variable in variables | filterVariable:query">
         <td class="data_table_cell no_overflow" style="text-align: right; padding-right: 30px;">{{ variable.name }}</td>
-        <td class="data_table_cell no_overflow" style="text-align: left; padding-right: 30px;">{{ variable.value }}</td>
+        <!-- Small hack to select/unselect variables -->
+        <td ng-class="{'data_table_cell': true, 'no_overflow': !variable._is_selected}" style="text-align: left; padding-right: 30px;" ng-click="variable._is_selected=!variable._is_selected">{{ variable.value }}</td>
     </tr>
     </tbody>
 </table>