empresaula-assets 0.1.4 → 0.2.0

data/app/assets/javascripts/empresaula.js

@@ -0,0 +1,3 @@
+// = require jquery
+// = require jquery.placeholder
+// = require_tree ./empresaula

data/app/assets/javascripts/empresaula/placeholder.js

@@ -0,0 +1,3 @@
+$(function(){
+  $('input[placeholder], textarea[placeholder]').placeholder();
+});

data/app/assets/stylesheets/_empresaula.sass

@@ -1,3 +1,9 @@
 @import empresaula/base
 @import empresaula/typography
 @import empresaula/buttons
+@import empresaula/forms
+
++empresaula-typography
+
+form
+  +empresaula-form

data/app/assets/stylesheets/empresaula/_buttons.sass

@@ -1,3 +1,7 @@
+@import "compass/css3/border-radius"
+@import "compass/css3/box-shadow"
+@import "compass/css3/text-shadow"
+
 @mixin big-button($color: $dark-gray)
 
   display: inline-block
@@ -6,6 +10,8 @@
   background: $color
   cursor: pointer
 
+  font-weight: bold
+
   @if lightness($color) > 50
     +single-text-shadow(lighten($color, 20%), 0px, 1px, 0px)
     color: $font-color
@@ -13,6 +19,8 @@
     +single-text-shadow(darken($color, 30%), 0px, -1px, 0px)
     color: #fff
 
+  text-transform: uppercase
+
   +border-radius(3px)
 
   border: 1px solid transparent

data/app/assets/stylesheets/empresaula/_forms.sass

@@ -0,0 +1,97 @@
+@import "compass/utilities/general/clearfix"
+@import "compass/css3/box-sizing"
+
+$form-label-width: 40%
+$form-input-width: 100% - $form-label-width
+
+@mixin empresaula-fieldset
+  display: block
+  margin-top: 35px
+  legend
+    text-align: left
+    width: 500px
+    padding-bottom: 25px
+    line-height: 36px
+    font-family: "Museo"
+    letter-spacing: -1px
+    font-size: 1.8em
+    font-weight: bold
+    color: $light-red
+  &.full
+    width: 100%
+
+@mixin empresaula-form
+  text-align: right
+
+  label
+    display: block
+    float: left
+    width: $form-label-width
+    color: $dark-gray
+    padding-top: 5px
+    font-weight: bold
+
+  input, textarea
+    +box-sizing(border-box)
+    margin: 0px
+    padding: 6px
+    border: 2px solid darken($light-gray, 7%)
+    font-size: 1.1em
+    outline: none
+    &:focus
+      border-color: $light-blue
+    +border-radius(3px)
+    color: $dark-gray
+
+  .input
+    text-align: left
+    +pie-clearfix
+    margin: 15px 0px
+    input, textarea
+      width: $form-input-width
+    &.radio_buttons
+      input
+        width: auto
+        display: inline
+      .radio
+        margin-right: 20px
+        input
+          margin-right: 3px
+        label
+          float: none
+          display: inline
+
+    &.boolean
+      margin-left: $form-label-width
+      label, input
+        display: inline
+        float: none
+        width: auto
+
+  .field_with_errors
+    input, textarea
+      &, &:focus
+        border-color: $light-red
+    span.error
+      display: block
+      clear: both
+      color: $light-red
+      font-style: italic
+      margin-left: $form-label-width
+
+  fieldset
+    +empresaula-fieldset
+
+  .hint
+    margin-left: $form-label-width
+    +pie-clearfix
+    color: lighten($font-color, 20%)
+    float: left
+    padding-top: 3px
+
+  input[type=checkbox]
+    width: auto
+
+  *[type=submit]
+    +big-button($light-green)
+    font-size: 1em

data/app/assets/stylesheets/empresaula/_typography.sass

@@ -1,26 +1,37 @@
+$header-color: $light-red !default
+$blueprint-font-size: 14px
+
+$link-color: $dark-blue
+$link-visited-color: $link-color
+$link-hover-color: $link-color
+$link-active-color: $link-color
+
 @import blueprint/typography
 
