jumpstart 0.1.0

data/jumpstart_templates/i0n_rails_3/public/javascripts/rails.js

@@ -0,0 +1,126 @@
+jQuery(function ($) {
+    var csrf_token = $('meta[name=csrf-token]').attr('content'),
+        csrf_param = $('meta[name=csrf-param]').attr('content');
+
+    $.fn.extend({
+        /**
+         * Triggers a custom event on an element and returns the event result
+         * this is used to get around not being able to ensure callbacks are placed
+         * at the end of the chain.
+         *
+         * TODO: deprecate with jQuery 1.4.2 release, in favor of subscribing to our
+         *       own events and placing ourselves at the end of the chain.
+         */
+        triggerAndReturn: function (name, data) {
+            var event = new $.Event(name);
+            this.trigger(event, data);
+
+            return event.result !== false;
+        },
+
+        /**
+         * Handles execution of remote calls firing overridable events along the way
+         */
+        callRemote: function () {
+            var el      = this,
+                data    = el.is('form') ? el.serializeArray() : [],
+                method  = el.attr('method') || el.attr('data-method') || 'GET',
+                url     = el.attr('action') || el.attr('href');
+
+            if (url === undefined) {
+              throw "No URL specified for remote call (action or href must be present).";
+            } else {
+                if (el.triggerAndReturn('ajax:before')) {
+                    $.ajax({
+                        url: url,
+                        data: data,
+                        dataType: 'script',
+                        type: method.toUpperCase(),
+                        beforeSend: function (xhr) {
+                            el.trigger('ajax:loading', xhr);
+                        },
+                        success: function (data, status, xhr) {
+                            el.trigger('ajax:success', [data, status, xhr]);
+                        },
+                        complete: function (xhr) {
+                            el.trigger('ajax:complete', xhr);
+                        },
+                        error: function (xhr, status, error) {
+                            el.trigger('ajax:failure', [xhr, status, error]);
+                        }
+                    });
+                }
+
+                el.trigger('ajax:after');
+            }
+        }
+    });
+
+    /**
+     *  confirmation handler
+     */
+    $('a[data-confirm],input[data-confirm]').live('click', function () {
+        var el = $(this);
+        if (el.triggerAndReturn('confirm')) {
+            if (!confirm(el.attr('data-confirm'))) {
+                return false;
+            }
+        }
+    });
+
+
+    /**
+     * remote handlers
+     */
+    $('form[data-remote]').live('submit', function (e) {
+        $(this).callRemote();
+        e.preventDefault();
+    });
+
+    $('a[data-remote],input[data-remote]').live('click', function (e) {
+        $(this).callRemote();
+        e.preventDefault();
+    });
+
+    $('a[data-method]:not([data-remote])').live('click', function (e){
+        var link = $(this),
+            href = link.attr('href'),
+            method = link.attr('data-method'),
+            form = $('<form method="post" action="'+href+'"></form>'),
+            metadata_input = '<input name="_method" value="'+method+'" type="hidden" />';
+
+        if (csrf_param != null && csrf_token != null) {
+          metadata_input += '<input name="'+csrf_param+'" value="'+csrf_token+'" type="hidden" />';
+        }
+
+        form.hide()
+            .append(metadata_input)
+            .appendTo('body');
+
+        e.preventDefault();
+        form.submit();
+    });
+
+    /**
+     * disable-with handlers
+     */
+    var disable_with_input_selector = 'input[data-disable-with]';
+    var disable_with_form_selector = 'form[data-remote]:has(' + disable_with_input_selector + ')';
+
+    $(disable_with_form_selector).live('ajax:before', function () {
+        $(this).find(disable_with_input_selector).each(function () {
+            var input = $(this);
+            input.data('enable-with', input.val())
+                 .attr('value', input.attr('data-disable-with'))
+                 .attr('disabled', 'disabled');
+        });
+    });
+
+    $(disable_with_form_selector).live('ajax:after', function () {
+        $(this).find(disable_with_input_selector).each(function () {
+            var input = $(this);
+            input.removeAttr('disabled')
+                 .val(input.data('enable-with'));
+        });
+    });
+});

data/jumpstart_templates/i0n_rails_3/public/stylesheets/sass/_setup.sass

