From f2806f94738c26e70521de67c8778e372c813a84 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <p.jentsch@uni-bielefeld.de>
Date: Wed, 4 Sep 2019 16:00:14 +0200
Subject: [PATCH] Codestyle.

---
 app/templates/main/jobs/job.html.j2 |  7 +++--
 app/templates/services/nlp.html.j2  | 40 ++++++-----------------------
 app/templates/services/ocr.html.j2  | 40 ++++++-----------------------
 3 files changed, 19 insertions(+), 68 deletions(-)

diff --git a/app/templates/main/jobs/job.html.j2 b/app/templates/main/jobs/job.html.j2
index a9bfd2b5..12865aa2 100644
--- a/app/templates/main/jobs/job.html.j2
+++ b/app/templates/main/jobs/job.html.j2
@@ -161,11 +161,12 @@
         </div>
       </div>
 
+      <span class="card-title">Files</span>
       <table>
         <thead>
           <tr>
-              <th>Inputs</th>
-              <th>Results</th>
+              <th style="width: 50%;">Inputs</th>
+              <th style="width: 50%;">Results</th>
           </tr>
         </thead>
         <tbody>
@@ -179,8 +180,6 @@
               {% for result in files[file]['results'] %}
               <a href="{{ url_for('main.job_download', job_id=job.id, file=files[file]['results'][result]['path']) }}" class="waves-effect waves-light btn-small">{{ result }}</a>
               {% endfor %}
-              {% else %}
-              None
               {% endif %}
             </td>
           </tr>
diff --git a/app/templates/services/nlp.html.j2 b/app/templates/services/nlp.html.j2
index 1ba9550b..8e394f08 100644
--- a/app/templates/services/nlp.html.j2
+++ b/app/templates/services/nlp.html.j2
@@ -13,56 +13,32 @@
         <div class="col s12 m6">
           <div class="card z-depth-0">
             <div class="card-content">
-              <span class="card-title">
-                <i class="material-icons blue-grey-text text-darken-2 left">layers</i>
-                Tokenisierung
-              </span>
-              <p>
-                Aufteilung eines Textes in Sätze und Wörter. Dies
-                ist zur weiteren Verarbeitung notwendig.
-              </p>
+              <span class="card-title"><i class="material-icons blue-grey-text text-darken-2 left">layers</i>Tokenisierung</span>
+              <p>Aufteilung eines Textes in Sätze und Wörter. Dies ist zur weiteren Verarbeitung notwendig.</p>
             </div>
           </div>
         </div>
         <div class="col s12 m6">
           <div class="card z-depth-0">
             <div class="card-content">
-              <span class="card-title">
-                <i class="material-icons blue-grey-text text-darken-2 left">layers</i>
-                Lemmatisierung
-              </span>
-              <p>
-                Reduktion der Flexionsformen eines Wortes auf dessen
-                Grundform.
-              </p>
+              <span class="card-title"><i class="material-icons blue-grey-text text-darken-2 left">layers</i>Lemmatisierung</span>
+              <p>Reduktion der Flexionsformen eines Wortes auf dessen Grundform.<br><br></p>
             </div>
           </div>
         </div>
         <div class="col s12 m6">
           <div class="card z-depth-0">
             <div class="card-content">
-              <span class="card-title">
-                <i class="material-icons blue-grey-text text-darken-2 left">layers</i>
-                Part-of-speech-Tagging
-              </span>
-              <p>
-                Kontext- und definitionsbezogene Zuordnung von Wörtern
-                und Satzzeichen zu Wortarten.
-              </p>
+              <span class="card-title"><i class="material-icons blue-grey-text text-darken-2 left">layers</i>Part-of-speech-Tagging</span>
+              <p>Kontext- und definitionsbezogene Zuordnung von Wörtern und Satzzeichen zu Wortarten.</p>
             </div>
           </div>
         </div>
         <div class="col s12 m6">
           <div class="card z-depth-0">
             <div class="card-content">
