core-generators 0.0.1

data/lib/generators/core/layout/templates/core.js

@@ -0,0 +1,113 @@
+function remove_fields(link) {
+  $(link).prev("input[type=hidden]").val("1");
+  $(link).closest(".fields").hide();
+}
+
+function add_fields(link, association, content) {
+  var new_id = new Date().getTime();
+  var regexp = new RegExp("new_" + association, "g")
+  $(link).parent().before(content.replace(regexp, new_id));
+}
+
+
+function number_to_currency(number, options) {
+  try {
+    var options   = options || {};
+    var precision = options["precision"] || 2;
+    var unit      = options["unit"] || "$";
+    var separator = precision > 0 ? options["separator"] || "." : "";
+    var delimiter = options["delimiter"] || ",";
+  
+    var parts = parseFloat(number).toFixed(precision).split('.');
+    return number_with_delimiter(parts[0], delimiter) + separator + parts[1].toString();
+  } catch(e) {
+    return number
+  }
+}
+
+function number_with_delimiter(number, delimiter, separator) {
+  try {
+    var delimiter = delimiter || ",";
+    var separator = separator || ".";
+    
+    var parts = number.toString().split('.');
+    parts[0] = parts[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + delimiter);
+    return parts.join(separator);
+  } catch(e) {
+    return number
+  }
+}
+
+jQuery.ajaxSetup({
+  beforeSend: function(xhr) {
+    xhr.setRequestHeader("Accept", "text/javascript");
+  }
+});
+
+var common = {
+  setupAjaxCallbacks: function() {
+    $('body').ajaxStart(function () {
+      $('#global-spinner').animate({ marginTop: "0px"});
+    });
+    $('body').ajaxStop(function () {
+      $('#global-spinner').animate({ marginTop: "-30px"});
+    });
+    $('body').ajaxError(function (event, xhr, ajaxOptions, thrownError) {
+      if (xhr.status === 401) {
+        if ($("#login").is(":hidden")) {
+          app.showLoginForm();
+        }
+        alert("Sorry, " + xhr.responseText.toLowerCase());
+      }
+    });
+  },
+  setupAjaxCallbacksForScaffoldResources: function() {
+    $('a.sort_link, .pagination a').live('click', function() {
+      $('#results').load(this.href + '');
+      return false;
+    });
+    $('form.search').ajaxForm({target: '#results'});
+  },
+  setupCommonEventHandlers: function() {
+    $("form input[type='text']:first").focus();
+    
+    setTimeout(common.hideFlashes, 5000);
+  },
+  
+  hideFlashes : function() {
+    var self = this;
+    var flash_messages = $(".flash .message").not(".sticky");
+    flash_messages.each(function(index) {
+      $(flash_messages[index]).delay(5000).fadeOut(3000);
+    });
+  },
+  
+  // Collapsable Boxes
+  setupToggledBoxes: function() {  
+    
+    // Expanded Link
+    $(".toggle h2 .collapsed-link").click(function() {
+      $(this).siblings('.expanded-link').show();
+      $(this).hide();
+      common.contentFor($(this)).hide();
+    });
+
+    // Collapsed Link    
+    $(".toggle h2 .expanded-link").click(function() {
+      $(this).siblings('.collapsed-link').show(); 
+      $(this).hide();
+      common.contentFor($(this)).show();
+    });
+    
+  },
+  contentFor: function(element){
+    return element.parents("h2").siblings('.content');
+  }
+}
+$(function(){  
+  common.setupAjaxCallbacks();
+  common.setupAjaxCallbacksForScaffoldResources();
+  common.setupCommonEventHandlers();
+  common.setupToggledBoxes();
+});
+

data/lib/generators/core/layout/templates/core_helper.rb

