Changeset 2524

Timestamp:

02/04/10 15:42:29 (6 weeks ago)

Author:

JensDiemer

Message:

• Add confirm dialog for inline editing, if textarea content was changed.
• Bugfix resize buttons in inline ajax editing view.
• Don't send the inline form via ajax

Location:

branches/0.9/pylucid_project

Files:

• media/PyLucid/pylucid_js_tools.js (modified) (10 diffs)
• pylucid_plugins/page_admin/templates/page_admin/edit_inline_form.html (modified) (4 diffs)

branches/0.9/pylucid_project/media/PyLucid/pylucid_js_tools.js

@@ -1 @@
-
 
 // helper function for console logging
@@ -8 +7 @@
         window.console.log(Array.prototype.join.call(arguments,''));
 }
+log("pylucid_js_tools.js loaded.");
 
 
@@ -48 +48 @@
         replace_complete_page(data)
     } else {
+        // log("put in #page_content:" + data);
         $("#page_content").html(data);
         $("#page_content").animate({
@@ -74 +75 @@
 
 
+
 function pylucid_ajax_form_view(form_id) {
     /*************************************************************************
@@ -90 +92 @@
     *************************************************************************/
     $(form_id).bind('submit', function() {
+        var form = $(this);
+        log("pylucid_ajax_form_view submit form:" + form);
         
         $("#page_content").html('<h2>send...</h2>');
@@ -95 +99 @@
             opacity: 0.3
         }, 500 );
-
-        var form = $(this);
+    
         var form_data = form.serialize();
         log("form data:" + form_data);
@@ -119 +122 @@
                 log("complete:" + XMLHttpRequest.status);
                 log("complete:" + XMLHttpRequest.getResponseHeader('Location'));
-                
+                
                 if(XMLHttpRequest.status.toString()[0]=='3'){
                     top.location.href = XMLHttpRequest.getResponseHeader('Location');
@@ -130 +133 @@
         log("ajax done:" + XMLHttpRequest.getResponseHeader('Location'));
         return load_normal_link; // <-- important: Don't send the form in normal way.
-    }); 
+    });
 }
 
@@ -206 +209 @@
 
 
-MIN_ROWS = 5;
-MAX_ROWS = 25;
-MAX_LENGTH = 100;
-RESIZE_FACTOR = 1.3;
-jQuery(document).ready(function($) {
-    /*************************************************************************
-         * textarea resize buttons
-         */
+var MIN_ROWS = 5;
+var MAX_ROWS = 25;
+var MAX_LENGTH = 100;
+var RESIZE_FACTOR = 1.3;
+
+function activate_resize_textarea_buttons() {
+    /*************************************************************************
+     * textarea resize buttons
+     */
+    log("activate_resize_textarea_buttons()");
     $(".resize_textarea" ).click(function () {
         button_id = $(this).attr('id');
-        //              log("Clicked on: " + button_id);
+        //      log("Clicked on: " + button_id);
         var pos = button_id.indexOf("_");
         var action = button_id.slice(0, pos);
         var textarea_id = button_id.slice(pos+1, button_id.length);
-        //              log("action:" + action);
-        //              log("textarea id:" + textarea_id);
+        //      log("action:" + action);
+        //      log("textarea id:" + textarea_id);
         var textarea = $("#"+textarea_id);
         var old_rows = textarea.attr("rows");
-                
+        
         var new_rows = false;
         if (action=="smaller") {
@@ -236 +241 @@
             new_rows = Math.ceil(old_rows * RESIZE_FACTOR);
         }
-                
+        
         if (new_rows == false) {
             log("Error: Wrong textarea resize action:" + action);
             return;
         }
-        //              log("old rows:" + old_rows + " - new rows:" + new_rows);
+        //      log("old rows:" + old_rows + " - new rows:" + new_rows);
         textarea.animate({
             rows: new_rows
         }, 100 );
     });
+}
+
+jQuery(document).ready(function($) {
+    activate_resize_textarea_buttons();
         
     /*************************************************************************

branches/0.9/pylucid_project/pylucid_plugins/page_admin/templates/page_admin/edit_inline_form.html

@@ -20 +20 @@
 
 <script type="text/javascript">
-$(document).ready(function(){
+var textarea_changed = false;
+
+jQuery(document).ready(function($) {
+    log("edit_inline_form.html ready.");
+     
     $("#ajax_preview").show(); // unhide ajax preview button
    
+    $("#edit_page_form").change(function() {
+        log("edit page form change");
+        textarea_changed = true;
+    });
+    $("#edit_page_form").keypress(function() {
+        log("edit page form keypress");
+        textarea_changed = true;
+    });
+    $("#edit_page_form").bind('submit', function() {
+        log("submit: set textarea_changed = false");
+        textarea_changed = false;
+        // $("#preview_fieldset").slideUp("slow");
+        $("#edit_page_form").before('<h2 class="ajax_msg">{% trans "submit" %}...</h2>');
+    });
+    
+    // $(window).bind('beforeunload', function() {
+    // ^ this doesn't work!
+    window.onbeforeunload = function() {
+        log("beforeunload evend called. textarea_changed:" + textarea_changed);
+        if (textarea_changed == true) {
+            return "{% trans "Textarea has been changed! Changes are not saved if you leave." %}"; 
+        }
+    }
+   
     // from media/PyLucid/pylucid_js_tools.js
-    pylucid_ajax_form_view('#edit_page_form');
+    // pylucid_ajax_form_view('#edit_page_form');
     replace_openinwindow_links();
     
@@ -30 +58 @@
     
     $("#ajax_preview").click(function() {
-        $("#edit_page_preview").html("<h2>loading...</h2>");
+        log("ajax preview clicked");
+        {# It's important here to add a class in h2 tag to make it invisible for the headline ancor! #}
+        $("#edit_page_preview").html('<h2 class="ajax_msg">{% trans "loading" %}...</h2>');
         $("#preview_fieldset").slideDown();
     
@@ -43 +73 @@
         });
     });
-    $("#submit_preview").hide();    
+    $("#submit_preview").hide();
+    
+    $("#abort_button").click(function() {
+        $("#edit_page_form").before('<h2 class="ajax_msg">{% trans "abort" %}...</h2>');
+        self.location.href='{{ abort_url }}';
+    });
+    
+    activate_resize_textarea_buttons();
 });
 </script>
@@ -64 +101 @@
          {% trans 'markup preview' %}
      </button>
-     <input onclick="self.location.href='{{ abort_url }}'" name="abort" value="{% trans 'abort' %}" type="reset" />
+     <input type="button" id="abort_button" name="abort" value="{% trans 'abort' %}" />
      <a href="{{ pagelinklist_url }}" class="openinwindow" title="{% trans 'List of all pages for creating links' %}">
          <button type="button" class="button">{% trans 'page list' %}</button>