Gitiles
Code Review Sign In
korap.ids-mannheim.de / KorAP / Kalamar / 966abf1cab7c5edf18d4a684d9fd98222710b55c / . / templates / layouts / default.html.ep
blob: 160b8e98ec77faf48bd5d4378888a6081cebc182 [file] [log] [blame]
Nils Diewald5d1ffb42014-05-21 17:45:34 +0000[diff] [blame]1<!DOCTYPE html>
2<html>
Nils Diewald4af3f0b2014-06-25 01:43:17 +0000[diff] [blame]3%= include 'partial/header'
Nils Diewald5d1ffb42014-05-21 17:45:34 +0000[diff] [blame]4 <body>
Nils Diewald2329e1d2014-06-12 16:07:57 +0000[diff] [blame]5
Nils Diewalde99d9042014-11-20 23:36:54 +0000[diff] [blame]6%# -- Background crab
Nils Diewald29c0b1d2014-11-13 21:14:17 +0000[diff] [blame]7% if (!param('q') && current_route eq 'index') {
8<div id="crab-bg"></div>
9% };
Nils Diewald5cc44002014-11-12 02:19:22 +0000[diff] [blame]10
Nils Diewald7cad8402014-07-08 17:06:56 +0000[diff] [blame]11% my $location;
12% my $search_route;
Nils Diewaldb22abdf2014-06-18 22:57:50 +0000[diff] [blame]13% unless (current_route 'tutorial') {
Nils Diewalddb03fa92014-06-23 13:36:55 +0000[diff] [blame]14<div id="tutorial">
Nils Diewald4e9fbcb2014-07-15 11:45:09 +0000[diff] [blame]15%= javascript begin
16document.write('<a href="' + getTutorialPage().replace(/\?embedded=1/, '') + '" ');
17document.write('target="_blank"><i title="Open in new tab" ');
18document.write('class="fa fa-external-link-square"></i></a>');
19% end
Nils Diewald4af3f0b2014-06-25 01:43:17 +0000[diff] [blame]20 <i onclick="closeTutorial()"
21 title="close"
22 class="fa fa-toggle-up"></i>
Nils Diewald4e9fbcb2014-07-15 11:45:09 +0000[diff] [blame]23 <iframe src="about:blank"></iframe>
Nils Diewald2329e1d2014-06-12 16:07:57 +0000[diff] [blame]24</div>
Nils Diewald7cad8402014-07-08 17:06:56 +0000[diff] [blame]25% if (current_route eq 'match') {
26% $search_route = url_for('search_corpus');
27% $location = 'in corpus <span class="location">' . stash('corpus_id') . '</span>';
28% }
29% else {
30% $search_route = url_for;
31% if (stash('doc_id')) {
32% $location = ' in document <span class="location">' . stash('corpus_id') . '/' . stash('doc_id') . '</span>';
33% }
34% elsif (stash('corpus_id')) {
35% $location = ' in corpus <span class="location">' . stash('corpus_id') . '</span>';
36% }
37% elsif (stash('collection_id')) {
38% $location = ' in collection <span class="location">' . stash('collection_id') . '</span>';
39% };
40% }
Nils Diewalddb03fa92014-06-23 13:36:55 +0000[diff] [blame]41% }
42% else {
43% $search_route = url_for('index');
Nils Diewaldb22abdf2014-06-18 22:57:50 +0000[diff] [blame]44% };
Nils Diewald33e15552014-06-13 19:38:37 +0000[diff] [blame]45
Nils Diewald02df9912014-06-03 16:08:07 +0000[diff] [blame]46<div id="top">
Nils Diewaldb22abdf2014-06-18 22:57:50 +0000[diff] [blame]47 <a href="<%= url_for 'index' %>"><h1><span>KorAP- Korpusanalyseplattform der nächsten Generation</span></h1></a>
Nils Diewalddb03fa92014-06-23 13:36:55 +0000[diff] [blame]48
Nils Diewalde2c83812014-11-11 21:13:18 +0000[diff] [blame]49%= form_for $search_route, autocomplete => 'off', begin
Nils Diewald7cad8402014-07-08 17:06:56 +0000[diff] [blame]50 <div id="searchbar">
51%= search_field 'q', id => 'q-field', autofocus => 'autofocus', placeholder => 'Find ...'
52 <button type="submit"><i class="fa fa-search"></i></button>
Nils Diewaldb40ddad2014-06-23 15:39:18 +0000[diff] [blame]53% if (stash('test_port')) {
Nils Diewald7cad8402014-07-08 17:06:56 +0000[diff] [blame]54 <button type="submit" name="action" value="inspect"><i class="fa fa-code"></i></button>
Nils Diewaldb40ddad2014-06-23 15:39:18 +0000[diff] [blame]55% };
Nils Diewaldeca30442014-11-18 20:33:54 +0000[diff] [blame]56 <i onclick="hint.popUp()" class="fa fa-arrow-circle-down show-hint"></i>
Nils Diewald7cad8402014-07-08 17:06:56 +0000[diff] [blame]57 </div>
58 <% if ($location) { %><%== $location %><% } %>
59 with
60 <div class="select">
Nils Diewald7e259592014-11-12 19:04:55 +0000[diff] [blame]61 %= select_field ql => [[Poliqarp => 'poliqarp'], ['Cosmas II' => 'cosmas2'], ['Annis' => 'annis'], ['CQL v1.2' => 'cql']], id => 'ql-field'
Nils Diewald7cad8402014-07-08 17:06:56 +0000[diff] [blame]62 </div>
Nils Diewald02df9912014-06-03 16:08:07 +0000[diff] [blame]63
Nils Diewald02df9912014-06-03 16:08:07 +0000[diff] [blame]64<div id="button-right">
Nils Diewalde99d9042014-11-20 23:36:54 +0000[diff] [blame]65%#
66%# -- The cutoff checkbox
Nils Diewalde8e88052014-11-10 16:32:02 +0000[diff] [blame]67% unless (param('q')) { param(cutoff => 1) };
68%= check_box cutoff => 1, id => 'q-cutoff-field'
69<label for="q-cutoff-field"><span></span>Quick</label>
Nils Diewalde99d9042014-11-20 23:36:54 +0000[diff] [blame]70%#
71%# -- The tutorial button
Nils Diewaldb22abdf2014-06-18 22:57:50 +0000[diff] [blame]72% unless (current_route 'tutorial') {
Nils Diewalde99d9042014-11-20 23:36:54 +0000[diff] [blame]73<button type="button" title="Tutorial" onclick="openTutorial()">\
74<i class="fa fa-graduation-cap"></i>\
75</button>
Nils Diewaldb22abdf2014-06-18 22:57:50 +0000[diff] [blame]76% };
Nils Diewalde99d9042014-11-20 23:36:54 +0000[diff] [blame]77%#
78%# -- The Alignment button
79% if (param('q') && (stash('search.totalResults') // 0) != 0) {
80<button type="button" title="Alignment" onclick="toggleAlignment(this)">\
81<i class="fa fa-align-right"></i>\
82</button>
Nils Diewald7cad8402014-07-08 17:06:56 +0000[diff] [blame]83% }
Nils Diewald2329e1d2014-06-12 16:07:57 +0000[diff] [blame]84</div>
Nils Diewalde99d9042014-11-20 23:36:54 +0000[diff] [blame]85%#
Nils Diewald7cad8402014-07-08 17:06:56 +0000[diff] [blame]86% end
Nils Diewald02df9912014-06-03 16:08:07 +0000[diff] [blame]87</div>
88
Nils Diewalde99d9042014-11-20 23:36:54 +0000[diff] [blame]89
Nils Diewald4af3f0b2014-06-25 01:43:17 +0000[diff] [blame]90%= content 'sidebar' => begin
Nils Diewald7cad8402014-07-08 17:06:56 +0000[diff] [blame]91<div id="sidebar">
Nils Diewalde99d9042014-11-20 23:36:54 +0000[diff] [blame]92 %= include 'collections'
Nils Diewald4af3f0b2014-06-25 01:43:17 +0000[diff] [blame]93 <i class="fa fa-bars"></i>
Nils Diewald02df9912014-06-03 16:08:07 +0000[diff] [blame]94</div>
Nils Diewald02df9912014-06-03 16:08:07 +0000[diff] [blame]95% end
96
Nils Diewalde99d9042014-11-20 23:36:54 +0000[diff] [blame]97
Nils Diewald4af3f0b2014-06-25 01:43:17 +0000[diff] [blame]98<main>
99%= content main => begin
100 <p>This is the alternative KorAP Frontend.</p>
101 <p>The primary goal is to serve as a testbed for the query serialization and for different flavours of user interfaces.</p>
102 <p>Search capabilities are limited to the demo user.</p>
Nils Diewald47bdd912014-07-15 16:31:56 +0000[diff] [blame]103 <p>Currently the frontend only supports recent versions of Mozilla Firefox.</p>
Nils Diewald4af3f0b2014-06-25 01:43:17 +0000[diff] [blame]104% end
105</main>
Nils Diewald33e15552014-06-13 19:38:37 +0000[diff] [blame]106
Nils Diewald4af3f0b2014-06-25 01:43:17 +0000[diff] [blame]107%= content 'javascript'
108%= include 'partial/javascript'
Nils Diewaldca01b762014-09-08 02:35:20 +0000[diff] [blame]109%= notifications 'Alertify', -no_include
Nils Diewald5d1ffb42014-05-21 17:45:34 +0000[diff] [blame]110 </body>
111</html>