knack-rails 1.0.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/knack-rails.js +8 -5
  3. data/app/assets/stylesheets/knack.sass +192 -193
  4. data/knack-rails.gemspec +2 -2
  5. data/lib/knack-rails/version.rb +1 -1
  6. metadata +5 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 83f9c6f32a602a22f62a5553517db42692bb799c
4
- data.tar.gz: f37e317a7dde81b50ff985d270b0709c51858f4c
3
+ metadata.gz: b1940c84c1e1e8cb6c8dcd4741cec3a55bcd7518
4
+ data.tar.gz: fac341a0def0910cafd180ef987a57ce0596229a
5
5
  SHA512:
6
- metadata.gz: c5b1d5bfc10daf55410171fb2b79af3c5c9e122fb639b971b802089c1bc4b250e5bf3584f18df754f348de35b7db647e910f5b1ff6bc0cf99e7b64747f17045a
7
- data.tar.gz: b329e7e36732cab4a47019f352433a3a6bbba50829da5d9fa36bc26f472bf42235cbac35efde372cc24befbfd3e1fa9c52785b383f571b7f0cd5fefa599764f3
6
+ metadata.gz: fc29bb2bbfea09ce5c76445f6e6f5c5a74adbae83395fb894bc7e8e457806c8920829eaf9166532e9029f76ac642c227094183f96bfe81380946ff28aedbc6fb
7
+ data.tar.gz: 3897d69d2febfa10f7df14194d9d42e63e60745ebb79598cec81471c9d38fa52e75b8128705e473cd5cc1d4b1320e5e2354645ec0f34ad5c80da5672500ba041
data/app/assets/javascripts/knack-rails.js CHANGED
@@ -42,6 +42,7 @@
42
42
  fadeOut: function(){
43
43
  clearTimeout(fullScreen.timeout);
44
44
  fullScreen.active = false;
45
+ $('.menu-area').toggleClass('established');
45
46
  $('#projector').unbind('mousemove');
46
47
  $('.menu-area').unbind();
47
48
  $('.menu-area').show();
@@ -60,6 +61,7 @@
60
61
 
61
62
  fadeIn: function(){
62
63
  fullScreen.active = true;
64
+ $('.menu-area').toggleClass('established');
63
65
  $('.fullscreen').bind('click', fullScreen.exit);
64
66
  $('.stage-area').dblclick(fullScreen.exit);
65
67
  $('.menu-area').hide();
@@ -365,11 +367,12 @@
365
367
  prepareProjector: function(){
366
368
  attrScope.init();
367
369
 
368
- $('#'+ _settings.id).append('<div class="thumbs-area"><div class="thumbs-box">');
369
- $('#'+ _settings.id).append('<div class="stage-area">');
370
- $('#'+ _settings.id).append('<div class="arrows-area">');
371
- $('#'+ _settings.id).append('<div class="loader">');
372
- $('#'+ _settings.id).append('<div class="menu-area">');
370
+ $('#'+ _settings.id).append('<div class="embed-container">');
371
+ $('.embed-container').append('<div class="thumbs-area"><div class="thumbs-box">');
372
+ $('.embed-container').append('<div class="stage-area">');
373
+ $('.embed-container').append('<div class="loader">');
374
+ $('.embed-container').append('<div class="arrows-area">');
375
+ $('.embed-container').append('<div class="menu-area">');
373
376
 
374
377
  loader.show();
375
378
  },
data/app/assets/stylesheets/knack.sass CHANGED
@@ -1,211 +1,210 @@
1
+ .place-for-projector
2
+ width: 50%
3
+ padding: 10px
4
+ margin: auto
5
+
1
6
  .hidden
2
7
  display: none
3
8
 
4
- #projector
5
- background: black
6
- position: relative
7
- overflow: hidden
8
- outline: none
9
- min-width: 200px
10
- &:-webkit-full-screen
11
- width: 100% !important
12
- height: 100% !important
13
-
14
- .loader
15
- background-image: url("loading.gif-c200")
16
- background-color: black
17
- background-position: 51% 0
18
- background-repeat: no-repeat
19
- display: none
20
- height: 100%
21
- position: absolute
22
- width: 100%
23
- z-index: 5
9
+ .established
10
+ position: fixed !important
24
11
 
25
- .thumbs-area
26
- background: black
27
- bottom: 25px
28
- display: none
29
- overflow: hidden
30
- position: absolute
31
- top: 0
32
- width: 100%
33
- z-index: 10
12
+ #projector:-webkit-full-screen
13
+ width: 100% !important
14
+ height: 100% !important
34
15
 
35
16
  .full-thumbs
36
17
  bottom: 0
37
18
 
38
- .thumb-image
39
- border: thin solid #222
40
- display: inline-flex
41
- height: 65px
42
- margin-bottom: 5px
43
- margin-right: 5px
44
- position: relative
45
- width: 100px
19
+ @media screen and (-webkit-min-device-pixel-ratio: 0)
20
+ .embed-container .thumbs-area .thumbs-box .thumb-image:first-of-type
21
+ margin-top: 15px !important
46
22
 
47
- .thumbs-box
48
- cursor: move
49
- height: 99%
50
- left: 2%
23
+ #projector
24
+ background: black
51
25
  overflow: hidden
52
26
  position: relative
53
- top: 1%
54
- width: 96%
55
-
56
- .image
57
- cursor: pointer
58
- height: 100%
27
+ padding-bottom: 56.25%
28
+ padding-top: 30px
29
+ height: 0
30
+ overflow: hidden
59
31
  width: 100%
32
+ height: auto
33
+ margin-bottom: 12px
60
34
 
61
- .stage-area
62
- bottom: 0
63
- left: 0
64
- overflow: hidden
35
+ .embed-container
65
36
  position: absolute
66
- right: 0
67
37
  top: 0
68
- z-index: 1
69
-
70
- .arrows-area
71
- color: white
72
- display: flex
73
- height: 100px
74
38
  left: 0
75
- position: absolute
76
- top: 35%
77
39
  width: 100%
78
- z-index: 2
79
-
80
- .right-arrow
81
- background-image: url("spritesheet.png")
82
- background-position: -42px -42px
83
- background-repeat: no-repeat
84
- cursor: pointer
85
- height: 34px
86
- margin-right: 25px
87
- margin-top: 35px
88
- position: absolute
89
- right: 0
90
- width: 34px
91
-
92
- .left-arrow
93
- background-image: url("spritesheet.png")
94
- background-position: -6px -42px
95
- background-repeat: no-repeat
96
- cursor: pointer
97
- height: 34px
98
- margin-left: 25px
99
- margin-top: 35px
100
- width: 34px
101
-
102
- .menu-area
103
- background: black
104
- bottom: 0
105
- height: 25px
106
- position: absolute
107
- width: 100%
108
- -webkit-box-shadow: inset 1px 45px 9px -49px rgba(255, 200, 200, 1)
109
- -moz-box-shadow: inset 1px 45px 9px -49px rgba(255, 200, 200, 1)
110
- box-shadow: inset 1px 45px 9px -49px rgba(255, 200, 200, 1)
111
- z-index: 11
112
-
113
- .fullscreen
114
- background-image: url("spritesheet.png")
115
- background-position: -82px 2px
116
- background-repeat: no-repeat
117
- cursor: pointer
118
- height: 25px
119
- left: auto
120
- position: absolute
121
- right: 0
122
- width: 25px
123
-
124
- .exit
125
- background-position: -82px -98px
126
-
127
- .on
128
40
  height: 100%
129
- left: 0
130
- margin-left: auto
131
- margin-right: auto
132
- position: absolute
133
- right: 0
134
-
135
- .off
136
- display: none
137
-
138
- .counter
139
- color: #aaa
140
- font-family: Helvetica
141
- font-size: 13px
142
- box-shadow: inset -52px 0px 9px -57px rgba(255, 200, 200, 1)
143
- -webkit-box-shadow: inset -52px 0px 9px -55px rgba(255, 200, 200, 1)
144
- -moz-box-shadow: inset -52px 0px 9px -58px rgba(255, 200, 200, 1)
145
- height: 25px
146
- position: absolute
147
- left: 22px
148
- padding-right: 7px
149
- width: 50px
150
-
151
- .play-box
152
- height: 25px
153
- left: 0
154
- position: absolute
155
- width: 25px
156
-
157
- .play
158
- background-image: url("spritesheet.png")
159
- background-position: -110px -4px
160
- background-repeat: no-repeat
161
- cursor: pointer
162
- height: 13px
163
- left: 5px
164
- position: absolute
165
- top: 7px
166
- width: 8px
167
-
168
- .info-box
169
- height: 25px
170
- left: 84px
171
- position: absolute
172
-
173
- .info
174
- font-family: Helvetica
175
- font-size: 13px
176
- color: #aaa
177
- position: relative
178
- top: 5px
179
- white-space: nowrap
180
- overflow: hidden
181
- text-overflow: ellipsis
182
-
183
- .thumb-box
184
- box-shadow: inset 52px 0px 9px -57px rgba(255, 200, 200, 1)
185
- -webkit-box-shadow: inset 52px 0px 9px -55px rgba(255, 200, 200, 1)
186
- -moz-box-shadow: inset 52px 0px 9px -58px rgba(255, 200, 200, 1)
187
- height: 25px
188
- right: 25px
189
- position: absolute
190
- width: 30px
191
-
192
- .thumb
193
- background-image: url("spritesheet.png")
194
- background-position: -5px -125px
195
- background-repeat: no-repeat
196
- cursor: pointer
197
- height: 13px
198
- left: 9px
199
- position: absolute
200
- top: 7.3px
201
- width: 12px
202
-
203
- .stop
204
- background-position: -110px -104px
205
-
206
- .current, .total
207
- position: relative
208
- top: 4px
209
-
210
- .active-thumb
211
- border: thin solid red
41
+ .thumbs-area
42
+ background: black
43
+ height: 100%
44
+ bottom: 25px
45
+ display: none
46
+ overflow: hidden
47
+ position: absolute
48
+ top: 0
49
+ width: 100%
50
+ z-index: 10
51
+ .thumbs-box
52
+ cursor: move
53
+ height: 99%
54
+ left: 2%
55
+ overflow: hidden
56
+ position: relative
57
+ top: 1%
58
+ width: 96%
59
+ .active-thumb
60
+ border: thin solid red !important
61
+ .thumb-image
62
+ border: thin solid #222
63
+ display: inline-flex
64
+ height: 65px
65
+ margin: 5px
66
+ position: relative
67
+ width: 100px
68
+ .image
69
+ cursor: pointer
70
+ height: 100%
71
+ width: 100%
72
+ .stage-area
73
+ bottom: 0
74
+ left: 0
75
+ overflow: hidden
76
+ position: absolute
77
+ right: 0
78
+ top: 0
79
+ z-index: 1
80
+ .on
81
+ height: 100%
82
+ left: 0
83
+ margin-left: auto
84
+ margin-right: auto
85
+ position: absolute
86
+ right: 0
87
+ .off
88
+ display: none
89
+ .loader
90
+ background-image: url("loading.gif-c200")
91
+ background-color: black
92
+ background-position: 51% 50%
93
+ background-repeat: no-repeat
94
+ display: none
95
+ height: 100%
96
+ position: absolute
97
+ width: 100%
98
+ z-index: 5
99
+ .arrows-area
100
+ color: white
101
+ display: flex
102
+ height: 25%
103
+ top: 30%
104
+ left: 0
105
+ position: relative
106
+ width: 100%
107
+ z-index: 2
108
+ .right-arrow
109
+ background-image: url("spritesheet.png")
110
+ background-position: -42px -42px
111
+ background-repeat: no-repeat
112
+ cursor: pointer
113
+ height: 34px
114
+ margin-right: 5%
115
+ position: absolute
116
+ right: 0
117
+ width: 34px
118
+ .left-arrow
119
+ background-image: url("spritesheet.png")
120
+ background-position: -6px -42px
121
+ background-repeat: no-repeat
122
+ cursor: pointer
123
+ height: 34px
124
+ margin-left: 5%
125
+ width: 34px
126
+ .menu-area
127
+ background: black
128
+ bottom: 0
129
+ height: 25px
130
+ position: absolute
131
+ width: 100%
132
+ -webkit-box-shadow: inset 1px 45px 9px -49px rgba(255, 200, 200, 1)
133
+ -moz-box-shadow: inset 1px 45px 9px -49px rgba(255, 200, 200, 1)
134
+ box-shadow: inset 1px 45px 9px -49px rgba(255, 200, 200, 1)
135
+ z-index: 11
136
+ .fullscreen
137
+ background-image: url("spritesheet.png")
138
+ background-position: -82px 2px
139
+ background-repeat: no-repeat
140
+ cursor: pointer
141
+ height: 25px
142
+ left: auto
143
+ position: absolute
144
+ right: 0
145
+ width: 25px
146
+ &.exit
147
+ background-position: -82px -98px !important
148
+ .thumb-box
149
+ box-shadow: inset 52px 0px 9px -57px rgba(255, 200, 200, 1)
150
+ -webkit-box-shadow: inset 52px 0px 9px -55px rgba(255, 200, 200, 1)
151
+ -moz-box-shadow: inset 52px 0px 9px -58px rgba(255, 200, 200, 1)
152
+ height: 25px
153
+ right: 25px
154
+ position: absolute
155
+ width: 30px
156
+ .thumb
157
+ background-image: url("spritesheet.png")
158
+ background-position: -5px -125px
159
+ background-repeat: no-repeat
160
+ cursor: pointer
161
+ height: 13px
162
+ left: 9px
163
+ position: absolute
164
+ top: 7.3px
165
+ width: 12px
166
+ .info-box
167
+ height: 25px
168
+ left: 84px
169
+ position: absolute
170
+ .info
171
+ font-family: Helvetica
172
+ font-size: 13px
173
+ color: #aaa
174
+ position: relative
175
+ top: 5px
176
+ white-space: nowrap
177
+ overflow: hidden
178
+ text-overflow: ellipsis
179
+ .counter
180
+ color: #aaa
181
+ font-family: Helvetica
182
+ font-size: 13px
183
+ box-shadow: inset -52px 0px 9px -57px rgba(255, 200, 200, 1)
184
+ -webkit-box-shadow: inset -52px 0px 9px -55px rgba(255, 200, 200, 1)
185
+ -moz-box-shadow: inset -52px 0px 9px -58px rgba(255, 200, 200, 1)
186
+ height: 25px
187
+ position: absolute
188
+ left: 22px
189
+ padding-right: 7px
190
+ width: 50px
191
+ .current, .total
192
+ position: relative
193
+ top: 5px
194
+ .play-box
195
+ height: 25px
196
+ left: 0
197
+ position: absolute
198
+ width: 25px
199
+ .stop
200
+ background-position: -110px -104px !important
201
+ .play
202
+ background-image: url("spritesheet.png")
203
+ background-position: -110px -4px
204
+ background-repeat: no-repeat
205
+ cursor: pointer
206
+ height: 13px
207
+ left: 5px
208
+ position: absolute
209
+ top: 7px
210
+ width: 8px
data/knack-rails.gemspec CHANGED
@@ -10,8 +10,8 @@ Gem::Specification.new do |spec|
10
10
  spec.email = ["evrybiont@gmail.com"]
11
11
 
12
12
  spec.summary = %q{Jquery plugin}
13
- spec.description = %q{Image Gallery}
14
- spec.homepage = "https://github.com/evrybiont/knack"
13
+ spec.description = %q{Responsive Image Gallery}
14
+ spec.homepage = "https://github.com/evrybiont/knack-rails"
15
15
  spec.license = "MIT"
16
16
 
17
17
  spec.files = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
data/lib/knack-rails/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module KnackRails
2
- VERSION = "1.0.0"
2
+ VERSION = "2.0.0"
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: knack-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0
4
+ version: 2.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - evrybiont
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2015-10-08 00:00:00.000000000 Z
11
+ date: 2016-06-03 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -38,7 +38,7 @@ dependencies:
38
38
  - - "~>"
39
39
  - !ruby/object:Gem::Version
40
40
  version: '10.0'
41
- description: Image Gallery
41
+ description: Responsive Image Gallery
42
42
  email:
43
43
  - evrybiont@gmail.com
44
44
  executables: []
@@ -61,7 +61,7 @@ files:
61
61
  - lib/knack-rails.rb
62
62
  - lib/knack-rails/engine.rb
63
63
  - lib/knack-rails/version.rb
64
- homepage: https://github.com/evrybiont/knack
64
+ homepage: https://github.com/evrybiont/knack-rails
65
65
  licenses:
66
66
  - MIT
67
67
  metadata: {}
@@ -81,7 +81,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
81
81
  version: '0'
82
82
  requirements: []
83
83
  rubyforge_project:
84
- rubygems_version: 2.4.5.1
84
+ rubygems_version: 2.5.1
85
85
  signing_key:
86
86
  specification_version: 4
87
87
  summary: Jquery plugin