Changeset 188 in t29-www for en

Timestamp:

Sep 3, 2010, 5:23:59 AM (13 years ago)

Author:

sven

Message:

Patched translation system with a simple spinner for longer loading times at incubator.technikum29.de :-)

Location:

en/dev/translation

Files:

• editor.css (modified) (1 diff)
• editor.js (modified) (4 diffs)
• loading.gif (added)

en/dev/translation/editor.css

@@ -77 +77 @@
         margin-bottom: 3px;
 }
+#tr-editor  .spinner { display: none; float: right; }
+#tr-editor.loading .spinner { display: block; }
+#tr-editor.loading .buttons { visibility: hidden; }
 #tr-editor.success { background-color: #ACDCA1; }
 #tr-editor.success .buttons { visibility:hidden; }

en/dev/translation/editor.js

@@ -263 +263 @@
                         alert("I'm sorry, submitting the text failed due to "+textStatus
                                 +"\nPlease mail your text to "+"ed.92mukinhcet@ved".split("").reverse().join(""));
+                        t29.tr.editorbox.removeClass('loading');
                 },
                 data: {
@@ -272 +273 @@
                 }
         });
+        
+        // wg. langen Ladezeiten: Buttons ausblenden!
+        t29.tr.editorbox.addClass('loading');
 };
 
@@ -281 +285 @@
 t29.tr.submit_successful = function(server_data) {
         // Editorbox
-        t29.tr.editorbox.addClass('success').prepend("<div class='response'>Thank you! :-)</div>");
+        t29.tr.editorbox.removeClass('loading').addClass('success').prepend("<div class='response'>Thank you! :-)</div>");
         t29.tr.editorbox.delay(1100).fadeOut(1000, function(){
                 t29.tr.set_editing(false); // sic - hard finishing.
@@ -304 +308 @@
 t29.tr.create_editorui = function() {
         t29.tr.editorbox.html(
-                "<div class='buttons'>"
+                "<div class='spinner'><img src='/en/dev/translation/loading.gif' title='Ongoing Data transmission'> saving...</div>"
+                +"<div class='buttons'>"
                         +"<div class='smaller'>"
                                 +"<div class='button white small help'>Help</div>"