From 4dc331b2fe9c37caa58c9043bac2bffd2e618138 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <pjentsch@dhcp-10-68-144-148.dhcp.uni-bielefeld.de>
Date: Tue, 3 Sep 2019 15:58:40 +0200
Subject: [PATCH] Add corpus page.

---
 app/main/views.py                         | 21 +++++-
 app/templates/main/corpora/corpus.html.j2 | 90 +++++++++++++++++++++++
 app/templates/main/jobs/job.html.j2       |  2 -
 3 files changed, 109 insertions(+), 4 deletions(-)
 create mode 100644 app/templates/main/corpora/corpus.html.j2

diff --git a/app/main/views.py b/app/main/views.py
index 676b9528..773aaf08 100644
--- a/app/main/views.py
+++ b/app/main/views.py
@@ -31,11 +31,28 @@ def corpus(corpus_id):
         files[file]['path'] = os.path.join(file)
 
     return render_template('main/corpora/corpus.html.j2',
+                           corpus_id=corpus.id,
                            files=files,
-                           corpus=corpus,
                            title='Corpus')
 
 
+@main.route('/corpora/<int:corpus_id>/download')
+@login_required
+def corpus_download(corpus_id):
+    file = request.args.get('file')
+    corpus = current_user.corpora.filter_by(id=corpus_id).first()
+    if not file or not corpus:
+        print('File not found.')
+        abort(404)
+    dir = os.path.join(current_app.config['OPAQUE_STORAGE'],
+                       str(current_user.id),
+                       'corpora',
+                       str(corpus.id))
+    return send_from_directory(as_attachment=True,
+                               directory=dir,
+                               filename=file)
+
+
 @main.route('/dashboard', methods=['GET', 'POST'])
 @login_required
 def dashboard():
@@ -100,7 +117,7 @@ def job(job_id):
 
     return render_template('main/jobs/job.html.j2',
                            files=files,
-                           job=job,
+                           job_id=job.id,
                            title='Job')
 
 
diff --git a/app/templates/main/corpora/corpus.html.j2 b/app/templates/main/corpora/corpus.html.j2
new file mode 100644
index 00000000..fe6c6832
--- /dev/null
+++ b/app/templates/main/corpora/corpus.html.j2
@@ -0,0 +1,90 @@
+{% extends "base.html.j2" %}
+
+{% block page_content %}
+<script>
+  var CORPUS_ID = {{ corpus_id }}
+
+  class InformationUpdater {
+    constructor(corpusId) {
+      this.corpusId = corpusId;
+      corporaSubscribers.push(this);
+    }
+
+    _init() {
+      var creationDateElement, descriptionElement, titleElement;
+
+      this.corpus = corpora[this.corpusId];
+      creationDateElement = document.getElementById("creation-date");
+      creationDateElement.value = this.corpus.creation_date;
+      descriptionElement = document.getElementById("description");
+      descriptionElement.innerHTML = this.corpus.description;
+      titleElement = document.getElementById("title");
+      titleElement.innerHTML = this.corpus.title;
+
+      M.updateTextFields();
+    }
+
+    _update(patch) {
+      var newStatusColor, operation, pathArray, status, statusColor,
+          updatedElement;
+
+      for (operation of patch) {
+        /* "/corpusId/valueName" -> ["corpusId", "valueName"] */
+        pathArray = operation.path.split("/").slice(1);
+        if (pathArray[0] != this.jobId) {continue;}
+        switch(operation.op) {
+          case "delete":
+            location.reload();
+            break;
+          case "replace":
+            switch(pathArray[1]) {
+              case "description":
+                updatedElement = document.getElementById("description");
+                updatedElement.innerHTML = operation.value;
+                break;
+              case "title":
+                updatedElement = document.getElementById("title");
+                updatedElement.innerHTML = operation.value;
+                break;
+              default:
+                break;
+            }
+            break;
+          default:
+            break;
+        }
+      }
+    }
+  }
+  var informationUpdater = new InformationUpdater(CORPUS_ID);
+</script>
+
+<div class="col s12 m4">
+  <h3 id="title"></h3>
+  <p id="description"></p>
+</div>
+
+<div class="col s12 m8">
+  <div class="card">
+    <div class="card-content">
+      <span class="card-title">Chronometrics</span>
+      <div class="row">
+        <div class="col s12 m6">
+          <div class="input-field">
+            <input disabled value="" id="creation-date" type="text" class="validate">
+            <label for="creation-date">Creation date</label>
+          </div>
+        </div>
+      </div>
+      <span class="card-title">Files</span>
+      <p>
+      {% for file in files %}
+      <a href="{{ url_for('main.corpus_download', corpus_id=corpus_id, file=files[file]['path']) }}" class="waves-effect waves-light btn-small">
+        <i class="material-icons left">file_download</i>{{ file }}
+      </a>
+      {% endfor %}
+      </p>
+  </div>
+</div>
+
+{% endblock %}
diff --git a/app/templates/main/jobs/job.html.j2 b/app/templates/main/jobs/job.html.j2
index 6b02d6a9..bf655dfb 100644
--- a/app/templates/main/jobs/job.html.j2
+++ b/app/templates/main/jobs/job.html.j2
@@ -53,8 +53,6 @@
         pathArray = operation.path.split("/").slice(1);
         if (pathArray[0] != this.jobId) {continue;}
         switch(operation.op) {
-          case "add":
-            break;
           case "delete":
             location.reload();
             break;