Skip to content
Snippets Groups Projects
es-search.html 17.17 KiB
<!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>