sky-labels-rails 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: c6c0c8c6b72f260abb4a1af9f04bd88fd05a3507
+  data.tar.gz: 0561eae8af8e089c36f81f73990274a42be25c5d
+SHA512:
+  metadata.gz: fd9760c099f4964db59f2a14db846968d895963ffa9fb2902083d31d7865147c181bbf1b16f3e677361e36cca1c7609ad6da18074ff145b07a58a4cc472500fe
+  data.tar.gz: cb9dd1fd497dbc7acafe877e60dc7b484b6143cc941bd56d3eb12b440e4f75c0f45f7e474bd728f79c3d7b0292d0854b81375883c08650de6fefafd66e093097

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Paul Smith
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,17 @@
+# Sky Labels Rails
+
+[SkyLabels.js](https://github.com/thoughtbot/sky-labels) is a library that makes
+compact forms more fun and accessible. This gem allows for its easy inclusion
+into the rails asset pipeline.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'sky-labels-rails'
+
+And then execute:
+
+    $ bundle
+
+Add the following directive to your Javascript manifest file (application.js):

data/lib/sky-labels-rails.rb

@@ -0,0 +1,8 @@
+require 'sky-labels-rails/version'
+
+module SkyLabels
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/sky-labels-rails/version.rb

@@ -0,0 +1,5 @@
+module SkyLabels
+  module Rails
+    VERSION = "0.0.2"
+  end
+end

data/vendor/assets/javascripts/sky-labels.js

@@ -0,0 +1,42 @@
+/*
+ *  SkyLabels.js - v0.0.2
+ *  Fun, Compact & Accessible Forms
+ *  http://thoughtbot.github.io/sky-labels
+ *
+ *  Made by Paul Smith
+ *  Under MIT License
+ */
+var setupSkyLabels = function () {
+  $(document).on("focus blur", ".sky-label", addOrRemoveHasTextClass);
+  $(document).on("focus", ".sky-label", addFocusedClass);
+  $(document).on("blur", ".sky-label", removeFocusedClass);
+  $(document).ready(hideLabelsIfInputHasText);
+
+  function addFocusedClass(event) {
+    var fieldWrapper = $(event.currentTarget);
+    fieldWrapper.addClass("sky-label-focused");
+  }
+
+  function removeFocusedClass(event) {
+    var fieldWrapper = $(event.currentTarget);
+    fieldWrapper.removeClass("sky-label-focused");
+  }
+
+  function hideLabelsIfInputHasText() {
+    $(".sky-label").trigger("blur");
+  }
+
+  function addOrRemoveHasTextClass(event) {
+    var fieldWrapper = $(event.currentTarget);
+    if ( fieldWrapperHasText(fieldWrapper) ) {
+      fieldWrapper.addClass("sky-label-has-text");
+    } else {
+      fieldWrapper.removeClass("sky-label-has-text");
+    }
+  }
+
+  function fieldWrapperHasText(fieldWrapper) {
+    var textField = fieldWrapper.find("input, textarea");
+    return $.trim(textField.val()).length;
+  }
+};

data/vendor/assets/stylesheets/sky-labels.scss

@@ -0,0 +1,39 @@
+$sky-labels-blurred-text-color: #000 !default;
+$sky-labels-focused-background-color: #000 !default;
+$sky-labels-focused-text-color: #FFF !default;
+$sky-labels-animation-duration: .15s !default;
+
+.sky-label {
+  margin-top: 15px;
+  position: relative;
+}
+
+.sky-label label {
+  color: $sky-labels-blurred-text-color;
+  left: 4px;
+  padding: 4px 6px;
+  position: absolute;
+  top: 4px;
+  transition: -webkit-transform $sky-labels-animation-duration,
+    opacity $sky-labels-animation-duration,
+    top $sky-labels-animation-duration,
+    left $sky-labels-animation-duration,
+    background-color $sky-labels-animation-duration,
+    color $sky-labels-animation-duration;
+}
+
+.sky-label-focused label, .sky-label-has-text label {
+  background-color: $sky-labels-focused-background-color;
+  color: $sky-labels-focused-text-color;
+  left: 0px;
+  opacity: 1;
+  top: -20px;
+}
+
+.sky-label-has-text label {
+  opacity: 0;
+}
+
+.sky-label-focused.sky-label-has-text label {
+  opacity: 1;
+}

metadata

@@ -0,0 +1,93 @@
+--- !ruby/object:Gem::Specification
+name: sky-labels-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+platform: ruby
+authors:
+- Paul Smith
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-04-25 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: |2
+      SkyLabels.js is a library that makes compact forms more fun and accessible. This gem allows for its easy inclusion into the rails asset pipeline.
+email:
+- catalystmediastudios@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/sky-labels-rails/version.rb
+- lib/sky-labels-rails.rb
+- vendor/assets/javascripts/sky-labels.js
+- vendor/assets/stylesheets/sky-labels.scss
+- LICENSE.txt
+- README.md
+homepage: https://www.github.com/thoughtbot/sky-labels-rails
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.3
+signing_key: 
+specification_version: 4
+summary: The Sky-Labels.js JavaScript library ready to play with Rails
+test_files: []