express_ui 0.1.1 → 0.1.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/app/assets/stylesheets/express_ui/atoms/_headings.sass +1 -1
- data/app/assets/stylesheets/express_ui/molecules/_lists.sass +28 -0
- data/app/assets/stylesheets/express_ui/molecules/_nav.sass +2 -0
- data/app/assets/stylesheets/express_ui/organisms/_header.sass +1 -1
- data/app/assets/stylesheets/express_ui/organisms/_sidebar.sass +16 -0
- data/app/assets/stylesheets/express_ui/styleguide.sass +3 -1
- data/app/assets/stylesheets/express_ui/templates/_content_sidebar.sass +1 -1
- data/app/assets/stylesheets/express_ui/templates/_master_detail.sass +9 -1
- data/app/components/code_demo.rb +1 -1
- data/app/components/component_docitem.rb +104 -0
- data/app/components/component_example.rb +63 -0
- data/app/components/express_ui/unordered_list.rb +15 -0
- data/app/controllers/express_ui/uicomponents_controller.rb +11 -0
- data/app/views/express_ui/molecules/_lists.html.et +65 -0
- data/app/views/express_ui/styleguide/index.html.erb +3 -1
- data/app/views/express_ui/templates/master_detail_fixed.html.erb +6 -0
- data/app/views/express_ui/uicomponents/_lists.html.et +20 -0
- data/app/views/express_ui/uicomponents/_table.html.et +1 -19
- data/app/views/express_ui/uicomponents/_unordered_list.html.et +3 -0
- data/app/views/express_ui/uicomponents/index.html.et +40 -38
- data/lib/express_ui/engine.rb +15 -3
- data/lib/express_ui/version.rb +1 -1
- metadata +37 -18
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 501cb78ab946ee9fc1321df247a4fa0b38aa3e67
|
|
4
|
+
data.tar.gz: 99ec2242c3f07d855b58c0d58046810d269d5cf3
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a582262e21cb1bcb3d164cd716b4ea2c5fc8e50d84337c79595f58ffc3dee0ada49b9dbb7de7863389e789563fa02a282c66888ac6c855cae1c215451f28b656
|
|
7
|
+
data.tar.gz: 80b7f360a378a63be7cbb6f5033f7fd491dab13357490628af6464481045def6e439dda8e4bf75ff2463a9983c97312a072decf1659d043e43d88908730ee47f
|
|
@@ -14,6 +14,12 @@ ul, ol
|
|
|
14
14
|
ul
|
|
15
15
|
list-style: none
|
|
16
16
|
|
|
17
|
+
.ae-list-bullet
|
|
18
|
+
list-style: circle
|
|
19
|
+
|
|
20
|
+
li
|
|
21
|
+
margin-left: 1em
|
|
22
|
+
|
|
17
23
|
.ae-list-inline
|
|
18
24
|
li
|
|
19
25
|
display: block
|
|
@@ -35,6 +41,28 @@ ul
|
|
|
35
41
|
display: block
|
|
36
42
|
clear: both
|
|
37
43
|
|
|
44
|
+
dl
|
|
45
|
+
margin-bottom: 1em
|
|
46
|
+
|
|
47
|
+
dt, dd
|
|
48
|
+
vertical-align: top
|
|
49
|
+
padding:
|
|
50
|
+
top: 0.5em
|
|
51
|
+
bottom: 0.5em
|
|
52
|
+
dt
|
|
53
|
+
border-bottom: 1px solid $border-light
|
|
54
|
+
color: $heading-color
|
|
55
|
+
|
|
56
|
+
.ae-dl-inline
|
|
57
|
+
dt, dd
|
|
58
|
+
display: inline-block
|
|
59
|
+
border-bottom: 0
|
|
60
|
+
|
|
61
|
+
dt
|
|
62
|
+
width: 30%
|
|
63
|
+
|
|
64
|
+
dd
|
|
65
|
+
width: 65%
|
|
38
66
|
|
|
39
67
|
.ae-list-media
|
|
40
68
|
figure
|
|
@@ -33,6 +33,22 @@
|
|
|
33
33
|
padding-left: $container-padding
|
|
34
34
|
padding-right: $container-padding
|
|
35
35
|
|
|
36
|
+
.ui-resizable-handle
|
|
37
|
+
cursor: col-resize
|
|
38
|
+
@include box-shadow(inset, 0, 3px, 3px, $border-light)
|
|
39
|
+
|
|
40
|
+
&:before
|
|
41
|
+
content: " "
|
|
42
|
+
position: absolute
|
|
43
|
+
top: 45%
|
|
44
|
+
height: 15px
|
|
45
|
+
width: 2px
|
|
46
|
+
z-index: 99999
|
|
47
|
+
background: $border-light
|
|
48
|
+
left: 8px
|
|
49
|
+
@include box-shadow(3px, 0, 0, $border-light)
|
|
50
|
+
@include border-radius(2px)
|
|
51
|
+
|
|
36
52
|
.ae-sidebar
|
|
37
53
|
word-wrap: inherit
|
|
38
54
|
overflow-y: scroll
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
max-width: 100%
|
|
15
15
|
|
|
16
16
|
.ae-sidebar-left
|
|
17
|
-
height:
|
|
17
|
+
height: 100%
|
|
18
18
|
overflow: visible
|
|
19
19
|
|
|
20
20
|
.ae-sidebar-right
|
|
@@ -27,6 +27,10 @@
|
|
|
27
27
|
padding: $container-padding $container-padding*4
|
|
28
28
|
width: $container
|
|
29
29
|
|
|
30
|
+
.ae-code-block
|
|
31
|
+
@include tablet
|
|
32
|
+
width: auto
|
|
33
|
+
|
|
30
34
|
.ae-template-master-detail-fixed
|
|
31
35
|
@include sidebar-right(30%)
|
|
32
36
|
@include sidebar-fixed(15%)
|
|
@@ -48,3 +52,7 @@
|
|
|
48
52
|
.ae-content
|
|
49
53
|
position: absolute
|
|
50
54
|
padding: $container-padding $container-padding*4
|
|
55
|
+
|
|
56
|
+
.ae-code-block
|
|
57
|
+
@include tablet
|
|
58
|
+
width: auto
|
data/app/components/code_demo.rb
CHANGED
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
class ComponentDocitem < ExpressTemplates::Container
|
|
2
|
+
|
|
3
|
+
prepends -> {
|
|
4
|
+
h3(style: 'text-transform: none') { component_class.to_s.demodulize }
|
|
5
|
+
|
|
6
|
+
h5 "General Information"
|
|
7
|
+
|
|
8
|
+
table {
|
|
9
|
+
tbody {
|
|
10
|
+
tr {
|
|
11
|
+
th(width: "25%", style: "text-transform: none") { "Builder Method" }
|
|
12
|
+
td {
|
|
13
|
+
code "#{builder_method}()"
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
tr {
|
|
17
|
+
th(width: "25%", style: "text-transform: none") { "Module" }
|
|
18
|
+
td { component_class.to_s.split("::")[0..-2].join("::") }
|
|
19
|
+
}
|
|
20
|
+
tr {
|
|
21
|
+
th(width: "25%", style: "text-transform: none") { "Ancestors" }
|
|
22
|
+
td { express_ancestors.join("<br>").html_safe }
|
|
23
|
+
}
|
|
24
|
+
tr {
|
|
25
|
+
th(width: "25%", style: "text-transform: none") { "Capabilities" }
|
|
26
|
+
td { express_capabilities.join("<br>").html_safe }
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
if component_class.respond_to?(:supported_options)
|
|
32
|
+
h5 "Supported Options"
|
|
33
|
+
|
|
34
|
+
table {
|
|
35
|
+
thead {
|
|
36
|
+
th { "option" }
|
|
37
|
+
th { "type" }
|
|
38
|
+
th { "default" }
|
|
39
|
+
th { "Description" }
|
|
40
|
+
}
|
|
41
|
+
tbody {
|
|
42
|
+
component_class.supported_options.each do |option, config|
|
|
43
|
+
tr {
|
|
44
|
+
td(width: "25%", style: "text-transform: none") {
|
|
45
|
+
code {
|
|
46
|
+
option.inspect
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
td {
|
|
50
|
+
pre {
|
|
51
|
+
option_types(config[:type])
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
td {
|
|
55
|
+
pre {
|
|
56
|
+
config[:default]
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
td {
|
|
60
|
+
config[:description]
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
end
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
end
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
def component_class
|
|
72
|
+
ET::Components::Registry[builder_method]
|
|
73
|
+
end
|
|
74
|
+
|
|
75
|
+
def express_ancestors
|
|
76
|
+
(component_class.ancestors - [component_class])
|
|
77
|
+
.select { |c| c.to_s.match(/Express/) &&
|
|
78
|
+
!c.to_s.match(/Capabilities/) }
|
|
79
|
+
end
|
|
80
|
+
|
|
81
|
+
def express_capabilities
|
|
82
|
+
(component_class.ancestors - [component_class])
|
|
83
|
+
.map(&:to_s)
|
|
84
|
+
.select { |c| c.match /Capabilities/ }
|
|
85
|
+
.map(&:demodulize)
|
|
86
|
+
end
|
|
87
|
+
|
|
88
|
+
def builder_method
|
|
89
|
+
config[:id].to_s
|
|
90
|
+
end
|
|
91
|
+
|
|
92
|
+
def option_types(types)
|
|
93
|
+
case
|
|
94
|
+
when types.kind_of?(Hash)
|
|
95
|
+
types.keys.map(&:inspect).join(', ')
|
|
96
|
+
when config[:type].kind_of?(Array)
|
|
97
|
+
types.map(&:inspect).join(', ')
|
|
98
|
+
else
|
|
99
|
+
types.inspect
|
|
100
|
+
end
|
|
101
|
+
end
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
end
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
class ComponentExample < ExpressTemplates::Component
|
|
2
|
+
|
|
3
|
+
tag :section
|
|
4
|
+
|
|
5
|
+
has_option :expected_output, "The markup that the example is expected to produce."
|
|
6
|
+
|
|
7
|
+
contains -> {
|
|
8
|
+
div(class: 'ae-demo-container') {
|
|
9
|
+
ul(class: 'ae-tabs') {
|
|
10
|
+
li(class: 'ae-tab active-tab', 'data-tab' => input_id){
|
|
11
|
+
"Code"
|
|
12
|
+
}
|
|
13
|
+
li(class: 'ae-tab', 'data-tab' => output_id){
|
|
14
|
+
"Output"
|
|
15
|
+
}
|
|
16
|
+
li(class: 'ae-tab', 'data-tab' => expected_id,
|
|
17
|
+
:only_when => config[:expected_output]){
|
|
18
|
+
"Expected Output"
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
div(id: input_id, class: 'ae-tab-content active-tab'){
|
|
23
|
+
highlight_code_block {
|
|
24
|
+
partial_body
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
div(id: output_id, class: 'ae-tab-content'){
|
|
29
|
+
div(class: 'demo-container'){
|
|
30
|
+
render partial: example_partial_name
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
div(id: expected_id, class: 'ae-tab-content',
|
|
35
|
+
only_when: config[:expected_output]){
|
|
36
|
+
div(class: 'demo-container'){
|
|
37
|
+
highlight_code_block {
|
|
38
|
+
config[:expected_output]
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
def input_id; "input_#{example_partial_name}"; end
|
|
46
|
+
def output_id; "output_#{example_partial_name}"; end
|
|
47
|
+
def expected_id; "expected_#{example_partial_name}"; end
|
|
48
|
+
|
|
49
|
+
def example_partial_name
|
|
50
|
+
s = component_name.dup
|
|
51
|
+
s << "_#{config[:example_name]}" if config[:example_name]
|
|
52
|
+
s
|
|
53
|
+
end
|
|
54
|
+
|
|
55
|
+
def partial_body
|
|
56
|
+
location = File.dirname(__FILE__)
|
|
57
|
+
File.read(File.join(location, '..', 'views', 'express_ui', 'uicomponents', "_#{example_partial_name}.html.et"))
|
|
58
|
+
end
|
|
59
|
+
|
|
60
|
+
def component_name
|
|
61
|
+
config[:id].to_s
|
|
62
|
+
end
|
|
63
|
+
end
|
|
@@ -4,6 +4,10 @@ module ExpressUi
|
|
|
4
4
|
class UicomponentsController < ApplicationController
|
|
5
5
|
layout "express_ui/styleguide"
|
|
6
6
|
|
|
7
|
+
before_action :load_collection
|
|
8
|
+
|
|
9
|
+
helper_method :render_to_string
|
|
10
|
+
|
|
7
11
|
def index
|
|
8
12
|
end
|
|
9
13
|
|
|
@@ -22,5 +26,12 @@ module ExpressUi
|
|
|
22
26
|
def full_width
|
|
23
27
|
end
|
|
24
28
|
|
|
29
|
+
private
|
|
30
|
+
def load_collection
|
|
31
|
+
@collection = ["one", "two", "three"]
|
|
32
|
+
end
|
|
33
|
+
def collection
|
|
34
|
+
@collection
|
|
35
|
+
end
|
|
25
36
|
end
|
|
26
37
|
end
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
h4 { 'Definition List' }
|
|
2
|
+
|
|
3
|
+
h5 { 'Inline List' }
|
|
4
|
+
|
|
5
|
+
code_demo {
|
|
6
|
+
%Q{
|
|
7
|
+
dl(class: 'ae-dl-inline' ) {
|
|
8
|
+
dt { 'Term' }
|
|
9
|
+
dd { 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim magna, fringilla a purus at, sagittis pellentesque dui. Duis placerat leo massa, non dignissim nisl dignissim vitae.' }
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
h5 { 'Horizontal List' }
|
|
15
|
+
|
|
16
|
+
code_demo {
|
|
17
|
+
%Q{
|
|
18
|
+
dl {
|
|
19
|
+
dt { 'Term' }
|
|
20
|
+
dd { 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim magna, fringilla a purus at, sagittis pellentesque dui. Duis placerat leo massa, non dignissim nisl dignissim vitae.' }
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
h4 { 'Ordered List' }
|
|
27
|
+
|
|
28
|
+
code_demo {
|
|
29
|
+
%Q{
|
|
30
|
+
ol {
|
|
31
|
+
li { 'Duis placerat leo massa, non dignissim nisl dignissim vitae.' }
|
|
32
|
+
li { 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim magna, fringilla a purus at, sagittis pellentesque dui. ' }
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
h4 { 'Undordered List' }
|
|
38
|
+
|
|
39
|
+
code_demo {
|
|
40
|
+
%Q{
|
|
41
|
+
ul(class: 'ae-list-bullet') {
|
|
42
|
+
li { 'Duis placerat leo massa, non dignissim nisl dignissim vitae.' }
|
|
43
|
+
li { 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim magna, fringilla a purus at, sagittis pellentesque dui. ' }
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
h4 { 'Inline Ordered/Undordered List' }
|
|
50
|
+
|
|
51
|
+
code_demo {
|
|
52
|
+
%Q{
|
|
53
|
+
ul(class: 'ae-list-inline') {
|
|
54
|
+
li { 'Duis placerat leo massa' }
|
|
55
|
+
li { 'Lorem ipsum dolor sit amet' }
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
ol(class: 'ae-list-inline') {
|
|
59
|
+
li { 'Duis placerat leo massa' }
|
|
60
|
+
li { 'Lorem ipsum dolor sit amet' }
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
|
|
@@ -49,7 +49,9 @@
|
|
|
49
49
|
<li><h3>Form Groups</h3>
|
|
50
50
|
<%= render "express_ui/molecules/form_groups" %>
|
|
51
51
|
</li>
|
|
52
|
-
<li><h3>Lists</h3
|
|
52
|
+
<li><h3>Lists</h3>
|
|
53
|
+
<%= render "express_ui/molecules/lists" %>
|
|
54
|
+
</li>
|
|
53
55
|
<li><h3>Nav</h3>
|
|
54
56
|
<%= render "express_ui/molecules/nav" %>
|
|
55
57
|
</li>
|
|
@@ -31,6 +31,12 @@
|
|
|
31
31
|
<%= "</div>" %>
|
|
32
32
|
<%= "<footer></footer>" %>
|
|
33
33
|
<% end %>
|
|
34
|
+
|
|
35
|
+
<div class="ae-btn-group ae-btn-group-left">
|
|
36
|
+
<%= link_to '« Back'.html_safe, styleguide_path, class: 'ae-btn ae-btn-primary ae-btn-md' %>
|
|
37
|
+
</div>
|
|
38
|
+
|
|
39
|
+
|
|
34
40
|
</div>
|
|
35
41
|
</div>
|
|
36
42
|
</div>
|
|
@@ -1,3 +1,23 @@
|
|
|
1
|
+
component_docitem(:unordered_list) {
|
|
2
|
+
component_example(:unordered_list,
|
|
3
|
+
expected_output: <<-HTML
|
|
4
|
+
<ul class="unordered-list" id="people">
|
|
5
|
+
<li>
|
|
6
|
+
<strong>Foo</strong>
|
|
7
|
+
</li>
|
|
8
|
+
<li>
|
|
9
|
+
<strong>Foo</strong>
|
|
10
|
+
</li>
|
|
11
|
+
<li>
|
|
12
|
+
<strong>Foo</strong>
|
|
13
|
+
</li>
|
|
14
|
+
</ul>
|
|
15
|
+
HTML
|
|
16
|
+
)
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
1
21
|
h3 { 'definition_list()' }
|
|
2
22
|
|
|
3
23
|
section {
|
|
@@ -1,29 +1,11 @@
|
|
|
1
|
-
h3 { 'smart_table'}
|
|
2
1
|
section {
|
|
3
|
-
|
|
4
2
|
code_demo {
|
|
5
3
|
%Q{
|
|
6
|
-
|
|
7
|
-
columns: {
|
|
8
|
-
"Column 1" => "Column 2"
|
|
9
|
-
}
|
|
10
|
-
)
|
|
4
|
+
table()
|
|
11
5
|
}
|
|
12
6
|
}
|
|
13
7
|
}
|
|
14
8
|
|
|
15
|
-
h3 { 'definition_table()' }
|
|
16
|
-
|
|
17
|
-
section {
|
|
18
|
-
code_demo {
|
|
19
|
-
%Q{
|
|
20
|
-
definition_table()
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
9
|
|
|
28
10
|
|
|
29
11
|
|
|
@@ -1,55 +1,57 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
render "express_ui/shared/header"
|
|
2
|
+
div(class: "ae-template-content-sidebar-fixed") {
|
|
3
|
+
render "express_ui/shared/sidebar_left"
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
div(class: "ae-content content") {
|
|
6
|
+
render "express_ui/shared/search_box"
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
h1 "UI Components"
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
<h2>Buttons</h2>
|
|
10
|
+
div(class: "js-anchorific-content") {
|
|
12
11
|
|
|
13
|
-
|
|
12
|
+
h2 "Lists"
|
|
13
|
+
render "express_ui/uicomponents/lists"
|
|
14
14
|
|
|
15
|
-
<h2>Forms</h2>
|
|
16
|
-
<%= render "express_ui/uicomponents/forms" %>
|
|
17
|
-
<h2>Flash Messages</h2>
|
|
18
|
-
<%= render "express_ui/uicomponents/flash_message" %>
|
|
19
15
|
|
|
20
|
-
|
|
21
|
-
<%= render "express_ui/uicomponents/heading" %>
|
|
16
|
+
# <!-- <h2>Buttons</h2>
|
|
22
17
|
|
|
23
|
-
|
|
24
|
-
<%= render "express_ui/uicomponents/icons" %>
|
|
18
|
+
# render "express_ui/uicomponents/buttons"
|
|
25
19
|
|
|
26
|
-
|
|
27
|
-
|
|
20
|
+
# <h2>Forms</h2>
|
|
21
|
+
# render "express_ui/uicomponents/forms"
|
|
22
|
+
# <h2>Flash Messages</h2>
|
|
23
|
+
# render "express_ui/uicomponents/flash_message"
|
|
28
24
|
|
|
29
|
-
|
|
30
|
-
|
|
25
|
+
# <h2>Heading</h2>
|
|
26
|
+
# render "express_ui/uicomponents/heading"
|
|
31
27
|
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
# <h2>Icons</h2>
|
|
29
|
+
# render "express_ui/uicomponents/icons"
|
|
34
30
|
|
|
35
|
-
|
|
36
|
-
|
|
31
|
+
# <h2>Layout</h2>
|
|
32
|
+
# render "express_ui/uicomponents/layout"
|
|
37
33
|
|
|
38
|
-
|
|
39
|
-
|
|
34
|
+
# <h2>Nav</h2>
|
|
35
|
+
# render "express_ui/uicomponents/nav"
|
|
40
36
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
<h2>Widget Box</h2>
|
|
37
|
+
# <h2>Panel</h2>
|
|
38
|
+
# render "express_ui/uicomponents/panel"
|
|
44
39
|
|
|
45
|
-
|
|
40
|
+
# <h2>Popup</h2>
|
|
41
|
+
# render "express_ui/uicomponents/popup"
|
|
46
42
|
|
|
47
|
-
|
|
48
|
-
|
|
43
|
+
# <h2>Tables</h2>
|
|
44
|
+
# render "express_ui/uicomponents/table"
|
|
45
|
+
# <h2>Widget Box</h2>
|
|
49
46
|
|
|
50
|
-
|
|
51
|
-
<%= render "express_ui/uicomponents/pages" %>
|
|
47
|
+
# render "express_ui/uicomponents/widget_box"
|
|
52
48
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
49
|
+
# <h2>Templates</h2>
|
|
50
|
+
# render "express_ui/templates/templates"
|
|
51
|
+
|
|
52
|
+
# <h2>Pages</h2>
|
|
53
|
+
# render "express_ui/uicomponents/pages"
|
|
54
|
+
# -->
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
data/lib/express_ui/engine.rb
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
require 'express_templates'
|
|
2
2
|
|
|
3
|
-
components = Dir.glob(File.join(File.dirname(__FILE__), '..', '..', 'app', 'components', '**', '*.rb'))
|
|
4
|
-
components.sort!
|
|
5
|
-
components.each {|component|
|
|
3
|
+
# components = Dir.glob(File.join(File.dirname(__FILE__), '..', '..', 'app', 'components', '**', '*.rb'))
|
|
4
|
+
# components.sort!
|
|
5
|
+
# components.each {|component| require_dependency component }
|
|
6
|
+
|
|
7
|
+
require 'pry'
|
|
6
8
|
|
|
7
9
|
module ExpressUi
|
|
8
10
|
class Engine < ::Rails::Engine
|
|
@@ -29,6 +31,16 @@ module ExpressUi
|
|
|
29
31
|
|
|
30
32
|
)
|
|
31
33
|
|
|
34
|
+
# Load all component definitions.
|
|
35
|
+
Dir.glob(File.expand_path('../../../app/components/**/*.rb', __FILE__)).each do |component_file|
|
|
36
|
+
component_name = File.basename(component_file).split('.').first
|
|
37
|
+
part_to_remove = File.expand_path('../../../app/components/',__FILE__)
|
|
38
|
+
relative_path = File.dirname(component_file).gsub(part_to_remove, '')
|
|
39
|
+
pathified_name = File.join(relative_path, component_name)
|
|
40
|
+
# use rails autoloader
|
|
41
|
+
pathified_name.classify.constantize
|
|
42
|
+
end
|
|
43
|
+
|
|
32
44
|
end
|
|
33
45
|
|
|
34
46
|
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.1.
|
|
4
|
+
version: 0.1.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Steven Talcott Smith
|
|
@@ -18,70 +18,84 @@ dependencies:
|
|
|
18
18
|
requirements:
|
|
19
19
|
- - '='
|
|
20
20
|
- !ruby/object:Gem::Version
|
|
21
|
-
version: 0.11.
|
|
21
|
+
version: 0.11.17
|
|
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.17
|
|
29
29
|
- !ruby/object:Gem::Dependency
|
|
30
30
|
name: rails
|
|
31
31
|
requirement: !ruby/object:Gem::Requirement
|
|
32
32
|
requirements:
|
|
33
|
-
- - ~>
|
|
33
|
+
- - "~>"
|
|
34
34
|
- !ruby/object:Gem::Version
|
|
35
35
|
version: '5.0'
|
|
36
36
|
type: :runtime
|
|
37
37
|
prerelease: false
|
|
38
38
|
version_requirements: !ruby/object:Gem::Requirement
|
|
39
39
|
requirements:
|
|
40
|
-
- - ~>
|
|
40
|
+
- - "~>"
|
|
41
41
|
- !ruby/object:Gem::Version
|
|
42
42
|
version: '5.0'
|
|
43
43
|
- !ruby/object:Gem::Dependency
|
|
44
44
|
name: sass-rails
|
|
45
45
|
requirement: !ruby/object:Gem::Requirement
|
|
46
46
|
requirements:
|
|
47
|
-
- -
|
|
47
|
+
- - ">="
|
|
48
48
|
- !ruby/object:Gem::Version
|
|
49
49
|
version: '0'
|
|
50
50
|
type: :runtime
|
|
51
51
|
prerelease: false
|
|
52
52
|
version_requirements: !ruby/object:Gem::Requirement
|
|
53
53
|
requirements:
|
|
54
|
-
- -
|
|
54
|
+
- - ">="
|
|
55
55
|
- !ruby/object:Gem::Version
|
|
56
56
|
version: '0'
|
|
57
57
|
- !ruby/object:Gem::Dependency
|
|
58
58
|
name: jquery-rails
|
|
59
59
|
requirement: !ruby/object:Gem::Requirement
|
|
60
60
|
requirements:
|
|
61
|
-
- -
|
|
61
|
+
- - ">="
|
|
62
62
|
- !ruby/object:Gem::Version
|
|
63
63
|
version: '0'
|
|
64
64
|
type: :runtime
|
|
65
65
|
prerelease: false
|
|
66
66
|
version_requirements: !ruby/object:Gem::Requirement
|
|
67
67
|
requirements:
|
|
68
|
-
- -
|
|
68
|
+
- - ">="
|
|
69
69
|
- !ruby/object:Gem::Version
|
|
70
70
|
version: '0'
|
|
71
71
|
- !ruby/object:Gem::Dependency
|
|
72
72
|
name: font-awesome-sass
|
|
73
73
|
requirement: !ruby/object:Gem::Requirement
|
|
74
74
|
requirements:
|
|
75
|
-
- - ~>
|
|
75
|
+
- - "~>"
|
|
76
76
|
- !ruby/object:Gem::Version
|
|
77
77
|
version: '4.7'
|
|
78
78
|
type: :runtime
|
|
79
79
|
prerelease: false
|
|
80
80
|
version_requirements: !ruby/object:Gem::Requirement
|
|
81
81
|
requirements:
|
|
82
|
-
- - ~>
|
|
82
|
+
- - "~>"
|
|
83
83
|
- !ruby/object:Gem::Version
|
|
84
84
|
version: '4.7'
|
|
85
|
+
- !ruby/object:Gem::Dependency
|
|
86
|
+
name: pry
|
|
87
|
+
requirement: !ruby/object:Gem::Requirement
|
|
88
|
+
requirements:
|
|
89
|
+
- - ">="
|
|
90
|
+
- !ruby/object:Gem::Version
|
|
91
|
+
version: '0'
|
|
92
|
+
type: :development
|
|
93
|
+
prerelease: false
|
|
94
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
95
|
+
requirements:
|
|
96
|
+
- - ">="
|
|
97
|
+
- !ruby/object:Gem::Version
|
|
98
|
+
version: '0'
|
|
85
99
|
description: User interface library for AppExpress components (https://appexpress.io)
|
|
86
100
|
email:
|
|
87
101
|
- steve@aelogica.com
|
|
@@ -91,6 +105,9 @@ executables: []
|
|
|
91
105
|
extensions: []
|
|
92
106
|
extra_rdoc_files: []
|
|
93
107
|
files:
|
|
108
|
+
- MIT-LICENSE
|
|
109
|
+
- README.md
|
|
110
|
+
- Rakefile
|
|
94
111
|
- app/assets/images/appexpress/express_admin.svg
|
|
95
112
|
- app/assets/images/appexpress/express_api.svg
|
|
96
113
|
- app/assets/images/appexpress/express_auth.svg
|
|
@@ -136,6 +153,9 @@ files:
|
|
|
136
153
|
- app/assets/stylesheets/express_ui/templates/_half_width.sass
|
|
137
154
|
- app/assets/stylesheets/express_ui/templates/_master_detail.sass
|
|
138
155
|
- app/components/code_demo.rb
|
|
156
|
+
- app/components/component_docitem.rb
|
|
157
|
+
- app/components/component_example.rb
|
|
158
|
+
- app/components/express_ui/unordered_list.rb
|
|
139
159
|
- app/controllers/express_ui/about_controller.rb
|
|
140
160
|
- app/controllers/express_ui/application_controller.rb
|
|
141
161
|
- app/controllers/express_ui/pages_controller.rb
|
|
@@ -164,6 +184,7 @@ files:
|
|
|
164
184
|
- app/views/express_ui/molecules/_forms_checkbox.html.erb
|
|
165
185
|
- app/views/express_ui/molecules/_forms_radio.html.erb
|
|
166
186
|
- app/views/express_ui/molecules/_forms_select.html.erb
|
|
187
|
+
- app/views/express_ui/molecules/_lists.html.et
|
|
167
188
|
- app/views/express_ui/molecules/_nav.html.erb
|
|
168
189
|
- app/views/express_ui/molecules/_nav_mega_menu.html.erb
|
|
169
190
|
- app/views/express_ui/molecules/_table.html.erb
|
|
@@ -201,6 +222,7 @@ files:
|
|
|
201
222
|
- app/views/express_ui/uicomponents/_register.html.erb
|
|
202
223
|
- app/views/express_ui/uicomponents/_sidebar.html.et
|
|
203
224
|
- app/views/express_ui/uicomponents/_table.html.et
|
|
225
|
+
- app/views/express_ui/uicomponents/_unordered_list.html.et
|
|
204
226
|
- app/views/express_ui/uicomponents/_widget_box.html.et
|
|
205
227
|
- app/views/express_ui/uicomponents/index.html.et
|
|
206
228
|
- app/views/layouts/express_ui/_head.html.erb
|
|
@@ -212,16 +234,13 @@ files:
|
|
|
212
234
|
- app/views/layouts/express_ui/master_detail_fixed.html.erb
|
|
213
235
|
- app/views/layouts/express_ui/styleguide.html.erb
|
|
214
236
|
- config/routes.rb
|
|
237
|
+
- lib/express_ui.rb
|
|
215
238
|
- lib/express_ui/engine.rb
|
|
216
239
|
- lib/express_ui/version.rb
|
|
217
|
-
- lib/express_ui.rb
|
|
218
240
|
- lib/tasks/express_ui_tasks.rake
|
|
219
241
|
- vendor/assets/javascripts/anchorific.js
|
|
220
242
|
- vendor/assets/javascripts/resizable.js
|
|
221
243
|
- vendor/assets/stylesheets/resizable.css
|
|
222
|
-
- MIT-LICENSE
|
|
223
|
-
- Rakefile
|
|
224
|
-
- README.md
|
|
225
244
|
homepage: https://github.com/aelogica/express-gems/express_ui
|
|
226
245
|
licenses:
|
|
227
246
|
- MIT
|
|
@@ -232,17 +251,17 @@ require_paths:
|
|
|
232
251
|
- lib
|
|
233
252
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
234
253
|
requirements:
|
|
235
|
-
- -
|
|
254
|
+
- - ">="
|
|
236
255
|
- !ruby/object:Gem::Version
|
|
237
256
|
version: '0'
|
|
238
257
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
239
258
|
requirements:
|
|
240
|
-
- -
|
|
259
|
+
- - ">="
|
|
241
260
|
- !ruby/object:Gem::Version
|
|
242
261
|
version: '0'
|
|
243
262
|
requirements: []
|
|
244
263
|
rubyforge_project:
|
|
245
|
-
rubygems_version: 2.
|
|
264
|
+
rubygems_version: 2.5.2
|
|
246
265
|
signing_key:
|
|
247
266
|
specification_version: 4
|
|
248
267
|
summary: User interface library for AppExpress components
|