From 3cb8ec96974a8fd802e9a97c7ccb5fde3a6e51b6 Mon Sep 17 00:00:00 2001
From: Stephan Porada <sporada@uni-bielefeld.de>
Date: Tue, 21 Jul 2020 15:30:56 +0200
Subject: [PATCH] Fixe missing modal and add user feedback to flat buttons in
 analysis

---
 web/app/static/css/nopaque.css                  | 10 ++++++++++
 web/app/templates/interactions/analysis.html.j2 |  6 ++++--
 web/app/templates/interactions/export.html.j2   | 12 ++++++++----
 web/app/templates/interactions/infos.html.j2    |  3 ++-
 web/app/templates/query_results/inspect.html.j2 |  2 +-
 5 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/web/app/static/css/nopaque.css b/web/app/static/css/nopaque.css
index 0c4e122d..e2886bd3 100644
--- a/web/app/static/css/nopaque.css
+++ b/web/app/static/css/nopaque.css
@@ -28,6 +28,16 @@ main {
   height: 19.5px !important;
 }
 
+/* flat-interaction addition to show background color */
+
+.flat-interaction {
+  background-color: #DCDCDC !important;
+}
+
+.flat-interaction:hover {
+  background-color: #FFFFFF !important;
+}
+
 /* CSS for clickable th elements in tables. Needed for sortable table data with
 list js. On click on th header elements will be sorted accordingly. Also a caret
 indicator will show up how the column is sorted right now.; */
diff --git a/web/app/templates/interactions/analysis.html.j2 b/web/app/templates/interactions/analysis.html.j2
index 81edc961..bd2b26be 100644
--- a/web/app/templates/interactions/analysis.html.j2
+++ b/web/app/templates/interactions/analysis.html.j2
@@ -9,7 +9,8 @@
               class="waves-effect
               waves-light
               btn-flat
-              disabled"
+              disabled
+              flat-interaction"
               type="submit">Action One
         <i class="material-icons left">cloud</i>
       </button>
@@ -19,7 +20,8 @@
               class="waves-effect
               waves-light
               btn-flat
-              disabled"
+              disabled
+              flat-interaction"
               type="submit">Action Two
         <i class="material-icons left">add</i>
       </button>
diff --git a/web/app/templates/interactions/export.html.j2 b/web/app/templates/interactions/export.html.j2
index 74a949f2..38dca72d 100644
--- a/web/app/templates/interactions/export.html.j2
+++ b/web/app/templates/interactions/export.html.j2
@@ -9,7 +9,8 @@ the selected sub results.-->
       <button class="waves-effect
               waves-light
               btn-flat
-              disabled"
+              disabled
+              flat-interaction"
               type="submit"
               id="results-create">Create Results
         <i class="material-icons left">build</i>
@@ -18,7 +19,8 @@ the selected sub results.-->
               class="waves-effect
               waves-light
               btn-flat
-              hide"
+              hide
+              flat-interaction"
               type="submit">Results
         <i class="material-icons left">file_download</i>
       </button>
@@ -28,7 +30,8 @@ the selected sub results.-->
               waves-light
               btn-flat
               hide
-              disabled"
+              disabled
+              flat-interaction"
               type="submit"
               id="sub-results-create">Create Sub-Results
         <i class="material-icons left">build</i>
@@ -37,7 +40,8 @@ the selected sub results.-->
               class="waves-effect
               waves-light
               btn-flat
-              hide"
+              hide
+              flat-interaction"
               type="submit">Sub-Results
         <i class="material-icons left">file_download</i>
       </button>
diff --git a/web/app/templates/interactions/infos.html.j2 b/web/app/templates/interactions/infos.html.j2
index 2d0d8591..3b1e72f0 100644
--- a/web/app/templates/interactions/infos.html.j2
+++ b/web/app/templates/interactions/infos.html.j2
@@ -10,7 +10,8 @@ result.-->
       <button id="show-metadata"
               class="waves-effect
                      waves-light
-                     btn-flat"
+                     btn-flat
+                     flat-interaction"
               type="submit">Corpus Metadata
         <i class="material-icons left">info_outline</i>
       </button>
diff --git a/web/app/templates/query_results/inspect.html.j2 b/web/app/templates/query_results/inspect.html.j2
index ae99873c..f16802b9 100644
--- a/web/app/templates/query_results/inspect.html.j2
+++ b/web/app/templates/query_results/inspect.html.j2
@@ -93,7 +93,7 @@
   contextPerItemElement = document.getElementById("display-options-form-result_context");
   paginationElements = document.getElementsByClassName("pagination");
   contextModal = document.getElementById("context-modal");
-  metaDataModal = document.getElementById("metadata-modal");
+  metaDataModal = document.getElementById("meta-data-modal");
   showMetaDataButton = document.getElementById("show-metadata");
 
   // js list options