survivalkit 1.0.beta.11 → 1.0.beta.12

data/templates/project/sources/formalize/assets/js/prototype.formalize.min.js

@@ -0,0 +1 @@
+var FORMALIZE=function(e,t,n){function r(e){var n=t.createElement("b");return n.innerHTML="<!--[if IE "+e+"]><br><![endif]-->",!!n.getElementsByTagName("br").length}var i="placeholder"in t.createElement("input"),s="autofocus"in t.createElement("input"),o=r(6),u=r(7);return{go:function(){var e,t=this.init;for(e in t)t.hasOwnProperty(e)&&t[e]()},init:{disable_link_button:function(){$(t.documentElement).observe("click",function(e){var t=e.target,n=t.tagName.toLowerCase()==="a"&&t.className.match("button_disabled");n&&e.preventDefault()})},full_input_size:function(){if(!u||!$$("textarea, input.input_full").length)return;$$("textarea, input.input_full").each(function(e){Element.wrap(e,"span",{"class":"input_full_wrap"})})},ie6_skin_inputs:function(){if(!o||!$$("input, select, textarea").length)return;var e=/button|submit|reset/,t=/date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;$$("input").each(function(n){n.getAttribute("type").match(e)?(n.addClassName("ie6_button"),n.disabled&&n.addClassName("ie6_button_disabled")):n.getAttribute("type").match(t)&&(n.addClassName("ie6_input"),n.disabled&&n.addClassName("ie6_input_disabled"))}),$$("textarea, select").each(function(e){e.disabled&&e.addClassName("ie6_input_disabled")})},autofocus:function(){if(s||!$$("[autofocus]").length)return;var e=$$("[autofocus]")[0];e.disabled||e.focus()},placeholder:function(){if(i||!$$("[placeholder]").length)return;FORMALIZE.misc.add_placeholder(),$$("[placeholder]").each(function(e){if(e.type==="password")return;var t=e.getAttribute("placeholder"),n=e.up("form");e.observe("focus",function(){e.value===t&&(e.value="",e.removeClassName("placeholder_text"))}),e.observe("blur",function(){FORMALIZE.misc.add_placeholder()}),n.observe("submit",function(){e.value===t&&(e.value="",e.removeClassName("placeholder_text"))}),n.observe("reset",function(){setTimeout(FORMALIZE.misc.add_placeholder,50)})})}},misc:{add_placeholder:function(){if(i||!$$("[placeholder]").length)return;$$("[placeholder]").each(function(e){if(e.type==="password")return;var t=e.getAttribute("placeholder");if(!e.value||e.value===t)e.value=t,e.addClassName("placeholder_text")})}}}}(this,this.document);$(document).observe("dom:loaded",function(){FORMALIZE.go()})

data/templates/project/sources/formalize/assets/js/yui.formalize.js