-              <span class="card-title">
-                <i class="material-icons blue-grey-text text-darken-2 left">layers</i>
-                Eigennamenerkennung
-              </span>
-              <p>
-                Identifikation von Wörtern, die eine Entität
-                beschreiben, wie Firmen- und Personennamen.
-              </p>
+              <span class="card-title"><i class="material-icons blue-grey-text text-darken-2 left">layers</i>Eigennamenerkennung</span>
+              <p>Identifikation von Wörtern, die eine Entitätbeschreiben, wie Firmen- und Personennamen.</p>
             </div>
           </div>
         </div>
diff --git a/app/templates/services/ocr.html.j2 b/app/templates/services/ocr.html.j2
index 2fc3198c..3e272898 100644
--- a/app/templates/services/ocr.html.j2
+++ b/app/templates/services/ocr.html.j2
@@ -14,56 +14,32 @@
         <div class="col s12 m6">
           <div class="card z-depth-0">
             <div class="card-content">
-              <span class="card-title">
-                <i class="material-icons blue-grey-text text-darken-2 left">layers</i>
-                Eingabe von Bilddaten
-              </span>
-              <p>
-                Über ein Auftragsformular können Bilddaten in Form von
-                PDF-Dateien hochgeladen werden.
-              </p>
+              <span class="card-title"><i class="material-icons blue-grey-text text-darken-2 left">layers</i>Eingabe von Bilddaten</span>
+              <p>Über ein Auftragsformular können Bilddaten in Form von PDF-Dateien hochgeladen werden.</p>
             </div>
           </div>
         </div>
         <div class="col s12 m6">
           <div class="card z-depth-0">
             <div class="card-content">
-              <span class="card-title">
-                <i class="material-icons blue-grey-text text-darken-2 left">layers</i>
-                Optische Zeichenerkennung
-              </span>
-              <p>
-                Die optische Zeichenerkennung erfolgt in der
-                Recheninfrastruktur der Plattform.
-              </p>
+              <span class="card-title"><i class="material-icons blue-grey-text text-darken-2 left">layers</i>Optische Zeichenerkennung</span>
+              <p>Die optische Zeichenerkennung erfolgt in der Recheninfrastruktur der Plattform.</p>
             </div>
           </div>
         </div>
         <div class="col s12 m6">
           <div class="card z-depth-0">
             <div class="card-content">
-              <span class="card-title">
-                <i class="material-icons blue-grey-text text-darken-2 left">layers</i>
-                Fehlerkorrektur
-              </span>
-              <p>
-                Je nach Qualität der Eingabedaten kann es zu
-                Fehlern kommen, die korrigiert werden sollten.
-              </p>
+              <span class="card-title"><i class="material-icons blue-grey-text text-darken-2 left">layers</i>Fehlerkorrektur</span>
+              <p>Je nach Qualität der Eingabedaten kann es zu Fehlern kommen, die korrigiert werden sollten.</p>
             </div>
           </div>
         </div>
         <div class="col s12 m6">
           <div class="card z-depth-0">
             <div class="card-content">
-              <span class="card-title">
-                <i class="material-icons blue-grey-text text-darken-2 left">layers</i>
-                Weiterverarbeitung
-              </span>
-              <p>
-                Die Textdaten können weiterverarbeitet<a class="tooltipped" data-position="top" data-tooltip="Zum Beispiel durch die hier angebotene linguistische Datenverarbeitung."><sup>[*]</sup></a>
-                oder in dieser Form bereits genutzt<a class="tooltipped" data-position="top" data-tooltip="Zum Beispiel mit dem Programm &quot;AntConc&quot;."><sup>[*]</sup></a> werden.
-              </p>
+              <span class="card-title"><i class="material-icons blue-grey-text text-darken-2 left">layers</i>Weiterverarbeitung</span>
+              <p>Die Textdaten können weiterverarbeitet<a class="tooltipped" data-position="top" data-tooltip="Zum Beispiel durch die hier angebotene linguistische Datenverarbeitung."><sup>[*]</sup></a> oder in dieser Form bereits genutzt<a class="tooltipped" data-position="top" data-tooltip="Zum Beispiel mit dem Programm &quot;AntConc&quot;."><sup>[*]</sup></a> werden.</p>
             </div>
           </div>
         </div>
-- 
GitLab