diff options
author | Marcello Stanisci <stanisci.m@gmail.com> | 2018-06-04 14:40:18 +0200 |
---|---|---|
committer | Marcello Stanisci <stanisci.m@gmail.com> | 2018-06-04 14:40:18 +0200 |
commit | 7a7c675a07119b72664c311ed964d2e7eb3ce055 (patch) | |
tree | 26b52551eda7e778113901db8026949d60521ad2 | |
parent | bb7f17504405dbfd22b99aea138ab82355c18c99 (diff) | |
download | backoffice-7a7c675a07119b72664c311ed964d2e7eb3ce055.tar.gz backoffice-7a7c675a07119b72664c311ed964d2e7eb3ce055.tar.bz2 backoffice-7a7c675a07119b72664c311ed964d2e7eb3ce055.zip |
info bar gets red.
-rw-r--r-- | js/backoffice.js | 2 | ||||
-rw-r--r-- | talerbackoffice/backoffice/static/backoffice.css | 7 | ||||
-rw-r--r-- | talerbackoffice/backoffice/templates/backoffice.html | 9 |
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" |