@@ -0,0 +1,183 @@
+/*
+  Formalize - version 1.2
+
+  Note: This file depends on the YUI library.
+*/
+
+YUI.add('formalize', function(Y) {
+  // Internet Explorer detection.
+  function IE(version) {
+    var b = document.createElement('b');
+    b.innerHTML = '<!--[if IE ' + version + ']><br><![endif]-->';
+    return !!b.getElementsByTagName('br').length;
+  }
+
+  // Private constants.
+  var PLACEHOLDER_SUPPORTED = 'placeholder' in document.createElement('input');
+  var AUTOFOCUS_SUPPORTED = 'autofocus' in document.createElement('input');
+  var IE6 = IE(6);
+  var IE7 = IE(7);
+
+  // Expose innards of Formalize.
+  Y.formalize = {
+    // Y.formalize.go
+    go: function() {
+      var i, j = this.init;
+
+      for (i in j) {
+        j.hasOwnProperty(i) && j[i]();
+      }
+    },
+    // Y.formalize.init
+    init: {
+      // Y.formalize.init.disable_link_button
+      disable_link_button: function() {
+        Y.one(document.documentElement).delegate('click', function(ev) {
+          ev.preventDefault();
+        }, 'a.button_disabled');
+      },
+      // Y.formalize.init.full_input_size
+      full_input_size: function() {
+        if (!IE7 || !Y.all('textarea, input.input_full')) {
+          return;
+        }
+
+        // This fixes width: 100% on <textarea> and class="input_full".
+        // It ensures that form elements don't go wider than container.
+        Y.all('textarea, input.input_full').each(function(el) {
+          var wrapper = Y.Node.create('<span class="input_full_wrap"></span>');
+          wrapper.append(el.replace(wrapper));
+        });
+      },
+      // Y.formalize.init.ie6_skin_inputs
+      ie6_skin_inputs: function() {
+        // Test for Internet Explorer 6.
+        if (!IE6 || !Y.all('input, select, textarea')) {
+          // 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/;
+
+        Y.all('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');
+            }
+          }
+        });
+
+        Y.all('textarea, select').each(function(el) {
+          /* Is it disabled? */
+          if (el.disabled) {
+            el.addClass('ie6_input_disabled');
+          }
+        });
+      },
+      // Y.formalize.init.autofocus
+      autofocus: function() {
+        if (AUTOFOCUS_SUPPORTED || !Y.one('[autofocus]')) {
+          return;
+        }
+
+        var el = Y.Node.getDOMNode(Y.one('[autofocus]'));
+
+        if (!el.disabled) {
+          el.focus();
+        }
+      },
+      // Y.formalize.init.placeholder
+      placeholder: function() {
+        if (PLACEHOLDER_SUPPORTED || !Y.one('[placeholder]')) {
+          // Exit if placeholder is supported natively,
+          // or if page does not have any placeholder.
+          return;
+        }
+
+        Y.formalize.misc.add_placeholder();
+
+        Y.all('[placeholder]').each(function(el) {
+          // Placeholder obscured in older browsers,
+          // so there's no point adding to password.
+          if (el.getAttribute('type') === 'password') {
+            return;
+          }
+
+          var text = el.getAttribute('placeholder');
+          var form = el.ancestor('form');
+
+          function add_placeholder() {
+            if (!el.get('value') || el.get('value') === text) {
+              el.set('value', text).addClass('placeholder_text');
+            }
+          }
+
+          el.on('focus', function() {
+            if (el.get('value') === text) {
+              el.set('value', '').removeClass('placeholder_text');
+            }
+          });
+
+          el.on('blur', function() {
+            Y.formalize.misc.add_placeholder();
+          });
+
+          // Prevent <form> from accidentally
+          // submitting the placeholder text.
+          form && form.on('submit', function() {
+            if (el.get('value') === text) {
+              el.set('value', '').removeClass('placeholder_text');
+            }
+          });
+
+          form && form.on('reset', function() {
+            setTimeout(Y.formalize.misc.add_placeholder, 50);
+          });
+        });
+      }
+    },
+    // Y.formalize.misc
+    misc: {
+      // Y.formalize.misc.add_placeholder
+      add_placeholder: function() {
+        if (PLACEHOLDER_SUPPORTED || !Y.one('[placeholder]')) {
+          // Exit if placeholder is supported natively,
+          // or if page does not have any placeholder.
+          return;
+        }
+
+        Y.all('[placeholder]').each(function(el) {
+          // Placeholder obscured in older browsers,
+          // so there's no point adding to password.
+          if (el.getAttribute('type') === 'password') {
+            return;
+          }
+
+          var text = el.getAttribute('placeholder');
+
+          if (!el.get('value') || el.get('value') === text) {
+            el.set('value', text).addClass('placeholder_text');
+          }
+        });
+      }
+    }
+  };
+}, '1.1', {requires: ['node', 'event']});

data/templates/project/sources/formalize/assets/js/yui.formalize.min.js

