temporary check-in for testing puposes - new user interface based on jQuery and Ajax

git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@4532 6c8d7289-2bf4-0310-a012-ef5d649a1542
pull/1/head
apfelmaennchen 17 years ago
parent 6788f8f7c1
commit 94280b0a39

@ -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 = "*" + $("input[@name='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>&nbsp;&nbsp;
<input type="radio" id="images" name="contentdom" value="image"/>
<label for="images">Images</label>&nbsp;&nbsp;
<input type="radio" id="audio" name="contentdom" value="audio"/>
<label for="audio">Audio</label>&nbsp;&nbsp;
<input type="radio" id="video" name="contentdom" value="video"/>
<label for="video">Video</label>&nbsp;&nbsp;
<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>

@ -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)#

@ -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)#

@ -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>

@ -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>
Loading…
Cancel
Save