compass_formalize 0.0.1

data/templates/mootools/manifest.rb

@@ -0,0 +1,37 @@
+# Make sure you list all the project template files here in the manifest.
+discover :all
+
+description "Teach your forms some manners."
+
+help %Q{
+  Please see the Formalize website for documentation:
+
+      http://formalize.me/
+}
+
+welcome_message %Q{
+
+  Formalize assets have been copied to the proper asset folders
+  based on your Compass configuration.
+
+  Usage:
+
+   If you're using SCSS syntax, in your stylesheet:
+
+     @import "formalize";
+
+   or if you're using indented syntax
+
+     @import "formalize"
+
+   In your HTML markup, include the JavaScript implementation of
+   your choice:
+
+   // a jQuery example
+   <script src="/javascripts/jquery.formalize.js"></script>
+
+  Please see the Formalize website for documentation:
+
+      http://formalize.me/
+}
+

data/templates/mootools/mootools.formalize.js

@@ -0,0 +1,163 @@
+//
+// Note: This file depends on the MooTools library.
+//
+
+// Module pattern:
+// http://yuiblog.com/blog/2007/06/12/module-pattern/
+var FORMALIZE = (function(window, document, undefined) {
+  // Private constants.
+  var PLACEHOLDER_SUPPORTED = 'placeholder' in document.createElement('input');
+  var AUTOFOCUS_SUPPORTED = 'autofocus' in document.createElement('input');
+  var WEBKIT = 'webkitAppearance' in document.createElement('select').style;
+  var IE6 = Browser.ie6;
+  var IE7 = Browser.ie7;
+
+  // Expose innards of FORMALIZE.
+  return {
+    // FORMALIZE.go
+    go: function() {
+      for (var i in FORMALIZE.init) {
+        FORMALIZE.init[i]();
+      }
+    },
+    // FORMALIZE.init
+    init: {
+      // FORMALIZE.init.detect_webkit
+      detect_webkit: function() {
+        if (!WEBKIT) {
+          return;
+        }
+
+        // Tweaks for Safari + Chrome.
+        $$('html')[0].addClass('is_webkit');
+      },
+      // FORMALIZE.init.full_input_size
+      full_input_size: function() {
+        if (!IE7 || !$$('textarea, input.input_full').length) {
+          return;
+        }
+
+        // This fixes width: 100% on <textarea> and class="input_full".
+        // It ensures that form elements don't go wider than container.
+        $$('textarea, input.input_full').each(function(el) {
+          new Element('span.input_full_wrap').wraps(el);
+        });
+
+      },
+      // FORMALIZE.init.ie6_skin_inputs
+      ie6_skin_inputs: function() {
+        // Test for Internet Explorer 6.
+        if (!IE6 || !$$('input, select, textarea').length) {
+          // Exit if the browser is not IE6,
+          // or if no form elements exist.
+          return;
+        }
+
+        // For <input type="submit" />, etc.
+        var button_regex = /button|submit|reset/;
+
+        // For <input type="text" />, etc.
+        var type_regex = /date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;
+
+        $$('input').each(function(el) {
+          // Is it a button?
+          if (el.getAttribute('type').match(button_regex)) {
+            el.addClass('ie6_button');
+
+            /* Is it disabled? */
+            if (el.disabled) {
+              el.addClass('ie6_button_disabled');
+            }
+          }
+          // Or is it a textual input?
+          else if (el.getAttribute('type').match(type_regex)) {
+            el.addClass('ie6_input');
+
+            /* Is it disabled? */
+            if (el.disabled) {
+              el.addClass('ie6_input_disabled');
+            }
+          }
+        });
+
+        $$('textarea, select').each(function(el) {
+          /* Is it disabled? */
+          if (el.disabled) {
+            el.addClass('ie6_input_disabled');
+          }
+        });
+      },
+      // FORMALIZE.init.autofocus
+      autofocus: function() {
+        if (AUTOFOCUS_SUPPORTED || !$$('[autofocus]').length) {
+          return;
+        }
+
+        $$('[autofocus]')[0].focus();
+      },
+      // FORMALIZE.init.placeholder
+      placeholder: function() {
+        if (PLACEHOLDER_SUPPORTED || !$$('[placeholder]').length) {
+          // Exit if placeholder is supported natively,
+          // or if page does not have any placeholder.
+          return;
+        }
+
+        FORMALIZE.misc.add_placeholder();
+
+        $$('[placeholder]').each(function(el) {
+          var text = el.get('placeholder');
+
+          el.addEvents({
+            focus: function() {
+              if (el.value === text) {
+                el.set('value', '').removeClass('placeholder_text');
+              }
+            },
+            blur: function() {
+              FORMALIZE.misc.add_placeholder();
+            }
+          });
+
+          // Prevent <form> from accidentally
+          // submitting the placeholder text.
+          el.getParent('form').addEvents({
+            'submit': function() {
+              if (el.value === text) {
+                el.set('value', '').removeClass('placeholder_text');
+              }
+            },
+            'reset': function() {
+              setTimeout(FORMALIZE.misc.add_placeholder, 50);
+            }
+          });
+        });
+      }
+    },
+    // FORMALIZE.misc
+    misc: {
+      // FORMALIZE.misc.add_placeholder
+      add_placeholder: function() {
+        if (PLACEHOLDER_SUPPORTED || !$$('[placeholder]').length) {
+          // Exit if placeholder is supported natively,
+          // or if page does not have any placeholder.
+          return;
+        }
+
+        $$('[placeholder]').each(function(el) {
+          var text = el.get('placeholder');
+
+          if (!el.value || el.value === text) {
+            el.set('value', text).addClass('placeholder_text');
+          }
+        });
+      }
+    }
+  };
+// Alias window, document.
+})(this, this.document);
+
+// Automatically calls all functions in FORMALIZE.init
+$(document).addEvent('domready', function() {
+  FORMALIZE.go();
+});

