youthtree-js 0.3.0 → 0.4.0

data/README.md

@@ -12,18 +12,32 @@ YouthTree JS provides a small number of different pieces of code for a variety o
 
 Out of the box, the main namespaces are:
 
-### YouthTree.CKEditor
+### YouthTree.Forms.CKEditor
 
 A simple wrapper around CKEditor that unobtrusively sets up the jQuery adapter on fields
 with a class of `.ckeditor` on the container. Also, the width is set to deal with the
 common [bhm-admin](http://github.com/YouthTree/bhm-admin) sides images.
 
-### YouthTree.ConvertableEditor
+### YouthTree.Forms.ConvertableEditor
 
 Even more magic for YouthTree.CKEditor. Let's you mark a fieldset wrapper with `.convertable` and it'll
 automatically find the select and textarea, showing when the select has a format of "raw". Designed
 to work out of the box with how most [almost-happy](http://github.com/Sutto/almost-happy) editors work.
 
+### YouthTree.Forms.ValueCloner
+
+Unobtrusive support for a simple way to clone the value between two different fields.
+
+Ideally useful for things with a start and end time where you want to make it possible
+to provide a button to clone the value into the second.
+
+### YouthTree.Forms.DatePicker
+
+Simple support for http://trentrichardson.com/examples/timepicker/ being unobtrusively
+added to a given form.
+
+Also, will hook up jQuery UI datepickers.
+
 ### YouthTree.Disqus
 
 Unobtrusively adds the Disqus html based on the presence of meta tags in the page with the names:

data/Rakefile

@@ -27,3 +27,4 @@ task :compile_scripts do
   end
 end
 
+task :default => :compile_scripts

data/coffeescripts/youth_tree/{ck_editor.coffee → forms/ck_editor.coffee}

@@ -1,4 +1,4 @@
-YouthTree.withNS 'CKEditor', (ns) ->
+YouthTree.withNS 'Forms.CKEditor', (ns) ->
 
   window.CKEDITOR_BASEPATH = '/ckeditor/'
   

data/coffeescripts/youth_tree/{convertable_editor.coffee → forms/convertable_editor.coffee}

@@ -1,14 +1,16 @@
-YouthTree.withNS 'ConvertableEditor', (ns) ->
+YouthTree.withNS 'Forms.ConvertableEditor', (ns) ->
+
+  CKEditor = YouthTree.Forms.CKEditor
 
   ns.containerSelector = 'fieldset.inputs.convertable'
   ns.editorSelector =    'textarea'
   ns.formatSelector =    'select'
   
   ns.showEditor = (s) ->
-    YouthTree.CKEditor.makeEditor s
+    CKEditor.makeEditor s
     
   ns.hideEditor = (s) ->
-    YouthTree.CKEditor.destroyEditor s
+    CKEditor.destroyEditor s
     
   ns.shouldShowEditor = (s) ->
     s.find(ns.formatSelector).val() is "raw"

data/coffeescripts/youth_tree/forms/date_picker.coffee

@@ -0,0 +1,20 @@
+YouthTree.withNS 'Forms.DatePicker', (ns) ->
+
+  ns.timeFormat = 'hh:mm TT'
+  ns.dateFormat = 'dd MM yy'
+
+  ns.makeDatePickers = ->
+    return unless $.fn.datepicker?
+    $('input.ui-date-picker').datepicker dateFormat: ns.dateFormat
+  
+  ns.makeDateTimePickers = ->
+    return unless $.fn.datetimepicker?
+    $('input.ui-date-picker').datetimepicker
+      dateFormat: ns.dateFormat
+      timeFormat: ns.timeFormat
+      ampm: true
+
+  ns.setup = ->
+    $(document).ready ->
+      ns.makeDatePickers()
+      ns.makeDateTimePickers()

data/coffeescripts/youth_tree/forms/value_cloner.coffee

@@ -0,0 +1,14 @@
+YouthTree.withNS 'Forms.ValueCloner', (ns) ->
+
+  ns.cloneValue = (from, to) ->
+    to.val from.val() if from.length and to.length
+    
+  ns.setup = ->
+    $('a.clone-form-value').each ->
+      current = $ this
+      from_selector = current.dataAttr 'clone-from'
+      to_selector = current.dataAttr 'clone-to'
+      current.click ->
+        if from_selector? and to_selector?
+          ns.cloneValue $(from_selector), $(to_selector)
+        false

data/javascripts/youth_tree/forms/ck_editor.js

@@ -0,0 +1,27 @@
+YouthTree.withNS('Forms.CKEditor', function(ns) {
+  var currentEditorOptions;
+  window.CKEDITOR_BASEPATH = '/ckeditor/';
+  ns.editorSelector = '.ckeditor textarea';
+  ns.editorOptions = {
+    toolbar: 'youthtree',
+    width: '71%',
+    customConfig: false
+  };
+  ns.toolbar_layout = [['Source', '-', 'Templates'], ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'SpellChecker', 'Scayt'], ['Undo', 'Redo', '-', 'Find', 'Replace', 'RemoveFormat'], '/', ['Bold', 'Italic', 'Underline', 'Strike'], ['NumberedList', 'BulletedList', 'Blockquote'], ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'], ['Link', 'Unlink', 'Anchor'], ['Image', 'Flash', 'Table', 'HorizontalRule'], '/', ['Styles', 'Format', 'Font', 'FontSize'], ['TextColor', 'BGColor'], ['Maximize', 'ShowBlocks']];
+  currentEditorOptions = function() {
+    var options;
+    options = $.extend({}, ns.editorOptions);
+    options.toolbar_youthtree = ns.toolbar_layout;
+    return options;
+  };
+  ns.makeEditor = function(jq) {
+    return jq.ckeditor(currentEditorOptions());
+  };
+  ns.destroyEditor = function(jq) {
+    var _ref, _ref2;
+    return (typeof (_ref2 = ((_ref = jq.ckeditorGet()))) === "undefined" || _ref2 === null) ? undefined : _ref2.destroy();
+  };
+  return (ns.setup = function() {
+    return ns.makeEditor($(ns.editorSelector));
+  });
+});

data/javascripts/youth_tree/forms/convertable_editor.js

@@ -0,0 +1,35 @@
+var __bind = function(func, context) {
+    return function(){ return func.apply(context, arguments); };
+  };
+YouthTree.withNS('Forms.ConvertableEditor', function(ns) {
+  var CKEditor;
+  CKEditor = YouthTree.Forms.CKEditor;
+  ns.containerSelector = 'fieldset.inputs.convertable';
+  ns.editorSelector = 'textarea';
+  ns.formatSelector = 'select';
+  ns.showEditor = function(s) {
+    return CKEditor.makeEditor(s);
+  };
+  ns.hideEditor = function(s) {
+    return CKEditor.destroyEditor(s);
+  };
+  ns.shouldShowEditor = function(s) {
+    return s.find(ns.formatSelector).val() === "raw";
+  };
+  ns.toggleEditorOn = function(scope) {
+    var $scope;
+    ns.debug(scope);
+    $scope = $(scope);
+    return ns.shouldShowEditor($scope) ? ns.showEditor($scope.find(ns.editorSelector)) : ns.hideEditor($scope.find(ns.editorSelector));
+  };
+  ns.attachEvents = function() {
+    return $(ns.containerSelector).each(function() {
+      return $(this).find(ns.formatSelector).change(__bind(function() {
+        return ns.toggleEditorOn(this);
+      }, this));
+    });
+  };
+  return (ns.setup = function() {
+    return ns.attachEvents();
+  });
+});

data/javascripts/youth_tree/forms/date_picker.js

@@ -0,0 +1,30 @@
+YouthTree.withNS('Forms.DatePicker', function(ns) {
+  ns.timeFormat = 'hh:mm TT';
+  ns.dateFormat = 'dd MM yy';
+  ns.makeDatePickers = function() {
+    var _ref;
+    if (!(typeof (_ref = $.fn.datepicker) !== "undefined" && _ref !== null)) {
+      return null;
+    }
+    return $('input.ui-date-picker').datepicker({
+      dateFormat: ns.dateFormat
+    });
+  };
+  ns.makeDateTimePickers = function() {
+    var _ref;
+    if (!(typeof (_ref = $.fn.datetimepicker) !== "undefined" && _ref !== null)) {
+      return null;
+    }
+    return $('input.ui-date-picker').datetimepicker({
+      dateFormat: ns.dateFormat,
+      timeFormat: ns.timeFormat,
+      ampm: true
+    });
+  };
+  return (ns.setup = function() {
+    return $(document).ready(function() {
+      ns.makeDatePickers();
+      return ns.makeDateTimePickers();
+    });
+  });
+});

data/javascripts/youth_tree/forms/value_cloner.js

@@ -0,0 +1,21 @@
+YouthTree.withNS('Forms.ValueCloner', function(ns) {
+  ns.cloneValue = function(from, to) {
+    if (from.length && to.length) {
+      return to.val(from.val());
+    }
+  };
+  return (ns.setup = function() {
+    return $('a.clone-form-value').each(function() {
+      var current, from_selector, to_selector;
+      current = $(this);
+      from_selector = current.dataAttr('clone-from');
+      to_selector = current.dataAttr('clone-to');
+      return current.click(function() {
+        if ((typeof from_selector !== "undefined" && from_selector !== null) && (typeof to_selector !== "undefined" && to_selector !== null)) {
+          ns.cloneValue($(from_selector), $(to_selector));
+        }
+        return false;
+      });
+    });
+  });
+});

data/lib/youthtree-js.rb

@@ -1,5 +1,5 @@
 class YouthTreeJS
-  VERSION = "0.3.0".freeze
+  VERSION = "0.4.0".freeze
 
   def self.coffeescripts_root
     File.expand_path('../coffeescripts', File.dirname(__FILE__))

data/youthtree-js.gemspec

@@ -5,11 +5,11 @@
 
 Gem::Specification.new do |s|
   s.name = %q{youthtree-js}
-  s.version = "0.3.0"
+  s.version = "0.4.0"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Darcy Laycock"]
-  s.date = %q{2010-11-29}
+  s.date = %q{2010-12-02}
   s.description = %q{Shared Javascript tools across YouthTree apps.}
   s.email = %q{sutto@sutto.net}
   s.extra_rdoc_files = [
@@ -19,11 +19,13 @@ Gem::Specification.new do |s|
     "README.md",
     "Rakefile",
     "coffeescripts/youth_tree.coffee",
-    "coffeescripts/youth_tree/ck_editor.coffee",
-    "coffeescripts/youth_tree/convertable_editor.coffee",
     "coffeescripts/youth_tree/disqus.coffee",
     "coffeescripts/youth_tree/flickr.coffee",
     "coffeescripts/youth_tree/flickr/gallery.coffee",
+    "coffeescripts/youth_tree/forms/ck_editor.coffee",
+    "coffeescripts/youth_tree/forms/convertable_editor.coffee",
+    "coffeescripts/youth_tree/forms/date_picker.coffee",
+    "coffeescripts/youth_tree/forms/value_cloner.coffee",
     "coffeescripts/youth_tree/gallery.coffee",
     "coffeescripts/youth_tree/util.coffee",
     "javascripts/youth_tree.js",
@@ -32,6 +34,10 @@ Gem::Specification.new do |s|
     "javascripts/youth_tree/disqus.js",
     "javascripts/youth_tree/flickr.js",
     "javascripts/youth_tree/flickr/gallery.js",
+    "javascripts/youth_tree/forms/ck_editor.js",
+    "javascripts/youth_tree/forms/convertable_editor.js",
+    "javascripts/youth_tree/forms/date_picker.js",
+    "javascripts/youth_tree/forms/value_cloner.js",
     "javascripts/youth_tree/gallery.js",
     "javascripts/youth_tree/util.js",
     "lib/youthtree-js.rb",

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: youthtree-js
 version: !ruby/object:Gem::Version 
-  hash: 19
+  hash: 15
   prerelease: false
   segments: 
   - 0
-  - 3
+  - 4
   - 0
-  version: 0.3.0
+  version: 0.4.0
 platform: ruby
 authors: 
 - Darcy Laycock
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-11-29 00:00:00 +08:00
+date: 2010-12-02 00:00:00 +08:00
 default_executable: 
 dependencies: []
 
@@ -31,11 +31,13 @@ files:
 - README.md
 - Rakefile
 - coffeescripts/youth_tree.coffee
-- coffeescripts/youth_tree/ck_editor.coffee
-- coffeescripts/youth_tree/convertable_editor.coffee
 - coffeescripts/youth_tree/disqus.coffee
 - coffeescripts/youth_tree/flickr.coffee
 - coffeescripts/youth_tree/flickr/gallery.coffee
+- coffeescripts/youth_tree/forms/ck_editor.coffee
+- coffeescripts/youth_tree/forms/convertable_editor.coffee
+- coffeescripts/youth_tree/forms/date_picker.coffee
+- coffeescripts/youth_tree/forms/value_cloner.coffee
 - coffeescripts/youth_tree/gallery.coffee
 - coffeescripts/youth_tree/util.coffee
 - javascripts/youth_tree.js
@@ -44,6 +46,10 @@ files:
 - javascripts/youth_tree/disqus.js
 - javascripts/youth_tree/flickr.js
 - javascripts/youth_tree/flickr/gallery.js
+- javascripts/youth_tree/forms/ck_editor.js
+- javascripts/youth_tree/forms/convertable_editor.js
+- javascripts/youth_tree/forms/date_picker.js
+- javascripts/youth_tree/forms/value_cloner.js
 - javascripts/youth_tree/gallery.js
 - javascripts/youth_tree/util.js
 - lib/youthtree-js.rb