chiliproject_side_by_side_wiki_edit 0.1.1 → 0.2.0

data/History.txt

@@ -1,3 +1,13 @@
+=== 0.2.0 2013-01-07
+
+* 2 enhancements
+  * Introduces writing mode, which removes all layout from the wiki edit
+    page which is not relevant to the task at hand of editing wiki pages
+    to get optimal screen real-estate for the editor and preview
+    elements
+  * Resizing the editor textarea element on supported browsers resizes
+    the preview window accordingly
+
 === 0.1.1 2012-12-06
 
 * 1 enhancement:

data/assets/javascripts/side_by_side_edit.js

@@ -1,22 +1,30 @@
 jQuery(function($) {
+  var htmlElement = $('html');
   var editor = $('textarea.wiki-edit');
-  var editor_parent = editor.parentsUntil('p').parent();
   var preview = $('div#preview');
   var preview_link = $('input[name=commit]').next();
 
   var disable_side_by_side_mode = function() {
-    editor_parent.add(preview).removeClass('side_by_side');
+    htmlElement.removeClass('side_by_side');
+
     editor.off('scroll');
+    editor.off('mouseup');
+
     $('#content').append(preview);
   };
 
+  var disable_writing_mode = function() {
+    htmlElement.removeClass('writing_mode');
+  }
+
   var enable_side_by_side_mode = function() {
-    editor_parent.add(preview).addClass('side_by_side');
+    htmlElement.addClass('side_by_side');
 
-    editor_parent.before(preview);
-    preview.height(editor.height() + 5);
+    editor.before(preview);
+    resize_preview_to_editor_height();
 
     editor.scroll(preview, scroll_preview);
+    editor.mouseup(resize_preview_if_required);
     editor.scroll();
 
     if($('fieldset.preview').length === 0) {
@@ -24,6 +32,23 @@ jQuery(function($) {
     }
   };
 
+  var enable_writing_mode = function() {
+    htmlElement.addClass('writing_mode');
+  }
+
+  var resize_preview_if_required = function() {
+    var newEditorHeight = editor.outerHeight();
+
+    if(newEditorHeight != editor.data('height')) {
+      editor.data('height', newEditorHeight);
+      resize_preview_to_editor_height();
+    }
+  }
+
+  var resize_preview_to_editor_height = function() {
+    preview.height(editor.height() + 6);
+  }
+
   var scroll_preview = function(event) {
     var source_position = this.scrollTop / (this.scrollHeight - $(this).innerHeight());
     var target = $(event.data);
@@ -39,7 +64,20 @@ jQuery(function($) {
     }
   };
 
+  var toggle_writing_mode = function() {
+    if(this.checked) {
+      enable_writing_mode();
+    } else {
+      disable_writing_mode();
+    }
+  };
+
   preview_link.after($('<label for="side_by_side_mode">Show editor and preview side-by-side</label>'))
-              .after($('<input id="side_by_side_mode" type="checkbox" />'));
+              .after($('<input id="side_by_side_mode" type="checkbox" />'))
+              .after($('<label for="writing_mode">Writing mode</label>'))
+              .after($('<input id="writing_mode" type="checkbox" />'));
   $('#side_by_side_mode').click(toggle_side_by_side_mode);
+  $('#writing_mode').click(toggle_writing_mode);
+
+  editor.data('height', editor.outerHeight());
 });

data/assets/stylesheets/side_by_side_edit.css

@@ -1,9 +1,18 @@
-.side_by_side {
+.side_by_side textarea.wiki-edit {
+  resize: vertical;
   width: 49.5%;
 }
 
-#preview.side_by_side {
+.side_by_side #preview {
   float: right;
-  margin-top: 5ex;
   overflow-y: scroll;
+  width: 49.5%;
+}
+
+.writing_mode #footer, .writing_mode #side-container, .writing_mode #top-menu {
+  display: none;
+}
+
+.writing_mode div#content {
+  margin: 0;
 }

data/lib/chiliproject_side_by_side_wiki_edit/version.rb

@@ -1,3 +1,3 @@
 module ChiliprojectSideBySideWikiEdit
-  VERSION = "0.1.1"
+  VERSION = "0.2.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: chiliproject_side_by_side_wiki_edit
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.2.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-12-06 00:00:00.000000000 Z
+date: 2013-01-07 00:00:00.000000000 Z
 dependencies: []
 description: Allows side by side editor/preview functionality for ChiliProject wiki
   pages
@@ -49,7 +49,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 1742587861404646340
+      hash: 55443892493408792
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -58,7 +58,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 1742587861404646340
+      hash: 55443892493408792
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.23