tmatt_cms 0.1.3 → 0.1.4

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.
Files changed (31) hide show
  1. checksums.yaml +4 -4
  2. data/lib/generators/tmatt_cms/install_generator.rb +73 -80
  3. data/lib/generators/tmatt_cms/templates/config/application.yml +8 -2
  4. data/lib/generators/tmatt_cms/templates/config/deploy.rb +56 -0
  5. data/lib/generators/tmatt_cms/templates/config/initializers/carrier_wave.rb +1 -0
  6. data/lib/generators/tmatt_cms/templates/config/sidekiq.yml +0 -1
  7. data/lib/generators/tmatt_cms/templates/css/application/index.css.scss +5 -2
  8. data/lib/generators/tmatt_cms/templates/css/style.css.scss +15 -0
  9. data/lib/generators/tmatt_cms/templates/css/utils/action_alert.css.scss +31 -0
  10. data/lib/generators/tmatt_cms/templates/css/utils/froala/froala_editor.min.css.scss +7 -0
  11. data/lib/generators/tmatt_cms/templates/css/utils/froala/froala_style.min.css.scss +7 -0
  12. data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/colors.css.scss +124 -0
  13. data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/help.css.scss +52 -0
  14. data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/image.css.scss +244 -0
  15. data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/image_manager.css.scss +264 -0
  16. data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/line_breaker.css.scss +37 -0
  17. data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/quick_insert.css.scss +70 -0
  18. data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/special_characters.css.scss +51 -0
  19. data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/table.css.scss +151 -0
  20. data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/video.css.scss +231 -0
  21. data/lib/generators/tmatt_cms/templates/gemfile/Gemfile +11 -5
  22. data/lib/generators/tmatt_cms/templates/git_ignore/gitignore +1 -1
  23. data/lib/generators/tmatt_cms/templates/helpers/application_helper.rb +63 -0
  24. data/lib/generators/tmatt_cms/templates/js/application.js +24 -1
  25. data/lib/generators/tmatt_cms/templates/js/utils/action_alert.js +32 -0
  26. data/lib/generators/tmatt_cms/templates/js/utils/froala_editor.js +29 -0
  27. data/lib/generators/tmatt_cms/templates/views/layouts/application.html.haml +1 -0
  28. data/lib/tmatt_cms/version.rb +1 -1
  29. metadata +19 -4
  30. data/lib/generators/tmatt_cms/templates/css/application/ckeditor.css.scss +0 -4
  31. data/lib/generators/tmatt_cms/templates/inputs/ckeditor_translation_input.rb +0 -11
data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/line_breaker.css.scss ADDED
@@ -0,0 +1,37 @@
1
+ /*!
2
+ * froala_editor v2.5.1 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2017 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ height: 0;
12
+ }
13
+ .hide-by-clipping {
14
+ position: absolute;
15
+ width: 1px;
16
+ height: 1px;
17
+ padding: 0;
18
+ margin: -1px;
19
+ overflow: hidden;
20
+ clip: rect(0, 0, 0, 0);
21
+ border: 0;
22
+ }
23
+ .fr-line-breaker {
24
+ cursor: text;
25
+ border-top: 1px solid #1e88e5;
26
+ position: fixed;
27
+ z-index: 2;
28
+ display: none;
29
+ }
30
+ .fr-line-breaker.fr-visible {
31
+ display: block;
32
+ }
33
+ .fr-line-breaker a.fr-floating-btn {
34
+ position: absolute;
35
+ left: calc(50% - (32px / 2));
36
+ top: -16px;
37
+ }
data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/quick_insert.css.scss ADDED
@@ -0,0 +1,70 @@
1
+ /*!
2
+ * froala_editor v2.5.1 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2017 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ height: 0;
12
+ }
13
+ .hide-by-clipping {
14
+ position: absolute;
15
+ width: 1px;
16
+ height: 1px;
17
+ padding: 0;
18
+ margin: -1px;
19
+ overflow: hidden;
20
+ clip: rect(0, 0, 0, 0);
21
+ border: 0;
22
+ }
23
+ .fr-quick-insert {
24
+ position: absolute;
25
+ z-index: 9998;
26
+ white-space: nowrap;
27
+ padding-right: 5px;
28
+ margin-left: -5px;
29
+ -webkit-box-sizing: content-box;
30
+ -moz-box-sizing: content-box;
31
+ box-sizing: content-box;
32
+ }
33
+ .fr-quick-insert.fr-on a.fr-floating-btn svg {
34
+ -webkit-transform: rotate(135deg);
35
+ -moz-transform: rotate(135deg);
36
+ -ms-transform: rotate(135deg);
37
+ -o-transform: rotate(135deg);
38
+ }
39
+ .fr-quick-insert.fr-hidden {
40
+ display: none;
41
+ }
42
+ .fr-qi-helper {
43
+ position: absolute;
44
+ z-index: 3;
45
+ padding-left: 10px;
46
+ white-space: nowrap;
47
+ }
48
+ .fr-qi-helper a.fr-btn.fr-floating-btn {
49
+ text-align: center;
50
+ display: inline-block;
51
+ color: #222222;
52
+ -webkit-opacity: 0;
53
+ -moz-opacity: 0;
54
+ opacity: 0;
55
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
56
+ -webkit-transform: scale(0);
57
+ -moz-transform: scale(0);
58
+ -ms-transform: scale(0);
59
+ -o-transform: scale(0);
60
+ }
61
+ .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
62
+ -webkit-opacity: 1;
63
+ -moz-opacity: 1;
64
+ opacity: 1;
65
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
66
+ -webkit-transform: scale(1);
67
+ -moz-transform: scale(1);
68
+ -ms-transform: scale(1);
69
+ -o-transform: scale(1);
70
+ }
data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/special_characters.css.scss ADDED
@@ -0,0 +1,51 @@
1
+ /*!
2
+ * froala_editor v2.5.1 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2017 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ height: 0;
12
+ }
13
+ .hide-by-clipping {
14
+ position: absolute;
15
+ width: 1px;
16
+ height: 1px;
17
+ padding: 0;
18
+ margin: -1px;
19
+ overflow: hidden;
20
+ clip: rect(0, 0, 0, 0);
21
+ border: 0;
22
+ }
23
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal {
24
+ text-align: left;
25
+ padding: 20px 20px 10px;
26
+ }
27
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-list {
28
+ margin-bottom: 20px;
29
+ }
30
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-title {
31
+ font-weight: bold;
32
+ font-size: 14px;
33
+ padding: 6px 0 4px;
34
+ margin: 0 0 5px;
35
+ }
36
+ .fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
37
+ display: inline-block;
38
+ font-size: 16px;
39
+ width: 20px;
40
+ height: 20px;
41
+ padding: 5px;
42
+ line-height: 20px;
43
+ cursor: default;
44
+ font-weight: normal;
45
+ -webkit-box-sizing: content-box;
46
+ -moz-box-sizing: content-box;
47
+ box-sizing: content-box;
48
+ text-align: center;
49
+ border: 1px solid #cccccc;
50
+ margin: -1px 0 0 -1px;
51
+ }
data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/table.css.scss ADDED
@@ -0,0 +1,151 @@
1
+ /*!
2
+ * froala_editor v2.5.1 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2017 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ height: 0;
12
+ }
13
+ .hide-by-clipping {
14
+ position: absolute;
15
+ width: 1px;
16
+ height: 1px;
17
+ padding: 0;
18
+ margin: -1px;
19
+ overflow: hidden;
20
+ clip: rect(0, 0, 0, 0);
21
+ border: 0;
22
+ }
23
+ .fr-element table td.fr-selected-cell,
24
+ .fr-element table th.fr-selected-cell {
25
+ border: 1px double #1e88e5;
26
+ }
27
+ .fr-element table tr {
28
+ user-select: none;
29
+ -o-user-select: none;
30
+ -moz-user-select: none;
31
+ -khtml-user-select: none;
32
+ -webkit-user-select: none;
33
+ -ms-user-select: none;
34
+ }
35
+ .fr-element table td,
36
+ .fr-element table th {
37
+ user-select: text;
38
+ -o-user-select: text;
39
+ -moz-user-select: text;
40
+ -khtml-user-select: text;
41
+ -webkit-user-select: text;
42
+ -ms-user-select: text;
43
+ }
44
+ .fr-element .fr-no-selection table td,
45
+ .fr-element .fr-no-selection table th {
46
+ user-select: none;
47
+ -o-user-select: none;
48
+ -moz-user-select: none;
49
+ -khtml-user-select: none;
50
+ -webkit-user-select: none;
51
+ -ms-user-select: none;
52
+ }
53
+ .fr-table-resizer {
54
+ cursor: col-resize;
55
+ position: fixed;
56
+ z-index: 3;
57
+ display: none;
58
+ }
59
+ .fr-table-resizer.fr-moving {
60
+ z-index: 2;
61
+ }
62
+ .fr-table-resizer div {
63
+ -webkit-opacity: 0;
64
+ -moz-opacity: 0;
65
+ opacity: 0;
66
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
67
+ border-right: 1px solid #1e88e5;
68
+ }
69
+ .fr-no-selection {
70
+ user-select: none;
71
+ -o-user-select: none;
72
+ -moz-user-select: none;
73
+ -khtml-user-select: none;
74
+ -webkit-user-select: none;
75
+ -ms-user-select: none;
76
+ }
77
+ .fr-popup .fr-table-size .fr-table-size-info {
78
+ text-align: center;
79
+ font-size: 14px;
80
+ padding: 8px;
81
+ }
82
+ .fr-popup .fr-table-size .fr-select-table-size {
83
+ line-height: 0;
84
+ padding: 0 5px 5px;
85
+ white-space: nowrap;
86
+ }
87
+ .fr-popup .fr-table-size .fr-select-table-size > span {
88
+ display: inline-block;
89
+ padding: 0px 4px 4px 0;
90
+ background: transparent;
91
+ }
92
+ .fr-popup .fr-table-size .fr-select-table-size > span > span {
93
+ display: inline-block;
94
+ width: 18px;
95
+ height: 18px;
96
+ border: 1px solid #dddddd;
97
+ }
98
+ .fr-popup .fr-table-size .fr-select-table-size > span.hover {
99
+ background: transparent;
100
+ }
101
+ .fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
102
+ background: rgba(30, 136, 229, 0.3);
103
+ border: solid 1px #1e88e5;
104
+ }
105
+ .fr-popup .fr-table-size .fr-select-table-size .new-line::after {
106
+ clear: both;
107
+ display: block;
108
+ content: "";
109
+ height: 0;
110
+ }
111
+ .fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
112
+ display: inline-block !important;
113
+ }
114
+ .fr-popup .fr-table-colors-buttons {
115
+ margin-bottom: 5px;
116
+ }
117
+ .fr-popup .fr-table-colors {
118
+ line-height: 0;
119
+ display: block;
120
+ }
121
+ .fr-popup .fr-table-colors > span {
122
+ display: inline-block;
123
+ width: 32px;
124
+ height: 32px;
125
+ position: relative;
126
+ z-index: 1;
127
+ }
128
+ .fr-popup .fr-table-colors > span > i {
129
+ text-align: center;
130
+ line-height: 32px;
131
+ height: 32px;
132
+ width: 32px;
133
+ font-size: 13px;
134
+ position: absolute;
135
+ bottom: 0;
136
+ cursor: default;
137
+ left: 0;
138
+ }
139
+ .fr-popup .fr-table-colors > span:focus {
140
+ outline: 1px solid #222222;
141
+ z-index: 2;
142
+ }
143
+ .fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
144
+ width: 12px;
145
+ height: 12px;
146
+ }
147
+ .fr-insert-helper {
148
+ position: fixed;
149
+ z-index: 9999;
150
+ white-space: nowrap;
151
+ }
data/lib/generators/tmatt_cms/templates/css/utils/froala/plugins/video.css.scss ADDED
@@ -0,0 +1,231 @@
1
+ /*!
2
+ * froala_editor v2.5.1 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2017 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ height: 0;
12
+ }
13
+ .hide-by-clipping {
14
+ position: absolute;
15
+ width: 1px;
16
+ height: 1px;
17
+ padding: 0;
18
+ margin: -1px;
19
+ overflow: hidden;
20
+ clip: rect(0, 0, 0, 0);
21
+ border: 0;
22
+ }
23
+ .fr-element .fr-video {
24
+ user-select: none;
25
+ -o-user-select: none;
26
+ -moz-user-select: none;
27
+ -khtml-user-select: none;
28
+ -webkit-user-select: none;
29
+ -ms-user-select: none;
30
+ }
31
+ .fr-element .fr-video::after {
32
+ position: absolute;
33
+ content: '';
34
+ z-index: 1;
35
+ top: 0;
36
+ left: 0;
37
+ right: 0;
38
+ bottom: 0;
39
+ cursor: pointer;
40
+ display: block;
41
+ background: rgba(0, 0, 0, 0);
42
+ }
43
+ .fr-element .fr-video.fr-active > * {
44
+ z-index: 2;
45
+ position: relative;
46
+ }
47
+ .fr-element .fr-video > * {
48
+ -webkit-box-sizing: content-box;
49
+ -moz-box-sizing: content-box;
50
+ box-sizing: content-box;
51
+ max-width: 100%;
52
+ border: none;
53
+ }
54
+ .fr-box .fr-video-resizer {
55
+ position: absolute;
56
+ border: solid 1px #1e88e5;
57
+ display: none;
58
+ user-select: none;
59
+ -o-user-select: none;
60
+ -moz-user-select: none;
61
+ -khtml-user-select: none;
62
+ -webkit-user-select: none;
63
+ -ms-user-select: none;
64
+ }
65
+ .fr-box .fr-video-resizer.fr-active {
66
+ display: block;
67
+ }
68
+ .fr-box .fr-video-resizer .fr-handler {
69
+ display: block;
70
+ position: absolute;
71
+ background: #1e88e5;
72
+ border: solid 1px #ffffff;
73
+ z-index: 4;
74
+ -webkit-box-sizing: border-box;
75
+ -moz-box-sizing: border-box;
76
+ box-sizing: border-box;
77
+ }
78
+ .fr-box .fr-video-resizer .fr-handler.fr-hnw {
79
+ cursor: nw-resize;
80
+ }
81
+ .fr-box .fr-video-resizer .fr-handler.fr-hne {
82
+ cursor: ne-resize;
83
+ }
84
+ .fr-box .fr-video-resizer .fr-handler.fr-hsw {
85
+ cursor: sw-resize;
86
+ }
87
+ .fr-box .fr-video-resizer .fr-handler.fr-hse {
88
+ cursor: se-resize;
89
+ }
90
+ .fr-box .fr-video-resizer .fr-handler {
91
+ width: 12px;
92
+ height: 12px;
93
+ }
94
+ .fr-box .fr-video-resizer .fr-handler.fr-hnw {
95
+ left: -6px;
96
+ top: -6px;
97
+ }
98
+ .fr-box .fr-video-resizer .fr-handler.fr-hne {
99
+ right: -6px;
100
+ top: -6px;
101
+ }
102
+ .fr-box .fr-video-resizer .fr-handler.fr-hsw {
103
+ left: -6px;
104
+ bottom: -6px;
105
+ }
106
+ .fr-box .fr-video-resizer .fr-handler.fr-hse {
107
+ right: -6px;
108
+ bottom: -6px;
109
+ }
110
+ @media (min-width: 1200px) {
111
+ .fr-box .fr-video-resizer .fr-handler {
112
+ width: 10px;
113
+ height: 10px;
114
+ }
115
+ .fr-box .fr-video-resizer .fr-handler.fr-hnw {
116
+ left: -5px;
117
+ top: -5px;
118
+ }
119
+ .fr-box .fr-video-resizer .fr-handler.fr-hne {
120
+ right: -5px;
121
+ top: -5px;
122
+ }
123
+ .fr-box .fr-video-resizer .fr-handler.fr-hsw {
124
+ left: -5px;
125
+ bottom: -5px;
126
+ }
127
+ .fr-box .fr-video-resizer .fr-handler.fr-hse {
128
+ right: -5px;
129
+ bottom: -5px;
130
+ }
131
+ }
132
+ .fr-video-size-layer .fr-video-group .fr-input-line {
133
+ width: calc(50% - 5px);
134
+ display: inline-block;
135
+ }
136
+ .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
137
+ margin-left: 10px;
138
+ }
139
+ .fr-video-upload-layer {
140
+ border: dashed 2px #bdbdbd;
141
+ padding: 25px 0;
142
+ position: relative;
143
+ font-size: 14px;
144
+ letter-spacing: 1px;
145
+ line-height: 140%;
146
+ text-align: center;
147
+ }
148
+ .fr-video-upload-layer:hover {
149
+ background: #ebebeb;
150
+ }
151
+ .fr-video-upload-layer.fr-drop {
152
+ background: #ebebeb;
153
+ border-color: #1e88e5;
154
+ }
155
+ .fr-video-upload-layer .fr-form {
156
+ -webkit-opacity: 0;
157
+ -moz-opacity: 0;
158
+ opacity: 0;
159
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
160
+ position: absolute;
161
+ top: 0;
162
+ bottom: 0;
163
+ left: 0;
164
+ right: 0;
165
+ z-index: 9999;
166
+ overflow: hidden;
167
+ margin: 0 !important;
168
+ padding: 0 !important;
169
+ width: 100% !important;
170
+ }
171
+ .fr-video-upload-layer .fr-form input {
172
+ cursor: pointer;
173
+ position: absolute;
174
+ right: 0px;
175
+ top: 0px;
176
+ bottom: 0px;
177
+ width: 500%;
178
+ height: 100%;
179
+ margin: 0px;
180
+ font-size: 400px;
181
+ }
182
+ .fr-video-progress-bar-layer > h3 {
183
+ font-size: 16px;
184
+ margin: 10px 0;
185
+ font-weight: normal;
186
+ }
187
+ .fr-video-progress-bar-layer > div.fr-action-buttons {
188
+ display: none;
189
+ }
190
+ .fr-video-progress-bar-layer > div.fr-loader {
191
+ background: #bcdbf7;
192
+ height: 10px;
193
+ width: 100%;
194
+ margin-top: 20px;
195
+ overflow: hidden;
196
+ position: relative;
197
+ }
198
+ .fr-video-progress-bar-layer > div.fr-loader span {
199
+ display: block;
200
+ height: 100%;
201
+ width: 0%;
202
+ background: #1e88e5;
203
+ -webkit-transition: width 0.2s ease 0s;
204
+ -moz-transition: width 0.2s ease 0s;
205
+ -ms-transition: width 0.2s ease 0s;
206
+ -o-transition: width 0.2s ease 0s;
207
+ }
208
+ .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
209
+ width: 30% !important;
210
+ position: absolute;
211
+ top: 0;
212
+ -webkit-animation: loading 2s linear infinite;
213
+ -moz-animation: loading 2s linear infinite;
214
+ -o-animation: loading 2s linear infinite;
215
+ animation: loading 2s linear infinite;
216
+ }
217
+ .fr-video-progress-bar-layer.fr-error > div.fr-loader {
218
+ display: none;
219
+ }
220
+ .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
221
+ display: block;
222
+ }
223
+ .fr-video-overlay {
224
+ position: fixed;
225
+ top: 0;
226
+ left: 0;
227
+ bottom: 0;
228
+ right: 0;
229
+ z-index: 9999;
230
+ display: none;
231
+ }