@@ -0,0 +1,114 @@
+module CoreHelper
+  def flashes
+    haml_tag '.flash' do
+      flash.each do |type, message|
+        haml_tag :div, {:class => "message #{type}"} do
+          haml_tag :p, message
+        end
+      end
+    end
+  end
+  
+  def sidebar
+    yield
+    content_for :sidebar, render('shared/sidebar')
+  end
+  
+  def yes_no(value)
+    value ? I18n.t('show_for.yes') : I18n.t('show_for.no')    
+  end
+  
+  def navigation_list
+    content_for(:actions) do
+      haml_tag 'ul.navigation' do
+        yield
+      end
+    end
+  end
+  
+  def extra_content(title = nil, &block)
+    content_for(:extra) do
+      haml_tag 'div.block.notice' do
+        haml_tag("h3", title) if title
+        haml_tag "div.content" do
+          yield
+        end
+      end
+    end
+  end
+  
+  def action_links_for_current_action
+    case params[:action]
+    when 'index' then 
+      action_link_to('new')
+    when 'edit' then 
+      action_link_to('show')
+      action_link_to('new')
+      action_link_to('list')
+    when 'new' then 
+      action_link_to('list')
+    when 'show' then 
+      action_link_to('edit')
+      action_link_to('new')
+      action_link_to('list')
+    end
+  end
+  
+  def action_link_to(name, url = nil)
+    if crud_actions.include?(name)
+      resource_name = resource_class.human_name
+      resource_name = resource_name.pluralize if name == "list"
+    end
+    
+    url ||= url_for_name(name)
+    link = link_to(t("core.#{name}" , :default => "#{name.humanize} #{resource_name}"), url)
+    haml_tag :li, link
+  end
+  
+  def toggle_box(title, collapsed = true)    
+    haml_tag :div, :class => 'toggle' do
+      haml_tag :h2 do
+        haml_concat title
+        haml_tag "span.small.expanded-link", "[view]", (collapsed ? {} : { :class => 'hide' } )
+        haml_tag "span.small.collapsed-link", "[hide]", (collapsed ? { :class => 'hide' } : {} )
+      end
+      haml_tag ".content", (collapsed ? { :class => 'hide' } : {} ) do
+        yield
+      end
+    end
+  end
+  
+  def url_for_name(name)
+    case name
+    when 'new' then new_resource_path
+    when 'edit' then edit_resource_path
+    when 'show' then resource_path
+    when 'destroy' then resource_path
+    when 'list' then collection_path
+    end
+  end
+  
+  def show_content_if(content, &block)
+    if content.present?
+      content + with_output_buffer(&block)
+    end
+  end
+  
+  def content_block(title = "")
+    haml_tag '.content' do
+      haml_tag :h2, :class => "title" do
+        haml_concat title
+      end
+      haml_tag ".inner" do
+        yield
+      end
+    end
+  end
+  
+  private
+
+  def crud_actions
+    %w(list edit new show destroy)
+  end
+    
+end

data/lib/generators/core/layout/templates/stylesheets/base.sass

