- update to jquery 1.7 (does not apply to all jquery code, old version is additionally kept for compatibility)

- update to jquery-ui 1.8.16 (includes themes)
- introduced new portalsearch (as default)
- old portalsearch is still available and accessible, but will eventually be removed
- jquery and portal search is now loaded by special header templates for maintenance reasons
- update to new autocomplete, solves bug: http://bugs.yacy.net/view.php?id=29
- many improvements to YMarks GUI and API...more to come anytime soon

Sorry, this is a rather large commit, I hope it doesn't break anything essential, but I need to consolidate some of my efforts in order to move ahead. Especially the update to the portalsearch widget might not be welcomed, but the old one is simply incompatible with newer jquery and jquery-ui libraries, sorry. The code tree /yacy/ui/... is obsolete and will be removed in the future. At that point all productive portalsearches should have migrated to the new version.



git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@8014 6c8d7289-2bf4-0310-a012-ef5d649a1542

3 files changed, 355 insertions, 0 deletions

diff --git a/htroot/jquery/css/jquery-ui-combobox.css b/htroot/jquery/css/jquery-ui-combobox.css
new file mode 100644
index 000000000..4237b1660
--- /dev/null
+++ b/htroot/jquery/css/jquery-ui-combobox.css
@@ -0,0 +1,4 @@
+.ui-button { margin-left: -1px; }
+.ui-button-icon-only .ui-button-text { padding: 0.35em; } 
+.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }
+
diff --git a/htroot/jquery/css/yacy-portalsearch.css b/htroot/jquery/css/yacy-portalsearch.css
new file mode 100644
index 000000000..782085bcd
--- /dev/null
+++ b/htroot/jquery/css/yacy-portalsearch.css
@@ -0,0 +1,136 @@
+.ui-dialog .ui-dialog-title {
+	font-size: 14px;
+}
+.ui-dialog .ui-dialog-buttonpane button {
+	font-size: 14px;
+}
+.ynav .ui-autocomplete-input {
+	font-size: 14px;
+	padding: 2px;
+	width: 150px;
+	margin-bottom: 10px;
+}
+.ynav {
+	font-size: 12px;
+}
+.ynav label {
+	font-size: 12px;
+}
+.ynav .ui-button {
+	vertical-align: top;
+	font-size: 10px;
+}
+.yradio {
+	margin-top: 5px; 
+	margin-bottom: 10px;
+	margin-left: 40px; 
+	text-align: left;
+	font-size: 10px;
+}
+.ui-autocomplete {
+		max-height: 350px;
+		overflow-y: auto;
+		overflow-x: hidden;
+		font-size: 1.0em;
+}
+
+#yacylivesearch form * { 
+	display: inline; 
+}
+#ysearch .fancy {
+	height:18px;
+	background: white;
+	background-image: url(/yacy/ui/img-2/magnify.png);
+	background-repeat: no-repeat;
+	background-position: 2px 1px;
+	padding-left: 20px;
+	border-width: thin;
+	border-color: #239AFF;
+	border-style: solid;
+	-moz-border-radius: 5px; 
+	-webkit-border-radius: 5px;
+}
+
+#ypopup * {
+	inherit: none;
+	margin: 0;
+    padding: 0;
+	font-size: 12px;	
+	text-align: left;
+	font-family:Verdana,Arial,sans-serif;
+}
+#ypopup .url {
+	padding-top: 1px;
+	font-size: 0.9em;
+  	line-height: 1.2em;
+	padding-left: 18px;
+}
+#ypopup .date {
+	font-size: 0.9em;
+  	line-height: 1.2em;
+	margin-bottom: 0.8em;
+	padding-left: 18px;
+}
+#ypopup .url a {
+  	color:#20A020;
+  	text-decoration:none;
+}
+#ypopup h3.linktitle {
+    font-size: 1.0em;
+    line-height: 1.2em;
+	color:#239AFF;
+	padding-left: 18px;
+	border-bottom: none;
+}
+#ypopup h3.linktitle a {
+	text-decoration:none;
+	color:#239AFF;
+}
+#ypopup .desc {
+  	font-style:italic;
+	font-size: 0.9em;
+  	color: #808080;
+  	line-height: 1.2em;
+	padding-left: 18px;	
+}
+#ypopup .favicon {  
+  width: 16px;
+  height: 16px;
+  vertical-align: middle;  
+  margin-left: -24px;
+}
+.classic {
+	font-size: 12px;	
+	text-align: left;
+}
+.classic .linktitle, .classic .url, .classic .date, .classic .desc {
+	margin-left: 40px;
+}
+.ymsg {
+	margin-top: 10px;
+	margin-bottom: 20px;
+	margin-left: -20px;
+	color:#239AFF;
+}
+.ymsg img {
+	width: 50px;
+	height: 32px;
+	vertical-align: middle;	
+	border: 0;
+}
+.ytxt {
+	font-size: 12px;
+	margin-left: 8px;
+	margin-right: 5px;
+	margin-bottom: 20px;
+}
+
+.ynav {
+	margin-left: 8px; 
+	margin-roght: 5px;
+}
+#ypopup .yloading {
+	margin-top: 150px;
+	margin-left: -12px;
+	text-align: center;
+}
diff --git a/htroot/jquery/css/yacy-ymarks.css b/htroot/jquery/css/yacy-ymarks.css
new file mode 100644
index 000000000..33e01b26e
--- /dev/null
+++ b/htroot/jquery/css/yacy-ymarks.css
@@ -0,0 +1,215 @@
+/* Body */
+#ymarks_body {
+
+}
+
+/* Main */
+#ymarks_body div.main {   
+  margin-top: 7px;
+}
+
+/* Sidebar */ 
+#ymarks_body div.sidebar {     
+  width:250px;
+  float:right; 
+  margin-right: 10px;
+  margin-left:10px; 
+  margin-top:5px; 
+  padding-top:2px;
+}
+#ymarks_folders_tab {
+  margin-left: -5px;
+  margin-right: -5px;
+}
+
+/* YaCy Bookmarks ---------------------------*/
+#ymarks_body .url {
+	padding-top: 1px;
+	font-size: 0.9em;
+  	line-height: 1.2em;
+  	margin-bottom:0.6em;
+}
+#ymarks_body h3.linktitle {
+	margin-top:2px;	
+	margin-bottom: -0.5em;
+    font-size: 1.0em;
+    line-height: 1.2em;
+	color:#239AFF;
+}
+#ymarks_body h3.linktitle a {
+	color:#239AFF;
+	text-decoration:none;
+}
+#ymarks_body p.url a {
+  	color:#20A020;
+  	text-decoration:none;
+}
+#ymarks_body .tag {
+	font-size: 1.1em;
+  	line-height: 1.3em;
+  	color:#20A020;
+}
+#ymarks_body .desc {
+  	font-style:italic;
+	font-size: 0.9em;
+  	color: #808080;
+  	line-height: 1.2em;
+  	margin-bottom:-1em; 	
+}
+
+#ymarks_treeview {
+	overflow-x: hidden;
+	overflow-y: auto;
+}
+#ymarks_tagcloud {
+	margin: 10px 5px 10px 5px; /* top right bottom left */
+	text-align: justify;
+	line-height: 1.2em;
+}
+#ymarks_tagcloud a {
+	cursor:pointer;		
+}
+#ymarks_tagcloud a:hover {
+	background-color:#e6EEEE;		
+}
+#ymarks_body .input {
+  width: 190px;  
+  margin-bottom: .5em;
+  padding: 2px 0px 2px 0px /* top right bottom left */
+  border: 1px solid #CCCCCC;
+  font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  /* color: #999999; */
+}
+img.help {
+  vertical-align: middle;
+  padding-bottom:5px;
+  padding-left: 8px;
+}
+.hidden {
+	display:hidden;
+}
+
+/* Bookmark Dialogs */
+.bm_input, .bm_select { 
+  padding: 2px 0px 2px 0px /* top right bottom left */
+  border: 1px solid #CCCCCC;
+  margin: 0px 0px 2px 5px;
+}
+.bm_input { 
+	width: 280px; 
+}
+.bm_select { 
+	width: 60px; 
+}
+.bm_dialog label { 
+	margin: 6px 0px 2px 5px;
+	font-size: 0.8em;
+}
+.bm_dialog {
+	margin: 5px 5px 5px 5px;
+}
+
+
+/* YaCy Flexigrid ---------------------------*/
+.flexigrid div.fbutton .burst {
+	background: url(../../yacy/ui/img-2/burst.png) no-repeat center left;
+}
+.flexigrid div.fbutton .pictures {
+	background: url(../../yacy/ui/img-2/pictures.png) no-repeat center left;
+}
+.flexigrid div.fbutton .help {
+	background: url(../../yacy/ui/img-2/question_blue.png) no-repeat center left;
+}
+.flexigrid div.fbutton .delete {
+	background: url(../../yacy/ui/img-2/cancel.png) no-repeat center left;
+}
+.flexigrid div.fbutton .edit {
+	background: url(../../yacy/ui/img-2/pencil.png) no-repeat center left;
+}
+.flexigrid div.fbutton .import {
+	background: url(../../yacy/ui/img-2/download.png) no-repeat center left;
+}
+.flexigrid div.fbutton .rss {
+	background: url(../../yacy/ui/img-2/rss_round.png) no-repeat center left;
+}
+.flexigrid div.fbutton .xml {
+	background: url(../../yacy/ui/img-2/code.png) no-repeat center left;
+}
+.flexigrid div.fbutton .bookmark {
+	border-bottom: 0px;
+	background: url(../../yacy/ui/img/bookmark.png) no-repeat center left;
+}
+.flexigrid div.fbutton .blacklist {
+	background: url(../../yacy/ui/img/blacklist.png) no-repeat center left;
+}
+.flexigrid div.fbutton .crawl {
+	background: url(../../yacy/ui/img/crawl.png) no-repeat center left;
+}
+.flexigrid div.fbutton .next {
+	background: url(../../yacy/ui/img/next.png) no-repeat center left;
+}
+.flexigrid div.fbutton .prev {
+	background: url(../../yacy/ui/img/prev.png) no-repeat center left;
+}
+.flexigrid div.fbutton .load {
+	background: url(../../yacy/ui/img/flexigrid/load.png) no-repeat center left;
+}
+.flexigrid div.fbutton .addTag {
+	background: url(../../yacy/ui/img/tags/tag_blue_add.png) no-repeat center left;
+}
+.flexigrid div.fbutton .editTag {
+	background: url(../../yacy/ui/img/tags/tag_blue_edit.png) no-repeat center left;
+}
+.flexigrid div.fbutton .deleteTag {
+	background: url(../../yacy/ui/img/tags/tag_blue_delete.png) no-repeat center left;
+}
+.flexigrid div.fbutton .log-debug {
+	background: url(../../yacy/ui/img-2/magnify.png) no-repeat center left;
+}
+.flexigrid div.fbutton .log-info {
+	background: url(../../yacy/ui/img-2/info.png) no-repeat center left;
+}
+.flexigrid div.fbutton .log-system {
+	background: url(../../yacy/ui/img-2/accept_green.png) no-repeat center left;
+}
+.flexigrid div.fbutton .log-warning {
+	background: url(../../yacy/ui/img/blacklist.png) no-repeat center left;
+}
+.flexigrid div.fbutton .log-error {
+	background: url(../../yacy/ui/img-2/stop.png) no-repeat center left;
+}
+.flexigrid div.fbutton .log-new {
+	background: url(../../yacy/ui/img-2/new.png) no-repeat center left;
+}
+.flexigrid div.fbutton .log-more {
+	/* background: url(../img/flexigrid/uup.png) no-repeat center left; */
+	margin-left: -20px;
+}
+/* overrides for ui-tab styles
+-------------------------------------*/
+#ymarks_sidebar .ui-tabs-nav li a:link,
+#ymarks_sidebar .ui-tabs-nav li a:visited,
+#ymarks_sidebar .ui-tabs-nav li a:hover,
+#ymarks_sidebar .ui-tabs-nav li a:active, 
+#ymarks_sidebar .ui-tabs-nav li.ui-tabs-selected a:link,
+#ymarks_sidebar .ui-tabs-nav li.ui-tabs-selected a:visited,
+#ymarks_sidebar .ui-tabs-nav li.ui-tabs-selected a:hover,
+#ymarks_sidebar .ui-tabs-nav li.ui-tabs-selected a:active { font-size: 12px; font-style: bold; padding-left: 5px;}
+
+
+/* overrides for treeview styles
+-------------------------------------*/
+.filetree span.tag { 
+	background: url(../img/tags/tag_blue.png) 0 0 no-repeat;
+	padding: 1px 0px 0px 18px; 
+	display: block;
+}
+.filetree span.topword { 
+	background: url(../img/flexigrid/magnifier.png) 0 0 no-repeat;
+	padding: 1px 0px 0px 18px; 
+	display: block;
+}
+.filetree ul, .filetree li {
+	background-color: transparent;
+}
\ No newline at end of file