turn save button red in case of error

diff --git a/wiki/static/css/panik-wiki.scss b/wiki/static/css/panik-wiki.scss
index 85492716607575f8f821fd420a7104ccd873069a..4e69c8c0b1084f20b863384960bdce657c067e6c 100644 (file)
--- a/wiki/static/css/panik-wiki.scss
+++ b/wiki/static/css/panik-wiki.scss
@@ -34,6 +34,13 @@ div#content div.wiki-section h3 {
                        background: #386ede;
                }
        }
+       button.error {
+               background: red;
+               color: white;
+               &:hover {
+                       background: darken(red, 10%);
+               }
+       }
 
        input:checked + span {
                background: #386ede;

diff --git a/wiki/static/js/combo.wiki.js b/wiki/static/js/combo.wiki.js
index 43b2855473651dac12aa43473e134c3634b72bbf..5d3aa0ae3c2cb0bfccdafc0307854891e673c654 100644 (file)
--- a/wiki/static/js/combo.wiki.js
+++ b/wiki/static/js/combo.wiki.js
@@ -527,7 +527,9 @@ function init_page() {
         params[attr] = this.div_zone.innerHTML;
         params['csrfmiddlewaretoken'] = csrf;
         $.post(this.div_zone.edit_url, params).fail(function() {
-          $(this).css('background', 'red');
+          $('.save').addClass('error');
+        }).done(function() {
+          $('.save').removeClass('error');
         });
         return false;
       });