data/templates/mootools/mootools.formalize.min.js

@@ -0,0 +1 @@
+var FORMALIZE=(function(f,b,g){var e="placeholder" in b.createElement("input");var c="autofocus" in b.createElement("input");var d="webkitAppearance" in b.createElement("select").style;var a=Browser.ie6;var h=Browser.ie7;return{go:function(){for(var j in FORMALIZE.init){FORMALIZE.init[j]();}},init:{detect_webkit:function(){if(!d){return;}$$("html")[0].addClass("is_webkit");},full_input_size:function(){if(!h||!$$("textarea, input.input_full").length){return;}$$("textarea, input.input_full").each(function(i){new Element("span.input_full_wrap").wraps(i);});},ie6_skin_inputs:function(){if(!a||!$$("input, select, textarea").length){return;}var i=/button|submit|reset/;var j=/date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;$$("input").each(function(k){if(k.getAttribute("type").match(i)){k.addClass("ie6_button");if(k.disabled){k.addClass("ie6_button_disabled");}}else{if(k.getAttribute("type").match(j)){k.addClass("ie6_input");if(k.disabled){k.addClass("ie6_input_disabled");}}}});$$("textarea, select").each(function(k){if(k.disabled){k.addClass("ie6_input_disabled");}});},autofocus:function(){if(c||!$$("[autofocus]").length){return;}$$("[autofocus]")[0].focus();},placeholder:function(){if(e||!$$("[placeholder]").length){return;}FORMALIZE.misc.add_placeholder();$$("[placeholder]").each(function(i){var j=i.get("placeholder");i.addEvents({focus:function(){if(i.value===j){i.set("value","").removeClass("placeholder_text");}},blur:function(){FORMALIZE.misc.add_placeholder();}});i.getParent("form").addEvents({submit:function(){if(i.value===j){i.set("value","").removeClass("placeholder_text");}},reset:function(){setTimeout(FORMALIZE.misc.add_placeholder,50);}});});}},misc:{add_placeholder:function(){if(e||!$$("[placeholder]").length){return;}$$("[placeholder]").each(function(i){var j=i.get("placeholder");if(!i.value||i.value===j){i.set("value",j).addClass("placeholder_text");}});}}};})(this,this.document);$(document).addEvent("domready",function(){FORMALIZE.go();});

data/templates/project/manifest.rb

@@ -0,0 +1,18 @@
+description "Teach your forms some manners."
+
+help %Q{
+  To install, use the formalize pattern:
+
+  Ensure formalize is in your config.rb (this will be done for you automatically if you require it on project creation)
+
+    require 'compass_formalize'
+
+  Next run the formalize pattern and follow the instructions.
+
+    compass install formalize/formalize
+
+  Please see the Formalize website for documentation:
+
+      http://formalize.me/
+}
+

data/templates/prototype/manifest.rb

@@ -0,0 +1,37 @@
+# Make sure you list all the project template files here in the manifest.
+discover :all
+
+description "Teach your forms some manners."
+
+help %Q{
+  Please see the Formalize website for documentation:
+
+      http://formalize.me/
+}
+
+welcome_message %Q{
+
+  Formalize assets have been copied to the proper asset folders
+  based on your Compass configuration.
+
+  Usage:
+
+   If you're using SCSS syntax, in your stylesheet:
+
+     @import "formalize";
+
+   or if you're using indented syntax
+
+     @import "formalize"
+
+   In your HTML markup, include the JavaScript implementation of
+   your choice:
+
+   // a jQuery example
+   <script src="/javascripts/jquery.formalize.js"></script>
+
+  Please see the Formalize website for documentation:
+
+      http://formalize.me/
+}
+

data/templates/prototype/prototype.formalize.js

