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.
Files changed (88) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/express_ui/application.js +36 -38
  3. data/app/assets/stylesheets/express_ui/application.sass +6 -0
  4. data/app/assets/stylesheets/express_ui/atoms/_animations.sass +4 -0
  5. data/app/assets/stylesheets/express_ui/atoms/_buttons.sass +63 -9
  6. data/app/assets/stylesheets/express_ui/atoms/_icons.sass +20 -1
  7. data/app/assets/stylesheets/express_ui/atoms/_reset.sass +5 -2
  8. data/app/assets/stylesheets/express_ui/atoms/_typography.sass +11 -6
  9. data/app/assets/stylesheets/express_ui/atoms/_utilities.sass +5 -0
  10. data/app/assets/stylesheets/express_ui/mixins/_express_ui.sass +75 -13
  11. data/app/assets/stylesheets/express_ui/molecules/_button_group.sass +17 -0
  12. data/app/assets/stylesheets/express_ui/molecules/_container.sass +57 -6
  13. data/app/assets/stylesheets/express_ui/molecules/_flash_messages.sass +42 -12
  14. data/app/assets/stylesheets/express_ui/molecules/_form_groups.sass +75 -6
  15. data/app/assets/stylesheets/express_ui/molecules/_forms.sass +38 -4
  16. data/app/assets/stylesheets/express_ui/molecules/_lists.sass +44 -8
  17. data/app/assets/stylesheets/express_ui/molecules/_nav.sass +7 -2
  18. data/app/assets/stylesheets/express_ui/molecules/_progress_bar.sass +33 -0
  19. data/app/assets/stylesheets/express_ui/molecules/_progress_indicator.sass +5 -1
  20. data/app/assets/stylesheets/express_ui/molecules/_tables.sass +5 -0
  21. data/app/assets/stylesheets/express_ui/organisms/_detail.sass +28 -0
  22. data/app/assets/stylesheets/express_ui/organisms/_dropdown.sass +14 -0
  23. data/app/assets/stylesheets/express_ui/organisms/_header.sass +1 -1
  24. data/app/assets/stylesheets/express_ui/organisms/_panels.sass +41 -0
  25. data/app/assets/stylesheets/express_ui/organisms/_popovers.sass +9 -0
  26. data/app/assets/stylesheets/express_ui/organisms/_sidebar.sass +35 -27
  27. data/app/assets/stylesheets/express_ui/scripts/_accordion.sass +12 -8
  28. data/app/assets/stylesheets/express_ui/scripts/_popup.sass +39 -3
  29. data/app/assets/stylesheets/express_ui/templates/_content_sidebar.sass +0 -1
  30. data/app/assets/stylesheets/express_ui/templates/_full_width.sass +9 -0
  31. data/app/assets/stylesheets/express_ui/templates/_master_detail.sass +53 -1
  32. data/app/controllers/express_ui/uicomponents_controller.rb +3 -0
  33. data/app/helpers/express_ui/application_helper.rb +1 -0
  34. data/app/helpers/express_ui/checks_for_testing.rb +13 -0
  35. data/app/views/express_ui/molecules/_lists.html.erb +0 -0
  36. data/app/views/express_ui/shared/_header.html.erb +0 -1
  37. data/app/views/express_ui/styleguide/index.html.erb +0 -6
  38. data/app/views/express_ui/templates/master_detail_fixed.html.erb +24 -24
  39. data/app/views/layouts/express_ui/_doctype_html.html.erb +9 -0
  40. data/app/views/layouts/express_ui/_head.html.erb +1 -7
  41. data/app/views/layouts/express_ui/content_and_sidebar.html.erb +24 -10
  42. data/app/views/layouts/express_ui/content_and_sidebar_fixed.html.erb +25 -10
  43. data/app/views/layouts/express_ui/full_width.html.erb +10 -6
  44. data/app/views/layouts/express_ui/half_width.html.erb +2 -2
  45. data/app/views/layouts/express_ui/master_detail.html.html.erb +9 -5
  46. data/app/views/layouts/express_ui/master_detail_fixed.html.erb +17 -11
  47. data/app/views/layouts/express_ui/master_detail_sidebar.html.erb +30 -0
  48. data/app/views/layouts/express_ui/styleguide.html.erb +2 -6
  49. data/lib/express_ui/engine.rb +0 -2
  50. data/lib/express_ui/version.rb +1 -1
  51. metadata +15 -56
  52. data/app/components/code_demo.rb +0 -29
  53. data/app/components/component_docitem.rb +0 -140
  54. data/app/components/component_example.rb +0 -100
  55. data/app/components/express_ui/panel.rb +0 -37
  56. data/app/components/express_ui/unordered_list.rb +0 -29
  57. data/app/views/express_ui/molecules/_lists.html.et +0 -65
  58. data/app/views/express_ui/molecules/_nav_mega_menu.html.et +0 -94
  59. data/app/views/express_ui/molecules/_nav_menu.html.et +0 -17
  60. data/app/views/express_ui/molecules/_progress_indicator.html.et +0 -56
  61. data/app/views/express_ui/scripts/_accordion.html.et +0 -69
  62. data/app/views/express_ui/scripts/_calendar.html.et +0 -35
  63. data/app/views/express_ui/scripts/_carousel.html.et +0 -21
  64. data/app/views/express_ui/scripts/_datepicker.html.et +0 -37
  65. data/app/views/express_ui/scripts/_popup.html.et +0 -58
  66. data/app/views/express_ui/scripts/_select.html.et +0 -27
  67. data/app/views/express_ui/scripts/_slider.html.et +0 -58
  68. data/app/views/express_ui/scripts/_tabs.html.et +0 -17
  69. data/app/views/express_ui/scripts/index.html.erb +0 -46
  70. data/app/views/express_ui/uicomponents/_buttons.html.et +0 -10
  71. data/app/views/express_ui/uicomponents/_flash_message.html.et +0 -19
  72. data/app/views/express_ui/uicomponents/_forms.html.et +0 -118
  73. data/app/views/express_ui/uicomponents/_heading.html.et +0 -24
  74. data/app/views/express_ui/uicomponents/_icons.html.et +0 -35
  75. data/app/views/express_ui/uicomponents/_layout.html.et +0 -47
  76. data/app/views/express_ui/uicomponents/_lists.html.et +0 -49
  77. data/app/views/express_ui/uicomponents/_nav.html.et +0 -18
  78. data/app/views/express_ui/uicomponents/_pages.html.erb +0 -30
  79. data/app/views/express_ui/uicomponents/_panels.html.et +0 -14
  80. data/app/views/express_ui/uicomponents/_popup.html.et +0 -19
  81. data/app/views/express_ui/uicomponents/_register.html.erb +0 -14
  82. data/app/views/express_ui/uicomponents/_sidebar.html.et +0 -8
  83. data/app/views/express_ui/uicomponents/_table.html.et +0 -11
  84. data/app/views/express_ui/uicomponents/_widget_box.html.et +0 -14
  85. data/app/views/express_ui/uicomponents/examples/_panel.html.et +0 -9
  86. data/app/views/express_ui/uicomponents/examples/_unordered_list.html.et +0 -5
  87. data/app/views/express_ui/uicomponents/examples/_unordered_list_with_ids.html.et +0 -5
  88. 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,18 +0,0 @@
