Author: apfelmaennchen Date: 2008-03-09 13:51:13 +0100 (Sun, 09 Mar 2008) New Revision: 4532
Added: trunk/htroot/yacy/ui/ trunk/htroot/yacy/ui/index.html trunk/htroot/yacy/ui/result.html trunk/htroot/yacy/ui/ritem.html trunk/htroot/yacy/ui/welcome.html trunk/htroot/yacy/ui/ymarks.html Log: temporary check-in for testing puposes - new user interface based on jQuery and Ajax Added: trunk/htroot/yacy/ui/index.html =================================================================== --- trunk/htroot/yacy/ui/index.html 2008-03-06 11:59:23 UTC (rev 4531) +++ trunk/htroot/yacy/ui/index.html 2008-03-09 12:51:13 UTC (rev 4532) @@ -0,0 +1,100 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd";> +<html lang="en"> +<head> + <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> + <meta content="text/css" http-equiv="Content-Style-Type"> + <meta content="text/javascript" http-equiv="Content-Script-Type"> + + <title>YaCy - Peer-to-Peer Search Network</title> + + <link media="screen" type="text/css" href="css/base.css" rel="stylesheet"> + <link media="screen" type="text/css" href="css/ui.tabs.css" rel="stylesheet"> + <link media="screen" type="text/css" href="css/jquery.tablesorter.pager.css" rel="stylesheet"> + + <script src="js/jquery-1.2.3.min.js" type="text/javascript"></script> + <script src="js/jquery.tablesorter.min.js" type="text/javascript"></script> + <script src="js/jquery.tablesorter.pager.js" type="text/javascript"></script> + <script src="js/jquery.dimensions.min.js" type="text/javascript"></script> + <script src="js/jquery.metadata.min.js" type="text/javascript"></script> + <script src="js/jquery.form.js" type="text/javascript"></script> + <script src="js/jquery.field.min.js" type="text/javascript"></script> + <script src="js/ui.tabs.min.js" type="text/javascript"></script> + <script type="text/javascript"> + $(document).ready(function() { + $('#container > ul').tabs(); + insert_sidebar(); + $('#searchbox').submit(function() { + var tabnr = $('#container > ul').tabs('length'); + var result = "result.html?" + $('#searchbox').formSerialize(); + var tabname = "*" + $("[EMAIL PROTECTED]'search']").getValue(); + $('#container > ul').tabs('add', result, tabname); + $('#container > ul').tabs('select', tabnr); + return false; + }); + }); + function insert_sidebar() { + $('<div id="pager" class="boxed"></div>').appendTo('#sidebar') + $("#pager").load("sidebar/sidebar_pager.html"); + } + </script> +</head> + +<body> + <div style="float:left; width:600px;"> + <div id="menu" class="boxed"> + <div class="title"> + YaCy Search + </div> + <div class="content"> + <table style="text-align: left; width: 600px;" border="0" cellpadding="2" cellspacing="2"> + <tr> + <td style="height: 85px; text-align: left; width: 160px;"> + <img style="width: 150px; height: 75px;" alt="YaCy" title="YaCy" src="img/kaskelix.png"> + </td> + <td style="text-align: left; vertical-align: middle; width: 440px;"> + <form id="searchbox" class="search small" method="get" accept-charset="UTF-8"> + <small> + <input id="searchtext" name="search" type="text" size="50" maxlength="80" value=""/> + <input id="searchbutton" type="submit" name="Enter" value="Search" /> + <div class="ysearch"> + <input type="radio" id="text" name="contentdom" value="text" checked="checked"/> + <label for="text">Text</label> + <input type="radio" id="images" name="contentdom" value="image"/> + <label for="images">Images</label> + <input type="radio" id="audio" name="contentdom" value="audio"/> + <label for="audio">Audio</label> + <input type="radio" id="video" name="contentdom" value="video"/> + <label for="video">Video</label> + <input type="radio" id="appl" name="contentdom" value="app"/> + <label for="appl">Applications</label> + </div> + <input type="hidden" name="former" value="" /> + <input type="hidden" name="count" value="150" /> + <input type="hidden" name="offset" value="0" /> + <input type="hidden" name="resource" value="global" /> + <input type="hidden" name="urlmaskfilter" value=".*" /> + <input type="hidden" name="prefermaskfilter" value="" /> + <input type="hidden" name="depth" value="0" /> + <input type="hidden" name="cat" value="href" /> + <input type="hidden" name="display" value="1" /> + <input type="hidden" name="input" value="1" /> + <input type="hidden" name="constraint" value="" /> + </small> + </form> + </td> + </tr> + </table> + </div> + </div> + </div> + <div id="container" class="main"> + <ul> + <li><a href="welcome.html" title="Welcome"><span>Welcome</span></a></li> + <li><a href="ymarks.html" title="Ymarks"><span>Y-Marks</span></a></li> + </ul> + </div> + <div id="sidebar" class="sidebar"><!-- Sidebar wird dynamisch geladen --></div> +</body> +</html> + + Added: trunk/htroot/yacy/ui/result.html =================================================================== --- trunk/htroot/yacy/ui/result.html 2008-03-06 11:59:23 UTC (rev 4531) +++ trunk/htroot/yacy/ui/result.html 2008-03-09 12:51:13 UTC (rev 4532) @@ -0,0 +1,39 @@ +<script type="text/javascript"> + $(document).ready(function() { + $('#ritems') + .tablesorter({widgets: ['zebra']}) + .tablesorterPager({container: $('#pager'), size: 15, positionFixed: false}); + }); +</script> + +<!-- resultTable --> +#(resultTable)# + <table class="ytable" id="ritems"> + <colgroup> + <col width="25"/> + <col width="25"/> + <col width="220"/> + <col width="220"/> + <col width="285"/> + <col width="25"/> + </colgroup> + <thead> + <tr> + <th class="{sorter: false}"></th> + <th class="{sorter: false}"></th> + <th>Description</th> + <th>URL</th> + <th>Snippet</th> + <th class="{sorter: false}"></th> + </tr> + </thead> + <tbody> +#(/resultTable)# +#{results}# + <!--#include virtual="/yacy/ui/ritem.html?rss=false&item=#[item]#&eventID=#[eventID]#" --> +#{/results}# +#(resultTable)# + </tbody> + </table> + <!-- Navigation --> +#(/resultTable)# \ No newline at end of file Added: trunk/htroot/yacy/ui/ritem.html =================================================================== --- trunk/htroot/yacy/ui/ritem.html 2008-03-06 11:59:23 UTC (rev 4531) +++ trunk/htroot/yacy/ui/ritem.html 2008-03-09 12:51:13 UTC (rev 4532) @@ -0,0 +1,45 @@ +#(content)# +:: +<tr> + <td> + <input type="checkbox" value="true" /> + </td> + <td> + <img src="../../ViewImage.png?width=16&height=16&code=#[faviconCode]#" id="f#[urlhash]#" width="16" height="16" alt="" /> + </td> + <td> + #[description]# + </td> + <td class="url"> + <a href="#[url]#" id="url#[urlhash]#" target="_parent">#[urlname]#</a> + </td> + <td> + #[snippet]# + </td> + <td> + <img src="img-2/cancel.png" alt="delete bookmark" title="delete bookmark"/> + </td> +</tr> + :: + #{items}# + <div class="thumbcontainer"> + <a href="#[hrefCache]#" class="thumblink" onclick="return hs.expand(this)"> + <img src="/ViewImage.png?maxwidth=96&maxheight=96&code=#[code]#" alt="#[name]#"> + </a> + <div class="highslide-caption"><a href="#[href]#">#[name]#<br \><a href="#[source]#">#[sourcedom]#</a></a></div> + <div class="TableCellDark"><a href="#[href]#">#[name]#</a><br \>#[attr]#</div> + </div> + #{/items}# + :: + #{items}# + <tr class="#(col)#TableCellLight::TableCellDark#(/col)#"><td>#[name]#</td><td><a href="#[href]#">#[hrefshort]#</a></tr> + #{/items}# + :: + #{items}# + <tr class="#(col)#TableCellLight::TableCellDark#(/col)#"><td>#[name]#</td><td><a href="#[href]#">#[hrefshort]#</a></tr> + #{/items}# + :: + #{items}# + <tr class="#(col)#TableCellLight::TableCellDark#(/col)#"><td>#[name]#</td><td><a href="#[href]#">#[hrefshort]#</a></tr> + #{/items}# +#(/content)# \ No newline at end of file Added: trunk/htroot/yacy/ui/welcome.html =================================================================== --- trunk/htroot/yacy/ui/welcome.html 2008-03-06 11:59:23 UTC (rev 4531) +++ trunk/htroot/yacy/ui/welcome.html 2008-03-09 12:51:13 UTC (rev 4532) @@ -0,0 +1,20 @@ +<div style="float:left; width:250px; margin-right:15px;"> +<div id="menu" class="boxed"> + <div class="title">Peer-Menu</div> + <div class="content"> + <img style="width: 32px; height: 32px;" alt="login" title="Login" src="img-1/User.png" align="absmiddle" hspace="3" vspace="3"/>Login<br> + <img style="width: 32px; height: 32px;" alt="contact" title="Contact" src="img-1/New%20Mail.png" align="absmiddle" hspace="3" vspace="3"/>Contact<br> + <img style="width: 32px; height: 32px;" alt="peer-admin" title="Peer administration" src="img-1/Run.png" align="absmiddle" hspace="3" vspace="3"/>Administration + </div> +</div> +</div> +<div style="float:left; width:250px; margin-right:15px;"> +<div id="menu" class="boxed"> + <div class="title">YaCy Project</div> + <div class="content"><img style="width: 32px; height: 32px;" alt="YaCy Project Home" title="YaCy Project Home" src="img-1/home.png" align="absmiddle" hspace="3" vspace="3"/>Home<br> + <img style="width: 32px; height: 32px;" alt="YaCy Statistics" title="YaCy Statistics" src="img-2/bar_graph.png" align="absmiddle" hspace="3" vspace="3"/>Statistics<br> + <img style="width: 32px; height: 32px;" alt="YaCy Forum" title="YaCy Forum" src="img-1/Discussion.png" align="absmiddle" hspace="3" vspace="3"/>Forum<br> + <img style="width: 32px; height: 32px;" alt="Help" title="YaCy Wiki" src="img-1/Help%20Blue%20Button.png" align="absmiddle" hspace="3" vspace="3"/>Wiki<br> + </div> +</div> +</div> \ No newline at end of file Added: trunk/htroot/yacy/ui/ymarks.html =================================================================== --- trunk/htroot/yacy/ui/ymarks.html 2008-03-06 11:59:23 UTC (rev 4531) +++ trunk/htroot/yacy/ui/ymarks.html 2008-03-09 12:51:13 UTC (rev 4532) @@ -0,0 +1,62 @@ + +<script type="text/javascript"> + $(document).ready(function() { + $('#ymarks') + .tablesorter({widgets: ['zebra']}) + .tablesorterPager({container: $('#pager'), size: 15, positionFixed: false}); + }); +</script> + +<!-- Table --> + <table class="ytable" id="ymarks"> + <colgroup> + <col width="25"/> + <col width="25"/> + <col width="250"/> + <col width="250"/> + <col width="210"/> + <col width="40"/> + </colgroup> + <thead> + <tr> + <th class="{sorter: false}"></th> + <th class="{sorter: false}"></th> + <th>Title</th> + <th>URL</th> + <th>Tags</th> + <th class="{sorter: false}"></th> + </tr> + </thead> + <tbody> + #{bookmarks}# + <tr> + <td> + <input type="checkbox" value="true" /> + </td> + <td> + #(public)# + <img src="img-2/lock.png" alt="private bookmark" title="private bookmark"/> + :: + <img src="img-2/world2.png" alt="public bookmark" title="public bookmark"/> + #(/public)# + </td> + <td> + #[title]# + </td> + <td class="url"> + <a href="#[link]#">#[link]#</a> + </td> + <td>#{tags}# #[tag]#,#{/tags}#</td> + <td> + <a href="Bookmarks.html?edit=#[hash]#"> + <img src="img-2/pencil.png" alt="edit bookmark" title="edit bookmark" border="0" /> + </a> + <img src="img-2/cancel.png" alt="delete bookmark" title="delete bookmark"/> + </td> + </tr> + #{/bookmarks}# + </tbody> + </table> + + + _______________________________________________ YaCy-svn mailing list YaCy-svn@lists.berlios.de https://lists.berlios.de/mailman/listinfo/yacy-svn
