From 74fcc6f8c558ec6c5adf94dea93d36592fad6465 Mon Sep 17 00:00:00 2001
From: cominch <dominic@luetjohann.com>
Date: Thu, 21 Jun 2012 11:01:02 +0200
Subject: [PATCH] Augmented browsing: small UI modifications

---
 .../interaction_elements/Document_part.html   |  40 +++--
 .../OverlayInteraction.html                   | 143 +++++++++---------
 htroot/interaction_elements/Tag_part.html     |  28 ++--
 3 files changed, 105 insertions(+), 106 deletions(-)

diff --git a/htroot/interaction_elements/Document_part.html b/htroot/interaction_elements/Document_part.html
index 2964b6a17..39efd4f05 100644
--- a/htroot/interaction_elements/Document_part.html
+++ b/htroot/interaction_elements/Document_part.html
@@ -1,34 +1,30 @@
-<span id="sci_doc_#[hash]#" class="sci_doc" style="display: none;">
-
-<img id="sci_doc_#[hash]#_img" src="/currentyacypeer/interaction_elements/document.png" width="16px" height="16px" alt="0" onclick="/* $('#sci_doc_#[hash]#_box').toggle();*/ return false">&nbsp; <span style="font-size: x-small; position: absolute; margin-top: 4px;"><span id="sci_doc_#[hash]#_title"></span></span>
-
-</span>
-
 <style type="text/css" >
 
 .sci_doc {
 	
-font: arial,helvetica,sans-serif;
-font-size: 10px;
+	font: arial,helvetica,sans-serif;
+	font-size: 10px;
 
-background: #ffffff;
-border:0px;
-
-width: 150px;
-height: 20px;
-
-z-index:99998;
-
-color: #5a346e;
+	background: #ffffff;
+	border:0px;
 
+	width: 150px;
+	height: 20px;
+	z-index:99998;
 }
+</style>
 
+<span id="sci_doc_#[hash]#" class="sci_doc" style="display: none;">
 
-</style>
+	<img id="sci_doc_#[hash]#_img" src="/currentyacypeer/interaction_elements/document.png" width="16px" height="16px" alt="0" onclick="/* $('#sci_doc_#[hash]#_box').toggle();*/ return false">&nbsp; <span style="font-size: x-small; position: absolute; margin-top: 4px;"><span id="sci_doc_#[hash]#_title"></span></span>
+
+</span>
 
-<div id="sci_doc_#[hash]#_box" class="sci_panel" style="top: 50px; display: none;">
+<div id="sci_doc_#[hash]#_box" class="sci_panel" style="top: 50px; display: none;">	
+	
+</div>
 
-	<script type="text/javascript" charset="utf-8">
+<script type="text/javascript" charset="utf-8">
 	
 		document.getElementById('sci_doc_#[hash]#').style.display = "";
 		var metajson = getMetadata('#[url]#');
@@ -36,6 +32,4 @@ color: #5a346e;
 		
 		document.getElementById('sci_doc_#[hash]#_title').innerHTML = title;	
 	
-	</script>
-	
-</div>
+</script>
\ No newline at end of file
diff --git a/htroot/interaction_elements/OverlayInteraction.html b/htroot/interaction_elements/OverlayInteraction.html
index 22605cc94..29ecea4f5 100644
--- a/htroot/interaction_elements/OverlayInteraction.html
+++ b/htroot/interaction_elements/OverlayInteraction.html
@@ -2,46 +2,46 @@
 
 <style type="text/css" >
 