-+blueprint-typography
+@mixin empresaula-typography
+
+  +blueprint-typography
 
-body
-  h1, h2, h3
-    font-family: "Museo"
+  body
+    h1, h2, h3
+      font-family: "Museo"
+      letter-spacing: -1px
 
-  h1, h2
-    font-weight: bold
+    h1, h2
+      font-weight: bold
 
-  h1
-    margin-top: 0px
-    padding-bottom: 0.1em
+    h1
+      margin-top: 0px
+      padding-bottom: 0.1em
 
-  h2
-    margin-top: 1em
-    margin-bottom: 0.3em
+    h2
+      margin-top: 1em
+      margin-bottom: 0.3em
 
-  h3
-    margin-top: 1em
-    margin-bottom: 0.8em
+    h3
+      margin-top: 1em
+      margin-bottom: 0.8em
 
-  p
-    margin-top: 1em
-    margin-bottom: 1em
+    p
+      margin-top: 1em
+      margin-bottom: 1em

data/app/assets/stylesheets/empresaula/_variables.sass

@@ -4,5 +4,3 @@ $light-red: #ea534a
 $dark-gray: #373737
 $light-green: #c2c85d
 $light-gray: #ebe4de
-
-$blueprint-font-size: 14px !default

data/app/helpers/empresaula_helper.rb

@@ -2,6 +2,6 @@ module EmpresaulaHelper
   # Use it in your views to automatically add the favicon header tag
   #
   def favicon
-    tag :link, rel: 'shortcut icon', href: asset_path('favicon.png')
+    tag :link, rel: 'shortcut icon', href: asset_path('empresaula/favicon.png')
   end
 end

data/empresaula-assets.gemspec

@@ -21,6 +21,7 @@ Gem::Specification.new do |s|
   # s.add_development_dependency "rspec"
   s.add_runtime_dependency "railties"
   s.add_runtime_dependency "compass-rails"
+  s.add_runtime_dependency "jquery-rails"
 
   s.add_development_dependency 'rails'
 end

data/lib/empresaula-assets/railtie.rb

@@ -1,5 +1,6 @@
 require 'rails'
 require 'compass-rails'
+require 'jquery-rails'
 
 module Empresaula::Assets
   class Railtie < Rails::Engine

data/lib/empresaula-assets/version.rb

@@ -1,5 +1,5 @@
 module Empresaula
   module Assets
-    VERSION = "0.1.4"
+    VERSION = "0.2.0"
   end
 end

data/vendor/assets/jquery.placeholder/jquery.placeholder.js