1
- h3 { 'navbaractions()' }
2
- section {
3
-
4
- code_demo {
5
- "navbaractions() {
6
- }"
7
- }
8
- }
9
-
10
- h3 { 'mega_menu()' }
11
- section {
12
-
13
- code_demo {
14
- "mega_menu() {
15
- }"
16
- }
17
- }
18
-
@@ -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,19 +0,0 @@
1
- section {
2
- para {
3
- "Popups (or modal) is a dialog box window that is displayed on top of the current page."
4
- }
5
-
6
- code_demo {
7
- %Q{
8
- popup() {
9
- }
10
- }
11
- }
12
-
13
- code_demo {
14
- %Q{
15
- popup_actions() {
16
- }
17
- }
18
- }
19
- }
@@ -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,8 +0,0 @@
1
- section {
2
- code_demo {
3
- %Q{
4
- sidebar_region {
5
- }
6
- }
7
- }
8
- }
@@ -1,11 +0,0 @@
1
- section {
2
- code_demo {
3
- %Q{
4
- table()
5
- }
6
- }
7
- }
8
-
9
-
10
-
11
-
@@ -1,14 +0,0 @@
1
- section {
2
- code_demo {
3
- %Q{
4
- widget_box() {
5
-
6
- }
7
- }
8
- }
9
- }
10
-
11
-
12
-
13
-
14
-
@@ -1,9 +0,0 @@
1
- panel(:a_panel_example) {
2
- para %q(Lorem ipsum dolor sit amet, consectetur adipiscing elit,
3
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.)
4
- ul {
5
- li "one"
6
- li "two"
7
- li "three"
8
- }
9
- }
@@ -1,5 +0,0 @@
1
- unordered_list(:people) {
2
- strong {
3
- person
4
- }
5
- }
@@ -1,5 +0,0 @@
1
- unordered_list(:people_with_ids, collection_name: :people) {
2
- strong {
3
- person.name
4
- }
5
- }
@@ -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
- }