flotilla_js_rails 0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: da6b5d48ed35e0b83eec7b94382754701b7609e2
+  data.tar.gz: 821978abad83e42caafa8f33816a8ef477f73cf4
+SHA512:
+  metadata.gz: d0016c0abdfae1a91a1f302e590df17edd78a3dcbe2d4069bb1a0be9ed9db5d061ee1046cd45a376c4269c8e4ef923b7c4cfea82ee5b9da7b54910ee16743beb
+  data.tar.gz: 446ac3f7b2de3eff599e1da9f38fe9fdd8a82d62c66145bd910bc4a8c922166026d137c2772085273db1dca1a3a10e77d32c6503a9f9cc72acf635abe8217d6d

data/.gitignore

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

data/.travis.yml

@@ -0,0 +1,3 @@
+language: ruby
+rvm:
+  - 2.2.3

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Richard Tan
+
+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,64 @@
+# Flotilla-JS-Rails
+
+Flotilla JS - Lightweight tab system.
+
+![image](https://cloud.githubusercontent.com/assets/4082442/13240571/af6b460a-da37-11e5-8f96-39779746dc86.png)
+
+## Etymology
+
+In the same way content is made up of several tabs, a flotilla is a fleet made up of several small ships.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'flotilla-js-rails'
+```
+
+And then execute:
+
+    $ bundle
+
+## Usage
+
+###Importing files
+application.scss
+```ruby
+ @import 'flotilla';
+```
+application.js
+```ruby
+//= require flotilla
+```
+
+
+###Sample markup
+
+```html
+<div class="Flotilla-tab-wrap">
+  <div class="Flotilla-tab active">Tab title 1</div>
+  <div class="Flotilla-tab">Tab title 2</div>
+  <div class="Flotilla-tab">Tab title 3</div>
+
+  <div class="Flotilla-content active">
+     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate iusto fugit autem unde incidunt eos ut quos aspernatur facilis corporis possimus obcaecati, et molestiae sint vero optio quia dignissimos commodi!
+  </div>
+  <div class="Flotilla-content">
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati dolorum qui impedit voluptatem pariatur harum ipsa, debitis laudantium, facere minima, labore deleniti! Vero sapiente vel harum, repudiandae et culpa reprehenderit?
+  </div>
+  <div class="Flotilla-content">
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati dolorum qui impedit voluptatem pariatur harum ipsa, debitis laudantium, facere minima, labore deleniti! Vero sapiente vel harum, repudiandae et culpa reprehenderit?
+  </div>
+</div>
+```
+
+## Licence and Legals
+
+PwC Shipyard is an alias of a sub-division of PwC Australia.
+
+The contents of this repository are Copyright © 2016 PwC. All rights reserved. PwC refers to the PwC network and/or one or more of its member firms, each of which is a separate legal entity.
+
+It is free software, and may be redistributed under the terms specified in the LICENSE file.
+
+The gem is still under active development and although it is publicly available, we won't be held responsible if you install it and something goes wrong. Use at your own risk.

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "flotilla_js_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

data/bin/setup

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

data/flotilla_js_rails.gemspec

@@ -0,0 +1,17 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'flotilla_js_rails/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "flotilla_js_rails"
+  spec.version       = FlotillaJsRails::VERSION
+  spec.authors       = ["Richard Tan"]
+  spec.email         = ["chardos@gmail.com"]
+  spec.summary       = %q{This gem exposes the SCSS and JS for Flotilla JS}
+  spec.license       = "MIT"
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.require_paths = ["lib"]
+  spec.add_development_dependency "bundler", "~> 1.9"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/lib/flotilla_js_rails/version.rb

@@ -0,0 +1,3 @@
+module FlotillaJsRails
+  VERSION = "0.1.1"
+end

data/lib/flotilla_js_rails.rb

@@ -0,0 +1,6 @@
+require "flotilla_js_rails/version"
+
+module FlotillaJsRails
+  class Engine < ::Rails::Engine
+  end
+end

data/vendor/assets/javascripts/flotilla.js

@@ -0,0 +1,46 @@
+// ============================================================================
+// FLOTILLA - Tabbing system
+// Description: The .Flotilla-content divs need to come directly after
+// the .Flotilla-tabs
+// ============================================================================
+
+var N = N || {};
+
+N.tabs = {};
+
+(function(N, $){ //start IIFE
+
+N.tabs.assignDataIDs = function(){
+  this.$tabsTab.each(function(i){
+    $(this).attr('data-id', i);
+    $('.Flotilla-content:eq('+i+')').attr('data-id', i);
+  });
+};
+
+N.tabs.eventHandlers = function(){
+  this.$tabsTab.on('click', function(){
+    console.log('yeap');
+    var id = $(this).attr('data-id');
+    $(this).siblings('.Flotilla-tab').removeClass('active');
+    $(this).addClass('active');
+    $(this).siblings('.Flotilla-content').removeClass('active');
+    $('.Flotilla-content[data-id='+id+']').addClass('active');
+  });
+};
+
+N.tabs.init = function(){
+  this.$tabs = $('.Flotilla-tab-wrap');
+  if( this.$tabs.length ){ //check if tabs exist on page
+    this.$tabsTab = $('.Flotilla-tab');
+    this.$tabsContent = $('.Flotilla-content');
+    this.assignDataIDs();
+    this.eventHandlers();
+  }
+};
+
+
+}(N, $)); //end IIFE
+
+$(document).ready(function(){
+  N.tabs.init();
+});

data/vendor/assets/stylesheets/flotilla.scss

@@ -0,0 +1,47 @@
+//====================================================
+// TABS
+//====================================================
+
+$tab-active-color: white !default;
+$tab-inactive-color: #f8f8f8 !default;
+$tab-border-color: #e4e4e4 !default;
+
+.Flotilla-tab-wrap{
+
+}
+.Flotilla-tab{
+  cursor: pointer;
+  display: inline-block;
+  padding: 7px 15px;
+  margin-right: -5px;
+  margin-bottom: -1px;
+  min-width: 180px;
+  text-align: center;
+  border-bottom: 3px solid transparent;
+
+  font-size: 15px;
+  font-family: arial, helvetica, sans-serif;
+
+  -webkit-transition: all 0.15s ease-in;
+  transition: all 0.15s ease-in;
+
+  &:hover{
+    opacity: 0.7;
+  }
+}
+
+.Flotilla-tab.active{
+  border-bottom: 3px solid $ecstasy;
+  color: #000;
+}
+
+.Flotilla-content{
+  display: none;
+  background-color: $tab-active-color;
+  padding-top: 30px;
+  border-top: 1px solid $border-color;
+}
+
+.Flotilla-content.active{
+  display: block;
+}

metadata

@@ -0,0 +1,85 @@
+--- !ruby/object:Gem::Specification
+name: flotilla_js_rails
+version: !ruby/object:Gem::Version
+  version: 0.1.1
+platform: ruby
+authors:
+- Richard Tan
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-02-26 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.9'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.9'
+- !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: 
+email:
+- chardos@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".travis.yml"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- flotilla_js_rails.gemspec
+- lib/flotilla_js_rails.rb
+- lib/flotilla_js_rails/version.rb
+- vendor/assets/javascripts/flotilla.js
+- vendor/assets/stylesheets/flotilla.scss
+homepage: 
+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.5.1
+signing_key: 
+specification_version: 4
+summary: This gem exposes the SCSS and JS for Flotilla JS
+test_files: []