express_ui 0.4.1 → 0.4.2
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.
- checksums.yaml +4 -4
- data/README.md +5 -1
- data/app/views/layouts/express_ui/_head.html.erb +0 -2
- data/config/initializers/components.rb +16 -0
- data/lib/express_ui/engine.rb +0 -11
- data/lib/express_ui/version.rb +1 -1
- metadata +6 -6
- data/app/assets/stylesheets/_express_ui.sass +0 -305
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d9ddc6f2ca3ccaedda85a85998385e591dd69f50
|
4
|
+
data.tar.gz: c1abffaf68acec679f44bfe9700f9847b0826d52
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5ec789f6570022b8abb877720c58748f9a801c59643c220baf7998a33e8d6f50da8d026dae4326f7093d43d7025e268d3ec2ee9c6ce677b747ced6869bd8e204
|
7
|
+
data.tar.gz: 692ed5ee2db89bea242f5e20c566a880ca0dcf9ea46ecd40a776eb11528d6d8793035152244e7ba7370dc9f61657035266dfb76f5d5e687af2852b437e27e72e
|
data/README.md
CHANGED
@@ -12,8 +12,6 @@
|
|
12
12
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
|
13
13
|
<%= stylesheet_link_tag 'express_ui/styleguide', :media => "all" %>
|
14
14
|
<%= stylesheet_link_tag 'application', :media => "all" %>
|
15
|
-
<% if controller_name.match(/express_ui/) %>
|
16
15
|
<%= javascript_include_tag 'express_ui/application', 'data-turbolinks-track': 'reload' %>
|
17
|
-
<% end %>
|
18
16
|
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
|
19
17
|
</head>
|
@@ -0,0 +1,16 @@
|
|
1
|
+
# ET relies on the constants already loaded before using names such as `code_demo`.
|
2
|
+
# Think of it as selective eager loading.
|
3
|
+
|
4
|
+
### See also
|
5
|
+
# (1) https://git.appexpress.io/appexpress/express_templates/blob/master/lib/express_templates/components/base.rb#L56
|
6
|
+
# (2) https://git.appexpress.io/appexpress/express_templates/blob/master/lib/arbre/patches.rb#L73
|
7
|
+
###
|
8
|
+
|
9
|
+
Dir.glob(File.expand_path("../../../app/components/**/*.rb", __FILE__)).each do |component_file|
|
10
|
+
component_name = File.basename(component_file).split('.').first
|
11
|
+
part_to_remove = File.expand_path("../../../app/components/", __FILE__)
|
12
|
+
relative_path = File.dirname(component_file).gsub(part_to_remove, '')
|
13
|
+
pathified_name = File.join(relative_path, component_name)
|
14
|
+
#puts "#{pathified_name}"
|
15
|
+
pathified_name.classify.constantize
|
16
|
+
end
|
data/lib/express_ui/engine.rb
CHANGED
@@ -27,17 +27,6 @@ module ExpressUi
|
|
27
27
|
appexpress/express_report.svg
|
28
28
|
appexpress/express_seo.svg
|
29
29
|
)
|
30
|
-
|
31
|
-
# Load all component definitions.
|
32
|
-
# TODO: does this really belong here?
|
33
|
-
Dir.glob(File.expand_path('../../../app/components/**/*.rb', __FILE__)).each do |component_file|
|
34
|
-
component_name = File.basename(component_file).split('.').first
|
35
|
-
part_to_remove = File.expand_path('../../../app/components/',__FILE__)
|
36
|
-
relative_path = File.dirname(component_file).gsub(part_to_remove, '')
|
37
|
-
pathified_name = File.join(relative_path, component_name)
|
38
|
-
# use rails autoloader
|
39
|
-
pathified_name.classify.constantize
|
40
|
-
end
|
41
30
|
end
|
42
31
|
end
|
43
32
|
end
|
data/lib/express_ui/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: express_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.4.
|
4
|
+
version: 0.4.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Steven Talcott Smith
|
@@ -10,7 +10,7 @@ authors:
|
|
10
10
|
autorequire:
|
11
11
|
bindir: bin
|
12
12
|
cert_chain: []
|
13
|
-
date: 2017-05-
|
13
|
+
date: 2017-05-18 00:00:00.000000000 Z
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
16
16
|
name: express_templates
|
@@ -18,14 +18,14 @@ dependencies:
|
|
18
18
|
requirements:
|
19
19
|
- - "~>"
|
20
20
|
- !ruby/object:Gem::Version
|
21
|
-
version: 0.11
|
21
|
+
version: '0.11'
|
22
22
|
type: :runtime
|
23
23
|
prerelease: false
|
24
24
|
version_requirements: !ruby/object:Gem::Requirement
|
25
25
|
requirements:
|
26
26
|
- - "~>"
|
27
27
|
- !ruby/object:Gem::Version
|
28
|
-
version: 0.11
|
28
|
+
version: '0.11'
|
29
29
|
- !ruby/object:Gem::Dependency
|
30
30
|
name: rails
|
31
31
|
requirement: !ruby/object:Gem::Requirement
|
@@ -168,7 +168,6 @@ files:
|
|
168
168
|
- app/assets/javascripts/express_ui/search.js
|
169
169
|
- app/assets/javascripts/express_ui/sidebar.js
|
170
170
|
- app/assets/javascripts/express_ui/styleguide.js
|
171
|
-
- app/assets/stylesheets/_express_ui.sass
|
172
171
|
- app/assets/stylesheets/express_ui/application.sass
|
173
172
|
- app/assets/stylesheets/express_ui/atoms/_animations.sass
|
174
173
|
- app/assets/stylesheets/express_ui/atoms/_buttons.sass
|
@@ -299,6 +298,7 @@ files:
|
|
299
298
|
- app/views/layouts/express_ui/master_detail.html.html.erb
|
300
299
|
- app/views/layouts/express_ui/master_detail_fixed.html.erb
|
301
300
|
- app/views/layouts/express_ui/styleguide.html.erb
|
301
|
+
- config/initializers/components.rb
|
302
302
|
- config/routes.rb
|
303
303
|
- lib/express_ui.rb
|
304
304
|
- lib/express_ui/engine.rb
|
@@ -339,7 +339,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
339
339
|
version: '0'
|
340
340
|
requirements: []
|
341
341
|
rubyforge_project:
|
342
|
-
rubygems_version: 2.5.2
|
342
|
+
rubygems_version: 2.4.5.2
|
343
343
|
signing_key:
|
344
344
|
specification_version: 4
|
345
345
|
summary: User interface library for AppExpress components
|
@@ -1,305 +0,0 @@
|
|
1
|
-
// IMPORTANT: Make sure this file is imported in the application.sass, i.e.g, @import 'mixins/express_ui'
|
2
|
-
// Content Outline
|
3
|
-
//
|
4
|
-
// I. Variables
|
5
|
-
// II. Mixins
|
6
|
-
|
7
|
-
// I. Variables
|
8
|
-
$primary-color: #6699CC
|
9
|
-
$primary-active-color: #477db0
|
10
|
-
$secondary-color: #999999
|
11
|
-
$sidebar-caret-icon: #ffffff
|
12
|
-
$success: #3c763d
|
13
|
-
$cancelled: #a94442
|
14
|
-
$pending: #faf2cc
|
15
|
-
$deleted: lighten($secondary-color, 30%)
|
16
|
-
$border-dark: $secondary-color
|
17
|
-
$border-light: #eaeaea
|
18
|
-
$body-color: #666
|
19
|
-
$body-background: #fff
|
20
|
-
$heading-color: #333
|
21
|
-
$link-color: $primary-color
|
22
|
-
$body-lighter: #999
|
23
|
-
$icon-color: #333
|
24
|
-
$smartphone: 480px
|
25
|
-
$tablet: 768px
|
26
|
-
$laptop: 1024px
|
27
|
-
$desktop: 1440px
|
28
|
-
$gray-background: #F7F7F7
|
29
|
-
$thead-color: #888
|
30
|
-
$dark-gray-background: rgba(#ccc, 0.1)
|
31
|
-
$container: 960px
|
32
|
-
$line-height: 14px
|
33
|
-
$font-size-root: 62.5%
|
34
|
-
$header-height: 55px
|
35
|
-
$header-max-height: 60px
|
36
|
-
$container-padding: 0.25em
|
37
|
-
// Because all browsers have a default font-size of 16px, setting the font-size to 62.5% on the html element gives it a font-size of 10px (10 / 16 * 100 = 62.5)
|
38
|
-
|
39
|
-
// II. Mixins
|
40
|
-
|
41
|
-
@mixin border-radius($n)
|
42
|
-
-moz-border-radius: $n
|
43
|
-
-webkit-border-radius: $n
|
44
|
-
border-radius: $n
|
45
|
-
|
46
|
-
@mixin box-shadow($top, $left, $blur, $color, $inset:"")
|
47
|
-
-webkit-box-shadow: $top $left $blur $color #{$inset}
|
48
|
-
-moz-box-shadow: $top $left $blur $color #{$inset}
|
49
|
-
box-shadow: $top $left $blur $color #{$inset}
|
50
|
-
|
51
|
-
@mixin well
|
52
|
-
margin: 0
|
53
|
-
background: $gray-background
|
54
|
-
@include border-radius(2px)
|
55
|
-
@include box-shadow(inset 0, 0, 3px, $border-dark)
|
56
|
-
@include animate(0.5s)
|
57
|
-
|
58
|
-
&:hover
|
59
|
-
background: rgba($primary-color, 0.1)
|
60
|
-
|
61
|
-
*
|
62
|
-
color: #333
|
63
|
-
|
64
|
-
@mixin clearfix
|
65
|
-
overflow: auto
|
66
|
-
|
67
|
-
&:before, &:after
|
68
|
-
content: ""
|
69
|
-
display: table
|
70
|
-
|
71
|
-
|
72
|
-
@mixin easeInOut
|
73
|
-
-moz-transition: all 0.3s ease-in-out
|
74
|
-
-o-transition: all 0.3s ease-in-out
|
75
|
-
-webkit-transition: all 0.3s ease-in-out
|
76
|
-
transition: all 0.3s ease-in-out
|
77
|
-
|
78
|
-
@mixin animate($n)
|
79
|
-
transition: all $n ease-out
|
80
|
-
|
81
|
-
@mixin scale
|
82
|
-
transform: scale(1.1)
|
83
|
-
|
84
|
-
@mixin button
|
85
|
-
@include border-radius(3px)
|
86
|
-
padding: 0.5em
|
87
|
-
margin: 0.25em 0.25em 0 0
|
88
|
-
border: 0
|
89
|
-
cursor: pointer
|
90
|
-
text-align: center
|
91
|
-
|
92
|
-
@mixin btn-type($type)
|
93
|
-
background: $type
|
94
|
-
border: 1px solid $type
|
95
|
-
|
96
|
-
&.ae-btn-border
|
97
|
-
color: $type !important
|
98
|
-
|
99
|
-
&:active, &:focus
|
100
|
-
@include box-shadow(inset, 2px, 2px, 2px, darken($type, 20%))
|
101
|
-
|
102
|
-
@mixin h1
|
103
|
-
@include font-size(32px, 32px)
|
104
|
-
|
105
|
-
@mixin h2
|
106
|
-
@include font-size(28px, 28px)
|
107
|
-
|
108
|
-
@mixin h3
|
109
|
-
@include font-size(24px, 24px)
|
110
|
-
|
111
|
-
@mixin h4
|
112
|
-
@include font-size(20px, 20px)
|
113
|
-
|
114
|
-
@mixin h5
|
115
|
-
@include font-size(16px, 16px)
|
116
|
-
|
117
|
-
@mixin h6
|
118
|
-
@include font-size(12px, 12px)
|
119
|
-
|
120
|
-
@mixin heading($border-color, $casing)
|
121
|
-
text-transform: $casing
|
122
|
-
border-bottom: 1px solid $border-color
|
123
|
-
padding-bottom: 0.5em
|
124
|
-
|
125
|
-
// $casing: uppercase, default
|
126
|
-
|
127
|
-
|
128
|
-
@mixin smartphone
|
129
|
-
@media only screen and (min-width: $smartphone)
|
130
|
-
@content
|
131
|
-
|
132
|
-
@mixin smartphone-max
|
133
|
-
@media only screen and (max-width: $smartphone)
|
134
|
-
@content
|
135
|
-
|
136
|
-
@mixin tablet
|
137
|
-
@media only screen and (min-width: $tablet)
|
138
|
-
@content
|
139
|
-
|
140
|
-
@mixin tablet-max
|
141
|
-
@media only screen and (max-width: $tablet)
|
142
|
-
@content
|
143
|
-
|
144
|
-
@mixin laptop
|
145
|
-
@media only screen and (min-width: $laptop)
|
146
|
-
@content
|
147
|
-
|
148
|
-
@mixin laptop-max
|
149
|
-
@media only screen and (max-width: $laptop)
|
150
|
-
@content
|
151
|
-
|
152
|
-
@mixin desktop
|
153
|
-
@media only screen and (min-width: $desktop)
|
154
|
-
@content
|
155
|
-
|
156
|
-
@mixin desktop-only
|
157
|
-
display: none !important
|
158
|
-
|
159
|
-
@include tablet
|
160
|
-
display: inline-block !important
|
161
|
-
|
162
|
-
@mixin mobile-only
|
163
|
-
display: block
|
164
|
-
|
165
|
-
@include tablet
|
166
|
-
display: none !important
|
167
|
-
|
168
|
-
|
169
|
-
@mixin body-font
|
170
|
-
font-family: 'Lato', sans-serif
|
171
|
-
|
172
|
-
@mixin header-font
|
173
|
-
font-family: 'Lato', sans-serif
|
174
|
-
|
175
|
-
@mixin icon-font
|
176
|
-
font-family: FontAwesome
|
177
|
-
|
178
|
-
@function rem($size)
|
179
|
-
$remSize: $size / 16px
|
180
|
-
@return #{$remSize}rem
|
181
|
-
|
182
|
-
@mixin font-size($size, $large_size)
|
183
|
-
font-size: rem($size)
|
184
|
-
|
185
|
-
@include tablet
|
186
|
-
font-size: rem($large_size*1.3)
|
187
|
-
|
188
|
-
@include desktop
|
189
|
-
font-size: rem($large_size*1.5)
|
190
|
-
|
191
|
-
@mixin p
|
192
|
-
@include font-size(18px, 24px)
|
193
|
-
font-weight: normal
|
194
|
-
|
195
|
-
|
196
|
-
@mixin ae-margin-left
|
197
|
-
margin-left: 0.25em
|
198
|
-
|
199
|
-
@mixin ae-margin-right
|
200
|
-
margin-right: 0.25em
|
201
|
-
|
202
|
-
@mixin status
|
203
|
-
@include border-radius(2px)
|
204
|
-
padding: 4px 10px
|
205
|
-
font-weight: bold
|
206
|
-
text-transform: uppercase
|
207
|
-
|
208
|
-
@mixin status-success
|
209
|
-
background: $success
|
210
|
-
color: #fff !important
|
211
|
-
|
212
|
-
@mixin status-error
|
213
|
-
background: $cancelled
|
214
|
-
color: #fff !important
|
215
|
-
|
216
|
-
@mixin status-pending
|
217
|
-
background: $pending
|
218
|
-
color: darken($pending, 60%)
|
219
|
-
|
220
|
-
@mixin status-deleted
|
221
|
-
background: $deleted
|
222
|
-
color: #999
|
223
|
-
|
224
|
-
@mixin badge
|
225
|
-
background: $primary-color
|
226
|
-
color: #fff
|
227
|
-
@include border-radius(20px)
|
228
|
-
margin-left: 10px
|
229
|
-
padding: 4px 10px
|
230
|
-
font-weight: bold
|
231
|
-
text-transform: uppercase
|
232
|
-
|
233
|
-
@mixin badge-success
|
234
|
-
background: $success
|
235
|
-
color: #fff !important
|
236
|
-
|
237
|
-
@mixin badge-error
|
238
|
-
background: $cancelled
|
239
|
-
color: #fff !important
|
240
|
-
|
241
|
-
@mixin badge-pending
|
242
|
-
background: $pending
|
243
|
-
color: darken($pending, 60%) !important
|
244
|
-
|
245
|
-
@mixin badge-deleted
|
246
|
-
background: $deleted
|
247
|
-
color: #999 !important
|
248
|
-
|
249
|
-
@mixin container-table
|
250
|
-
display: table
|
251
|
-
|
252
|
-
@mixin container-table-cell
|
253
|
-
display: table-cell
|
254
|
-
|
255
|
-
@mixin fa-input
|
256
|
-
position: absolute
|
257
|
-
top: 30%
|
258
|
-
left: 15px
|
259
|
-
color: $body-color
|
260
|
-
|
261
|
-
@include tablet-max
|
262
|
-
top: 34%
|
263
|
-
|
264
|
-
@include desktop
|
265
|
-
top: 30%
|
266
|
-
|
267
|
-
@mixin input
|
268
|
-
border: 1px solid $border-dark
|
269
|
-
width: 100%
|
270
|
-
@include border-radius(3px)
|
271
|
-
@include box-shadow(inset, 2px, 2px, 2px, lighten($border-dark, 20%))
|
272
|
-
outline: none
|
273
|
-
@include easeInOut
|
274
|
-
margin: 10px 0
|
275
|
-
@include body-font
|
276
|
-
vertical-align: top
|
277
|
-
|
278
|
-
&:focus
|
279
|
-
border: 1px solid $primary-color
|
280
|
-
@include box-shadow(0, 0, 5px, 0, $primary-color)
|
281
|
-
|
282
|
-
@mixin sidebar($width)
|
283
|
-
.ae-sidebar-left
|
284
|
-
width: $width
|
285
|
-
|
286
|
-
@include laptop
|
287
|
-
width: 250px
|
288
|
-
|
289
|
-
@mixin sidebar-fixed($width)
|
290
|
-
.ae-sidebar-left
|
291
|
-
width: $width
|
292
|
-
position: fixed
|
293
|
-
|
294
|
-
@include laptop
|
295
|
-
max-width: 250px
|
296
|
-
|
297
|
-
.ae-content
|
298
|
-
left: $width
|
299
|
-
|
300
|
-
@mixin sidebar-right($width)
|
301
|
-
.ae-content
|
302
|
-
right: $width
|
303
|
-
|
304
|
-
.ae-sidebar-right
|
305
|
-
width: $width
|