scratch – Diff between revs 76 and 77

Subversion Repositories:

?pathlinks?

Rev 76 – Rev 84 – Go to most recent revision – Details – Blame – Last modification – View Log

                               </span>
                           </div>
                     </div>
               </form>
           </div>
           <div class="panel-body" id="editorpanel">
               <div id="trumbowyg">
               </div>
           </div>
       </div>
     <!-- jQuery -->
     <script src="bower_components/jquery/dist/jquery.min.js"></script>
     <!-- BootStrap -->
+    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
+    <!-- Velocity -->
-    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
+    <script src="bower_components/velocity/velocity.min.js"></script>
     <!-- Trumbowyg -->
     <script src="bower_components/trumbowyg/dist/trumbowyg.min.js"></script>
             if(fingerprint == nick)
                 $('#home-icon').addClass("text-success");
             else
                 $('#home-icon').addClass("text-danger");
+            var autoSaveTimeoutID;
             function saveTextFile() {
                 $.post('text.php', {
                     data: $('#trumbowyg').trumbowyg('html'),
                     fingerprint: result,
+                    action: 'SAVE'
+                }).done((data) => {
+                    // Visual feedback for a successful save.
+                    $('#editorpanel')
+                        .delay(250)
+                        .velocity(
+                            {
+                                borderColor: '#ff99ff'
+                            },
+)
+                        .delay(500)
-                    action: 'SAVE',
+                        .velocity(
+                            {
+                                borderColor: '#ecf0f1'
+                            },
+);
+                }).fail(() => {
+                    // Reschedule saving of the file.
+                    if(autoSaveTimeoutID)
+                        window.clearTimeout(autoSaveTimeoutID);
-                    timeout: 0
+                    autoSaveTimeoutID = window.setTimeout(saveTextFile, 250);
                 });
-            }
             var autoSaveTimeoutID = window.setTimeout(saveTextFile, 250);
             // Load the editor.
             $('#trumbowyg').trumbowyg({
                 semantic: true,
                 autogrow: true,
                 disabled: true
             }).on('tbwchange', () => {
                 // Clear the value of the URL box because the URL will have changed.
+                $('#URL').val('');
-                $('#URL').val('');
+                // Reschedule saving of the file.
-                // Reschedule saving of the file.
+                if(autoSaveTimeoutID)
-                window.clearTimeout(autoSaveTimeoutID);
+                    window.clearTimeout(autoSaveTimeoutID);
-                autoSaveTimeoutID = window.setTimeout(saveTextFile, 250);
+                autoSaveTimeoutID = window.setTimeout(saveTextFile, 1000);
             });