express_ui 0.4.1 → 0.4.2

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 69bcce5371653226cf808c04eda1a897381506ce
4
- data.tar.gz: 5a5ba6f11f9eb3fd4a9668f344c43a8816e3c7fe
3
+ metadata.gz: d9ddc6f2ca3ccaedda85a85998385e591dd69f50
4
+ data.tar.gz: c1abffaf68acec679f44bfe9700f9847b0826d52
5
5
  SHA512:
6
- metadata.gz: b0a345c06dbfd397994b4d3eb44248293a255a55cca094c77edd224fcb24cf3ec53914c3ecc98dabde5651bd6df26ec07a3d751d87bb2c3b29ff41f3e4bb814e
7
- data.tar.gz: 975d352658faf4e7650e9e4fa7feaafde6a45c1f6a03722d8c35b8caf5d08c7cbb587577aac2121ed400a536c6e29ebf9dddfef01f2dfe76c64420411cccd0fe
6
+ metadata.gz: 5ec789f6570022b8abb877720c58748f9a801c59643c220baf7998a33e8d6f50da8d026dae4326f7093d43d7025e268d3ec2ee9c6ce677b747ced6869bd8e204
7
+ data.tar.gz: 692ed5ee2db89bea242f5e20c566a880ca0dcf9ea46ecd40a776eb11528d6d8793035152244e7ba7370dc9f61657035266dfb76f5d5e687af2852b437e27e72e
data/README.md CHANGED
@@ -42,7 +42,11 @@ Visit `http://localhost:3000/express_ui`.
42
42
 
43
43
  ## Contributing
44
44
 
45
- Contribution directions go here.
45
+ Read the contributing [guide](/CONTRIBUTING.md).
46
+
47
+ ## Releasing
48
+
49
+ Read the releasing [guide](/RELEASING.md).
46
50
 
47
51
  ## License
48
52
 
@@ -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
@@ -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
@@ -1,3 +1,3 @@
1
1
  module ExpressUi
2
- VERSION = '0.4.1'
2
+ VERSION = '0.4.2'
3
3
  end
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.1
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-11 00:00:00.000000000 Z
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.19
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.19
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