forever_style_guide 3.0.13 → 3.0.14

Sign up to get free protection for your applications and to get access to all the features.
Files changed (21) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/forever_style_guide/list-toggle.js +37 -8
  3. data/app/assets/stylesheets/forever_style_guide/modules/_list-toggle.scss +14 -6
  4. data/app/views/forever_style_guide/sections/visual_elements/_lists.erb +54 -40
  5. data/lib/forever_style_guide/version.rb +1 -1
  6. data/test/dummy/log/development.log +4541 -0
  7. data/test/dummy/tmp/cache/assets/development/sass/1fccdb6be9da19cc345d4b92b55eb0d4fbf7c363/_list-toggle.scssc +0 -0
  8. data/test/dummy/tmp/cache/assets/development/sprockets/13c6cfef7d2dae6157cb1e9a83970e58 +0 -0
  9. data/test/dummy/tmp/cache/assets/development/sprockets/16ae65fae89ac9713129ac86c08be0fd +0 -0
  10. data/test/dummy/tmp/cache/assets/development/sprockets/3cf528a4fef672b5e891869ad69cd78c +0 -0
  11. data/test/dummy/tmp/cache/assets/development/sprockets/74ee448666a16d19f05d144192a607fd +0 -0
  12. data/test/dummy/tmp/cache/assets/development/sprockets/93ba27aa64423f74732b1f2b12b84118 +0 -0
  13. data/test/dummy/tmp/cache/assets/development/sprockets/a073b29da00202d41130a601a80b0763 +0 -0
  14. data/test/dummy/tmp/cache/assets/development/sprockets/a5339910db1afb33301cc638679d0cc2 +0 -0
  15. data/test/dummy/tmp/cache/assets/development/sprockets/afe21ae0433c18cab8821712e10adf2f +0 -0
  16. data/test/dummy/tmp/cache/assets/development/sprockets/b7c77fa9ddbae9998b1339d6c2c3eef0 +0 -0
  17. data/test/dummy/tmp/cache/assets/development/sprockets/d139d4c466cbb442154adf9c2b8149f4 +0 -0
  18. data/test/dummy/tmp/cache/assets/development/sprockets/e4a50f6ac0abd0a5af7071d8eb233a48 +0 -0
  19. data/test/dummy/tmp/cache/assets/development/sprockets/ee286b59ae897606bfd68a7f060d5baf +0 -0
  20. data/test/dummy/tmp/pids/server.pid +1 -0
  21. metadata +4 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 11abc32daa0814e07251cbe85bdc1f3c4ee677ce
4
- data.tar.gz: 2825cf8b8a7a24f5a2147705c6d74856dd2d32a3
3
+ metadata.gz: c8083a8db30a23d10d985cee465fdb74f04e57a8
4
+ data.tar.gz: 1ac1877516b153f9f1e80ccc9f1389695e2de77b
5
5
  SHA512:
6
- metadata.gz: 040fec76c8c0ade907b71aa78088ab82195fa2604e913bb400aba739b26a44f0982bec1eebf55cb546883711db346b70f49d1bb2e343584707b54e2d43b73864
7
- data.tar.gz: 1a0698198d593eb1f475e732ee03e050cce8f379381eebc73b0da52dc6f2e5744e7083df497c6f36a9bd308ef40de2c95ceb70b46c09a5f0b73fd43d9b0b69a2
6
+ metadata.gz: 46f1323ae72b2cbac7c42641d8406186e5b3082d9897162f2d3f067843bc7cb9d65d4b3c7d5e2eb1daea614ec713f1639f18518efc04da2859dbf11a588d6b53
7
+ data.tar.gz: 2197ae5f9d1bb01d30311fa842837359f3763711691ec5bb16f0b05461b761fb81773ec92cd8fc2bc2ddab53c17c3429c50f221cad097dbcfba672dc741e1f40
data/app/assets/javascripts/forever_style_guide/list-toggle.js CHANGED
@@ -1,18 +1,47 @@
1
- $(function () {
2
- $(".list-group-toggle-trigger").click(function (e) {
1
+ var setup_toggle_list = function () {
2
+ $(".list-group-toggler").click(function (e) {
3
3
  e.preventDefault();
4
4
  $(this).next('.list-group-item-child').toggleClass("is_open");
5
- $("i", this).toggleClass("fa-plus fa-minus");
6
- })
7
- });
5
+ $(this).find('.list-group-toggle-trigger').toggleClass("fa-plus fa-minus");
6
+ });
7
+
8
+ $('.list-group-link').on('click', function (e) {
9
+ e.preventDefault();
10
+ if(!$(this).parent().hasClass('list-group-toggler')) {
11
+
12
+ var checkBox = $(this).next("input[type='checkbox']");
13
+ checkBox.prop('checked', !checkBox.prop('checked'));
14
+
15
+ if(checkBox.prop('checked')){
16
+ $(this).toggleClass('list-group-link-is_active');
17
+ $(this).append('<i class="fa fa-times"></i>');
18
+ $(this).parents('.list-group-item').addClass('is_active');
19
+ }
20
+ else {
21
+ $(this).toggleClass('list-group-link-is_active');
22
+ $(this).find('i').remove();
23
+ if( !$(this).parent().parents('.list-group-item').find('input:checkbox:checked').length) {
24
+ $(this).parent().parents('.list-group-item').removeClass('is_active');
25
+ }
26
+ }
27
+
28
+ $(this).parents('form[data-listToggle]').submit();
29
+ }
30
+ });
8
31
 
9
- $(function () {
10
32
  var activeListItems = $('.list-group-link-is_active');
11
33
 
12
34
  if ($(activeListItems).length) {
13
35
  $(activeListItems).append('<i class="fa fa-times"></i>');
36
+ $(activeListItems).next("input[type='checkbox']").prop('checked', true);
37
+ $(activeListItems).addClass('list-group-link-is_active');
14
38
  $(activeListItems).parents('.list-group-item-child').addClass('is_open');
15
39
  $(activeListItems).parents('.list-group-item').addClass('is_active');
16
- $(activeListItems).parents('.list-group-item').find('.list-group-toggle-trigger .fa').toggleClass("fa-plus fa-minus");
40
+ $(activeListItems).parents('.list-group-item')
41
+ .addClass('is_active')
42
+ .find('.list-group-toggle-trigger .fa')
43
+ .toggleClass("fa-plus fa-minus");
17
44
  }
18
- });
45
+ };
46
+ $(document).ready(setup_toggle_list);
47
+ $(document).on('page:load', setup_toggle_list);
data/app/assets/stylesheets/forever_style_guide/modules/_list-toggle.scss CHANGED
@@ -1,5 +1,9 @@
1
1
  $toggle-list-bg: color('white');
2
2
 
3
+ .list-group-toggler:hover {
4
+ cursor: pointer;
5
+ }
6
+
3
7
  .list-group-toggle {
4
8
  font-size: $font-size-300;
5
9
 
@@ -31,12 +35,16 @@ $toggle-list-bg: color('white');
31
35
  border-bottom-color: color('gray-300');
32
36
  }
33
37
  }