@@ -0,0 +1 @@
+YUI.add("formalize",function(e){function t(e){var t=document.createElement("b");return t.innerHTML="<!--[if IE "+e+"]><br><![endif]-->",!!t.getElementsByTagName("br").length}var n="placeholder"in document.createElement("input"),r="autofocus"in document.createElement("input"),i=t(6),s=t(7);e.formalize={go:function(){var e,t=this.init;for(e in t)t.hasOwnProperty(e)&&t[e]()},init:{disable_link_button:function(){e.one(document.documentElement).delegate("click",function(e){e.preventDefault()},"a.button_disabled")},full_input_size:function(){if(!s||!e.all("textarea, input.input_full"))return;e.all("textarea, input.input_full").each(function(t){var n=e.Node.create('<span class="input_full_wrap"></span>');n.append(t.replace(n))})},ie6_skin_inputs:function(){if(!i||!e.all("input, select, textarea"))return;var t=/button|submit|reset/,n=/date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;e.all("input").each(function(e){e.getAttribute("type").match(t)?(e.addClass("ie6_button"),e.disabled&&e.addClass("ie6_button_disabled")):e.getAttribute("type").match(n)&&(e.addClass("ie6_input"),e.disabled&&e.addClass("ie6_input_disabled"))}),e.all("textarea, select").each(function(e){e.disabled&&e.addClass("ie6_input_disabled")})},autofocus:function(){if(r||!e.one("[autofocus]"))return;var t=e.Node.getDOMNode(e.one("[autofocus]"));t.disabled||t.focus()},placeholder:function(){if(n||!e.one("[placeholder]"))return;e.formalize.misc.add_placeholder(),e.all("[placeholder]").each(function(t){function i(){(!t.get("value")||t.get("value")===n)&&t.set("value",n).addClass("placeholder_text")}if(t.getAttribute("type")==="password")return;var n=t.getAttribute("placeholder"),r=t.ancestor("form");t.on("focus",function(){t.get("value")===n&&t.set("value","").removeClass("placeholder_text")}),t.on("blur",function(){e.formalize.misc.add_placeholder()}),r&&r.on("submit",function(){t.get("value")===n&&t.set("value","").removeClass("placeholder_text")}),r&&r.on("reset",function(){setTimeout(e.formalize.misc.add_placeholder,50)})})}},misc:{add_placeholder:function(){if(n||!e.one("[placeholder]"))return;e.all("[placeholder]").each(function(e){if(e.getAttribute("type")==="password")return;var t=e.getAttribute("placeholder");(!e.get("value")||e.get("value")===t)&&e.set("value",t).addClass("placeholder_text")})}}}},"1.1",{requires:["node","event"]})

data/templates/project/sources/formalize/demo.html

