2019-07-04 09:59:52 +00:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
{% if title %}
|
|
|
|
|
|
<title>Opaque – {{ title }}</title>
|
|
|
|
|
|
{% else %}
|
|
|
|
|
|
<title>Opaque</title>
|
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
<link href="{{ url_for('static', filename='images/favicon.png') }}" rel="icon" type="image/png">
|
2019-07-05 09:04:45 +00:00
|
|
|
|
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='fonts/material-icons/material-icons.css') }}">
|
2019-07-04 12:59:23 +00:00
|
|
|
|
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/materialize.min.css') }}" media="screen,projection"/>
|
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/opaque.css') }}" media="screen,projection"/>
|
2019-08-16 12:54:29 +00:00
|
|
|
|
{% if current_user.is_authenticated %}
|
2019-08-14 14:59:39 +00:00
|
|
|
|
<script>
|
2019-08-16 12:54:29 +00:00
|
|
|
|
var corpora = [
|
|
|
|
|
|
{% for corpus in current_user.corpora.all() %}
|
|
|
|
|
|
{{ corpus.to_dict()|tojson }},
|
|
|
|
|
|
{% endfor %}
|
|
|
|
|
|
];
|
|
|
|
|
|
var jobs = [
|
|
|
|
|
|
{% for job in current_user.jobs.all() %}
|
|
|
|
|
|
{{ job.to_dict()|tojson }},
|
|
|
|
|
|
{% endfor %}
|
|
|
|
|
|
];
|
2019-08-14 14:59:39 +00:00
|
|
|
|
</script>
|
2019-08-19 15:08:16 +00:00
|
|
|
|
<script src="{{ url_for('static', filename='js/jsondiffpatch.umd.js') }}"></script>
|
2019-08-16 12:54:29 +00:00
|
|
|
|
<script src="{{ url_for('static', filename='js/polls.js') }}"></script>
|
|
|
|
|
|
{% endif %}
|
2019-08-22 13:13:10 +00:00
|
|
|
|
<script src="{{ url_for('static', filename='js/socket.io.js') }}"></script>
|
|
|
|
|
|
<script type="text/javascript" charset="utf-8">
|
|
|
|
|
|
var socket = io();
|
|
|
|
|
|
socket.on('connect', function() {
|
|
|
|
|
|
socket.emit('my event', {data: 'I\'m connected!'});
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|
2019-08-20 14:12:03 +00:00
|
|
|
|
<script src="{{ url_for('static', filename='js/list.min.js') }}"></script>
|
2019-08-16 12:54:29 +00:00
|
|
|
|
<script src="{{ url_for('static', filename='js/utils.js') }}"></script>
|
2019-08-20 09:24:52 +00:00
|
|
|
|
<script src="{{ url_for('static', filename='js/CorpusList.js') }}"></script>
|
|
|
|
|
|
<script src="{{ url_for('static', filename='js/JobList.js') }}"></script>
|
2019-07-04 09:59:52 +00:00
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
2019-07-05 12:47:35 +00:00
|
|
|
|
<header>
|
2019-07-08 08:07:26 +00:00
|
|
|
|
<div id="nav-notifications-dropdown" class="dropdown-content grey-text text-darken-4">
|
2019-07-05 12:47:35 +00:00
|
|
|
|
<p>Notifications</p>
|
|
|
|
|
|
</div>
|
2019-07-08 08:07:26 +00:00
|
|
|
|
<ul id="nav-account-dropdown" class="dropdown-content">
|
|
|
|
|
|
{% if current_user.is_authenticated %}
|
|
|
|
|
|
<li><a href="{{ url_for('auth.logout') }}"><i class="material-icons">chevron_left</i>Log out</a></li>
|
|
|
|
|
|
{% else %}
|
|
|
|
|
|
<li><a href="{{ url_for('auth.login') }}"><i class="material-icons">chevron_right</i>Log in</a></li>
|
2019-07-08 12:06:35 +00:00
|
|
|
|
<li><a href="{{ url_for('auth.register') }}"><i class="material-icons">chevron_right</i>Register</a></li>
|
2019-07-08 08:07:26 +00:00
|
|
|
|
{% endif %}
|
|
|
|
|
|
</ul>
|
2019-07-19 13:16:20 +00:00
|
|
|
|
<div class="navbar-fixed">
|
|
|
|
|
|
<nav>
|
|
|
|
|
|
<div class="nav-wrapper">
|
2019-08-02 11:24:52 +00:00
|
|
|
|
<a href="{{ url_for('main.index') }}" class="brand-logo"><i class="material-icons">opacity</i>Opaque</a>
|
2019-07-19 13:16:20 +00:00
|
|
|
|
<a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>
|
|
|
|
|
|
<ul class="right hide-on-med-and-down">
|
2019-08-02 13:15:02 +00:00
|
|
|
|
<li><a id="nav-notifications" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li>
|
|
|
|
|
|
<li><a id="nav-account" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-account-dropdown"><i class="material-icons">account_circle</i></a></li>
|
2019-07-19 13:16:20 +00:00
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
</div>
|
2019-07-05 12:47:35 +00:00
|
|
|
|
|
|
|
|
|
|
<ul id="slide-out" class="sidenav sidenav-fixed">
|
2019-07-10 08:09:11 +00:00
|
|
|
|
<li>
|
|
|
|
|
|
<div class="user-view">
|
|
|
|
|
|
<div class="background" style="background-color: #ee6e73;"></div>
|
2019-07-10 08:56:04 +00:00
|
|
|
|
<img class="circle" src="{{ url_for('static', filename='images/account_circle.png') }}">
|
|
|
|
|
|
<span class="white-text name">
|
|
|
|
|
|
{% if current_user.is_authenticated %}
|
|
|
|
|
|
{{ current_user.username }}
|
|
|
|
|
|
{% else %}
|
|
|
|
|
|
Unknown
|
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span class="white-text email">
|
|
|
|
|
|
{% if current_user.is_authenticated %}
|
|
|
|
|
|
{{ current_user.email }}
|
|
|
|
|
|
{% else %}
|
|
|
|
|
|
Unknown
|
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
</span>
|
2019-07-10 08:09:11 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
2019-08-02 11:24:52 +00:00
|
|
|
|
<li><a href="{{ url_for('main.index') }}"><i class="material-icons">opacity</i>Opaque</a></li>
|
2019-08-01 08:33:05 +00:00
|
|
|
|
<li><a href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a></li>
|
2019-07-19 13:16:20 +00:00
|
|
|
|
<li class="no-padding">
|
|
|
|
|
|
<ul class="collapsible collapsible-accordion">
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a class="collapsible-header">Services<i class="material-icons">arrow_drop_down</i></a>
|
|
|
|
|
|
<div class="collapsible-body">
|
|
|
|
|
|
<ul>
|
2019-08-05 13:36:18 +00:00
|
|
|
|
<li><a href="{{ url_for('services.nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
|
2019-07-19 13:16:20 +00:00
|
|
|
|
<li><a href="{{ url_for('services.ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
2019-07-12 15:21:04 +00:00
|
|
|
|
{% if current_user.is_authenticated %}
|
|
|
|
|
|
<li><div class="divider"></div></li>
|
|
|
|
|
|
<li><a class="subheader">Account</a></li>
|
2019-07-10 08:09:11 +00:00
|
|
|
|
<li><a href="{{ url_for('auth.settings') }}"><i class="material-icons">settings</i>Settings</a></li>
|
2019-07-12 15:21:04 +00:00
|
|
|
|
{% endif %}
|
2019-07-10 12:36:31 +00:00
|
|
|
|
{% if current_user.is_administrator() %} <!-- Shows only for admins -->
|
2019-07-12 15:21:04 +00:00
|
|
|
|
<li><div class="divider"></div></li>
|
|
|
|
|
|
<li><a class="subheader">Administration</a></li>
|
2019-08-15 13:56:53 +00:00
|
|
|
|
<li><a href="{{ url_for('admin.for_admins_only') }}"><i class="material-icons">build</i>Administration tools</a></li>
|
2019-07-10 12:36:31 +00:00
|
|
|
|
{% endif %}
|
2019-07-05 12:47:35 +00:00
|
|
|
|
</ul>
|
|
|
|
|
|
</header>
|
2019-07-04 09:36:23 +00:00
|
|
|
|
|
2019-07-05 09:04:45 +00:00
|
|
|
|
<main class="grey lighten-5">
|
2019-07-04 10:23:09 +00:00
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
2019-07-09 14:59:04 +00:00
|
|
|
|
<div class="col s12">
|
|
|
|
|
|
<h2>
|
|
|
|
|
|
{% if title %}
|
|
|
|
|
|
{{ title }}
|
|
|
|
|
|
{% else %}
|
|
|
|
|
|
Unnamed page
|
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
</h2>
|
|
|
|
|
|
<p> </p>
|
|
|
|
|
|
</div>
|
2019-07-04 10:23:09 +00:00
|
|
|
|
{% block page_content %}
|
|
|
|
|
|
{% endblock %}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</main>
|
2019-07-04 08:40:23 +00:00
|
|
|
|
|
2019-07-05 12:47:35 +00:00
|
|
|
|
<footer class="page-footer">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col s12 l3">
|
2019-07-10 07:47:04 +00:00
|
|
|
|
<img src="{{ url_for('static', filename='images/logo_dfg.png') }}" class="responsive-img">
|
2019-07-05 12:47:35 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col s12 l3">
|
|
|
|
|
|
<h5 class="white-text">About</h5>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li><a class="grey-text text-lighten-3" href="#!">Link 1</a></li>
|
|
|
|
|
|
<li><a class="grey-text text-lighten-3" href="#!">Link 2</a></li>
|
|
|
|
|
|
<li><a class="grey-text text-lighten-3" href="#!">Link 3</a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col s12 l3">
|
|
|
|
|
|
<h5 class="white-text">Connect</h5>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li><a class="grey-text text-lighten-3" href="#!">Link 1</a></li>
|
|
|
|
|
|
<li><a class="grey-text text-lighten-3" href="#!">Link 2</a></li>
|
|
|
|
|
|
<li><a class="grey-text text-lighten-3" href="#!">Link 3</a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col s12 l3">
|
|
|
|
|
|
<h5 class="white-text">Contact</h5>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li><a class="grey-text text-lighten-3" href="#!">Link 1</a></li>
|
|
|
|
|
|
<li><a class="grey-text text-lighten-3" href="#!">Link 2</a></li>
|
|
|
|
|
|
<li><a class="grey-text text-lighten-3" href="#!">Link 3</a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="footer-copyright">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
© 2019 Bielefeld University
|
|
|
|
|
|
<a class="grey-text text-lighten-4 right" href="#!">Impress</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</footer>
|
2019-07-05 09:04:45 +00:00
|
|
|
|
|
2019-07-04 09:59:52 +00:00
|
|
|
|
<script type="text/javascript" src="{{ url_for('static', filename='js/materialize.min.js') }}"></script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
M.AutoInit();
|
2019-07-04 12:59:23 +00:00
|
|
|
|
M.Dropdown.init(
|
2019-07-05 09:04:45 +00:00
|
|
|
|
document.getElementById("nav-notifications"),
|
|
|
|
|
|
{"alignment": "right", "constrainWidth": false, "coverTrigger": false}
|
2019-07-04 12:59:23 +00:00
|
|
|
|
);
|
2019-07-08 08:07:26 +00:00
|
|
|
|
M.Dropdown.init(
|
|
|
|
|
|
document.getElementById("nav-account"),
|
|
|
|
|
|
{"alignment": "right", "constrainWidth": false, "coverTrigger": false}
|
|
|
|
|
|
);
|
2019-07-04 12:59:23 +00:00
|
|
|
|
M.Dropdown.init(
|
2019-08-02 13:15:02 +00:00
|
|
|
|
document.getElementById("new-job"),
|
|
|
|
|
|
{"coverTrigger": false}
|
2019-07-04 12:59:23 +00:00
|
|
|
|
);
|
2019-07-08 07:05:59 +00:00
|
|
|
|
{% for message in get_flashed_messages() %}
|
|
|
|
|
|
M.toast({html: '{{ message }}'})
|
|
|
|
|
|
{% endfor %}
|
2019-07-04 09:59:52 +00:00
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
2019-07-04 08:40:23 +00:00
|
|
|
|
</html>
|