@@ -0,0 +1,366 @@
+*
+  margin: 0
+  padding: 0
+
+.clear
+  clear: both
+  height: 0
+
+.wat-cf
+  &:after
+    content: "."
+    display: block
+    height: 0
+    clear: both
+    visibility: hidden
+  display: inline-block
+
+/* Hides from IE-mac */
+
+* html .wat-cf
+  height: 1%
+
+.wat-cf
+  display: block
+
+/* End hide from IE-mac */
+
+h1
+  margin: 15px 0
+  font-size: 22px
+  font-weight: normal
+
+h2
+  font-size: 22px
+  margin: 15px 0
+  font-weight: normal
+
+h3
+  font-size: 18px
+  margin: 10px 0
+  font-weight: normal
+
+h4
+  font-size: 16px
+  margin: 10px 0
+  font-weight: normal
+
+hr
+  height: 1px
+  border: 0
+
+p
+  margin: 15px 0
+
+a img
+  border: none
+
+body
+  font-size: 12px
+  font-family: sans-serif
+
+#container
+  min-width: 960px
+
+#header, #wrapper
+  padding: 0 20px
+
+#header
+  position: relative
+  padding-top: 1px
+  h1
+    margin: 0
+    padding: 10px 0
+    font-size: 26px
+    a
+      &:link, &:active, &:hover, &:visited
+        text-decoration: none
+
+#main
+  width: 70%
+  float: left
+
+.actions-bar
+  padding: 10px 1px
+  .actions
+    float: left
+  .pagination
+    float: right
+    padding: 1px 0
+
+#sidebar
+  width: 25%
+  float: right
+  h3
+    padding: 10px 15px
+    margin: 0
+    font-size: 13px
+  .block
+    margin-bottom: 20px
+    padding-bottom: 10px
+    .content
+      padding: 0 15px
+  ul.navigation li a
+    &:link, &:visited
+      display: block
+      padding: 10px 15px
+  .block .sidebar-block, .notice
+    padding: 10px
+
+#wrapper
+  padding-top: 20px
+
+#main
+  .block
+    margin-bottom: 20px
+    padding-top: 1px
+    .content .inner
+      padding: 0 15px 15px
+  .main p.first
+    margin-top: 0
+
+#user-navigation
+  position: absolute
+  top: 0px
+  right: 20px
+
+#main-navigation
+  width: 100%
+
+#user-navigation ul, #main-navigation ul, .secondary-navigation ul, #sidebar ul.navigation
+  margin: 0
+  padding: 0
+  list-style-type: none
+
+#user-navigation ul li, #main-navigation ul li, .secondary-navigation ul li
+  float: left
+
+#main-navigation ul li
+  margin-right: 5px
+
+#user-navigation ul li
+  padding: 5px 10px
+
+#main-navigation ul li a
+  &:link, &:visited, &:hover, &:active
+    text-decoration: none
+
+.secondary-navigation ul li a
+  &:link, &:visited, &:hover, &:active
+    text-decoration: none
+
+#user-navigation ul li a
+  &:link, &:visited, &:hover, &:active
+    text-decoration: none
+
+#main-navigation ul li a
+  font-size: 14px
+  line-height: 14px
+  display: block
+  padding: 8px 15px
+
+.secondary-navigation
+  font-size: 13px
+  border-bottom-width: 10px
+  border-bottom-style: solid
+  ul li a
+    display: block
+    padding: 10px 15px
+
+#footer
+  padding-bottom: 20px
+
+/* pagination */
+
+.pagination
+  a, span
+    padding: 2px 5px
+    margin-right: 5px
+    display: block
+    float: left
+    border-style: solid
+    border-width: 1px
+  em
+    padding: 2px 5px
+    margin-right: 5px
+    display: block
+    float: left
+    border-style: solid
+    border-width: 1px
+    font-weight: bold
+  a
+    text-decoration: none
+
+/* tables */
+
+.table
+  width: 100%
+  border-collapse: collapse
+  margin-bottom: 15px
+  th
+    padding: 10px
+    font-weight: bold
+    text-align: left
+    &.first
+      width: 30px
+    &.last
+      width: 200px
+  .checkbox
+    margin-left: 10px
+  td
+    padding: 10px
+    &.last
+      text-align: right
+
+/* forms */
+
+input.checkbox
+  margin: 0
+  padding: 0
+
+.form
+  .group
+    margin-bottom: 15px
+  div
+    &.left
+      width: 20%
+      float: left
+    &.right
+      width: 75%
+      float: right
+  .columns
+    .column
+      width: 48%
+    .left
+      float: left
+    .right
+      float: right
+  label.label, input.text_field, textarea.text_area
+    font-size: 1.2em
+    padding: 1px 0
+    margin: 0
+  label.right
+    text-align: right
+  input
+    &.checkbox, &.radio
+      margin-right: 5px
+  label
+    &.checkbox, &.radio
+      line-height: 1.5em
+    &.label
+      display: block
+      padding-bottom: 2px
+      font-weight: bold
+  div.fieldWithErrors label.label
+    display: inline
+  .fieldWithErrors .error
+    color: red
+  input.text_field, textarea.text_area
+    width: 100%
+    border-width: 1px
+    border-style: solid
+
+/* lists */
+
+ul.list
+  margin: 0
+  padding: 0
+  list-style-type: none
+  li
+    clear: left
+    padding-bottom: 5px
+    .left
+      float: left
+      .avatar
+        width: 50px
+        height: 50px
+    .item
+      margin-left: 80px
+      .avatar
+        float: left
+        margin: 0 5px 5px 0
+        width: 30px
+        height: 30px
+
+/* box */
+
+#box
+  width: 500px
+  margin: 50px auto
+  .block
+    margin-bottom: 20px
+    h2
+      padding: 10px 15px
+      margin: 0
+    .content
+      padding: 10px 20px
+
+/*  Inspired by http://particletree.com/features/rediscovering-the-button-element */
+
+a.button
+  &:link, &:visited, &:hover, &:active
+    color: #222
+    display: block
+    float: left
+    margin: 0 7px 0 0
+    background-color: #eee
+    border: 1px solid #bfbfbf
+    font-size: 1em
+    line-height: 1.3em
+    font-weight: bold
+    cursor: pointer
+    padding: 5px 10px 6px 7px
+    text-decoration: none
+
+button.button
+  color: #222
+  display: block
+  float: left
+  margin: 0 7px 0 0
+  background-color: #eee
+  border: 1px solid #bfbfbf
+  font-size: 1em
+  line-height: 1.3em
+  font-weight: bold
+  cursor: pointer
+  padding: 5px 10px 6px 7px
+  text-decoration: none
+  width: auto
+  overflow: visible
+  padding: 4px 10px 3px 7px
+  /* IE6 */
+  &[type]
+    padding: 5px 10px 5px 7px
+    /* Firefox */
+    line-height: 17px
+    /* Safari */
+
+*:first-child + html button.button[type]
+  padding: 4px 10px 3px 7px
+  /* IE7 */
+
+button.button img, a.button img
+  margin: 0 3px -3px 0 !important
+  padding: 0
+  border: none
+  width: 16px
+  height: 16px
+
+button.button:hover, a.button:hover
+  background-color: #dedede
+
+button.button:active, a.button:active
+  background-color: #e5e5e5
+
+.text_button_padding
+  color: #222222
+  display: block
+  float: left
+  font-size: 1em
+  line-height: 2em
+  margin: 0 7px 0 0
+  padding: 5px 0 6px 7px
+  text-decoration: none
+
+.link_button
+  cursor: pointer