34
- .list-group-item.is_active {
35
- border-right-color: color('gray-300');
36
- border-left: 2px solid color('primary');
38
+ .list-group-item {
39
+ border-left: 2px solid transparent;
37
40
 
38
- &:hover {
39
- background-color: $toggle-list-bg;
41
+ &.is_active {
42
+ border-right-color: color('gray-300');
43
+ border-left-color: color('primary');
44
+
45
+ &:hover {
46
+ background-color: $toggle-list-bg;
47
+ }
40
48
  }
41
49
  }
42
50
  .list-group-link {
@@ -82,7 +90,7 @@ $toggle-list-bg: color('white');
82
90
  @include transition(max-height 0.3s ease-in-out, margin-top 0.2s ease-in-out, opacity 0.2s ease-in-out);
83
91
 
84
92
  &.is_open {
85
- max-height: 300px; // may need adjusted given list length
93
+ max-height: 1000px; // may need adjusted given list length
86
94
  opacity: 1.0;
87
95
  }
88
96
  .list-group-item {
data/app/views/forever_style_guide/sections/visual_elements/_lists.erb CHANGED
@@ -93,71 +93,85 @@
93
93
  <label>Toggle List Group</label>
94
94
  <ul class="list-group list-group-toggle">
95
95
  <li class="list-group-item">
96
- <a class="list-group-link" href="">Photo Books</a>
97
- <span class="list-group-toggle-trigger"><i class="fa fa-plus"></i></span>
96
+ <div class="list-group-toggler">
97
+ <a class="list-group-link" href="">Photo Books</a>
98
+ <i class="fa fa-plus list-group-toggle-trigger"></i>
99
+ </div>
98
100
  <ul class="list-group-item-child list-unstyled">
99
- <li class="list-group-item"><a class="list-group-link" href="">Hardbound (6)</a></li>
100
- <li class="list-group-item"><a class="list-group-link" href="">Softbound (4)</a></li>
101
+ <li class="list-group-item"><a class="list-group-link" href="">Hardbound (6)</a><input type="checkbox" style="display:none"></li>
102
+ <li class="list-group-item"><a class="list-group-link" href="">Softbound (4)</a><input type="checkbox" style="display:none"></li>
101
103
  </ul>
102
104
  </li>
103
105
  <li class="list-group-item">
104
- <a class="list-group-link" href="">Cards</a>
105
- <span class="list-group-toggle-trigger"><i class="fa fa-plus"></i></span>
106
+ <div class="list-group-toggler">
107
+ <a class="list-group-link" href="">Cards</a>
108
+ <i class="fa fa-plus list-group-toggle-trigger"></i>
109
+ </div>
106
110
  <ul class="list-group-item-child list-unstyled">
107
- <li class="list-group-item"><a class="list-group-link" href="">Business Cards (1)</a></li>
108
- <li class="list-group-item"><a class="list-group-link" href="">Die Cut (3)</a></li>
109
- <li class="list-group-item"><a class="list-group-link" href="">Envelopes (3)</a></li>
110
- <li class="list-group-item"><a class="list-group-link" href="">Flat Cards (3)</a></li>
111
- <li class="list-group-item"><a class="list-group-link" href="">Folded Cards (4)</a></li>
111
+ <li class="list-group-item"><a class="list-group-link" href="">Business Cards (1)</a><input type="checkbox" style="display:none"></li>
112
+ <li class="list-group-item"><a class="list-group-link" href="">Die Cut (3)</a><input type="checkbox" style="display:none"></li>
113
+ <li class="list-group-item"><a class="list-group-link" href="">Envelopes (3)</a><input type="checkbox" style="display:none"></li>
114
+ <li class="list-group-item"><a class="list-group-link" href="">Flat Cards (3)</a><input type="checkbox" style="display:none"></li>
115
+ <li class="list-group-item"><a class="list-group-link" href="">Folded Cards (4)</a><input type="checkbox" style="display:none"></li>
112
116
  </ul>
113
117
  </li>
114
118
  <li class="list-group-item">
115
- <a class="list-group-link" href="">Calendars</a>
116
- <span class="list-group-toggle-trigger"><i class="fa fa-plus"></i></span>
119
+ <div class="list-group-toggler">
120
+ <a class="list-group-link" href="">Calendars</a>
121
+ <i class="fa fa-plus list-group-toggle-trigger"></i>
122
+ </div>
117
123
  <ul class="list-group-item-child list-unstyled">
118
- <li class="list-group-item"><a class="list-group-link" href="">Desk Calendars (1)</a></li>
119
- <li class="list-group-item"><a class="list-group-link" href="">Wall Calendars (3)</a></li>
124
+ <li class="list-group-item"><a class="list-group-link" href="">Desk Calendars (1)</a><input type="checkbox" style="display:none"></li>
125
+ <li class="list-group-item"><a class="list-group-link" href="">Wall Calendars (3)</a><input type="checkbox" style="display:none"></li>
120
126
  </ul>
121
127
  </li>
122
128
  <li class="list-group-item">
123
- <a class="list-group-link" href="">Digital Scrapbooking</a>
124
- <span class="list-group-toggle-trigger"><i class="fa fa-plus"></i></span>
129
+ <div class="list-group-toggler">
130
+ <a class="list-group-link" href="">Digital Scrapbooking</a>
131
+ <i class="fa fa-plus list-group-toggle-trigger"></i>
132
+ </div>
125
133
  <ul class="list-group-item-child list-unstyled">
126
- <li class="list-group-item"><a class="list-group-link" href="">Page Prints (3)</a></li>
127
- <li class="list-group-item"><a class="list-group-link" href="">Post Albums (1)</a></li>
134
+ <li class="list-group-item"><a class="list-group-link" href="">Page Prints (3)</a><input type="checkbox" style="display:none"></li>
135
+ <li class="list-group-item"><a class="list-group-link" href="">Post Albums (1)</a><input type="checkbox" style="display:none"></li>
128
136
  </ul>
129
137
  </li>
130
138
  <li class="list-group-item">
131
- <a class="list-group-link" href="">Wall Art</a>
132
- <span class="list-group-toggle-trigger"><i class="fa fa-plus"></i></span>
139
+ <div class="list-group-toggler">
140
+ <a class="list-group-link" href="">Wall Art</a>
141
+ <i class="fa fa-plus list-group-toggle-trigger"></i>
142
+ </div>
133
143
  <ul class="list-group-item-child list-unstyled">
134
- <li class="list-group-item"><a class="list-group-link" href="">Canvas Prints (7)</a></li>
135
- <li class="list-group-item"><a class="list-group-link" href="">Metal Prints (12)</a></li>
136
- <li class="list-group-item"><a class="list-group-link" href="">Posters (4)</a></li>
144
+ <li class="list-group-item"><a class="list-group-link" href="">Canvas Prints (7)</a><input type="checkbox" style="display:none"></li>
145
+ <li class="list-group-item"><a class="list-group-link" href="">Metal Prints (12)</a><input type="checkbox" style="display:none"></li>
146
+ <li class="list-group-item"><a class="list-group-link" href="">Posters (4)</a><input type="checkbox" style="display:none"></li>
137
147
  </ul>
138
148
  </li>
139
149
  <li class="list-group-item">
140
- <a class="list-group-link" href="">Mobile Cases</a>
141
- <span class="list-group-toggle-trigger"><i class="fa fa-plus"></i></span>
150
+ <div class="list-group-toggler">
151
+ <a class="list-group-link" href="">Mobile Cases</a>
152
+ <i class="fa fa-plus list-group-toggle-trigger"></i>
153
+ </div>
142
154
  <ul class="list-group-item-child list-unstyled">
143
- <li class="list-group-item"><a class="list-group-link" href="">HTC (1)</a></li>
144
- <li class="list-group-item"><a class="list-group-link" href="">iPad (2)</a></li>
145
- <li class="list-group-item"><a class="list-group-link" href="">iPhone (4)</a></li>
146
- <li class="list-group-item"><a class="list-group-link" href="">Samsung (2)</a></li>
155
+ <li class="list-group-item"><a class="list-group-link" href="">HTC (1)</a><input type="checkbox" style="display:none"></li>
156
+ <li class="list-group-item"><a class="list-group-link" href="">iPad (2)</a><input type="checkbox" style="display:none"></li>
157
+ <li class="list-group-item"><a class="list-group-link" href="">iPhone (4)</a><input type="checkbox" style="display:none"></li>
158
+ <li class="list-group-item"><a class="list-group-link" href="">Samsung (2)</a><input type="checkbox" style="display:none"></li>
147
159
  </ul>
148
160
  </li>
149
161
  <li class="list-group-item">
150
- <a class="list-group-link" href="">Photo Gifts</a>
151
- <span class="list-group-toggle-trigger"><i class="fa fa-plus"></i></span>
162
+ <div class="list-group-toggler">
163
+ <a class="list-group-link" href="">Photo Gifts</a>
164
+ <i class="fa fa-plus list-group-toggle-trigger"></i>
165
+ </div>
152
166
  <ul class="list-group-item-child list-unstyled">
153
- <li class="list-group-item"><a class="list-group-link" href="">CD/DVD Case (1)</a></li>
154
- <li class="list-group-item"><a class="list-group-link" href="">Coasters (1)</a></li>
155
- <li class="list-group-item"><a class="list-group-link list-group-link-is_active" href="">Dog Tags (1)</a></li>
156
- <li class="list-group-item"><a class="list-group-link list-group-link-is_active" href="">Mouse Pads (1)</a></li>
157
- <li class="list-group-item"><a class="list-group-link" href="">Mugs (1)</a></li>
158
- <li class="list-group-item"><a class="list-group-link" href="">Ornaments (5)</a></li>
159
- <li class="list-group-item"><a class="list-group-link" href="">Photo T-Shirts (1)</a></li>
160
- <li class="list-group-item"><a class="list-group-link" href="">Playing Cards (1)</a></li>
167
+ <li class="list-group-item"><a class="list-group-link" href="">CD/DVD Case (1)</a><input type="checkbox" style="display:none"></li>
168
+ <li class="list-group-item"><a class="list-group-link" href="">Coasters (1)</a><input type="checkbox" style="display:none"></li>
169
+ <li class="list-group-item"><a class="list-group-link list-group-link-is_active" href="">Dog Tags (1)</a><input type="checkbox" style="display:none"></li>
170
+ <li class="list-group-item"><a class="list-group-link list-group-link-is_active" href="">Mouse Pads (1)</a><input type="checkbox" style="display:none"></li>
171
+ <li class="list-group-item"><a class="list-group-link" href="">Mugs (1)</a><input type="checkbox" style="display:none"></li>
172
+ <li class="list-group-item"><a class="list-group-link" href="">Ornaments (5)</a><input type="checkbox" style="display:none"></li>
173
+ <li class="list-group-item"><a class="list-group-link" href="">Photo T-Shirts (1)</a><input type="checkbox" style="display:none"></li>
174
+ <li class="list-group-item"><a class="list-group-link" href="">Playing Cards (1)</a><input type="checkbox" style="display:none"></li>
161
175
  </ul>
162
176
  </li>
163
177
  </ul>
data/lib/forever_style_guide/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module ForeverStyleGuide
2
- VERSION = "3.0.13"
2
+ VERSION = "3.0.14"
3
3
  end