@@ -0,0 +1,86 @@
+// ****** VARIABLES **********
+
+$global_font_size_in_pixels: 12
+$global_line_height: 1.5em
+$width_of_page: 79.5em
+$col_width: (($width_of_page - 5 * $global_line_height) / 6)
+
+$background_color: white
+
+$text_color_normal: #333333
+$text_color_bold: ($text_color_normal / 100)
+$text_color_faint: $text_color_normal * 2
+$text_color_faintest: $text_color_normal * 4
+
+$link_color: #3300cc
+$link_color_visited: #551a8b
+
+$link_horizontal_padding: 0.166em
+
+$line_padding_normal: 0 0 1.5em
+
+$notice_text_color: #00b300
+$notice_background_color: #d3ffd3
+
+$error_text_color: #b31000
+$error_background_color: #ffaaa1
+
+// ****** MIXINS **********
+
+=font_small($padding: 0 0 1.5em)
+  font-size: 1em
+  line-height: 1.5em
+  padding: $padding
+
+=font_normal($padding: 0 0 1.5em)
+  font-size: 1em
+  line-height: 1.5em
+  padding: $padding
+
+=font_large($padding: 0 0 1em)
+  font-size: 1.5em
+  line-height: 1em
+  padding: $padding
+
+=font_largest($padding: 0 0 0.5em)
+  font-size: 3em
+  line-height: 1em
+  padding: $padding
+
+=system_message($text_color: $notice_text_color, $background_color: $notice_background_color)
+  +font_large(1em)
+  background-color: $background_color
+  margin: 0 0 0.777em
+  color: $text_color
+  border: 0.113em solid #{$text_color}
+  border-radius: 0.333em
+  -moz-border-radius: 0.333em
+  -webkit-border-radius: 0.333em
+
+=spacer($margin: 1.5em 0 0)
+  +font_normal(0 0 2.916em)
+  margin: $margin
+  border-top: 0.08400000000000001em solid #{$text_color_faintest}
+
+=col($number_of_cols: 3, $minus_gutter: 0)
+  width: $col_width * $number_of_cols + $number_of_cols * $global_line_height - $global_line_height * $minus_gutter
+  float: left
+
+// ****** MIXINS - Main Menu **********
+
+=main_menu_selected
+  background: -moz-linear-gradient(100% 49% 90deg, #2d34aa, #00021f)
+  background: -webkit-gradient(linear, 0% 49%, 0% 0%, from(#2d34aa), to(#00021f))
+  background-color: #00021f
+
+=main_menu_selected_shadow($shadow_size: 0.5em)
+  box-shadow: inset 0 0 $shadow_size black
+  -webkit-box-shadow: inset 0 0 $shadow_size black
+  -moz-box-shadow: inset 0 0 $shadow_size black
+
+=main_menu_first_selected
+  border-top-left-radius: 0.499em
+  border-bottom-left-radius: 0.499em
+  -webkit-border-top-left-radius: 0.499em
+  -webkit-border-bottom-left-radius: 0.499em
+  -moz-border-radius: 0.499em 0 0 0.499em

data/jumpstart_templates/i0n_rails_3/public/stylesheets/sass/global.sass

@@ -0,0 +1,58 @@
+@import setup.sass
+
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
+  margin: 0
+  padding: 0
+  border: 0
+  font-weight: inherit
+  font-size: 100%
+  font-style: inherit
+  font-family: inherit
+  vertical-align: baseline
+
+body
+  font-size: 75%
+
+html>body
+  font-style: normal
+  font-weight: normal
+  font-family: Helvetica, Arial, sans-serif
+  font-size: #{$global_font_size_in_pixels}px
+  line-height: $global_line_height
+  background-color: $background_color
+  color: $text_color_normal
+  word-wrap: break-word
+
+table
+  border-collapse: separate
+  border-spacing: 1px
+
+caption, th, td
+  text-align: left
+  font-weight: normal
+
+table, td, th
+  vertical-align: middle
+  padding: 0
+
+blockquote
+  &:before, &:after
+    content: ""
+
+q
+  &:before, &:after
+    content: ""
+
+blockquote, q
+  quotes: "" ""
+
+a
+  outline: none
+  border: none
+
+img
+  border: none
+
+li
+  list-style-position: inside
+  list-style-type: none

data/jumpstart_templates/i0n_rails_3/public/stylesheets/sass/handheld.sass

@@ -0,0 +1,7 @@
+@import setup.sass
+
+html, body
+  max-width: 100%
+  font-size: 1em
+  padding: 0
+  margin: 0

data/jumpstart_templates/i0n_rails_3/public/stylesheets/sass/ie.sass

@@ -0,0 +1,40 @@
+@import setup.sass
+@import screen
+
+body
+  text-align: center
+
+.container
+  text-align: left
+
+* html
+  .column
+    overflow-x: hidden
+  legend
+    margin: 0px -8px 16px 0
+    padding: 0
+
+ol
+  margin-left: 2em
+
+sup
+  vertical-align: text-top
+
+sub
+  vertical-align: text-bottom
+
+html>body p code
+  *white-space: normal
+
+hr
+  margin: -8px auto 11px
+
+.clearfix, .container
+  display: inline-block
+
+* html
+  .clearfix, .container
+    height: 1%
+
+fieldset
+  padding-top: 0

data/jumpstart_templates/i0n_rails_3/public/stylesheets/sass/print.sass

@@ -0,0 +1,57 @@
+@import setup.sass
+
+body
+  line-height: 1.5
+  font-family: Helvetica, Arial, Helvetica, sans-serif
+  color: black
+  background: none
+  font-size: 10pt
+
+.container
+  background: none
+
+hr
+  background: #cccccc
+  color: #cccccc
+  width: 100%
+  height: 2px
+  margin: 2em 0
+  padding: 0
+  border: none
+  &.space
+    background: white
+    color: white
+
+h1, h2, h3, h4, h5, h6
+  font-family: Helvetica, Arial, "Lucida Grande", sans-serif
+
+code
+  font: 0.9em "Courier New", Monaco, Courier, monospace
+
+img
+  float: left
+  margin: 1.5em 1.5em 1.5em 0
+
+a img
+  border: none
+
+p img.top
+  margin-top: 0
+
+blockquote
+  margin: 1.5em
+  padding: 1em
+  font-style: italic
+  font-size: 0.9em
+
+.hide
+  display: none
+
+a
+  &:link, &:visited
+    background: transparent
+    font-weight: 700
+    text-decoration: underline
+  &:link:after, &:visited:after
+    content: " (" attr(href) ")"
+    font-size: 90%

data/jumpstart_templates/i0n_rails_3/public/stylesheets/sass/screen.sass

@@ -0,0 +1,170 @@
+@import setup.sass
+
+h1
+  +font_largest
+  color = !text_color_bold
+
+h2, h3
+  +font_large
+  color: $text_color_bold
+
+h4, h5, h6
+  +font_normal
+  color: $text_color_bold
+
+p
+  +font_normal
+
+a
+  color: $link_color
+  padding: 0 #{$link_horizontal_padding}
+  margin: 0 0 0 #{$link_horizontal_padding}
+  &:hover
+    color: $background_color
+    background-color: $link_color
+    text-decoration: none
+    padding: 0 #{$link_horizontal_padding}
+    margin: 0 0 0 #{$link_horizontal_padding}
+    border-radius: 0.25em
+    -moz-border-radius: 0.25em
+    -webkit-border-radius: 0.25em
+    &:visited
+      color: $background_color
+      background-color: $link_color_visited
+  &:visited
+    color: $link_color_visited
+
+ul, ol
+  +font_normal
+
+strong
+  font-weight: bold
+
+em
+  font-style: italic
+
+legend
+  +font_normal
+
+.faint
+  color: $text_color_faint
+
+.clear
+  clear: both
+
+.container
+  width: $width_of_page
+  margin: 0 auto
+  position: relative
+  padding: 0
+
+.col_1
+  +col(2, 1)
+  margin: 0 1.416em 0 0
+  border-right: 0.08400000000000001em solid #{$text_color_faintest}
+
+.col_2
+  +col(4, 1)
+
+.spacer1
+  +spacer
+
+.spacer2
+  +spacer(3em 0 0)
+
+p.flash_notice
+  +system_message
+
+p.flash_error
+  +system_message($error_text_color, $error_background_color)
+
+.errorExplanation
+  color: $error_text_color
+  background-color: $error_background_color
+  padding: 1.333em 1.166em
+  border: 0.167em solid #{$error_text_color}
+  margin: 0 0 1.5em
+  border-radius: 0.499em
+  -moz-border-radius: 0.499em
+  -webkit-border-radius: 0.499em
+  h2
+    color: $error_text_color
+
+// ******** HEADER SECTION **********
+
+.header
+  margin: 1.5em 0 0
+
+.header_links
+  margin: 0 0 1.5em
+  span
+    float: right
+
+// ******** NEW LAYOUT SECTION **********
+
+.col_1_of_3
+  +col(2, 0)
+
+.col_2_of_3
+  +col(2, 0)
+
+.col_3_of_3
+  +col(2, 1)
+
+.highlighted_col
+  background: #dddddd
+
+.red_highlight
+  color: red
+
+.green_highlight
+  color: green
+
+// ******** Main Menu SECTION **********
+
+#main_menu
+  +font_large(0)
+  width: 100%
+  height: 3em
+  border-radius: 0.499em
+  -moz-border-radius: 0.499em
+  -webkit-border-radius: 0.499em
+  background-color: #6c72ce
+  background: -webkit-gradient(linear, 0% 15%, 0% 86%, from(#d4d6fe), to(#6c72ce), color-stop(0.3, #aaaeff))
+  background: -moz-linear-gradient(15% 75% 90deg, #6c72ce, #aaaeff, #d4d6fe 86%)
+  margin: 0 0 3em
+  box-shadow: 2px 2px 2px #666666
+  -moz-box-shadow: 2px 2px 2px #666666
+  -webkit-box-shadow: 2px 2px 2px #666666
+  -webkit-box-reflect: below 3px -webkit-gradient(linear, 0% 45%, 0% 100%, from(transparent), to(rgba(255, 255, 255, 0.3)))
+  li
+    width: 8em
+    height: 3em
+    float: left
+    margin: 0
+    a
+      display: block
+      line-height: 1em
+      padding: 1em 0 1em
+      border-radius: 0
+      -moz-border-radius: 0
+      -webkit-border-radius: 0
+      text-decoration: none
+      color: #00021f
+      text-align: center
+      margin: 0
+      &:hover
+        +main_menu_selected
+        color: #d4d6fe
+      &:active
+        +main_menu_selected
+        color: #00021f
+        +main_menu_selected_shadow(1.5em)
+      &.selected
+        +main_menu_selected
+        color: #aaaeff
+        +main_menu_selected_shadow
+  .first
+    a:hover, a.selected
+      +main_menu_first_selected
+