From 505857fc115e456e726ed902c572ed50d5c645db Mon Sep 17 00:00:00 2001
From: Blakko <blackavatar@hotmail.com>
Date: Thu, 12 Jun 2014 14:56:46 +0200
Subject: [PATCH] Made the recon service list collapsible to have more space
 for services configuration

---
 .../modules/core/images/menu-opener.png       | Bin 0 -> 337 bytes
 .../core/langs/translation-default.json       |   3 +-
 .../modules/core/langs/translation-en.json    |   4 +-
 .../modules/core/langs/translation-it.json    |   1 +
 .../scripts/reconciliation/recon-dialog.html  |   8 +++-
 .../scripts/reconciliation/recon-dialog.js    |  27 ++++++++++-
 .../styles/reconciliation/recon-dialog.less   |  45 ++++++++++++++++--
 7 files changed, 79 insertions(+), 9 deletions(-)
 create mode 100644 main/webapp/modules/core/images/menu-opener.png

diff --git a/main/webapp/modules/core/images/menu-opener.png b/main/webapp/modules/core/images/menu-opener.png
new file mode 100644
index 0000000000000000000000000000000000000000..684b27920c4658f8729e794b5b83a56636eda70b
GIT binary patch
literal 337
zcmV-X0j~auP)<h;3K|Lk000e1NJLTq000pH000sQ1^@s6z4<j%00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ+*GWV{RCwB~)G<m!K@i6A--{2#GP!`Aoz1JPJVYQxE|4;fU~e123)om#c>r&a
za!(M_rwgQv(Y4uyB?jc>y@lc1nSnpMJ2P9w7<F9(J*=u}nhdH6jfLh|_75c>gkXU0
zWQSy5N1FHhq?10b^MU(5-sBZmT_HDkKNqsc5*v*1lB?6EQ6BM(YpijBdE1k0lkSqi
zsBQ^a;1+in;w^;m)D|+tJog!9U8=LgG&SGZkSSJO`s4whWuV4o;m2a=oQR*y*J;3h
j{+sp!_BYwbr}R4jy!tub3bMDH00000NkvXXu0mjfZB&W0

literal 0
HcmV?d00001

diff --git a/main/webapp/modules/core/langs/translation-default.json b/main/webapp/modules/core/langs/translation-default.json
index 6ec13d893..fb5985a40 100644
--- a/main/webapp/modules/core/langs/translation-default.json
+++ b/main/webapp/modules/core/langs/translation-default.json
@@ -364,7 +364,8 @@
 		"fb-key": "a Freebase key in",
 		"fb-en-ns": "the Wikipedia English namespace",
 		"this-ns": "this namespace:",
-		"max-candidates" : "Maximum number of candidates to return"
+		"max-candidates" : "Maximum number of candidates to return",
+		"service-title": "Services"
 	},
 	"core-util-enc": {
 		"select-enc": "Select Encoding",
diff --git a/main/webapp/modules/core/langs/translation-en.json b/main/webapp/modules/core/langs/translation-en.json
index b2329a25f..33382dc7d 100644
--- a/main/webapp/modules/core/langs/translation-en.json
+++ b/main/webapp/modules/core/langs/translation-en.json
@@ -364,8 +364,8 @@
 		"fb-key": "a Freebase key in",
 		"fb-en-ns": "the Wikipedia English namespace",
 		"this-ns": "this namespace:",
-		"max-candidates" : "Maximum number of candidates to return"
-		
+		"max-candidates" : "Maximum number of candidates to return",
+		"service-title": "Services"
 	},
 	"core-util-enc": {
 		"select-enc": "Select Encoding",
diff --git a/main/webapp/modules/core/langs/translation-it.json b/main/webapp/modules/core/langs/translation-it.json
index 9d99a9981..606bcaf3d 100644
--- a/main/webapp/modules/core/langs/translation-it.json
+++ b/main/webapp/modules/core/langs/translation-it.json
@@ -365,6 +365,7 @@
 		"fb-en-ns": "namespace di Wikipedia inglese",
 		"this-ns": "questo namespace:",
                 "max-candidates" : "Maximum number of candidates to return [TODO - translate]",	
+        "service-title": "Servizi"
 	},
 	"core-util-enc": {
 		"select-enc": "Seleziona la codifica",
diff --git a/main/webapp/modules/core/scripts/reconciliation/recon-dialog.html b/main/webapp/modules/core/scripts/reconciliation/recon-dialog.html
index d15fbff03..f56b8383d 100644
--- a/main/webapp/modules/core/scripts/reconciliation/recon-dialog.html
+++ b/main/webapp/modules/core/scripts/reconciliation/recon-dialog.html
@@ -3,7 +3,13 @@
 	<div class="dialog-body" bind="dialogBody">
 		<div class="grid-layout layout-normal layout-full grid-layout-for-ui">
 			<div class="recon-dialog-service">
-				<div class="recon-dialog-service-list" bind="serviceList"></div>
+				<div class="recon-dialog-service-list-container">
+					<div class="recon-dialog-service-opener">
+						<div class="recon-dialog-service-opener-title" bind="serviceListTitle"></div>
+						<img class="recon-dialog-service-opener-img" src="images/menu-opener.png" />
+					</div>
+					<div class="recon-dialog-service-list" bind="serviceList"></div>
+				</div>
 				<div class="recon-dialog-service-panel-container"
 					bind="servicePanelContainer">
 					<div class="recon-dialog-service-panel-message"
diff --git a/main/webapp/modules/core/scripts/reconciliation/recon-dialog.js b/main/webapp/modules/core/scripts/reconciliation/recon-dialog.js
index 9c08af7cc..d3a8e8abb 100644
--- a/main/webapp/modules/core/scripts/reconciliation/recon-dialog.js
+++ b/main/webapp/modules/core/scripts/reconciliation/recon-dialog.js
@@ -47,6 +47,7 @@ ReconDialog.prototype._createDialog = function() {
   this._elmts.dialogHeader.text($.i18n._('core-recon')["recon-col"]+' "' + this._column.name + '"');
   
   this._elmts.servicePanelMessage.html($.i18n._('core-recon')["pick-service"]);
+  this._elmts.serviceListTitle.html($.i18n._('core-recon')["service-title"]);
   this._elmts.addStandardServiceButton.html($.i18n._('core-buttons')["add-std-svc"]+"...");
   this._elmts.addNamespacedServiceButton.html($.i18n._('core-buttons')["add-named-svc"]+"...");
   this._elmts.reconcileButton.html($.i18n._('core-buttons')["start-recon"]);
@@ -113,6 +114,7 @@ ReconDialog.prototype._populateDialog = function() {
       .text(service.name)
       .appendTo(self._elmts.serviceList)
       .click(function() {
+    	self._toggleServices();
         self._selectService(record);
       });
 
@@ -132,9 +134,32 @@ ReconDialog.prototype._populateDialog = function() {
     for (var i = 0; i < services.length; i++) {
       renderService(services[i]);
     }
+    
+
+    $('.recon-dialog-service-opener').click(function() {
+      self._toggleServices();
+    });
   }
 };
 
+ReconDialog.prototype._toggleServices = function() {
+  var self = this;
+  self._toggleServiceTitle(500);
+  self._toggleServiceList(500);
+};
+
+ReconDialog.prototype._toggleServiceTitle = function(duration) {
+  var title = $('.recon-dialog-service-opener-title');
+  title.animate({
+	width : 'toggle'
+	}, duration, 'swing', function() {
+  });
+};
+
+ReconDialog.prototype._toggleServiceList = function(duration) {
+  $(".recon-dialog-service-list").toggle("slide", duration);
+};
+
 ReconDialog.prototype._selectService = function(record) {
   for (var i = 0; i < this._serviceRecords.length; i++) {
     if (record === this._serviceRecords[i]) {
@@ -244,4 +269,4 @@ ReconDialog.prototype._onAddNamespacedService = function() {
     dismiss();
   });
   elmts.namespaceInput.focus().data("suggest").textchange();
-};
+};
\ No newline at end of file
diff --git a/main/webapp/modules/core/styles/reconciliation/recon-dialog.less b/main/webapp/modules/core/styles/reconciliation/recon-dialog.less
index f4707d9fc..03ea618e5 100644
--- a/main/webapp/modules/core/styles/reconciliation/recon-dialog.less
+++ b/main/webapp/modules/core/styles/reconciliation/recon-dialog.less
@@ -35,20 +35,57 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
 .recon-dialog-service {
   height: 500px;
-  padding: 5px 0;
+  padding: 0 0 10px;
  }
+ 
+.recon-dialog-service-list-container {
+  position: absolute;
+  }
 
 .recon-dialog-service-list {
-  border: 1px solid #aaa;
-  padding: 1px;
+  background: none repeat scroll 0 0 #FFFFFF;
+  border: 1px solid #AAAAAA;
+  height: 470px;
+  margin-left: 10px;
   overflow: auto;
+  padding: 1px;
   width: 200px;
-  height: 500px;
+  }
+  
+.recon-dialog-service-opener {
+  height: 25px;
+  margin-left: -5px;
+  }
+  
+.recon-dialog-service-opener:hover {
+  cursor: pointer;
+  }
+  
+.recon-dialog-service-opener-title {
+  background: none repeat scroll 0 0 #E0EDFE;
   float: left;
+  font-size: 18px;
+  height: 100%;
+  text-align: center;
+  width: 220px;
+  }
+  
+.recon-dialog-service-opener-img {
+  background: none repeat scroll 0 0 #E0EDFE;
+  border-bottom-right-radius: 12px;
+  border-top-right-radius: 12px;
+  padding: 4px 2px;
+  }
+  
+.recon-dialog-service-opener-img:hover {
+  background: none repeat scroll 0 0 #BFDBFF;
   }
   
 .recon-dialog-service-panel-container {
   float: left;
+  height: 500px;
+  margin-left: 20px;
+  width: 850px;
   }
 
 a.recon-dialog-service-selector {