-.sci_panel {
+.sci_headerbar {
 	
 font: arial,helvetica,sans-serif;
 font-size: 10px;
 position: fixed;
-right: 0;
+left: 0;
+top: 0px;;
+width: 100%;
+height: 40px;
+border:0px;
+
 background: #ffffff;
-border:1px solid #[color]#;
 
-width: 210px;
-height: auto;
-padding: 30px 110px 30px 30px;
+padding: 0px 0px 0px 0px;
 
 z-index:99998;
 
-color: #[color]#;
 }
 
-.sci_right {
+.sci_bar {
 	
 font: arial,helvetica,sans-serif;
 font-size: 10px;
 position: fixed;
-right: 200px;
-top: 0;
+left: 0;
+top: 35px;;
+width: 100%;
+height: 2px;
 background: #ffffff;
 border:0px;
 
-width: 200px;
-height: 20px;
-padding: 5px 5px 5px 5px;
+background: #[color]#;
 
-z-index:99998;
+padding: 0px 0px 0px 0px;
 
-color: #[color]#;
+z-index:99998;
 
 }
 
-
-.sci_left {
+.sci_icon {
 	
 font: arial,helvetica,sans-serif;
 font-size: 10px;
@@ -63,88 +63,89 @@ color: #5a346e;
 
 }
 
-.sci_panel p{
-margin: 0 0 15px 0;
-padding: 0;
-color: #cccccc;
-}
-
-.sci_panel a, .sci_panel a:visited{
-margin: 0;
-padding: 0;
-color: #9FC54E;
-text-decoration: none;
-border-bottom: 1px solid #9FC54E;
-}
-
-.sci_panel a:hover, .sci_panel a:visited:hover{
-margin: 0;
-padding: 0;
-color: #ffffff;
-text-decoration: none;
-border-bottom: 1px solid #ffffff;
-}
-
-.sci_headerbar {
+.sci_left {
 	
 font: arial,helvetica,sans-serif;
 font-size: 10px;
 position: fixed;
-left: 0;
-top: 0px;;
-width: 100%;
-height: 40px;
-border:0px;
-
+left: 60px;
+top: 0;
+margin-top: 1px;
+padding-left: 50px;
 background: #ffffff;
+border:0px;
 
-padding: 0px 0px 0px 0px;
+width: 250px;
+height: 19px;
+padding: 9px 5px 5px 5px;
 
 z-index:99998;
 
+color: #5a346e;
+
 }
 
-.sci_bar {
+
+.sci_right {
 	
 font: arial,helvetica,sans-serif;
 font-size: 10px;
 position: fixed;
-left: 0;
-top: 35px;;
-width: 100%;
-height: 2px;
+right: 200px;
+top: 0;
 background: #ffffff;
 border:0px;
 
-background: #[color]#;
-
-padding: 0px 0px 0px 0px;
+width: 200px;
+height: 20px;
+padding: 5px 5px 5px 5px;
 
 z-index:99998;
 
+color: #[color]#;
+
 }
 
-.sci_masterbutton {
+
+.sci_panel {
 	
 font: arial,helvetica,sans-serif;
 font-size: 10px;
 position: fixed;
-left: 0px;
-top: -15px;
-
-width: 0px;
-height: 65px;
+right: 0;
 background: #ffffff;
-border:0px;
+border:1px solid #[color]#;
 
-background: #5a346e;
+width: 210px;
+height: auto;
+padding: 30px 110px 30px 30px;
 
-padding: 0px 0px 0px 0px;
+z-index:99998;
+
+color: #[color]#;
+}
 
-z-index:99999;
 
+.sci_panel p{
+margin: 0 0 15px 0;
+padding: 0;
+color: #cccccc;
+}
+
+.sci_panel a, .sci_panel a:visited{
+margin: 0;
+padding: 0;
+color: #9FC54E;
+text-decoration: none;
+border-bottom: 1px solid #9FC54E;
 }
 
+.sci_panel a:hover, .sci_panel a:visited:hover{
+margin: 0;
+padding: 0;
+color: #ffffff;
+text-decoration: none;
+border-bottom: 1px solid #ffffff;
 }
 
 </style>
@@ -156,17 +157,21 @@ z-index:99999;
 
 	</div>
 
-	<div id="sidebar-logo" class="sci_left" style="">
+	<div id="sidebar-logo" class="sci_icon" style="">
 
 		<img src="/currentyacypeer/env/grafics/yacy.png" height="20px" width="36px"/>		
-		<img src="/currentyacypeer/env/grafics/empty.gif" height="20px" width="20px"/>
+		
+	</div>
+	
+	<div id="sidebar-logo" class="sci_left" style="">
+
 		<!--#include virtual="/currentyacypeer/interaction_elements/Tag_part.html?action=#[action]#&hash=#[urlhash]#&url=#[url]#" -->	
 
 	</div>
+		
 
 	<div id="sidebar-document" class="sci_right" style="">
-	
-		<img src="/currentyacypeer/env/grafics/empty.gif" height="20px" width="20px"/>
+			
 		<!--#include virtual="/currentyacypeer/interaction_elements/Document_part.html?action=#[action]#&hash=#[urlhash]#&url=#[url]#" -->
 
 	</div>
diff --git a/htroot/interaction_elements/Tag_part.html b/htroot/interaction_elements/Tag_part.html
index 963ad6b2e..f1dfb5916 100644
--- a/htroot/interaction_elements/Tag_part.html
+++ b/htroot/interaction_elements/Tag_part.html
@@ -1,9 +1,3 @@
-<span id="sci_tags_#[hash]#" class="sci_tag" style="display: none;">
-
-<img id="sci_tags_#[hash]#_img" src="/currentyacypeer/interaction_elements/tag.png" width="16px" height="16px" alt="0" onclick="/* $('#sci_tags_#[hash]#_box').toggle();*/ return false">&nbsp; <span style="font-size: x-small; position: absolute; margin-top: 4px;"><span id="sci_tags_#[hash]#_tags"></span></span>
-
-</span>
-
 <style type="text/css" >
 
 .sci_tag {
@@ -23,16 +17,21 @@ color: #5a346e;
 
 }
 
-
 </style>
 
+<span id="sci_tags_#[hash]#" class="sci_tag" style="display: none;">
+	<img id="sci_tags_#[hash]#_img" src="/currentyacypeer/interaction_elements/tag.png" width="16px" height="16px" alt="0" onclick="/* $('#sci_tags_#[hash]#_box').toggle();*/ return false">&nbsp; <span style="font-size: x-small; position: absolute; margin-top: 4px;"><span id="sci_tags_#[hash]#_tags"></span></span>
+</span>
+
 <div id="sci_tags_#[hash]#_box" class="sci_panel" style="top: 50px; display: none;">
 
 	<div id="rdfcontent_#[hash]#" class="rdfcontent_#[hash]#" style="display:none;"></div>
 
 	<input type="text" id="tags_#[hash]#" name="tags_#[hash]#" class="bm_input" size="80" />
+	
+</div>
 
-	<script type="text/javascript" charset="utf-8">
+<script type="text/javascript" charset="utf-8">
 	
 	var vocabularies_string = '#[vocabularies]#';
 	
@@ -45,8 +44,6 @@ color: #5a346e;
 	if (vocabularies_string != "") {
 
 		$.ajaxSetup({async: false});
-	
-	
 
 		$.getJSON('/currentyacypeer/api/yacydoc.htm?urlhash=#[hash]#', function(data) {
 
@@ -59,7 +56,9 @@ color: #5a346e;
 	vocs.forEach (function(voc) {
 		
 		var currenttags = triple_get_prefix ('http://yacy.net/url', '#[hash]#', 'http://yacy.net/autotagging', voc);
+		
 		var finaltags  = "";
+		
 		currenttags.split(',').forEach (function(tag) {
 			var link = "";
 			
@@ -68,7 +67,9 @@ color: #5a346e;
 				var h_url = hyperlink.substring (0, hyperlink.indexOf('#'));
 				var h_tag = hyperlink.substring (hyperlink.indexOf('#')+1);
 				
-				if (h_tag == tag) link = h_url;
+				if (h_tag == tag) {
+					link = h_url;
+				}
 			});
 			
 			
@@ -106,6 +107,5 @@ color: #5a346e;
  	   		storevalue_t ('http://yacy.net/url#[hash]#', 'http://yacy.net/autotagging#manual', document.getElementById('tags_#[hash]#').value);
  	   		}  	   
      }); */ 
-	</script>
-	
-</div>
+</script>
+