made draft autosave notification appear at the bottom of the text input

3 files changed, 19 insertions, 2 deletions

diff --git a/askbot/skins/common/media/js/post.js b/askbot/skins/common/media/js/post.js
index 6a497fbf..b79fcef6 100644
--- a/askbot/skins/common/media/js/post.js
+++ b/askbot/skins/common/media/js/post.js
@@ -237,6 +237,12 @@ DraftPost.prototype.backupData = function() {
     this._old_data = this.getData();
 };
 
+DraftPost.prototype.showNotification = function() {
+    var note = $('.editor-status span');
+    note.hide();
+    note.html(gettext('draft saved...'));
+    note.fadeIn().delay(3000).fadeOut();
+};
 
 DraftPost.prototype.getSaveHandler = function() {
     var me = this;
@@ -251,7 +257,7 @@ DraftPost.prototype.getSaveHandler = function() {
                 data: me.getData(),
                 success: function(data) {
                     if (data['success'] && !save_synchronously) {
-                        notify.show(gettext('Draft saved'), true);
+                        me.showNotification();
                     }
                     me.backupData();
                 }
@@ -264,7 +270,7 @@ DraftPost.prototype.decorate = function(element) {
     this._element = element;
     this.assignContentElements();
     this.backupData();
-    setInterval(this.getSaveHandler(), 30000);//auto-save twice a minute
+    setInterval(this.getSaveHandler(), 5000);//auto-save twice a minute
     var me = this;
     window.onbeforeunload = function() {
         var saveHandler = me.getSaveHandler();
diff --git a/askbot/skins/common/templates/widgets/edit_post.html b/askbot/skins/common/templates/widgets/edit_post.html
index 1663c7d4..2c8af580 100644
--- a/askbot/skins/common/templates/widgets/edit_post.html
+++ b/askbot/skins/common/templates/widgets/edit_post.html
@@ -22,6 +22,7 @@
 {% endif %}
 <div class="form-item">
     <label for="editor" class="form-error">{{ post_form.text.errors }}</label>
+    <p class="editor-status action-status"><span></span></p>
 </div>
 {# need label element for resizable input, b/c form validation won't find span #}
 {% if post_type == 'question' %}
diff --git a/askbot/skins/default/media/style/style.less b/askbot/skins/default/media/style/style.less
index c2fcb3d3..4b36a4a0 100644
--- a/askbot/skins/default/media/style/style.less
+++ b/askbot/skins/default/media/style/style.less
@@ -3685,6 +3685,16 @@ textarea.tipped-input {
     }
 }
 
+.editor-status {
+    float: right;
+    margin: 7px 350px 0 0;
+    font-weight: bold;
+
+    span {
+        display: none;
+    }
+}
+
 /* tag editor */
 .tag-editor {
     height: 64px;