Skip to content

GitLab

Dear Gitlab users, due to maintenance reasons, Gitlab will not be available on Thursday 30.09.2021 from 5:00 pm to approximately 5:30 pm.

Commit a3d99dff authored by Mathias Goebel's avatar Mathias Goebel 🎠
Browse files

Merge branch 'feature/#106-pagination-serverside' into 'develop' 

Feature/#106 pagination serverside

Closes #106

See merge request !80
parents be53b6fb c2aa17c6
Hide whitespace changes
Inline Side-by-side
modules/faceted-search.xqm
View file @ a3d99dff
......@@ -14,7 +14,7 @@ xquery version "3.1";
:
: @author Ubbo Veentjer
: @author Mathias Göbel
: @version 1.0
: @version 2.0
: :)
module namespace fsearch="https://sade.textgrid.de/ns/faceted-search";
......@@ -48,8 +48,8 @@ as xs:string? {
$q
};
declare function fsearch:results($node as node(), $model as map(*)) as map()* {
let $page := xs:integer(request:get-parameter("page", "1"))
declare function fsearch:results($node as node(), $model as map(*), $page as xs:string) as map()* {
let $page := (if($page) then $page else 1) cast as xs:integer
let $target := $config:app-root || "/" || config:get("project-id") || "/data"
let $hits := local:get-hits($model, $target)
......@@ -75,8 +75,7 @@ declare function fsearch:results($node as node(), $model as map(*)) as map()* {
"hits" : subsequence($hitsordered,$start,$num),
"totalhits" : count($hits),
"start" : $start,
"page" : $page,
"pages" : $pages
"pagination" : local:pagination(xs:integer($page), xs:integer($pages))
}
};
......@@ -108,42 +107,6 @@ function fsearch:hitend($node as node(), $model as map(*)) {
else $res
};
(:~ Helper for pagination, used from template, returns actal page number.
: This method injects in its HTML node (%templates-wrap).
:
: Usage:
: <span id="page" class="hidden" data-template="fsearch:page"/>
:
: Output:
: <span id="page" class="hidden" data-template="fsearch:page">1</span>
:
: @param $node
: @param $model
:)
declare
%templates:wrap
function fsearch:page($node as node(), $model as map(*)) {
$model("page")
};
(:~ Helper for pagination, used from template, return number of all pages.
: This method injects in its HTML node (%templates-wrap).
:
: Usage:
: <span id="pages" class="hidden" data-template="fsearch:pages"/>
:
: Output:
: <span id="pages" class="hidden" data-template="fsearch:pages">4</span>
:
: @param $node
: @param $model
:)
declare
%templates:wrap
function fsearch:pages($node as node(), $model as map(*)) {
$model("pages")
};
declare function fsearch:result-title($node as node(), $model as map(*)) {
let $viewdoc := config:get('viewer-html', 'faceted-search')
......@@ -292,13 +255,13 @@ declare function local:facet($model as map(*), $hits as node()*, $key as xs:stri
let $facetRemoveQuery := replace($facetReq, $key || ":" || xmldb:encode($facet) || "," , "")
return
<li class="facetSelected">
<a class="facet-minus" href="{ $search-html }?q={ $query }&amp;facet={ $facetRemoveQuery }&amp;order={ $order }&amp;order-by={ $order-by }"><i class="fas fa-minus"></i> </a>
<a class="facet-minus" href="{ $search-html }?q={ $query }&amp;facet={ $facetRemoveQuery }&amp;order={ $order }&amp;order-by={ $order-by }&amp;page=1"><i class="fas fa-minus"></i> </a>
{ $facet } ({ $freq })
</li>
else
<li>
<a class="facet-minus" href="{ $search-html }?q={ $query }&amp;facet={ $key }:!{ xmldb:encode($facet) },{ $facetReq }&amp;order={ $order }&amp;order-by={ $order-by }"><i class="fas fa-minus" title="exclude"></i></a>
<a title="exclude all others" href="{ $search-html }?q={ $query }&amp;facet={ $key }:{ xmldb:encode($facet) },{ $facetReq }&amp;order={ $order }&amp;order-by={ $order-by }">{ $facet } </a> ({ $freq })
<a class="facet-minus" href="{ $search-html }?q={ $query }&amp;facet={ $key }:!{ xmldb:encode($facet) },{ $facetReq }&amp;order={ $order }&amp;order-by={ $order-by }&amp;page=1"><i class="fas fa-minus" title="exclude"></i></a>
<a title="exclude all others" href="{ $search-html }?q={ $query }&amp;facet={ $key }:{ xmldb:encode($facet) },{ $facetReq }&amp;order={ $order }&amp;order-by={ $order-by }&amp;page=1">{ $facet } </a> ({ $freq })
</li>
};
......@@ -322,7 +285,7 @@ declare function local:deselected-for-key($model, $key as xs:string) {
let $facetRemoveQuery := replace($facetReq, $key || ":" || $parts[2] || "," , "")
return
<li class="facet-deselected">
<a class="facet-plus" href="{$search-html}?q={$query}&amp;facet={$facetRemoveQuery}&amp;order={$order}&amp;order-by={$order-by}">
<a class="facet-plus" href="{$search-html}?q={$query}&amp;facet={$facetRemoveQuery}&amp;order={$order}&amp;order-by={$order-by}&amp;page=1">
<i class="fa fa-plus"></i>
</a>
{" " || xmldb:decode(substring-after($parts[2], "!"))}
......@@ -396,7 +359,8 @@ declare function local:facet-query-from-request() {
};
declare function local:facetSelected($key as xs:string, $value as xs:string) as xs:boolean {
declare function local:facetSelected($key as xs:string, $value as xs:string)
as xs:boolean {
let $r := for $token in tokenize(local:facet-query-from-request(), ",")
let $parts := tokenize($token, ":")
......@@ -407,3 +371,59 @@ declare function local:facetSelected($key as xs:string, $value as xs:string) as
return boolean($r)
};
(:~
: Create the pagination list in xhtml, made for bootstrap 3. As local function
: to be added to the $model, so can be added to the page several times.
: @since 2.0
: @author Mathias Göbel
:)
declare function local:pagination($page as xs:integer, $pages as xs:integer)
as element(ul) {
let $disableFirst := if($page = 1)
then attribute class {"disabled"}
else ()
let $disableLast := if($page = $pages)
then attribute class {"disabled"}
else ()
let $pagesListItems :=
for $i in 1 to $pages
let $title :=
if($page = $i)
then "Current page is " || $i
else "Go to page " || $i
let $disableCurrent :=
if($page = $i)
then attribute class {"disabled"}
else ()
let $queryString := request:get-query-string() => replace("page=\d+", "page=" || $i)
let $prefixEllipsis := if(($page - $i eq 2) and $pages ne $i and $i ne 1) then "…" else ()
let $suffixEllipsis := if(($page - $i eq -2) and $pages ne $i and $i ne 1) then "…" else ()
where $page - $i lt 3
where $page - $i gt -3
return
<li>
{$disableCurrent}
<a href="?{ $queryString }" title="{$title}">
{ $prefixEllipsis }{ $i }{ $suffixEllipsis }
</a>
</li>
return
<ul class="pagination">
<li>{$disableFirst}<a href="?{ request:get-query-string() => replace("page=\d+", "page=1") }" title="Go to first page">&lt;&lt;</a></li>
<li>{$disableFirst}<a href="?{ request:get-query-string() => replace("page=\d+", "page=" || ($page - 1)) }" title="Go to previous page">&lt;</a></li>
{ $pagesListItems }
<li>{$disableLast}<a href="?{ request:get-query-string() => replace("page=\d+", "page=" || ($page + 1)) }" title="Go to next page">&gt;</a></li>
<li>{$disableLast}<a href="?{ request:get-query-string() => replace("page=\d+", "page=" || $pages) }" title="Go to last page">&gt;&gt;</a></li>
</ul>
};
(:~
: Templating function for pagination.
: @see local:pagination
: @since 2.0
: @author Mathias Göbel
:)
declare function fsearch:pagination($node as node(), $model as map(*)) {
$model("pagination")
};
repo.xml
View file @ a3d99dff
......@@ -20,6 +20,7 @@
<ul>
<li>Add document how to use faceted search</li>
<li>Pretty print test results on command line</li>
<li>Server side pagination for search.html</li>
</ul>
</li>
<li class="bugs">Bugfixes
......
templates/page_index.html
View file @ a3d99dff
......@@ -59,6 +59,7 @@
<i class="fas fa-search fa-lg" style="color:white"/>
</span>
<input id="searchInput" type="text" class="form-control" data-template="lang:translate" data-template-content="Search" name="q"/>
<input class="hidden" name="page" value="1"/>
<button type="submit" class="btn btn-default"/>
</form>
</div>
......
templates/search.html
View file @ a3d99dff
......@@ -6,8 +6,6 @@
</ul>
<div class="col-md-9">
<div>
<span id="page" class="hidden" data-template="fsearch:page"/>
<span id="pages" class="hidden" data-template="fsearch:pages"/>
<div>
<div>Sie haben nach <strong>
<span id="prevQuery">
......@@ -28,7 +26,9 @@
</div>
</div>
<div>
<ul class="paginator pull-right"/> Zeige Treffer <span id="hitstart" data-template="fsearch:hitstart"/> - <span id="hitend" data-template="fsearch:hitend"/> von <span id="hitcount" data-template="fsearch:hitcount"/> Treffern </div>
Zeige Treffer <span id="hitstart" data-template="fsearch:hitstart"/> - <span id="hitend" data-template="fsearch:hitend"/> von <span id="hitcount" data-template="fsearch:hitcount"/> Treffern
</div>
<div data-template="fsearch:pagination"></div>
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="col-sm-3 control-label">Sortierung nach</label>
......@@ -60,48 +60,15 @@
</div>
</div>
<div>
<ul class="paginator pull-right"/> Zeige Treffer <span id="hitstart" data-template="fsearch:hitstart"/> - <span id="hitend" data-template="fsearch:hitend"/> von <span id="hitcount" data-template="fsearch:hitcount"/> Treffern </div>
Zeige Treffer <span id="hitstart" data-template="fsearch:hitstart"/> - <span id="hitend" data-template="fsearch:hitend"/> von <span id="hitcount" data-template="fsearch:hitcount"/> Treffern
</div>
<div data-template="fsearch:pagination"></div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
// http://www.samaxes.com/2011/09/change-url-parameters-with-jquery/
/*
* queryParameters: handles the query string parameters
* queryString: the query string without the fist '?' character
* re: the regular expression
* m: holds the string matching the regular expression
*/
var queryParameters = {};
var queryString = location.search.substring(1);
var re = /([^&amp;=]+)=([^&amp;]*)/g, m;
// Creates a map with the query string parameters
while (m = re.exec(queryString)) {
queryParameters[m[1]] = m[2];
}
$('.paginator').bootstrapPaginator({
bootstrapMajorVersion: 3,
currentPage: $('#page').text(),
totalPages: $('#pages').text(),
pageUrl: function(type, page, current){
queryParameters['page'] = page;
var querystring = "";
$.each(queryParameters, function(key, val) {
querystring += key + "=" + val + "&amp;";
})
querystring = querystring.substring(0, querystring.length-1)
return window.location.pathname + '?' + querystring;
}
})
$('.facet-minus').each(function() {
$(this).html($('&lt;span class="glyphicon glyphicon-minus-sign" /&gt;'));
});
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment