beyond_canvas 0.13.1.pre → 0.14.0.pre

Sign up to get free protection for your applications and to get access to all the features.
Files changed (101) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/icons/file.svg +1 -0
  3. data/app/assets/images/icons/flash_checkbox.svg +1 -0
  4. data/app/assets/images/icons/flash_close.svg +1 -0
  5. data/app/assets/images/icons/flash_error.svg +1 -0
  6. data/app/assets/images/icons/flash_info.svg +1 -0
  7. data/app/assets/images/icons/flash_warning.svg +1 -0
  8. data/app/assets/javascripts/beyond_canvas/base.js +94 -0
  9. data/app/assets/stylesheets/beyond_canvas/base.scss +25 -0
  10. data/app/assets/stylesheets/beyond_canvas/components/_actions.scss +6 -0
  11. data/app/assets/stylesheets/beyond_canvas/components/_buttons.scss +112 -0
  12. data/app/assets/stylesheets/beyond_canvas/components/_cards.scss +34 -0
  13. data/app/assets/stylesheets/beyond_canvas/components/_comments.scss +6 -0
  14. data/app/assets/stylesheets/beyond_canvas/components/_flash.scss +66 -0
  15. data/app/assets/stylesheets/beyond_canvas/components/_forms.scss +43 -0
  16. data/app/assets/stylesheets/beyond_canvas/components/_inputs.scss +97 -0
  17. data/app/assets/stylesheets/beyond_canvas/components/_layouts.scss +7 -0
  18. data/app/assets/stylesheets/beyond_canvas/components/_links.scss +17 -0
  19. data/app/assets/stylesheets/beyond_canvas/components/_main.scss +39 -0
  20. data/app/assets/stylesheets/beyond_canvas/components/_margins.scss +9 -0
  21. data/app/assets/stylesheets/beyond_canvas/components/_markdown.scss +74 -0
  22. data/app/assets/stylesheets/beyond_canvas/components/_notices.scss +58 -0
  23. data/app/assets/stylesheets/beyond_canvas/components/_relative.scss +3 -0
  24. data/app/assets/stylesheets/beyond_canvas/components/_spinner.scss +48 -0
  25. data/app/assets/stylesheets/beyond_canvas/components/_tables.scss +31 -0
  26. data/app/assets/stylesheets/beyond_canvas/components/_texts.scss +7 -0
  27. data/app/assets/stylesheets/beyond_canvas/mailer.scss +5 -0
  28. data/app/assets/stylesheets/beyond_canvas/settings/{_reset_css.sass → _reset_css.scss} +29 -21
  29. data/app/assets/stylesheets/beyond_canvas/settings/_typography.scss +67 -0
  30. data/app/assets/stylesheets/beyond_canvas/settings/_variables.scss +147 -0
  31. data/app/assets/stylesheets/beyond_canvas/utilities/_mixins.scss +24 -0
  32. data/app/controllers/beyond_canvas/application_controller.rb +1 -1
  33. data/app/controllers/beyond_canvas/system_controller.rb +1 -1
  34. data/app/controllers/concerns/beyond_canvas/locale_management.rb +4 -4
  35. data/app/controllers/concerns/beyond_canvas/request_validation.rb +7 -5
  36. data/app/controllers/concerns/beyond_canvas/status_codes.rb +5 -3
  37. data/app/form_builders/beyond_canvas/form_builder.rb +13 -9
  38. data/app/helpers/beyond_canvas/application_helper.rb +17 -18
  39. data/app/helpers/beyond_canvas/locale_switch_helper.rb +1 -1
  40. data/app/javascript/beyond_canvas/base.js +6 -0
  41. data/app/{assets/javascripts/beyond_canvas → javascript/beyond_canvas/initializers}/buttons.js +19 -14
  42. data/app/{assets/javascripts/beyond_canvas → javascript/beyond_canvas/initializers}/flash.js +11 -7
  43. data/app/javascript/beyond_canvas/initializers/inputs.js +39 -0
  44. data/app/views/beyond_canvas/custom/_public_head.html.erb +1 -0
  45. data/app/views/beyond_canvas/locales/_edit.html.erb +8 -0
  46. data/app/views/beyond_canvas/mailer/_header.html.erb +2 -2
  47. data/app/views/beyond_canvas/shared/_flash.html.erb +13 -0
  48. data/app/views/beyond_canvas/shared/_head.html.erb +29 -0
  49. data/app/views/beyond_canvas/shared/_logo.html.erb +2 -0
  50. data/app/views/layouts/beyond_canvas/public.html.erb +16 -0
  51. data/config/initializers/beyond_canvas/filter_parameter_logging.rb +5 -5
  52. data/lib/beyond_canvas.rb +12 -17
  53. data/lib/beyond_canvas/asset_registration.rb +29 -0
  54. data/lib/beyond_canvas/configuration.rb +27 -0
  55. data/lib/beyond_canvas/engine.rb +10 -1
  56. data/lib/beyond_canvas/version.rb +1 -1
  57. data/lib/generators/beyond_canvas/assets/assets_generator.rb +14 -0
  58. data/lib/generators/beyond_canvas/assets/templates/beyond_canvas.js +1 -0
  59. data/lib/generators/beyond_canvas/assets/templates/beyond_canvas.scss +1 -0
  60. data/lib/generators/beyond_canvas/{install_generator.rb → beyond_api/beyond_api_generator.rb} +1 -7
  61. data/lib/generators/beyond_canvas/{custom_styles_generator.rb → custom_styles/custom_styles_generator.rb} +2 -2
  62. data/lib/generators/{templates → beyond_canvas/custom_styles/templates}/beyond_canvas_custom_styles.sass +0 -0
  63. data/lib/generators/beyond_canvas/install/install_generator.rb +35 -0
  64. data/lib/generators/beyond_canvas/install/templates/beyond_canvas.rb.erb +40 -0
  65. data/lib/generators/beyond_canvas/webpacker/plugins/jquery.js +7 -0
  66. data/lib/generators/beyond_canvas/webpacker/templates/beyond_canvas.js +3 -0
  67. data/lib/generators/beyond_canvas/webpacker/templates/beyond_canvas.scss +1 -0
  68. data/lib/generators/beyond_canvas/webpacker/webpacker_generator.rb +26 -0
  69. metadata +86 -70
  70. data/app/assets/javascripts/beyond_canvas.js +0 -3
  71. data/app/assets/javascripts/beyond_canvas/inputs.js +0 -28
  72. data/app/assets/stylesheets/beyond_canvas.sass +0 -25
  73. data/app/assets/stylesheets/beyond_canvas/components/_actions.sass +0 -5
  74. data/app/assets/stylesheets/beyond_canvas/components/_buttons.sass +0 -86
  75. data/app/assets/stylesheets/beyond_canvas/components/_cards.sass +0 -26
  76. data/app/assets/stylesheets/beyond_canvas/components/_comments.sass +0 -5
  77. data/app/assets/stylesheets/beyond_canvas/components/_flash.sass +0 -51
  78. data/app/assets/stylesheets/beyond_canvas/components/_forms.sass +0 -32
  79. data/app/assets/stylesheets/beyond_canvas/components/_inputs.sass +0 -79
  80. data/app/assets/stylesheets/beyond_canvas/components/_layouts.sass +0 -5
  81. data/app/assets/stylesheets/beyond_canvas/components/_links.sass +0 -13
  82. data/app/assets/stylesheets/beyond_canvas/components/_main.sass +0 -28
  83. data/app/assets/stylesheets/beyond_canvas/components/_margins.sass +0 -7
  84. data/app/assets/stylesheets/beyond_canvas/components/_markdown.sass +0 -60
  85. data/app/assets/stylesheets/beyond_canvas/components/_notices.sass +0 -41
  86. data/app/assets/stylesheets/beyond_canvas/components/_relative.sass +0 -2
  87. data/app/assets/stylesheets/beyond_canvas/components/_spinner.sass +0 -38
  88. data/app/assets/stylesheets/beyond_canvas/components/_tables.sass +0 -25
  89. data/app/assets/stylesheets/beyond_canvas/components/_texts.sass +0 -6
  90. data/app/assets/stylesheets/beyond_canvas/mailer.sass +0 -5
  91. data/app/assets/stylesheets/beyond_canvas/settings/_typography.sass +0 -53
  92. data/app/assets/stylesheets/beyond_canvas/settings/_variables.sass +0 -145
  93. data/app/assets/stylesheets/beyond_canvas/utilities/_mixins.sass +0 -19
  94. data/app/views/beyond_canvas/custom/_public_head.html.slim +0 -0
  95. data/app/views/beyond_canvas/locales/_edit.html.slim +0 -6
  96. data/app/views/beyond_canvas/shared/_flash.html.slim +0 -6
  97. data/app/views/beyond_canvas/shared/_head.html.slim +0 -20
  98. data/app/views/beyond_canvas/shared/_logo.html.slim +0 -2
  99. data/app/views/layouts/beyond_canvas/public.html.slim +0 -12
  100. data/config/initializers/beyond_canvas/assets.rb +0 -5
  101. data/lib/generators/templates/beyond_canvas.rb +0 -20
