gridforms-rails 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 101a14d5e3457266bbdecccd204c240e833264c6
+  data.tar.gz: 9c674a71f9e406e51fde70ce72c05369e90bb73e
+SHA512:
+  metadata.gz: 5a5a7beec2441223d50a3ef0916ae824229111b576cbec1e8ead2054e9941099b43cf0d93c8b1a34de9aa760f4df1341d4123965635d5a77778489e1656b7092
+  data.tar.gz: 020027157b63012e4fc273b1797e2cd9f3bdb77315c4b43255001ac4a7a45b9b574908194f3943a838bb4c50dbed240956ca05afbf68438416f52eb083db7b9e

data/.gitignore

@@ -0,0 +1,9 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/CODE_OF_CONDUCT.md

@@ -0,0 +1,74 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age, body
+size, disability, ethnicity, gender identity and expression, level of experience,
+nationality, personal appearance, race, religion, or sexual identity and
+orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment
+include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or
+advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic
+  address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an appointed
+representative at an online or offline event. Representation of a project may be
+further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at scmyers11@gmail.com. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an incident.
+Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
+available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/

data/Gemfile

@@ -0,0 +1,4 @@
+source "https://rubygems.org"
+
+# Specify your gem's dependencies in gridforms-rails.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 Stephen Myers
+
+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,43 @@
+# Gridforms::Rails
+
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/gridforms/rails`. To experiment with that code, run `bin/console` for an interactive prompt.
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'gridforms-rails'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install gridforms-rails
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/gridforms-rails. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+
+## Code of Conduct
+
+Everyone interacting in the Gridforms::Rails project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/[USERNAME]/gridforms-rails/blob/master/CODE_OF_CONDUCT.md).

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+task :default => :spec

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "gridforms/rails"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/gridforms-rails.gemspec

@@ -0,0 +1,27 @@
+# coding: utf-8
+lib = File.expand_path("../lib", __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require "gridforms-rails/version"
+
+Gem::Specification.new do |spec|
+  spec.name          = "gridforms-rails"
+  spec.version       = Gridforms::Rails::VERSION
+  spec.authors       = ["Stephen Myers"]
+  spec.email         = ["scmyers11@gmail.com"]
+
+  spec.summary       = "Rails wrapper for the gridforms jquery library"
+  spec.description   = "Rails wrapper for the gridforms jquery library. Original library found https://github.com/kumailht/gridforms"
+  spec.homepage      = "https://github.com/scmyers11/gridforms-rails"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject do |f|
+    f.match(%r{^(test|spec|features)/})
+  end
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+  spec.add_dependency "railties", "~> 4.0"
+
+  spec.add_development_dependency "bundler", "~> 1.15"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/lib/gridform-rails.rb

@@ -0,0 +1,8 @@
+require "gridforms/rails/version"
+require "gridforms/rails/engine"
+
+module Gridforms
+  module Rails
+    # Your code goes here...
+  end
+end

data/lib/gridforms-rails/engine.rb

@@ -0,0 +1,6 @@
+module Gridforms
+  module Rails
+    class Engine < Rails::Engine
+    end
+  end
+end

data/lib/gridforms-rails/version.rb

@@ -0,0 +1,5 @@
+module Gridforms
+  module Rails
+    VERSION = "0.1.0"
+  end
+end

data/vendor/assets/javascripts/gridforms.js

@@ -0,0 +1,106 @@
+//
+//  Grid Forms
+//  Copyright (c) 2013 Kumail Hunaid
+//
+//  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.
+//
+
+jQuery(function($) {
+    var GridForms = {
+        el: {
+            fieldsRows: $('[data-row-span]'),
+            fieldsContainers: $('[data-field-span]'),
+            focusableFields: $('input, textarea, select', '[data-field-span]'),
+            window: $(window)
+        },
+        init: function() {
+            this.focusField(this.el.focusableFields.filter(':focus'));
+            this.equalizeFieldHeights();
+            this.events();
+        },
+        focusField: function(currentField) {
+            currentField.closest('[data-field-span]').addClass('focus');
+        },
+        removeFieldFocus: function() {
+            this.el.fieldsContainers.removeClass('focus');
+        },
+        events: function() {
+            var that = this;
+            that.el.fieldsContainers.click(function(event) {
+                var focusableFields = that.el.focusableFields;
+
+                if (!$(event.target).is(focusableFields)) {
+                    $(this).find('input[type="text"],input[type="number"],input[type="tel"],input[type="email"], textarea, select').first().focus();
+                }
+            });
+            that.el.focusableFields.focus(function() {
+                that.focusField($(this));
+            });
+            that.el.focusableFields.blur(function() {
+                that.removeFieldFocus();
+            });
+            that.el.window.resize(function() {
+                that.equalizeFieldHeights();
+            });
+
+        },
+        equalizeFieldHeights: function() {
+            this.el.fieldsContainers.css("height", "auto");
+
+            var fieldsRows = this.el.fieldsRows;
+            var fieldsContainers = this.el.fieldsContainers;
+
+            // Make sure that the fields aren't stacked and window width is more than 700px
+            if (!this.areFieldsStacked() && $(window).width() > 700) {
+                fieldsRows.filter(":visible").each(function() {
+                    var fieldRow = $(this);
+
+                    // Singleton textarea rows should determine their row height
+                    var rowInputs = fieldRow.children();
+                    if (rowInputs.length === 1 && rowInputs.children("textarea").length === 1) return;
+
+                    // Get the height of the row (thus the tallest element's height)
+                    var rowHeight = fieldRow.css('height');
+
+                    // Set the height for each field in the row...
+                    fieldRow.find(fieldsContainers).css('height', rowHeight);
+                });
+            }
+        },
+        areFieldsStacked: function() {
+            // Get the first row
+            // which does not only contain one field
+            var firstRow = this.el.fieldsRows
+                .not('[data-row-span="1"]')
+                .first();
+
+            // Get to the total width
+            // of each field witin the row
+            var totalWidth = 0;
+            firstRow.children().each(function() {
+                totalWidth += $(this).width();
+            });
+
+            // Determine whether fields are stacked or not
+            return firstRow.width() <= totalWidth;
+        }
+    };
+    GridForms.init();
+    window.GridForms = GridForms;
+});

data/vendor/assets/stylesheets/gridforms.css

@@ -0,0 +1,107 @@
+.grid-form *, .grid-form *:before, .grid-form *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
+.grid-form input[type="text"], .grid-form input[type="email"], .grid-form input[type="number"], .grid-form input[type="password"], .grid-form input[type="search"], .grid-form input[type="tel"], .grid-form input[type="url"], .grid-form input[type="color"], .grid-form input[type="date"], .grid-form input[type="datetime"], .grid-form input[type="datetime-local"], .grid-form input[type="month"], .grid-form input[type="time"], .grid-form input[type="week"], .grid-form textarea, .grid-form select { font-size: 18px; padding: 0; margin: 0; width: 100%; }
+.grid-form input[type="text"], .grid-form input[type="email"], .grid-form input[type="number"], .grid-form input[type="password"], .grid-form input[type="search"], .grid-form input[type="tel"], .grid-form input[type="url"], .grid-form input[type="color"], .grid-form input[type="date"], .grid-form input[type="datetime"], .grid-form input[type="datetime-local"], .grid-form input[type="month"], .grid-form input[type="time"], .grid-form input[type="week"], .grid-form textarea { border: 0; background: transparent; }
+.grid-form input[type="text"]::-webkit-input-placeholder, .grid-form input[type="email"]::-webkit-input-placeholder, .grid-form input[type="number"]::-webkit-input-placeholder, .grid-form input[type="password"]::-webkit-input-placeholder, .grid-form input[type="search"]::-webkit-input-placeholder, .grid-form input[type="tel"]::-webkit-input-placeholder, .grid-form input[type="url"]::-webkit-input-placeholder, .grid-form input[type="color"]::-webkit-input-placeholder, .grid-form input[type="date"]::-webkit-input-placeholder, .grid-form input[type="datetime"]::-webkit-input-placeholder, .grid-form input[type="datetime-local"]::-webkit-input-placeholder, .grid-form input[type="month"]::-webkit-input-placeholder, .grid-form input[type="time"]::-webkit-input-placeholder, .grid-form input[type="week"]::-webkit-input-placeholder, .grid-form textarea::-webkit-input-placeholder { font-weight: 100; color: #595959; }
+.grid-form input[type="text"]:-moz-placeholder, .grid-form input[type="email"]:-moz-placeholder, .grid-form input[type="number"]:-moz-placeholder, .grid-form input[type="password"]:-moz-placeholder, .grid-form input[type="search"]:-moz-placeholder, .grid-form input[type="tel"]:-moz-placeholder, .grid-form input[type="url"]:-moz-placeholder, .grid-form input[type="color"]:-moz-placeholder, .grid-form input[type="date"]:-moz-placeholder, .grid-form input[type="datetime"]:-moz-placeholder, .grid-form input[type="datetime-local"]:-moz-placeholder, .grid-form input[type="month"]:-moz-placeholder, .grid-form input[type="time"]:-moz-placeholder, .grid-form input[type="week"]:-moz-placeholder, .grid-form textarea:-moz-placeholder { font-weight: 100; color: #595959; }
+.grid-form input[type="text"]:focus, .grid-form input[type="email"]:focus, .grid-form input[type="number"]:focus, .grid-form input[type="password"]:focus, .grid-form input[type="search"]:focus, .grid-form input[type="tel"]:focus, .grid-form input[type="url"]:focus, .grid-form input[type="color"]:focus, .grid-form input[type="date"]:focus, .grid-form input[type="datetime"]:focus, .grid-form input[type="datetime-local"]:focus, .grid-form input[type="month"]:focus, .grid-form input[type="time"]:focus, .grid-form input[type="week"]:focus, .grid-form textarea:focus { outline: none; }
+.grid-form fieldset { border: none; padding: 0; margin: 0; }
+.grid-form fieldset legend { border: none; border-bottom: 4px solid #404040; color: #404040; font-size: 18px; font-weight: bold; padding-bottom: 5px; position: static; width: 100%; }
+.grid-form fieldset fieldset legend { border-bottom: 2px solid #404040; font-weight: normal; }
+.grid-form fieldset fieldset fieldset legend { border-bottom: 1px solid #404040; font-weight: normal; font-size: 15px; }
+.grid-form [data-row-span] { border-bottom: 1px solid #333; width: 100%; zoom: 1; }
+.grid-form [data-row-span]:before, .grid-form [data-row-span]:after { content: ""; display: table; }
+.grid-form [data-row-span]:after { clear: both; }
+@media only screen and (min-width: 0) and (max-width: 700px) { .grid-form [data-row-span] { border-bottom: none; } }
+.grid-form [data-row-span] [data-field-span] { padding: 8px; float: left; }
+@media only screen and (min-width: 0) and (max-width: 700px) { .grid-form [data-row-span] [data-field-span] { border-bottom: 1px solid #333; width: 100% !important; } }
+@media only screen and (min-width: 700px) { .grid-form [data-row-span] [data-field-span] { border-right: 1px solid #333; display: block; } }
+.grid-form [data-row-span] [data-field-span] label:first-child { margin-top: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; color: #333; display: block; margin-bottom: 4px; }
+.grid-form [data-row-span] [data-field-span] label:first-child:hover { cursor: text; }
+.grid-form [data-row-span] [data-field-span]:last-child { border-right: none; }
+.grid-form [data-row-span] [data-field-span]:hover { background: #fffded; cursor: text; }
+.grid-form [data-row-span] [data-field-span].focus { background: #fffad4; }
+.grid-form [data-row-span] [data-field-span].focus label { color: #262626; }
+@media print { .grid-form [data-row-span] { display: table; height: 56px; page-break-inside: avoid; }
+  .grid-form [data-row-span] [data-field-span] { border-right: 1px solid #333333; display: table-cell; float: none; }
+  .grid-form [data-row-span] [data-field-span].focus, .grid-form [data-row-span] [data-field-span]:hover { background: none; }
+  .grid-form [data-row-span] [data-field-span] label:first-child { letter-spacing: 0; } }
+.grid-form [data-row-span="1"] > [data-field-span="1"] { width: 100%; }
+.grid-form [data-row-span="2"] > [data-field-span="1"] { width: 50%; }
+.grid-form [data-row-span="2"] > [data-field-span="2"] { width: 100%; }
+.grid-form [data-row-span="3"] > [data-field-span="1"] { width: 33.33333%; }
+.grid-form [data-row-span="3"] > [data-field-span="2"] { width: 66.66667%; }
+.grid-form [data-row-span="3"] > [data-field-span="3"] { width: 100%; }
+.grid-form [data-row-span="4"] > [data-field-span="1"] { width: 25%; }
+.grid-form [data-row-span="4"] > [data-field-span="2"] { width: 50%; }
+.grid-form [data-row-span="4"] > [data-field-span="3"] { width: 75%; }
+.grid-form [data-row-span="4"] > [data-field-span="4"] { width: 100%; }
+.grid-form [data-row-span="5"] > [data-field-span="1"] { width: 20%; }
+.grid-form [data-row-span="5"] > [data-field-span="2"] { width: 40%; }
+.grid-form [data-row-span="5"] > [data-field-span="3"] { width: 60%; }
+.grid-form [data-row-span="5"] > [data-field-span="4"] { width: 80%; }
+.grid-form [data-row-span="5"] > [data-field-span="5"] { width: 100%; }
+.grid-form [data-row-span="6"] > [data-field-span="1"] { width: 16.66667%; }
+.grid-form [data-row-span="6"] > [data-field-span="2"] { width: 33.33333%; }
+.grid-form [data-row-span="6"] > [data-field-span="3"] { width: 50%; }
+.grid-form [data-row-span="6"] > [data-field-span="4"] { width: 66.66667%; }
+.grid-form [data-row-span="6"] > [data-field-span="5"] { width: 83.33333%; }
+.grid-form [data-row-span="6"] > [data-field-span="6"] { width: 100%; }
+.grid-form [data-row-span="7"] > [data-field-span="1"] { width: 14.28571%; }
+.grid-form [data-row-span="7"] > [data-field-span="2"] { width: 28.57143%; }
+.grid-form [data-row-span="7"] > [data-field-span="3"] { width: 42.85714%; }
+.grid-form [data-row-span="7"] > [data-field-span="4"] { width: 57.14286%; }
+.grid-form [data-row-span="7"] > [data-field-span="5"] { width: 71.42857%; }
+.grid-form [data-row-span="7"] > [data-field-span="6"] { width: 85.71429%; }
+.grid-form [data-row-span="7"] > [data-field-span="7"] { width: 100%; }
+.grid-form [data-row-span="8"] > [data-field-span="1"] { width: 12.5%; }
+.grid-form [data-row-span="8"] > [data-field-span="2"] { width: 25%; }
+.grid-form [data-row-span="8"] > [data-field-span="3"] { width: 37.5%; }
+.grid-form [data-row-span="8"] > [data-field-span="4"] { width: 50%; }
+.grid-form [data-row-span="8"] > [data-field-span="5"] { width: 62.5%; }
+.grid-form [data-row-span="8"] > [data-field-span="6"] { width: 75%; }
+.grid-form [data-row-span="8"] > [data-field-span="7"] { width: 87.5%; }
+.grid-form [data-row-span="8"] > [data-field-span="8"] { width: 100%; }
+.grid-form [data-row-span="9"] > [data-field-span="1"] { width: 11.11111%; }
+.grid-form [data-row-span="9"] > [data-field-span="2"] { width: 22.22222%; }
+.grid-form [data-row-span="9"] > [data-field-span="3"] { width: 33.33333%; }
+.grid-form [data-row-span="9"] > [data-field-span="4"] { width: 44.44444%; }
+.grid-form [data-row-span="9"] > [data-field-span="5"] { width: 55.55556%; }
+.grid-form [data-row-span="9"] > [data-field-span="6"] { width: 66.66667%; }
+.grid-form [data-row-span="9"] > [data-field-span="7"] { width: 77.77778%; }
+.grid-form [data-row-span="9"] > [data-field-span="8"] { width: 88.88889%; }
+.grid-form [data-row-span="9"] > [data-field-span="9"] { width: 100%; }
+.grid-form [data-row-span="10"] > [data-field-span="1"] { width: 10%; }
+.grid-form [data-row-span="10"] > [data-field-span="2"] { width: 20%; }
+.grid-form [data-row-span="10"] > [data-field-span="3"] { width: 30%; }
+.grid-form [data-row-span="10"] > [data-field-span="4"] { width: 40%; }
+.grid-form [data-row-span="10"] > [data-field-span="5"] { width: 50%; }
+.grid-form [data-row-span="10"] > [data-field-span="6"] { width: 60%; }
+.grid-form [data-row-span="10"] > [data-field-span="7"] { width: 70%; }
+.grid-form [data-row-span="10"] > [data-field-span="8"] { width: 80%; }
+.grid-form [data-row-span="10"] > [data-field-span="9"] { width: 90%; }
+.grid-form [data-row-span="10"] > [data-field-span="10"] { width: 100%; }
+.grid-form [data-row-span="11"] > [data-field-span="1"] { width: 9.09091%; }
+.grid-form [data-row-span="11"] > [data-field-span="2"] { width: 18.18182%; }
+.grid-form [data-row-span="11"] > [data-field-span="3"] { width: 27.27273%; }
+.grid-form [data-row-span="11"] > [data-field-span="4"] { width: 36.36364%; }
+.grid-form [data-row-span="11"] > [data-field-span="5"] { width: 45.45455%; }
+.grid-form [data-row-span="11"] > [data-field-span="6"] { width: 54.54545%; }
+.grid-form [data-row-span="11"] > [data-field-span="7"] { width: 63.63636%; }
+.grid-form [data-row-span="11"] > [data-field-span="8"] { width: 72.72727%; }
+.grid-form [data-row-span="11"] > [data-field-span="9"] { width: 81.81818%; }
+.grid-form [data-row-span="11"] > [data-field-span="10"] { width: 90.90909%; }
+.grid-form [data-row-span="11"] > [data-field-span="11"] { width: 100%; }
+.grid-form [data-row-span="12"] > [data-field-span="1"] { width: 8.33333%; }
+.grid-form [data-row-span="12"] > [data-field-span="2"] { width: 16.66667%; }
+.grid-form [data-row-span="12"] > [data-field-span="3"] { width: 25%; }
+.grid-form [data-row-span="12"] > [data-field-span="4"] { width: 33.33333%; }
+.grid-form [data-row-span="12"] > [data-field-span="5"] { width: 41.66667%; }
+.grid-form [data-row-span="12"] > [data-field-span="6"] { width: 50%; }
+.grid-form [data-row-span="12"] > [data-field-span="7"] { width: 58.33333%; }
+.grid-form [data-row-span="12"] > [data-field-span="8"] { width: 66.66667%; }
+.grid-form [data-row-span="12"] > [data-field-span="9"] { width: 75%; }
+.grid-form [data-row-span="12"] > [data-field-span="10"] { width: 83.33333%; }
+.grid-form [data-row-span="12"] > [data-field-span="11"] { width: 91.66667%; }
+.grid-form [data-row-span="12"] > [data-field-span="12"] { width: 100%; }
+
+/*# sourceMappingURL=gridforms.css.map */

data/vendor/assets/stylesheets/gridforms.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["gridforms.sass"],
+"names": [],
+"file": "gridforms.css"
+}

data/vendor/assets/stylesheets/gridforms.sass

@@ -0,0 +1,161 @@
+//
+//  Grid Forms
+//  Copyright (c) 2013 Kumail Hunaid
+//
+//  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.
+//
+
+=_placeholder
+    &::-webkit-input-placeholder
+        @content
+    &:-moz-placeholder
+        @content
+
+
+=_breakpoints($min, $max: false)
+    @if $max == false
+        @media only screen and (min-width: $min)
+            @content
+    @else
+        @media only screen and (min-width: $min) and (max-width: $max)
+            @content
+
+=_clear
+    zoom: 1
+    &:before, &:after
+        content: ""
+        display: table
+    &:after
+        clear: both
+
+
+=grid-form($max-columns: 12, $font-size-large: 18px, $legend-color: lighten(#333, 5%), $field-padding: 8px, $label-font-size: 10px, $grid-border-color: #333, $label-color: #333, $field-focus-color: darken(#FFFDED, 5%))
+
+    // Sacrifice compatibility with IE7 and below to use the border-box model
+    *, *:before, *:after
+        -webkit-box-sizing: border-box
+        -moz-box-sizing: border-box
+        box-sizing: border-box
+
+    // Fields cannot be spaced away from the grid (clear out margins/padding)
+    // Field font sizes need to be applied here
+    input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, select
+        font-size: $font-size-large
+        padding: 0
+        margin: 0
+        width: 100%
+    // Remove backgrounds and borders from fields
+    input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea
+        border: 0
+        background: transparent
+        +_placeholder
+            font-weight: 100
+            color: lighten($label-color, 15%)
+        &:focus
+            outline: none
+    fieldset
+        border: none
+        padding: 0
+        margin: 0
+        legend
+            border: none
+            border-bottom: 4px solid $legend-color
+            color: $legend-color
+            font-size: $font-size-large
+            font-weight: bold
+            padding-bottom: 5px
+            position: static
+            width: 100%
+        fieldset
+            legend
+                border-bottom: 2px solid $legend-color
+                font-weight: normal
+            fieldset legend
+                border-bottom: 1px solid $legend-color
+                font-weight: normal
+                font-size: $font-size-large - 3px
+    [data-row-span]
+        border-bottom: 1px solid $grid-border-color
+        width: 100%
+        +_clear
+        +_breakpoints(0, 700px)
+            border-bottom: none
+        [data-field-span]
+            padding: $field-padding
+            float: left
+            +_breakpoints(0, 700px)
+                border-bottom: 1px solid $grid-border-color
+                width: 100% !important
+            +_breakpoints(700px)
+                border-right: 1px solid $grid-border-color
+                display: block
+            label:first-child
+                margin-top: 0
+                text-transform: uppercase
+                letter-spacing: 1px
+                font-size: $label-font-size
+                color: $label-color
+                display: block
+                margin-bottom: 4px
+                &:hover
+                    cursor: text
+            &:last-child
+                border-right: none
+            &:hover
+                background: lighten($field-focus-color, 5%)
+                cursor: text
+            &.focus
+                background: $field-focus-color
+                label
+                    color: darken($label-color, 5%)
+            
+                
+    // Overide styles when printing to ensure good looking output.
+    @media print
+        [data-row-span]
+            display: table
+            height: 56px
+            page-break-inside: avoid
+
+            [data-field-span]
+                border-right: 1px solid #333333
+                display: table-cell
+                float: none
+         
+                &.focus,
+                &:hover
+                    background: none 
+
+                label:first-child
+                    letter-spacing: 0
+
+    // Create row spans for n columns in the grid
+    @for $grid_i from 1 through $max-columns
+        [data-row-span="#{$grid_i}"]
+            // Each field can only span to the maximum row span
+            // For each possible field span
+            @for $span_i from 1 through $grid_i
+                & > [data-field-span="#{$span_i}"]
+                    // Divide the grid by $grid_i columns
+                    // Set the width for this particular field span
+                    width: percentage($span_i/$grid_i)
+
+// Create Grid Form
+.grid-form
+    +grid-form

metadata

@@ -0,0 +1,103 @@
+--- !ruby/object:Gem::Specification
+name: gridforms-rails
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Stephen Myers
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2017-08-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.15'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.15'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: Rails wrapper for the gridforms jquery library. Original library found
+  https://github.com/kumailht/gridforms
+email:
+- scmyers11@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- CODE_OF_CONDUCT.md
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- gridforms-rails.gemspec
+- lib/gridform-rails.rb
+- lib/gridforms-rails/engine.rb
+- lib/gridforms-rails/version.rb
+- vendor/assets/javascripts/gridforms.js
+- vendor/assets/stylesheets/gridforms.css
+- vendor/assets/stylesheets/gridforms.css.map
+- vendor/assets/stylesheets/gridforms.sass
+homepage: https://github.com/scmyers11/gridforms-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.4.8
+signing_key: 
+specification_version: 4
+summary: Rails wrapper for the gridforms jquery library
+test_files: []