@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<title>Formalize CSS - Demo</title>
+<style>
+
+body {
+  background: #fff;
+  color: #333;
+  font: 13px/1.5 Arial, sans-serif;
+}
+
+h1 {
+  font-size: 20px;
+}
+
+a {
+  color: #06c;
+  outline: 0;
+}
+
+a:hover {
+  color: #f60;
+}
+
+</style>
+</head>
+<body>
+<h1>
+  Formalize CSS - Demo
+</h1>
+<p>
+  <a href="http://formalize.me/">Formalize home</a>
+  |
+  <a href="http://sonspring.com/journal/formalize-css">Blog post</a>
+  |
+  <a href="http://github.com/nathansmith/formalize/">GitHub repo</a>
+</p>
+<ul>
+  <li>
+    <a href="unstyled.html">Unstyled - Default</a>
+  </li>
+</ul>
+<p>
+  Demo with Dojo...
+</p>
+<ul>
+  <li>
+    <a href="dojo_demo.html">Normal</a>
+  </li>
+  <li>
+    <a href="dojo_disabled.html">Disabled</a>
+  </li>
+  <li>
+    <a href="dojo_errors.html">Errors</a>
+  </li>
+</ul>
+<p>
+  Demo with ExtJS...
+</p>
+<ul>
+  <li>
+    <a href="extjs_demo.html">Normal</a>
+  </li>
+  <li>
+    <a href="extjs_disabled.html">Disabled</a>
+  </li>
+  <li>
+    <a href="extjs_errors.html">Errors</a>
+  </li>
+</ul>
+<p>
+  Demo with jQuery...
+</p>
+<ul>
+  <li>
+    <a href="jquery_demo.html">Normal</a>
+  </li>
+  <li>
+    <a href="jquery_disabled.html">Disabled</a>
+  </li>
+  <li>
+    <a href="jquery_errors.html">Errors</a>
+  </li>
+</ul>
+<p>
+  Demo with MooTools...
+</p>
+<ul>
+  <li>
+    <a href="mootools_demo.html">Normal</a>
+  </li>
+  <li>
+    <a href="mootools_disabled.html">Disabled</a>
+  </li>
+  <li>
+    <a href="mootools_errors.html">Errors</a>
+  </li>
+</ul>
+<p>
+  Demo with Prototype...
+</p>
+<ul>
+  <li>
+    <a href="prototype_demo.html">Normal</a>
+  </li>
+  <li>
+    <a href="prototype_disabled.html">Disabled</a>
+  </li>
+  <li>
+    <a href="prototype_errors.html">Errors</a>
+  </li>
+</ul>
+<p>
+  Demo with YUI...
+</p>
+<ul>
+  <li>
+    <a href="yui_demo.html">Normal</a>
+  </li>
+  <li>
+    <a href="yui_disabled.html">Disabled</a>
+  </li>
+  <li>
+    <a href="yui_errors.html">Errors</a>
+  </li>
+</ul>
+</body>
+</html>

data/templates/project/sources/formalize/dojo_demo.html

