summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMarcello Stanisci <stanisci.m@gmail.com>2018-06-04 14:40:18 +0200
committerMarcello Stanisci <stanisci.m@gmail.com>2018-06-04 14:40:18 +0200
commit7a7c675a07119b72664c311ed964d2e7eb3ce055 (patch)
tree26b52551eda7e778113901db8026949d60521ad2
parentbb7f17504405dbfd22b99aea138ab82355c18c99 (diff)
downloadbackoffice-7a7c675a07119b72664c311ed964d2e7eb3ce055.tar.gz
backoffice-7a7c675a07119b72664c311ed964d2e7eb3ce055.tar.bz2
backoffice-7a7c675a07119b72664c311ed964d2e7eb3ce055.zip
info bar gets red.
-rw-r--r--js/backoffice.js2
-rw-r--r--talerbackoffice/backoffice/static/backoffice.css7
-rw-r--r--talerbackoffice/backoffice/templates/backoffice.html9
3 files changed, 13 insertions, 5 deletions
diff --git a/js/backoffice.js b/js/backoffice.js
index 059f61a..4af24dd 100644
--- a/js/backoffice.js
+++ b/js/backoffice.js
@@ -186,7 +186,7 @@ var show_error = function(response_text){
/* Get hold of the info bar. */
var info_bar = document.getElementById("information-bar");
info_bar.innerHTML = `<p>${msg}</p>`;
- info_bar.style.visibility = "";
+ info_bar.style.visibility = "visible";
/* Info bar will disappear at next page load/reload. */
}
diff --git a/talerbackoffice/backoffice/static/backoffice.css b/talerbackoffice/backoffice/static/backoffice.css
index 1278d04..910e6b9 100644
--- a/talerbackoffice/backoffice/static/backoffice.css
+++ b/talerbackoffice/backoffice/static/backoffice.css
@@ -11,6 +11,13 @@
z-index: 2;
}
+#information-bar {
+ border-radius: 8px;
+ padding: 1px;
+ background: #ff8566;
+ visibility: hidden;
+}
+
#history-container {
margin-bottom: 10cm;
}
diff --git a/talerbackoffice/backoffice/templates/backoffice.html b/talerbackoffice/backoffice/templates/backoffice.html
index 363f467..72ab74e 100644
--- a/talerbackoffice/backoffice/templates/backoffice.html
+++ b/talerbackoffice/backoffice/templates/backoffice.html
@@ -5,6 +5,11 @@
the user can see the money flow from Taler transactions to
wire transfers and viceversa.</p>
+ <div id="information-bar">
+ <!-- programmatically filled. -->
+ </div>
+
+ <br />
<div>
<select id="instance" onchange="change_instance();">
{% for instance in instances %}
@@ -13,10 +18,6 @@
</select>
</div>
- <div id="information-bar"
- stlye="visibility: hidden;">
- </div>
-
<div>
<form action="">
<input type="text"