forever_style_guide 3.0.13 → 3.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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