Add function to import exported results and view them after the import

web/app/templates/services/corpus_analysis.html.j2

@@ -36,6 +36,7 @@
       <ul class="pagination"></ul>
     </div>
     <div class="card-action right-align">
+      <a class="waves-effect waves-light btn" href="{{ url_for('services.results') }}">Show Imported Results<i class="material-icons right">folder</i></a>
       <a class="waves-effect waves-light btn" href="{{ url_for('corpora.add_corpus') }}">New corpus<i class="material-icons right">add</i></a>
     </div>
   </div>

web/app/templates/services/import_results.html.j2

@@ -0,0 +1,39 @@
+{% extends "nopaque.html.j2" %}
+
+{% block page_content %}
+<div class="col s12 m4">
+  <p>Fill out the following form to upload and view Results and Sub Results
+    exported from the Corpus analsis Tool.</p>
+  <a class="waves-effect waves-light btn" href="{{ url_for('main.dashboard') }}"><i class="material-icons left">arrow_back</i>Back to dashboard</a>
+</div>
+
+<div class="col s12 m8">
+  <form class="nopaque-submit-form" data-progress-modal="progress-modal">
+    <div class="card">
+      <div class="card-content">
+        {{ import_results_form.hidden_tag() }}
+        <div class="row">
+          <div class="col s12">
+            {{ M.render_field(import_results_form.file, accept='.json', placeholder='Choose your .json file') }}
+          </div>
+        </div>
+      </div>
+      <div class="card-action right-align">
+        {{ M.render_field(import_results_form.submit, material_icon='send') }}
+      </div>
+    </div>
+</form>
+</div>
+
+<div id="progress-modal" class="modal">
+  <div class="modal-content">
+    <h4><i class="material-icons prefix">file_upload</i> Uploading file...</h4>
+    <div class="progress">
+      <div class="determinate" style="width: 0%"></div>
+    </div>
+  </div>
+  <div class="modal-footer">
+    <a href="#!" class="modal-close waves-effect waves-light btn red abort-request">Cancel</a>
+  </div>
+</div>
+{% endblock %}

web/app/templates/services/results.html.j2

@@ -0,0 +1,52 @@
+{% extends "nopaque.html.j2" %}
+
+{% block page_content %}
+
+<div class="col s12">
+  <p>This is an overview of all your imported results.</p>
+</div>
+
+<div class="col s12">
+  <div class="card">
+    <div class="card-content" id="results">
+      <div class="input-field">
+        <i class="material-icons prefix">search</i>
+        <input id="search-results" class="search" type="search"></input>
+        <label for="search-results">Search results</label>
+      </div>
+      <ul class="pagination paginationTop"></ul>
+      {{ table }}
+      <ul class="pagination paginationBottom"></ul>
+      <ul class="pagination"></ul>
+    </div>
+    <div class="card-action right-align">
+      <a class="waves-effect waves-light btn" href="{{ url_for('services.import_results') }}">Import Results<i class="material-icons right">file_upload</i></a>
+    </div>
+  </div>
+</div>
+
+<script>
+var options = {page: 10,
+               pagination: [
+               {
+                 name: "paginationTop",
+                 paginationClass: "paginationTop",
+                 innerWindow: 8,
+                 outerWindow: 1
+               },
+               {
+                  paginationClass: "paginationBottom",
+                  innerWindow: 8,
+                  outerWindow: 1
+                }
+               ],
+               valueNames: ['query',
+                            'match-count',
+                            'corpus-name',
+                            'corpus-creation-date',
+                            'corpus-analysis-date',
+                            'corpus-type']
+              };
+var resultsList = new List('results', options);
+</script>
+{% endblock %}