@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<title>Formalize CSS</title>
+<link rel="stylesheet" href="assets/css/demo.css" />
+<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.8.0/dojo/dojo.js"></script>
+<script src="assets/js/dojo.formalize.js"></script>
+</head>
+<body>
+<div id="wrapper">
+  <h1>
+    Example of all form elements
+  </h1>
+  <form action="#" method="post" enctype="multipart/form-data" onsubmit="return false">
+    <p>
+      <input type="checkbox" id="test_checkbox_1" name="test_checkbox_1" />
+      <label for="test_checkbox_1">
+        Test checkbox 1
+      </label>
+      &nbsp;
+      &nbsp;
+      <input type="checkbox" id="test_checkbox_2" name="test_checkbox_2" />
+      <label for="test_checkbox_2">
+        Test checkbox 2
+      </label>
+      &nbsp;
+      &nbsp;
+      <input type="checkbox" id="test_checkbox_3" name="test_checkbox_3" />
+      <label for="test_checkbox_3">
+        Test checkbox 3
+      </label>
+    </p>
+    <p>
+      <input type="radio" id="test_radio_1" name="test_radio_group" />
+      <label for="test_radio_1">
+        Test radio 1
+      </label>
+      &nbsp;
+      &nbsp;
+      <input type="radio" id="test_radio_2" name="test_radio_group" />
+      <label for="test_radio_2">
+        Test radio 2
+      </label>
+      &nbsp;
+      &nbsp;
+      <input type="radio" id="test_radio_3" name="test_radio_group" />
+      <label for="test_radio_3">
+        Test radio 3
+      </label>
+    </p>
+    <p>
+      <label for="select_dd">
+        Select drop-down
+      </label>
+      <br />
+      <select id="select_dd" name="select_dd">
+        <optgroup label="Group 1">
+          <option value="1">Some text goes here</option>
+          <option value="2">Another choice could be here</option>
+          <option value="3">Yet another item to be chosen</option>
+        </optgroup>
+        <optgroup label="Group 2">
+          <option value="4">Some text goes here</option>
+          <option value="5">Another choice could be here</option>
+          <option value="6">Yet another item to be chosen</option>
+        </optgroup>
+        <optgroup label="Group 3">
+          <option value="7">Some text goes here</option>
+          <option value="8">Another choice could be here</option>
+          <option value="9">Yet another item to be chosen</option>
+        </optgroup>
+      </select>
+      <input type="text" id="text_inline" name="text_inline" />
+      <input type="button" value="Input Button" />
+      <button>Button Tag</button>
+      <a href="#" class="button">Link Button</a>
+    </p>
+    <p>
+      <label for="select_multi">
+        Select multiple
+      </label>
+      <br />
+      <select id="select_multi" name="select_multi" multiple="multiple" size="10">
+        <optgroup label="Group 1">
+          <option value="1">Some text goes here</option>
+          <option value="2">Another choice could be here</option>
+          <option value="3">Yet another item to be chosen</option>
+        </optgroup>
+        <optgroup label="Group 2">
+          <option value="4">Some text goes here</option>
+          <option value="5">Another choice could be here</option>
+          <option value="6">Yet another item to be chosen</option>
+        </optgroup>
+        <optgroup label="Group 3">
+          <option value="7">Some text goes here</option>
+          <option value="8">Another choice could be here</option>
+          <option value="9">Yet another item to be chosen</option>
+        </optgroup>
+      </select>
+    </p>
+    <p>
+      <label for="textarea">
+        Textarea
+      </label>
+      <br />
+      <textarea id="textarea" name="textarea" rows="5" placeholder="This is an example of HTML5 placeholder text."></textarea>
+    </p>
+    <table class="horiz">
+      <tr>
+        <td>
+          <label for="url">
+            URL + Autofocus
+          </label>
+          <br />
+          <input type="url" id="url" name="url" value="http://" autofocus="autofocus" />
+        </td>
+        <td>
+          <label for="email">
+            Email
+          </label>
+          <br />
+          <input type="email" id="email" name="email" placeholder="name@example.com" />
+        </td>
+        <td>
+          <label for="password">
+            Password
+          </label>
+          <br />
+          <input type="password" id="password" name="password" placeholder="Alphanumeric123!" />
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <label for="datetime-local">
+            Datetime local
+          </label>
+          <br />
+          <input type="datetime-local" id="datetime-local" name="datetime-local" />
+        </td>
+        <td>
+          <label for="number">
+            Number
+          </label>
+          <br />
+          <input type="number" id="number" name="number" min="0" max="999" step="1" />
+        </td>
+        <td>
+          <label for="tel">
+            Tel (phone)
+          </label>
+          <br />
+          <input type="tel" id="tel" name="tel" />
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <label for="datetime">
+            Datetime
+          </label>
+          <br />
+          <input type="datetime" id="datetime" name="datetime" />
+        </td>
+        <td>
+          <label for="date">
+            Date
+          </label>
+          <br />
+          <input type="date" id="date" name="date" />
+        </td>
+        <td>
+          <label for="month">
+            Month
+          </label>
+          <br />
+          <input type="month" id="month" name="month" />
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <label for="search">
+            Search
+          </label>
+          <br />
+          <input type="search" id="search" name="search" />
+        </td>
+        <td>
+          <label for="range">
+            Range
+          </label>
+          <br />
+          <input type="range" id="range" name="range" />
+        </td>
+        <td>
+          <label for="file">
+            File upload
+          </label>
+          <br />
+          <input type="file" id="file" name="file" />
+        </td>
+      </tr>
+    </table>
+    <p>
+      <input type="submit" value="Input - Submit" />
+      &nbsp;
+      <input type="button" value="Input - Button" />
+      &nbsp;
+      <input type="reset" value="Input - Reset" />
+      &nbsp;
+      <button>Button tag</button>
+    </p>
+  </form>
+</div>
+</body>
+</html>