data/app/assets/stylesheets/beyond_canvas/components/_cards.sass DELETED
@@ -1,26 +0,0 @@
1
- .card
2
- background: $white
3
- border-radius: $card-border-radius
4
- box-shadow: $card-box-shadow
5
-
6
- &:not(:last-child)
7
- margin-bottom: $card-margin
8
-
9
- &--relative
10
- position: relative
11
-
12
- &--padding
13
- +padding($card-padding)
14
- box-sizing: border-box
15
-
16
- &__separator
17
- +margin($card-separator-spacing null)
18
- border-bottom: 1px solid $card-separator-color
19
- left: -#{$card-padding}
20
- position: relative
21
- width: calc(100% + 2 * #{$card-padding})
22
-
23
- &__headline
24
- color: $card-title-color
25
- font-size: 20px
26
- margin-bottom: 20px
data/app/assets/stylesheets/beyond_canvas/components/_comments.sass DELETED
@@ -1,5 +0,0 @@
1
- .comment
2
- padding: 20px
3
- box-sizing: border-box
4
- background: $comment-background
5
- color: $comment-color
data/app/assets/stylesheets/beyond_canvas/components/_flash.sass DELETED
@@ -1,51 +0,0 @@
1
- .flash
2
- +position(fixed, 70px null null null)
3
- background-color: $white
4
- border-radius: $flash-border-radius
5
- box-shadow: $flash-box-shadow
6
- display: flex
7
- overflow: hidden
8
- transition: .7s linear
9
- z-index: 9999
10
-
11
- &--shown
12
- // sass-lint:disable no-important
13
- right: 25px !important
14
- // sass-lint:enable no-important
15
- transition: .4s linear
16
-
17
- &__icon
18
- align-items: center
19
- box-sizing: border-box
20
- color: $white
21
- display: flex
22
- font-size: 18px
23
- justify-content: center
24
- min-width: 34px
25
- padding: 11px 8px
26
-
27
- &--success
28
- background-color: $flash-success
29
-
30
- &--info
31
- background-color: $flash-info
32
-
33
- &--warning
34
- background-color: $flash-warning
35
-
36
- &--error
37
- background-color: $flash-error
38
-
39
- &__message
40
- +padding(10px 15px)
41
- box-sizing: border-box
42
- color: $flash-color
43
-
44
- &__close
45
- +padding(10px 15px)
46
- align-items: center
47
- box-sizing: border-box
48
- color: $flash-color
49
- cursor: pointer
50
- display: flex
51
- font-size: 10px
data/app/assets/stylesheets/beyond_canvas/components/_forms.sass DELETED
@@ -1,32 +0,0 @@
1
- %form__actions
2
- align-items: center
3
- display: flex
4
-
5
- .form
6
-
7
- &__row,
8
- &__actions
9
- width: 100%
10
-
11
- &:not(:last-child)
12
- margin-bottom: 30px
13
-
14
- &__actions
15
-
16
- &--spaced
17
- @extend %form__actions
18
- justify-content: space-between
19
-
20
- &--left
21
- @extend %form__actions
22
- justify-content: flex-start
23
-
24
- *:not(:last-child)
25
- margin-right: 30px
26
-
27
- &--right
28
- @extend %form__actions
29
- justify-content: flex-end
30
-
31
- *:not(:first-child)
32
- margin-left: 30px
data/app/assets/stylesheets/beyond_canvas/components/_inputs.sass DELETED
@@ -1,79 +0,0 @@
1
- #{$all-text-inputs},
2
- select
3
- background-color: $white
4
- border: 1px solid $input-border-color
5
- border-radius: 3px
6
- box-sizing: border-box
7
- outline: none
8
- padding: 6px 8px
9
- width: 100%
10
-
11
- #{$all-text-inputs}
12
- line-height: 1
13
-
14
- #{$all-text-inputs-focus},
15
- select:focus
16
- border-color: $input-border-color-focus
17
-
18
- select
19
- +prefixer(appearance, none, ('webkit', 'moz'))
20
- background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, $input-border-color, $input-border-color)
21
- background-position: calc(100% - 19px) calc(1em + -1px), calc(100% - 15px) calc(1em + -1px), calc(100% - 2.5em) 0.5em
22
- background-size: 4px 4px, 4px 4px, 0 0
23
- background-repeat: no-repeat
24
-
25
- #{$all-text-inputs},
26
- select
27
-
28
- &.input__error
29
- border-left: 2px solid $input-errors-color
30
-
31
- &:focus
32
- border: 1px solid $input-border-color-focus
33
-
34
- .input
35
-
36
- &__label
37
- color: $label-color
38
- display: block
39
- font-size: 13px
40
- font-weight: bold
41
-
42
- &__hint
43
- color: $hint-color
44
- font-size: 13px
45
- margin-top: 1px
46
-
47
- &__file
48
- display: flex
49
- align-items: center
50
-
51
- &__label
52
- display: inline-block
53
-
54
- &__text
55
- margin-left: 20px
56
- font-weight: 500
57
- text-overflow: ellipsis
58
- overflow: hidden
59
- white-space: nowrap
60
- max-width: 200px
61
-
62
- &__icon
63
- margin-right: 5px
64
- position: relative
65
- top: 1px
66
-
67
- label.input__error
68
- +padding(5px 7px)
69
- +position(absolute, calc(100% + 8px) null null 0)
70
- background-color: $input-errors-color
71
- border-radius: 3px
72
- color: $white
73
- font-size: 13px
74
- z-index: 1
75
-
76
- &::before
77
- +position(absolute, null null 100% 8px)
78
- +triangle('up', 12px, 6px, $input-errors-color)
79
- content: ''
data/app/assets/stylesheets/beyond_canvas/components/_layouts.sass DELETED
@@ -1,5 +0,0 @@
1
- .body--public
2
-
3
- .select--locale
4
- +position(absolute, 40px 40px null null)
5
- width: 200px
data/app/assets/stylesheets/beyond_canvas/components/_links.sass DELETED
@@ -1,13 +0,0 @@
1
- .link
2
-
3
- &__icon
4
- margin-right: 10px
5
-
6
- &--primary
7
- +color-darken($link-primary-color, 10%)
8
-
9
- &--secondary
10
- +color-darken($link-secondary-color, 10%)
11
-
12
- &--danger
13
- +color-darken($link-danger-color, 10%)
data/app/assets/stylesheets/beyond_canvas/components/_main.sass DELETED
@@ -1,28 +0,0 @@
1
- %body
2
- background-color: $main-background
3
-
4
- .body--public
5
- @extend %body
6
-
7
- .main-wrapper
8
- +margin(32px auto)
9
- max-width: 531px
10
- width: 94%
11
-
12
- .logo
13
- +margin($logo-margin-top-public auto $logo-margin-bottom-public)
14
- display: block
15
- width: 238px
16
-
17
- .body--single-page
18
- @extend %body
19
-
20
- .main-wrapper
21
- +margin(32px auto)
22
- max-width: 876px
23
- width: 94%
24
-
25
- .logo
26
- +margin($logo-margin-top-public auto $logo-margin-bottom-public)
27
- display: block
28
- width: 238px
data/app/assets/stylesheets/beyond_canvas/components/_margins.sass DELETED
@@ -1,7 +0,0 @@
1
- .margin
2
-
3
- &--top
4
- margin-top: 30px
5
-
6
- &--bottom
7
- margin-bottom: 30px
data/app/assets/stylesheets/beyond_canvas/components/_markdown.sass DELETED
@@ -1,60 +0,0 @@
1
- .markdown
2
-
3
- > :first-child
4
- margin-top: 0 !important
5
-
6
- > :last-child
7
- margin-bottom: 0
8
-
9
- > *:not(:last-child)
10
- margin-bottom: 16px
11
-
12
- h1, h2, h3, h4
13
- margin-top: 24px
14
-
15
- h1
16
- font-size: 2em
17
-
18
- h2
19
- font-size: 1.5em
20
-
21
- h3
22
- font-size: 1.25em
23
-
24
- h4
25
- font-size: 1em
26
-
27
- ul,
28
- ol
29
- padding-left: 2em
30
-
31
- ul
32
- margin-bottom: 0
33
-
34
- table
35
-
36
- thead
37
- background-color: $markdown-table-head-background
38
- font-weight: 700
39
-
40
- thead,
41
- tbody
42
-
43
- tr
44
-
45
- th,
46
- td
47
- border: 1px solid $markdown-table-border-color
48
- padding: .4em .8em
49
-
50
- blockquote
51
- border-left: .25em solid $markdown-blockquote-border-color
52
- color: $markdown-blockquote-font-color
53
- padding: 0 1em
54
-
55
- hr
56
- background-color: $markdown-hr-background
57
- border: 0
58
- height: 4px
59
- margin: 24px 0 !important
60
- padding: 0
data/app/assets/stylesheets/beyond_canvas/components/_notices.sass DELETED
@@ -1,41 +0,0 @@
1
- .notice
2
- border-radius: $notice-border-radius
3
- border: 1px solid
4
- box-sizing: border-box
5
- display: flex
6
-
7
- &--success
8
- border-color: $notice-success-background
9
-
10
- .notice__icon
11
- background-color: $notice-success-background
12
-
13
- &--info
14
- border-color: $notice-info-background
15
-
16
- .notice__icon
17
- background-color: $notice-info-background
18
-
19
- &--warning
20
- border-color: $notice-warning-background
21
-
22
- .notice__icon
23
- background-color: $notice-warning-background
24
-
25
- &--error
26
- border-color: $notice-error-background
27
-
28
- .notice__icon
29
- background-color: $notice-error-background
30
-
31
- &__icon
32
- +padding(10px 8px)
33
- color: $white
34
- display: flex
35
- font-size: 18px
36
-
37
- &__content
38
- +padding(8px 14px)
39
- color: $notice-color
40
- display: flex
41
- align-items: center
data/app/assets/stylesheets/beyond_canvas/components/_relative.sass DELETED
@@ -1,2 +0,0 @@
1
- .relative
2
- position: relative
data/app/assets/stylesheets/beyond_canvas/components/_spinner.sass DELETED
@@ -1,38 +0,0 @@
1
- .spinner
2
- display: flex
3
- margin-right: 12px
4
- width: 24px
5
- text-align: center
6
-
7
- > div
8
- margin: 0 !important
9
- width: 8px
10
- height: 8px
11
- border-radius: 100%
12
- display: inline-block
13
- -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both
14
- animation: sk-bouncedelay 1.4s infinite ease-in-out both
15
-
16
- .bounce1
17
- -webkit-animation-delay: -0.32s
18
- animation-delay: -0.32s
19
-
20
- .bounce2
21
- -webkit-animation-delay: -0.16s
22
- animation-delay: -0.16s
23
-
24
- @-webkit-keyframes sk-bouncedelay
25
- 0%, 80%, 100%
26
- -webkit-transform: scale(0)
27
-
28
- 40%
29
- -webkit-transform: scale(1)
30
-
31
- @keyframes sk-bouncedelay
32
- 0%, 80%, 100%
33
- -webkit-transform: scale(0)
34
- transform: scale(0)
35
-
36
- 40%
37
- -webkit-transform: scale(1)
38
- transform: scale(1)
data/app/assets/stylesheets/beyond_canvas/components/_tables.sass DELETED
@@ -1,25 +0,0 @@
1
- .table
2
- width: 100%
3
- border-collapse: collapse
4
-
5
- th, td
6
- padding: 15px
7
- text-align: left
8
-
9
- thead
10
-
11
- tr
12
- font-weight: 700
13
-
14
- &:first-child
15
- background-color: $table-header-background
16
-
17
- &:nth-child(2)
18
- border-bottom: 2px solid $table-border-color
19
-
20
- tbody
21
-
22
- tr
23
-
24
- &:not(:last-child)
25
- border-bottom: 1px solid $table-border-color
data/app/assets/stylesheets/beyond_canvas/components/_texts.sass DELETED
@@ -1,6 +0,0 @@
1
- .text
2
-
3
- &__align
4
-
5
- &--center
6
- text-align: center