flotilla_js_rails 0.1.3 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE.txt +1 -1
- data/README.md +21 -8
- data/lib/flotilla_js_rails/version.rb +1 -1
- data/vendor/assets/javascripts/flotilla.js +5 -8
- metadata +3 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 5b1f7a6cd4cd533e85cef01d8b93e59004d4bcdb
|
|
4
|
+
data.tar.gz: b4881a88caee0add661369870a6f2c92f85056b0
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 1f25998d7804510c3ac9dea5e08cc70e6c6b293ef83d696323d5232293ca7b956c6bbf728bcb2ae4356f3e04016f3602119f0d03196e2dcdc8204b2443c33825
|
|
7
|
+
data.tar.gz: 04efd13a478e7960550a5b469695660f50c6e9da8e87c7bbd21f0a558ee626b44a2409f0402493894dfc01a0f4f88e4da339174cf973aaa7c4ef83fc8408b0ad
|
data/LICENSE.txt
CHANGED
data/README.md
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Flotilla_JS_Rails
|
|
2
2
|
|
|
3
3
|
Flotilla JS - Lightweight tab system.
|
|
4
4
|
|
|
5
|
-
|
|
6
6
|
|
|
7
7
|
## Etymology
|
|
8
8
|
|
|
@@ -13,7 +13,7 @@ In the same way content is made up of several tabs, a flotilla is a fleet made u
|
|
|
13
13
|
Add this line to your application's Gemfile:
|
|
14
14
|
|
|
15
15
|
```ruby
|
|
16
|
-
gem '
|
|
16
|
+
gem 'flotilla_js_rails'
|
|
17
17
|
```
|
|
18
18
|
|
|
19
19
|
And then execute:
|
|
@@ -53,12 +53,25 @@ application.js
|
|
|
53
53
|
</div>
|
|
54
54
|
```
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
#### Overriding colors
|
|
57
57
|
|
|
58
|
-
|
|
58
|
+
Create some sass variables to overwrite the gem defaults. See below:
|
|
59
|
+
```scss
|
|
60
|
+
$flotilla-active-background-color: white;
|
|
61
|
+
$flotilla-active-border-color: #ff7c14;
|
|
62
|
+
$flotilla-border-color: #e4e4e4;
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
## Contributing
|
|
66
|
+
|
|
67
|
+
If you'd like to contribute a feature or bug fix, please post a pull request and describe what you've done and why you've done it.
|
|
68
|
+
|
|
69
|
+
## Licence & Legals
|
|
70
|
+
|
|
71
|
+
The contents of this repository are copyright © 2016 PwC. All rights are reserved. PwC refers to the Australian member firm and may sometimes refer to the PwC network. Each member firm is a separate legal entity. Please see www.pwc.com/structure for further details.
|
|
59
72
|
|
|
60
|
-
|
|
73
|
+
It is open source software and may be redistributed under the MIT-License terms (the licence file can be found in the root directory of this repository).
|
|
61
74
|
|
|
62
|
-
|
|
75
|
+
## About PwC Ventures
|
|
63
76
|
|
|
64
|
-
|
|
77
|
+
We're hiring! Contact our Group Product Manager at [ben@pwcventures.com](ben@pwcventures.com) to find out more.
|
|
@@ -4,22 +4,19 @@
|
|
|
4
4
|
// the .Flotilla-tabs
|
|
5
5
|
// ============================================================================
|
|
6
6
|
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
N.tabs = {};
|
|
7
|
+
var Flotilla = {};
|
|
10
8
|
|
|
11
9
|
(function(N, $){ //start IIFE
|
|
12
10
|
|
|
13
|
-
|
|
11
|
+
Flotilla.assignDataIDs = function(){
|
|
14
12
|
this.$tabsTab.each(function(i){
|
|
15
13
|
$(this).attr('data-id', i);
|
|
16
14
|
$('.Flotilla-content:eq('+i+')').attr('data-id', i);
|
|
17
15
|
});
|
|
18
16
|
};
|
|
19
17
|
|
|
20
|
-
|
|
18
|
+
Flotilla.eventHandlers = function(){
|
|
21
19
|
this.$tabsTab.on('click', function(){
|
|
22
|
-
console.log('yeap');
|
|
23
20
|
var id = $(this).attr('data-id');
|
|
24
21
|
$(this).siblings('.Flotilla-tab').removeClass('active');
|
|
25
22
|
$(this).addClass('active');
|
|
@@ -28,7 +25,7 @@ N.tabs.eventHandlers = function(){
|
|
|
28
25
|
});
|
|
29
26
|
};
|
|
30
27
|
|
|
31
|
-
|
|
28
|
+
Flotilla.init = function(){
|
|
32
29
|
this.$tabs = $('.Flotilla-tab-wrap');
|
|
33
30
|
if( this.$tabs.length ){ //check if tabs exist on page
|
|
34
31
|
this.$tabsTab = $('.Flotilla-tab');
|
|
@@ -42,5 +39,5 @@ N.tabs.init = function(){
|
|
|
42
39
|
}(N, $)); //end IIFE
|
|
43
40
|
|
|
44
41
|
$(document).ready(function(){
|
|
45
|
-
|
|
42
|
+
Flotilla.init();
|
|
46
43
|
});
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: flotilla_js_rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 1.0.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Richard Tan
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-
|
|
11
|
+
date: 2016-06-24 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -78,7 +78,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
78
78
|
version: '0'
|
|
79
79
|
requirements: []
|
|
80
80
|
rubyforge_project:
|
|
81
|
-
rubygems_version: 2.4
|
|
81
|
+
rubygems_version: 2.6.4
|
|
82
82
|
signing_key:
|
|
83
83
|
specification_version: 4
|
|
84
84
|
summary: This gem exposes the SCSS and JS for Flotilla JS
|