blob: d69e4d047c05cd9df4489b1a53e8933f83b95843 [file] [log] [blame]
Nils Diewald5e485462015-05-07 20:33:04 +00001<!DOCTYPE html>
2<html>
3 <head>
4 <title><%= title() // loc('korap_desc') %></title>
5 <meta charset="utf-8" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=false, user-scalable=no" />
Akronb3025182015-05-27 23:02:44 +02007 <link href="<%= stash 'prefix' %>/favicon.ico" rel="shortcut icon" type="image/x-icon" />
Nils Diewald705b74a2015-05-07 23:57:34 +00008 <link href="<%= stash 'prefix' %>/css/kalamar-<%= $Kalamar::VERSION %>.css" type="text/css" rel="stylesheet" />
Akron4036d542018-02-12 13:17:09 +01009%= javascript begin
Nils Diewald845282c2015-05-14 07:53:03 +000010 window.KorAP = window.KorAP || {};
11 % my $api = url_for('index');
12 % $api =~ s!/$!!;
13 KorAP.URL = '<%== $api %>';
14% end
Akron4036d542018-02-12 13:17:09 +010015
16% if ($c->app->mode eq 'development') {
17 <script data-main="js/src/app/devel" src="js/lib/require.js" async="async"></script>
18% } else {
Nils Diewalde2647aa2015-05-08 00:54:45 +000019 <script src="<%= (stash('prefix') // '') . '/js/' . loc('jsFile', 'kalamar-' . $Kalamar::VERSION . '-en.js') %>" async="async"></script>
Akron4036d542018-02-12 13:17:09 +010020% };
Nils Diewald5e485462015-05-07 20:33:04 +000021 </head>
22% my $embedded = 0;
23% $embedded = 1 if stash('embedded');
Akronae8f31c2017-11-28 18:05:52 +010024 <body class="no-js<% if ($embedded) { %> embedded<% } %>">
25 <script>document.body.classList.remove('no-js');</script>
Nils Diewald5e485462015-05-07 20:33:04 +000026 <div id="kalamar-bg"></div>
27
Akron50eb8412017-08-31 17:02:13 +020028% if (!$embedded && !user_auth && stash('auth_support')) { # user not logged in
Akron189b3592016-01-04 20:56:46 +010029% content_for 'sidebar', begin
Akron2e3d3772017-04-14 16:20:40 +020030% if (flash('handle_or_email') && !param('handle_or_email')) {
31% param(handle_or_email => flash('handle_or_email'));
32% };
Akron189b3592016-01-04 20:56:46 +010033<fieldset>
Akronae8f31c2017-11-28 18:05:52 +010034 %= form_for 'login', class => 'login', begin
Akron741b2b12017-04-13 22:15:59 +020035 <legend><span><%= loc 'login' %></span></legend>
Akron2670f5b2017-05-31 17:54:07 +020036 %= text_field 'handle_or_email', placeholder => loc('userormail')
Akron189b3592016-01-04 20:56:46 +010037 <div>
Akron741b2b12017-04-13 22:15:59 +020038 %= password_field 'pwd', placeholder => loc('pwd')
Akron189b3592016-01-04 20:56:46 +010039 <button type="submit"><span><%= loc 'go' %></span></button>
40 </div>
Akron2670f5b2017-05-31 17:54:07 +020041 % end
42 <p><%= loc 'loginExplanation' %></p>
Akrone5ef4e02017-04-19 17:07:52 +020043%# <ul>
44%# <li><%= link_to loc('register') => 'register' %></li>
45%# <li><%= link_to loc('pwdforgotten') => 'pwd_forgotten' %></li>
46%# </ul>
Akron50eb8412017-08-31 17:02:13 +020047
Akron189b3592016-01-04 20:56:46 +010048</fieldset>
49% end
50% }
51
Nils Diewald5e485462015-05-07 20:33:04 +000052 % my $aside = content_for('sidebar');
53 <aside tabindex="0" class="<% unless (length($aside) > 0) { %>off<% } elsif (stash('sidebar_active')) { %>active<% } %>">
54 <div>
Akron27ae9ec2015-06-23 00:43:21 +020055 %= $aside
Nils Diewald5e485462015-05-07 20:33:04 +000056 </div>
57 </aside>
58
Akron4751da62017-06-07 22:37:10 +020059 % unless ($embedded) {
60 %= include 'partial/header'
61 % }
Akrond1741ae2017-11-29 09:58:53 +010062
63
64 <noscript>
65 <p id="activate"><%= loc 'activateJS' %></p>
66 </noscript>
Akron4751da62017-06-07 22:37:10 +020067
Nils Diewald5e485462015-05-07 20:33:04 +000068 <main<% if (stash 'main_class') { %> class="<%= stash 'main_class' %>"<% } %>>
69 %= content
70 </main>
71
72 % unless ($embedded) {
73 <footer>
74 <a href="http://korap.ids-mannheim.de/"><%= loc 'about' %></a>
75 <%= doc_link_to 'V '. $Kalamar::VERSION, 'korap', 'kalamar' %>
76 </footer>
Nils Diewald5e485462015-05-07 20:33:04 +000077 % };
Akron27ae9ec2015-06-23 00:43:21 +020078 %= notifications 'Kalamar::Plugin::Notifications'
Nils Diewald5e485462015-05-07 20:33:04 +000079 </body>
80</html>