express_ui 0.5.0 → 0.5.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/javascripts/express_ui/application.js +36 -38
- data/app/assets/stylesheets/express_ui/application.sass +6 -0
- data/app/assets/stylesheets/express_ui/atoms/_animations.sass +4 -0
- data/app/assets/stylesheets/express_ui/atoms/_buttons.sass +63 -9
- data/app/assets/stylesheets/express_ui/atoms/_icons.sass +20 -1
- data/app/assets/stylesheets/express_ui/atoms/_reset.sass +5 -2
- data/app/assets/stylesheets/express_ui/atoms/_typography.sass +11 -6
- data/app/assets/stylesheets/express_ui/atoms/_utilities.sass +5 -0
- data/app/assets/stylesheets/express_ui/mixins/_express_ui.sass +75 -13
- data/app/assets/stylesheets/express_ui/molecules/_button_group.sass +17 -0
- data/app/assets/stylesheets/express_ui/molecules/_container.sass +57 -6
- data/app/assets/stylesheets/express_ui/molecules/_flash_messages.sass +42 -12
- data/app/assets/stylesheets/express_ui/molecules/_form_groups.sass +75 -6
- data/app/assets/stylesheets/express_ui/molecules/_forms.sass +38 -4
- data/app/assets/stylesheets/express_ui/molecules/_lists.sass +44 -8
- data/app/assets/stylesheets/express_ui/molecules/_nav.sass +7 -2
- data/app/assets/stylesheets/express_ui/molecules/_progress_bar.sass +33 -0
- data/app/assets/stylesheets/express_ui/molecules/_progress_indicator.sass +5 -1
- data/app/assets/stylesheets/express_ui/molecules/_tables.sass +5 -0
- data/app/assets/stylesheets/express_ui/organisms/_detail.sass +28 -0
- data/app/assets/stylesheets/express_ui/organisms/_dropdown.sass +14 -0
- data/app/assets/stylesheets/express_ui/organisms/_header.sass +1 -1
- data/app/assets/stylesheets/express_ui/organisms/_panels.sass +41 -0
- data/app/assets/stylesheets/express_ui/organisms/_popovers.sass +9 -0
- data/app/assets/stylesheets/express_ui/organisms/_sidebar.sass +35 -27
- data/app/assets/stylesheets/express_ui/scripts/_accordion.sass +12 -8
- data/app/assets/stylesheets/express_ui/scripts/_popup.sass +39 -3
- data/app/assets/stylesheets/express_ui/templates/_content_sidebar.sass +0 -1
- data/app/assets/stylesheets/express_ui/templates/_full_width.sass +9 -0
- data/app/assets/stylesheets/express_ui/templates/_master_detail.sass +53 -1
- data/app/controllers/express_ui/uicomponents_controller.rb +3 -0
- data/app/helpers/express_ui/application_helper.rb +1 -0
- data/app/helpers/express_ui/checks_for_testing.rb +13 -0
- data/app/views/express_ui/molecules/_lists.html.erb +0 -0
- data/app/views/express_ui/shared/_header.html.erb +0 -1
- data/app/views/express_ui/styleguide/index.html.erb +0 -6
- data/app/views/express_ui/templates/master_detail_fixed.html.erb +24 -24
- data/app/views/layouts/express_ui/_doctype_html.html.erb +9 -0
- data/app/views/layouts/express_ui/_head.html.erb +1 -7
- data/app/views/layouts/express_ui/content_and_sidebar.html.erb +24 -10
- data/app/views/layouts/express_ui/content_and_sidebar_fixed.html.erb +25 -10
- data/app/views/layouts/express_ui/full_width.html.erb +10 -6
- data/app/views/layouts/express_ui/half_width.html.erb +2 -2
- data/app/views/layouts/express_ui/master_detail.html.html.erb +9 -5
- data/app/views/layouts/express_ui/master_detail_fixed.html.erb +17 -11
- data/app/views/layouts/express_ui/master_detail_sidebar.html.erb +30 -0
- data/app/views/layouts/express_ui/styleguide.html.erb +2 -6
- data/lib/express_ui/engine.rb +0 -2
- data/lib/express_ui/version.rb +1 -1
- metadata +15 -56
- data/app/components/code_demo.rb +0 -29
- data/app/components/component_docitem.rb +0 -140
- data/app/components/component_example.rb +0 -100
- data/app/components/express_ui/panel.rb +0 -37
- data/app/components/express_ui/unordered_list.rb +0 -29
- data/app/views/express_ui/molecules/_lists.html.et +0 -65
- data/app/views/express_ui/molecules/_nav_mega_menu.html.et +0 -94
- data/app/views/express_ui/molecules/_nav_menu.html.et +0 -17
- data/app/views/express_ui/molecules/_progress_indicator.html.et +0 -56
- data/app/views/express_ui/scripts/_accordion.html.et +0 -69
- data/app/views/express_ui/scripts/_calendar.html.et +0 -35
- data/app/views/express_ui/scripts/_carousel.html.et +0 -21
- data/app/views/express_ui/scripts/_datepicker.html.et +0 -37
- data/app/views/express_ui/scripts/_popup.html.et +0 -58
- data/app/views/express_ui/scripts/_select.html.et +0 -27
- data/app/views/express_ui/scripts/_slider.html.et +0 -58
- data/app/views/express_ui/scripts/_tabs.html.et +0 -17
- data/app/views/express_ui/scripts/index.html.erb +0 -46
- data/app/views/express_ui/uicomponents/_buttons.html.et +0 -10
- data/app/views/express_ui/uicomponents/_flash_message.html.et +0 -19
- data/app/views/express_ui/uicomponents/_forms.html.et +0 -118
- data/app/views/express_ui/uicomponents/_heading.html.et +0 -24
- data/app/views/express_ui/uicomponents/_icons.html.et +0 -35
- data/app/views/express_ui/uicomponents/_layout.html.et +0 -47
- data/app/views/express_ui/uicomponents/_lists.html.et +0 -49
- data/app/views/express_ui/uicomponents/_nav.html.et +0 -18
- data/app/views/express_ui/uicomponents/_pages.html.erb +0 -30
- data/app/views/express_ui/uicomponents/_panels.html.et +0 -14
- data/app/views/express_ui/uicomponents/_popup.html.et +0 -19
- data/app/views/express_ui/uicomponents/_register.html.erb +0 -14
- data/app/views/express_ui/uicomponents/_sidebar.html.et +0 -8
- data/app/views/express_ui/uicomponents/_table.html.et +0 -11
- data/app/views/express_ui/uicomponents/_widget_box.html.et +0 -14
- data/app/views/express_ui/uicomponents/examples/_panel.html.et +0 -9
- data/app/views/express_ui/uicomponents/examples/_unordered_list.html.et +0 -5
- data/app/views/express_ui/uicomponents/examples/_unordered_list_with_ids.html.et +0 -5
- data/app/views/express_ui/uicomponents/index.html.et +0 -52
@@ -1,49 +0,0 @@
|
|
1
|
-
component_docitem(:unordered_list) {
|
2
|
-
component_example(:unordered_list,
|
3
|
-
assigns: {
|
4
|
-
people: ["Callahan", 'Reyes', 'Morrison', 'Quimby']
|
5
|
-
},
|
6
|
-
expected_output: <<-HTML
|
7
|
-
<ul class="unordered-list" id="people">
|
8
|
-
<li class="person">
|
9
|
-
<strong>Callahan</strong>
|
10
|
-
</li>
|
11
|
-
<li class="person">
|
12
|
-
<strong>Reyes</strong>
|
13
|
-
</li>
|
14
|
-
<li class="person">
|
15
|
-
<strong>Morrison</strong>
|
16
|
-
</li>
|
17
|
-
<li class="person">
|
18
|
-
<strong>Quimby</strong>
|
19
|
-
</li>
|
20
|
-
</ul>
|
21
|
-
HTML
|
22
|
-
)
|
23
|
-
|
24
|
-
component_example(:unordered_list, example_name: 'with_ids',
|
25
|
-
assigns: {
|
26
|
-
people: [ExpressUi::Examples::Person.new(id: 1, name: 'Callahan'),
|
27
|
-
ExpressUi::Examples::Person.new(id: 2, name: 'Reyes'),
|
28
|
-
ExpressUi::Examples::Person.new(id: 3, name: 'Morrison'),
|
29
|
-
ExpressUi::Examples::Person.new(id: 4, name: 'Quimby')]
|
30
|
-
},
|
31
|
-
expected_output: <<-HTML
|
32
|
-
<ul class="unordered-list" id="people_with_ids">
|
33
|
-
<li id="person:1" class="person">
|
34
|
-
<strong>Callahan</strong>
|
35
|
-
</li>
|
36
|
-
<li id="person:2" class="person">
|
37
|
-
<strong>Reyes</strong>
|
38
|
-
</li>
|
39
|
-
<li id="person:3" class="person">
|
40
|
-
<strong>Morrison</strong>
|
41
|
-
</li>
|
42
|
-
<li id="person:4" class="person">
|
43
|
-
<strong>Quimby</strong>
|
44
|
-
</li>
|
45
|
-
</ul>
|
46
|
-
HTML
|
47
|
-
)
|
48
|
-
|
49
|
-
}
|
@@ -1,30 +0,0 @@
|
|
1
|
-
<section>
|
2
|
-
<table>
|
3
|
-
<thead>
|
4
|
-
<th>Page</th>
|
5
|
-
<th>Demo</th>
|
6
|
-
</thead>
|
7
|
-
<tbody>
|
8
|
-
<tr>
|
9
|
-
<td>Admin</th>
|
10
|
-
<td><a href=<%= ui_components_pages_admin_path%>>View Sample</a></td>
|
11
|
-
</tr>
|
12
|
-
<tr>
|
13
|
-
<td>Launch/Coming Soon</th>
|
14
|
-
<td><a href=<%= ui_components_pages_coming_soon_path%>>View Sample</a></td>
|
15
|
-
</tr>
|
16
|
-
<tr>
|
17
|
-
<td>Register</th>
|
18
|
-
<td><a href=<%= ui_components_pages_register_path%>>View Sample</a></td>
|
19
|
-
</tr>
|
20
|
-
<tr>
|
21
|
-
<td>Login & Password Reset</th>
|
22
|
-
<td><a href=<%= ui_components_pages_login_path%>>View Sample</a></td>
|
23
|
-
</tr>
|
24
|
-
<tr>
|
25
|
-
<td>Static</th>
|
26
|
-
<td><a href=<%= ui_components_pages_static_path%>>View Sample</a></td>
|
27
|
-
</tr>
|
28
|
-
</tbody>
|
29
|
-
</table>
|
30
|
-
</section>
|
@@ -1,14 +0,0 @@
|
|
1
|
-
component_docitem(:panel,
|
2
|
-
description:
|
3
|
-
%q(
|
4
|
-
A Panel provides a way of boxing up groups of related
|
5
|
-
contents to separate it from the rest of the document.
|
6
|
-
|
7
|
-
Panels usually have a header, content body, and footer.
|
8
|
-
Normal content blocks don't need to be in panels
|
9
|
-
if they only include texts or images. Panels offer styling
|
10
|
-
options.
|
11
|
-
)
|
12
|
-
) {
|
13
|
-
component_example(:panel)
|
14
|
-
}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
<form class="ae-form-horizontal ae-u-text-left">
|
2
|
-
<div class="ae-form-field">
|
3
|
-
<label for="email">Email</label>
|
4
|
-
<input class="ae-text-field ae-input-md" type="email" name="email" value="user@email.com" id="email" placeholder="user@email.com" />
|
5
|
-
<p class="ae-hint">Your email adress</p>
|
6
|
-
</div>
|
7
|
-
<div class="ae-form-field">
|
8
|
-
<label for="password">New Password</label>
|
9
|
-
<input class="ae-text-field ae-input-md" type="password" name="password" value="Enter password" id="password" placeholder="Enter password" />
|
10
|
-
</div>
|
11
|
-
<div class="ae-actions">
|
12
|
-
<button class="ae-btn ae-btn-primary ae-btn-md" type="submit">Create an Account</button>
|
13
|
-
</div>
|
14
|
-
</form>
|
@@ -1,52 +0,0 @@
|
|
1
|
-
render "express_ui/shared/header"
|
2
|
-
div(class: "ae-template-content-sidebar-fixed") {
|
3
|
-
render "express_ui/shared/sidebar_left"
|
4
|
-
|
5
|
-
div(class: "ae-content content") {
|
6
|
-
render "express_ui/shared/search_box"
|
7
|
-
|
8
|
-
h1 "UI Components"
|
9
|
-
|
10
|
-
div(class: "js-anchorific-content") {
|
11
|
-
|
12
|
-
h2 "Lists"
|
13
|
-
render "express_ui/uicomponents/lists"
|
14
|
-
|
15
|
-
h2 "Panels"
|
16
|
-
render "express_ui/uicomponents/panels"
|
17
|
-
|
18
|
-
h2 "Buttons"
|
19
|
-
# render "express_ui/uicomponents/buttons"
|
20
|
-
|
21
|
-
h2 "Forms"
|
22
|
-
# render "express_ui/uicomponents/forms"
|
23
|
-
|
24
|
-
h2 "Flash Messages"
|
25
|
-
# render "express_ui/uicomponents/flash_message"
|
26
|
-
|
27
|
-
h2 "Heading"
|
28
|
-
# render "express_ui/uicomponents/heading"
|
29
|
-
|
30
|
-
h2 "Icons"
|
31
|
-
# render "express_ui/uicomponents/icons"
|
32
|
-
|
33
|
-
h2 "Layout"
|
34
|
-
# render "express_ui/uicomponents/layout"
|
35
|
-
|
36
|
-
h2 "Nav"
|
37
|
-
# render "express_ui/uicomponents/nav"
|
38
|
-
|
39
|
-
h2 "Popups"
|
40
|
-
# render "express_ui/uicomponents/popup"
|
41
|
-
|
42
|
-
h2 "Tables"
|
43
|
-
# render "express_ui/uicomponents/table"
|
44
|
-
|
45
|
-
h2 "Templates"
|
46
|
-
# render "express_ui/templates/templates"
|
47
|
-
|
48
|
-
h2 "Pages"
|
49
|
-
render "express_ui/uicomponents/pages"
|
50
|
-
}
|
51
|
-
}
|
52
|
-
}
|