@@ -0,0 +1,171 @@
+//
+// Note: This file depends on the Prototype library.
+//
+
+// Module pattern:
+// http://yuiblog.com/blog/2007/06/12/module-pattern/
+var FORMALIZE = (function(window, document, undefined) {
+  // Private constants.
+  var PLACEHOLDER_SUPPORTED = 'placeholder' in document.createElement('input');
+  var AUTOFOCUS_SUPPORTED = 'autofocus' in document.createElement('input');
+  var WEBKIT = 'webkitAppearance' in document.createElement('select').style;
+  var IE6 = IE(6);
+  var IE7 = IE(7);
+
+  // Internet Explorer detection.
+  function IE(version) {
+    var b = document.createElement('b');
+    b.innerHTML = '<!--[if IE ' + version + ']><br><![endif]-->';
+    return !!b.getElementsByTagName('br').length;
+  }
+
+  // Expose innards of FORMALIZE.
+  return {
+    // FORMALIZE.go
+    go: function() {
+      for (var i in FORMALIZE.init) {
+        FORMALIZE.init[i]();
+      }
+    },
+    // FORMALIZE.init
+    init: {
+      // FORMALIZE.init.detect_webkit
+      detect_webkit: function() {
+        if (!WEBKIT) {
+          return;
+        }
+
+        // Tweaks for Safari + Chrome.
+        $$('html')[0].addClassName('is_webkit');
+      },
+      // FORMALIZE.init.full_input_size
+      full_input_size: function() {
+        if (!IE7 || !$$('textarea, input.input_full').length) {
+          return;
+        }
+
+        // This fixes width: 100% on <textarea> and class="input_full".
+        // It ensures that form elements don't go wider than container.
+        $$('textarea, input.input_full').each(function(el) {
+          Element.wrap(el, 'span', {'class': 'input_full_wrap'});
+        });
+      },
+      // FORMALIZE.init.ie6_skin_inputs
+      ie6_skin_inputs: function() {
+        // Test for Internet Explorer 6.
+        if (!IE6 || !$$('input, select, textarea').length) {
+          // Exit if the browser is not IE6,
+          // or if no form elements exist.
+          return;
+        }
+
+        // For <input type="submit" />, etc.
+        var button_regex = /button|submit|reset/;
+
+        // For <input type="text" />, etc.
+        var type_regex = /date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;
+
+        $$('input').each(function(el) {
+          // Is it a button?
+          if (el.getAttribute('type').match(button_regex)) {
+            el.addClassName('ie6_button');
+
+            /* Is it disabled? */
+            if (el.disabled) {
+              el.addClassName('ie6_button_disabled');
+            }
+          }
+          // Or is it a textual input?
+          else if (el.getAttribute('type').match(type_regex)) {
+            el.addClassName('ie6_input');
+
+            /* Is it disabled? */
+            if (el.disabled) {
+              el.addClassName('ie6_input_disabled');
+            }
+          }
+        });
+
+        $$('textarea, select').each(function(el) {
+          /* Is it disabled? */
+          if (el.disabled) {
+            el.addClassName('ie6_input_disabled');
+          }
+        });
+      },
+      // FORMALIZE.init.autofocus
+      autofocus: function() {
+        if (AUTOFOCUS_SUPPORTED || !$$('[autofocus]').length) {
+          return;
+        }
+
+        $$('[autofocus]')[0].focus();
+      },
+      // FORMALIZE.init.placeholder
+      placeholder: function() {
+        if (PLACEHOLDER_SUPPORTED || !$$('[placeholder]').length) {
+          // Exit if placeholder is supported natively,
+          // or if page does not have any placeholder.
+          return;
+        }
+
+        FORMALIZE.misc.add_placeholder();
+
+        $$('[placeholder]').each(function(el) {
+          var text = el.getAttribute('placeholder');
+          var form = el.up('form');
+
+          el.observe('focus', function() {
+            if (el.value === text) {
+              el.value = '';
+              el.removeClassName('placeholder_text');
+            }
+          });
+
+          el.observe('blur', function() {
+            FORMALIZE.misc.add_placeholder();
+          });
+
+          // Prevent <form> from accidentally
+          // submitting the placeholder text.
+          form.observe('submit', function() {
+            if (el.value === text) {
+              el.value = '';
+              el.removeClassName('placeholder_text');
+            }
+          });
+
+          form.observe('reset', function() {
+            setTimeout(FORMALIZE.misc.add_placeholder, 50);
+          });
+        });
+      }
+    },
+    // FORMALIZE.misc
+    misc: {
+      // FORMALIZE.misc.add_placeholder
+      add_placeholder: function() {
+        if (PLACEHOLDER_SUPPORTED || !$$('[placeholder]').length) {
+          // Exit if placeholder is supported natively,
+          // or if page does not have any placeholder.
+          return;
+        }
+
+        $$('[placeholder]').each(function(el) {
+          var text = el.getAttribute('placeholder');
+
+          if (!el.value || el.value === text) {
+            el.value = text;
+            el.addClassName('placeholder_text');
+          }
+        });
+      }
+    }
+  };
+// Alias window, document.
+})(this, this.document);
+
+// Automatically calls all functions in FORMALIZE.init
+$(document).observe('dom:loaded', function() {
+  FORMALIZE.go();
+});