128 lines
3.4 KiB
HTML
128 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<link rel="stylesheet" type="text/css" media="all" href="style.css"/>
|
|
<script src="js/jquery-1.7.2.min.js"></script>
|
|
<title>Recherche</title>
|
|
<script type="text/javascript">
|
|
var NUM_RESULTS = 25;
|
|
|
|
function display_results(data) {
|
|
console.log('got results', data);
|
|
var items = [];
|
|
$('#debug').html(data['qtime']);
|
|
$.each(data['results'], function(key, val) {
|
|
if (val['id'].indexOf('N-') == 0) {
|
|
url = 'pdfs-N/' + val['id'];
|
|
} else {
|
|
url = 'pdfs/' + val['id'];
|
|
}
|
|
items.push('<li><span class="score">' + Math.min(5, parseInt(val['score']*5)) + '</span> <a href="' + url + '">' + val['id'] + '</a></li>');
|
|
});
|
|
$('#results').html($('<ul/>', {html: items.join('')}));
|
|
var orig_offset = $('#offset').val()*1;
|
|
if ($('#offset').val()*1 > 0) {
|
|
var prev_start = $('#offset').val()*1 - NUM_RESULTS;
|
|
$('#offset').val(prev_start);
|
|
link = '<a class="nav prev" href="?' + $('form').serialize() + '">Résultats précédents</a>';
|
|
$('#results').append(link);
|
|
$('#results .nav').last().data('offset', prev_start);
|
|
} else {
|
|
link = '<span class="nav prev" href="#">Résultats précédents</span>';
|
|
$('#results').append(link);
|
|
}
|
|
$('#offset').val(orig_offset);
|
|
if ($('#offset').val()*1 + $('#count').val()*1 < data['hits']*1) {
|
|
var next_start = $('#offset').val()*1 + NUM_RESULTS;
|
|
$('#offset').val(next_start);
|
|
link = '<a class="nav next" href="?' + $('form').serialize() + '">Résultats suivants</a>';
|
|
$('#results').append(link);
|
|
$('#results .nav').last().data('offset', next_start);
|
|
}
|
|
$('#offset').val(orig_offset);
|
|
|
|
$('#info').html('Nombre de résultats: ' + data['hits'] +
|
|
' - page ' + ((orig_offset/NUM_RESULTS)+1) +
|
|
' de ' + Math.max(1, parseInt((((data['hits']-1)/NUM_RESULTS)+1))));
|
|
|
|
|
|
$('#results ul a').hover(
|
|
function() { /* on hover */
|
|
$('#preview').attr('src', 'about:blank');
|
|
$('#preview').attr('src', 'search/' + $(this).attr('href'));
|
|
$('#preview').show();
|
|
},
|
|
function () {
|
|
$('#preview').hide();
|
|
}
|
|
);
|
|
$('#results a.nav').click(function() {
|
|
var this_link = $(this);
|
|
$.getJSON('search/' + $(this).attr('href'), function(data) {
|
|
$('#offset').val($(this_link).data('offset'));
|
|
display_results(data);
|
|
});
|
|
return false;
|
|
});
|
|
}
|
|
|
|
$(function() {
|
|
$('form').submit(function() {
|
|
$('#results').html('');
|
|
$('#info').html('');
|
|
$('#count').val(NUM_RESULTS);
|
|
$('#offset').val(0);
|
|
$('#preview').hide();
|
|
$.getJSON('search/?' + $(this).serialize(), function(data) {
|
|
display_results(data);
|
|
});
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="wrap">
|
|
<div id="header">
|
|
<h1>PFWB</h1>
|
|
<span>Prototype</span>
|
|
</div>
|
|
<div id="splash">
|
|
</div>
|
|
<div id="content">
|
|
|
|
<div id="appbar">
|
|
<h2>Prototype de moteur de recherche - GED PFWB</h2>
|
|
<a href="upload.html">Ajouter un fichier</a>
|
|
</div>
|
|
|
|
<form>
|
|
<input name="count" id="count" type="hidden"/>
|
|
<input name="offset" id="offset" type="hidden"/>
|
|
<input name="q"/>
|
|
<input type="submit" value="Rechercher"/>
|
|
</form>
|
|
|
|
<div id="info">
|
|
</div>
|
|
|
|
<div id="results">
|
|
</div>
|
|
|
|
<img id="preview"/>
|
|
|
|
<div id="debug">
|
|
</div>
|
|
|
|
<div id="footer">
|
|
Entr'ouvert — 2012
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|