@@ -0,0 +1,106 @@
+/*
+* Placeholder plugin for jQuery
+* ---
+* Copyright 2010, Daniel Stocks (http://webcloud.se)
+* Released under the MIT, BSD, and GPL Licenses.
+*/
+(function($) {
+    function Placeholder(input) {
+        this.input = input;
+        if (input.attr('type') == 'password') {
+            this.handlePassword();
+        }
+        // Prevent placeholder values from submitting
+        $(input[0].form).submit(function() {
+            if (input.hasClass('placeholder') && input[0].value == input.attr('placeholder')) {
+                input[0].value = '';
+            }
+        });
+    }
+    Placeholder.prototype = {
+        show : function(loading) {
+            // FF and IE saves values when you refresh the page. If the user refreshes the page with
+            // the placeholders showing they will be the default values and the input fields won't be empty.
+            if (this.input[0].value === '' || (loading && this.valueIsPlaceholder())) {
+                if (this.isPassword) {
+                    try {
+                        this.input[0].setAttribute('type', 'text');
+                    } catch (e) {
+                        this.input.before(this.fakePassword.show()).hide();
+                    }
+                }
+                this.input.addClass('placeholder');
+                this.input[0].value = this.input.attr('placeholder');
+            }
+        },
+        hide : function() {
+            if (this.valueIsPlaceholder() && this.input.hasClass('placeholder')) {
+                this.input.removeClass('placeholder');
+                this.input[0].value = '';
+                if (this.isPassword) {
+                    try {
+                        this.input[0].setAttribute('type', 'password');
+                    } catch (e) { }
+                    // Restore focus for Opera and IE
+                    this.input.show();
+                    this.input[0].focus();
+                }
+            }
+        },
+        valueIsPlaceholder : function() {
+            return this.input[0].value == this.input.attr('placeholder');
+        },
+        handlePassword: function() {
+            var input = this.input;
+            input.attr('realType', 'password');
+            this.isPassword = true;
+            // IE < 9 doesn't allow changing the type of password inputs
+            if ($.browser.msie && input[0].outerHTML) {
+                var fakeHTML = $(input[0].outerHTML.replace(/type=(['"])?password\1/gi, 'type=$1text$1'));
+                this.fakePassword = fakeHTML.val(input.attr('placeholder')).addClass('placeholder').focus(function() {
+                    input.trigger('focus');
+                    $(this).hide();
+                });
+                $(input[0].form).submit(function() {
+                    fakeHTML.remove();
+                    input.show()
+                });
+            }
+        }
+    };
+    var NATIVE_SUPPORT = !!("placeholder" in document.createElement( "input" ));
+    $.fn.placeholder = function() {
+        return NATIVE_SUPPORT ? this : this.each(function() {
+            var input = $(this);
+            var placeholder = new Placeholder(input);
+            placeholder.show(true);
+            input.focus(function() {
+                placeholder.hide();
+            });
+            input.blur(function() {
+                placeholder.show(false);
+            });
+
+            // On page refresh, IE doesn't re-populate user input
+            // until the window.onload event is fired.
+            if ($.browser.msie) {
+                $(window).load(function() {
+                    if(input.val()) {
+                        input.removeClass("placeholder");
+                    }
+                    placeholder.show(true);
+                });
+                // What's even worse, the text cursor disappears
+                // when tabbing between text inputs, here's a fix
+                input.focus(function() {
+                    if(this.value == "") {
+                        var range = this.createTextRange();
+                        range.collapse(true);
+                        range.moveStart('character', 0);
+                        range.select();
+                    }
+                });
+            }
+        });
+    }
+})(jQuery);

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: empresaula-assets
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.2.0
   prerelease: 
 platform: ruby
 authors:
@@ -13,7 +13,7 @@ date: 2012-03-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
-  requirement: &2156580020 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,31 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *2156580020
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: compass-rails
-  requirement: &2156577880 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: jquery-rails
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,10 +53,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *2156577880
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &2156576440 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,7 +69,12 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *2156576440
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 description: Assets needed to build empresaula third-party apps
 email:
 - josepjaume@gmail.com
@@ -62,10 +93,13 @@ files:
 - app/assets/images/empresaula/icon.png
 - app/assets/images/empresaula/logo-color.png
 - app/assets/images/empresaula/logo.png
+- app/assets/javascripts/empresaula.js
+- app/assets/javascripts/empresaula/placeholder.js
 - app/assets/stylesheets/_empresaula.sass
 - app/assets/stylesheets/empresaula/_base.sass
 - app/assets/stylesheets/empresaula/_buttons.sass
 - app/assets/stylesheets/empresaula/_fonts.sass
+- app/assets/stylesheets/empresaula/_forms.sass
 - app/assets/stylesheets/empresaula/_typography.sass
 - app/assets/stylesheets/empresaula/_variables.sass
 - app/helpers/empresaula_helper.rb
@@ -73,6 +107,7 @@ files:
 - lib/empresaula-assets.rb
 - lib/empresaula-assets/railtie.rb
 - lib/empresaula-assets/version.rb
+- vendor/assets/jquery.placeholder/jquery.placeholder.js
 homepage: ''
 licenses: []
 post_install_message: 
@@ -85,21 +120,15 @@ required_ruby_version: !ruby/object:Gem::Requirement
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
-      segments:
-      - 0
-      hash: -18416298093414579
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
-      segments:
-      - 0
-      hash: -18416298093414579
 requirements: []
 rubyforge_project: empresaula-assets
-rubygems_version: 1.8.15
+rubygems_version: 1.8.21
 signing_key: 
 specification_version: 3
 summary: Assets needed to build empresaula third-party apps