nopaque/vre_www/website/job_manager.html
Patrick Jentsch 86557443a2 Add prototype
2019-06-03 14:57:09 +02:00

198 lines
7.0 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Opaque | Auftragsverwaltung</title>
<link href="/vre/images/sfb_1288.png" rel="icon" type="image/png">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/vre_manager_rest.js"></script>
<script src="js/vre.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body class="blue-grey lighten-5">
<header>
<ul id="main-nav-account-dropdown" class="dropdown-content">
<li>
<a href="account.html">Benutzerverwaltung</a>
</li>
<li class="divider"></li>
<li>
<a href="javascript:logout();">Abmelden</a>
</li>
</ul>
<nav class="blue-grey darken-2">
<div class="container">
<div class="nav-wrapper">
<a href="portal.html" class="brand-logo">
<i class="material-icons hide-on-small-only">cloud</i>
Opaque
</a>
<a href="#" data-target="main-nav-mobile" class="sidenav-trigger">
<i class="material-icons">menu</i>
</a>
<ul id="main-nav" class="right hide-on-med-and-down">
<li class="active">
<a href="job_manager.html">
<i class="material-icons left">work</i>
Auftragsübersicht
</a>
</li>
<li>
<a href="nlp.html">
<i class="material-icons left">format_textdirection_l_to_r</i>
Linguistische Datenverarbeitung
</a>
</li>
<li>
<a href="ocr.html">
<i class="material-icons left">find_in_page</i>
Texterkennung
</a>
</li>
<li>
<a id="main-nav-account" class="dropdown-trigger" href="#!" data-target="main-nav-account-dropdown">
<i class="material-icons left">account_circle</i>
Benutzer
<i class="material-icons right">arrow_drop_down</i>
</a>
</li>
</ul>
</div>
</div>
</nav>
<ul class="sidenav" id="main-nav-mobile">
<li class="active">
<a href="job_manager.html">
<i class="material-icons left">work</i>
Auftragsübersicht
</a>
</li>
<li>
<a href="nlp.html">
<i class="material-icons left">format_textdirection_l_to_r</i>
Linguistische Datenverarbeitung
</a>
</li>
<li>
<a href="ocr.html">
<i class="material-icons left">find_in_page</i>
Texterkennung
</a>
</li>
<li>
<a href="account.html">
<i class="material-icons">account_circle</i>
Benutzer
</a>
</li>
<li>
<a href="javascript:logout();">
<i class="material-icons">account_circle</i>
Abmelden
</a>
</li>
</ul>
</header>
<main>
<div class="container">
<div class="row">
<div class="col s12 m8">
<div class="card">
<div class="card-content">
<span class="card-title">Auftragsübersicht</span>
<p>
Die Auftragsübersicht bietet eine Übersicht über Ihre
Aufträge. Nach erfolgreichem Abschluss können die Ergebnisse
hier heruntergeladen werden.
</p>
<p>&nbsp;</p>
<div class="card-panel no-padding z-depth-0">
<ul class="tabs">
<li class="tab col s3">
<a data-job-filter="" class="active">Alle</a>
</li>
<li class="tab col s3">
<a data-job-filter="finished">Abgeschlossen</a>
</li>
<li class="tab col s3">
<a data-job-filter="running">Laufend</a>
</li>
<li class="tab col s3">
<a data-job-filter="queued">Wartend</a>
</li>
</ul>
</div>
<ul id="jobs-collapsible" class="collapsible expandable z-depth-0"></ul>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<div class="card-content">
<span class="card-title">Linguistische Datenverarbeitung</span>
<p>
<i class="material-icons medium blue-grey-text text-darken-2 left">format_textdirection_l_to_r</i>
Mit Hilfe datenverarbeitender Methoden werden Textdaten mit
weiteren Informationen angereichert.
</p>
</div>
<div class="card-action right-align">
<a href="nlp.html" class="waves-effect waves-light btn">Zum Dienst</a>
</div>
</div>
<div class="card">
<div class="card-content">
<span class="card-title">Texterkennung</span>
<p>
<i class="material-icons medium blue-grey-text text-darken-2 left">find_in_page</i>
Textdaten werden aus Scans oder Fotos zur anschließenden
Weiterverarbeitung extrahiert.
</p>
</div>
<div class="card-action right-align">
<a href="ocr.html" class="waves-effect waves-light btn">Zum Dienst</a>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="page-footer blue-grey darken-2">
<div class="container">
<div class="row">
<div class="col s12">
<p class="grey-text text-lighten-4 left">
<a href="https://www.uni-bielefeld.de/">
<img src="images/universitaet_bielefeld.png" alt="Logo: Universität Bielefeld" style="height: 72.5px">
</a>
</p>
<p class="grey-text text-lighten-4 right">
Gefördert durch die<br>
<a href="https://www.dfg.de/">
<img src="images/dfg.png" alt="Logo: Deutsche Forschungsgemeinschaft" style="height: 50px;">
</a>
</p>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2019 Copyright
<a class="grey-text text-lighten-4" href="https://www.uni-bielefeld.de/sfb1288">Universität Bielefeld | SFB 1288</a>
<a class="grey-text text-lighten-4 right" href="impressum.html">Impressum</a>
</div>
</div>
</footer>
<script src="js/materialize.min.js"></script>
<script>
M.AutoInit();
</script>
<script src="js/job_manager.js"></script>
</body>
</html>