Skip to content
Snippets Groups Projects
Commit a4fbd3d8 authored by root's avatar root
Browse files

Added facetview for Elasticseach. jquery.facetview.js is modified to support Bootstrap3.

parent 2d1e0b8a
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
components/static/es-search.html 0 → 100755
+ 456
− 0
View file @ a4fbd3d8
<!DOCTYPE html>
<html lang="no" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- FACEBOOK OPEN GRAPH -->
<meta property=”og:title” content=”{{lodspk.title}} - {{lodspk.subtitle}}”/>
<meta property=”og:type” content=”article”/>
<meta property=”og:description” content=”“/>
<meta property=”og:image” content=””/>
<meta property=”og:url” content=”{{ uri }}”/>
<meta property=”og:site_name” content=”Marcus”/>
<!-- TWITTER CARD -->
<meta name=”twitter:card” content=””>
<meta name=”twitter:url” content=”{{ uri }}“>
<meta name=”twitter:description” content=”{{lodspk.title}} - {{lodspk.subtitle}}“>
<meta name=”twitter:image” content=”{{ first.main.img.value }}”>
<title>
{% if first.main.label.value != null %}
{{first.main.label.value}} -
{% else %}
{{first.main.title.value}}
{% endif %}{{lodspk.title}}</title>
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico">
<!--
<link href="{{lodspk.home}}css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" /> -->
<link href="{{lodspk.home}}css/basic.css" rel="stylesheet" type="text/css" media="screen" />
<link href="{{lodspk.home}}css/bootstrap-glyphicons.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="{{lodspk.home}}js/jquery.js"></script>
<script type="text/javascript" src="{{lodspk.home}}js/facetview/jquery.facetview.js"></script>
<link href="{{lodspk.home}}js/facetview/css/facetview.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="{{lodspk.home}}js/facetview/vendor/linkify/1.0/jquery.linkify-1.0-min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/css/bootstrap.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/js/bootstrap.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer' rel='stylesheet' type='text/css'>
<link rel="alternate" type="application/rdf+xml" title="RDF/XML Version" href="{{lodspk.local.value}}.rdf" />
<link rel="alternate" type="text/turtle" title="Turtle Version" href="{{lodspk.local.value}}.ttl" />
<link rel="alternate" type="text/plain" title="N-Triples Version" href="{{lodspk.local.value}}.nt" />
<link rel="alternate" type="application/json" title="RDFJSON Version" href="{{lodspk.local.value}}.json" />
<style>
body {padding-top: 50px;}
.wait{
background-image:url('{{lodspk.home}}img/wait.gif');
background-repeat:no-repeat;
padding-right:20px;
background-position: right;
}
</style>
<!-- <link href="{{lodspk.home}}css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" /> -->
<!-- <script type="text/javascript" src="{{lodspk.home}}js/bootstrap.min.js"></script> -->
<script type="text/javascript" src="{{lodspk.home}}js/bootstrap-typeahead.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.typeahead').typeahead({
minLength: 4,
source: function (typeahead, query) {
$('.typeahead').addClass('wait');[]
return $.get('http://data.ub.uib.no/search/'+encodeURIComponent(query), { }, function (data) {
$('.typeahead').removeClass('wait');[]
return typeahead.process(data);
}, 'json');
},
onselect: function (obj) {
$('.typeahead').attr('disabled', true);
window.location = obj.uri;
}
});
$("input").on('keyup', function(){$("form").attr("action", 'search/'+$(this).val())});
});
</script>
</head>
<body>
<div id="wrap">
<div class="navbar navbar-default navbar-fixed-top navbar-inverse marcus-header">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{lodspk.home}}">{{lodspk.title}}</a>
<a class="navbar-text hidden-xs hidden-sm" href="{{lodspk.home}}"><small>{{lodspk.subtitle}}</small></a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<!-- <li><a href="{{lodspk.home}}">Hjem</a></li> -->
<li class="dropdown">
<a id="browse1" class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#" href="#">Meny <span class="caret"></span></a>
<ul class="dropdown-menu list-unstyled" aria-labelledby="browse1" role="meny">
{%include "../includes/nav.inc"%}
</ul>
</li>
</ul>
<form class="navbar-form navbar-right" role="search" action="">
<div class="form-group">
<input type="text" data-provide="typeahead" class="typeahead form-control search-query" placeholder="Søk"/>
</div>
</form>
<script type="text/javascript">
if (simpleCart.total() == null )
{
document.write('<ul class="nav navbar-nav navbar-right">
<li>
<a href="/cart.html"><span class="glyphicon glyphicon-shopping-cart"></span> <span class="label label-primary simpleCart_quantity"></span> Handlekurv</a>
</li>
</ul>');
}
</script>
<p class="navbar-text pull-right hidden-xs hidden-sm beta">Beta</p>
</div><!--/.nav-collapse -->
</div>
<div class="container">
<div class="facet-view-simple"></div>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('.facet-view-simple').facetview({
search_url: 'http://marcus.uib.no/elasticsearch/rdfdata/_search?',
search_index: 'elasticsearch',
pager_on_top: true,
facets: [
{'field': 'maker', 'size': 100, 'order':'term', 'display': 'Laget av'},
{'field': 'reciever', 'display': 'Mottaker'},
{'field': 'topic', 'display': 'Emne'},
{'field': 'collection', 'display': 'Samling'},
{'field': 'relation', 'display': 'Personer'},
{'field': 'spatial', 'display': 'Sted'},
],
result_display: [
[
{
"field": "maker"
}
],
[
{
"pre": "<strong>",
"field": "title",
"post": "</strong>"
}
],
[
{
"field": "http://purl.org/dc/terms/description"
}
],
[
{
"field": "link"
}
]
],
paging: {
size: 25
}
});
});
</script>
<!--
<div class="row">
<div class="col-md-12">
<form action="{{uri}}" method="POST">
<div class="input-group">
<input type="text" class="form-control" name="query">
<span class="input-group-btn">
<button class="btn btn-default" type="submit">Søk</button>
</span>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-md-12">
<img src="img/timeline.png" alt="timeline" style="width: 100%; margin: 20px 0;" />
<ul class="list-inline list-unstyled list-centered">
<li style="width: 25px; height: 25px; background-color: #0039e6;"></li>
<li style="width: 25px; height: 25px; background-color: #3900e6;"></li>
<li style="width: 25px; height: 25px; background-color: #ac00e6;"></li>
<li style="width: 25px; height: 25px; background-color: #e600ac;"></li>
<li style="width: 25px; height: 25px; background-color: #00ace6;"></li>
<li style="width: 25px; height: 25px; background-color: #245bff;"></li>
<li style="width: 25px; height: 25px; background-color: #6188ff;"></li>
<li style="width: 25px; height: 25px; background-color: #e60039;"></li>
<li style="width: 25px; height: 25px; background-color: #00e6ac;"></li>
<li style="width: 25px; height: 25px; background-color: #ffd761;"></li>
<li style="width: 25px; height: 25px; background-color: #ffc824;"></li>
<li style="width: 25px; height: 25px; background-color: #e63900;"></li>
<li style="width: 25px; height: 25px; background-color: #00e639;"></li>
<li style="width: 25px; height: 25px; background-color: #ace600;"></li>
<li style="width: 25px; height: 25px; background-color: #e6ac00;"></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-lg-3">
<div class="well">
<h4>Type</h4>
<div class="checkbox">
<label>
<input type="checkbox"> Dokument
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Fotografi
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Katalogkort
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Vis flere ...
</label>
</div>
</div>
<div class="well">
<h4>Samlinger</h4>
<div class="checkbox">
<label>
<input type="checkbox"> Diplom
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Manuskript
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Knud Knudsen
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Vis flere ...
</label>
</div>
</div>
<div class="well">
<h4>Person</h4>
<div class="checkbox">
<label>
<input type="checkbox"> Anders Lavik
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Ole B. Bull
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Nicolai Astrup
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Vis flere ...
</label>
</div>
</div>
<div class="well">
<h4>Emner</h4>
<div class="checkbox">
<label>
<input type="checkbox"> Gård
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Borgermester
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Landskap
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Vis flere ...
</label>
</div>
</div>
<div class="well">
<h4>Tid</h4>
</div>
</div>
<div class="col-lg-9">
<div class="col-md-4 col-lg-4">
<div>
<a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
<div class="caption">
<h3>Havforskningskurset 1908</h3>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4">
<div>
<a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
<div class="caption">
<h3>Havforskningskurset 1908</h3>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4">
<div>
<a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
<div class="caption">
<h3>Havforskningskurset 1908</h3>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4">
<div>
<a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
<div class="caption">
<h3>Havforskningskurset 1908</h3>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4">
<div>
<a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
<div class="caption">
<h3>Havforskningskurset 1908</h3>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4">
<div>
<a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
<div class="caption">
<h3>Havforskningskurset 1908</h3>
</div>
</div>
</div>
<div class="col-md-11 col-lg-11" style="border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 0; margin: 15px 0;">
<div class="col-md-3">
<a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
</div>
<div class="col-md-9">
<h3>Havforskningskurset 1908</h3>
<p>Beskrivelse, emner, skaper, tid, osv.</p>
</div>
</div>
<div class="col-md-11 col-lg-11" style="border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 0; margin: 15px 0;">
<div class="col-md-3">
<a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
</div>
<div class="col-md-9">
<h3>Havforskningskurset 1908</h3>
<p>Beskrivelse, emner, skaper, tid, osv.</p>
</div>
</div>
<div class="col-md-11 col-lg-11" style="border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 0; margin: 15px 0;">
<div class="col-md-3">
<a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
</div>
<div class="col-md-9">
<h3>Havforskningskurset 1908</h3>
<p>Beskrivelse, emner, skaper, tid, osv.</p>
</div>
</div>
<div class="col-md-11 col-lg-11" style="border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 0; margin: 15px 0;">
<div class="col-md-3">
<a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
</div>
<div class="col-md-9">
<h3>Havforskningskurset 1908</h3>
<p>Beskrivelse, emner, skaper, tid, osv.</p>
</div>
</div>
<div class="col-md-11 col-lg-11" style="border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 0; margin: 15px 0;">
<div class="col-md-3">
<a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
</div>
<div class="col-md-9">
<h3>Havforskningskurset 1908</h3>
<p>Beskrivelse, emner, skaper, tid, osv.</p>
</div>
</div>
<div class="col-md-11 col-lg-11" style="border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 0; margin: 15px 0;">
<div class="col-md-3">
<a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
</div>
<div class="col-md-9">
<h3>Havforskningskurset 1908</h3>
<p>Beskrivelse, emner, skaper, tid, osv.</p>
</div>
</div>
</div>
-->
</div>
</div>
</div>
</div>
{%include "../includes/footer.inc"%}
</body>
</html>
facetview @ 621ef310
Subproject commit 621ef310f1f1e04c8562730af3bb4c7e328618e2
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