promethee 1.3.2 → 1.3.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -0
  3. data/app/assets/stylesheets/promethee-edit/_move.sass +6 -4
  4. data/app/views/promethee/_edit.html.erb +14 -6
  5. data/app/views/promethee/components/aside/_edit.define.html.erb +14 -151
  6. data/app/views/promethee/components/aside/_icon.svg +3 -0
  7. data/app/views/promethee/components/column/_edit.define.html.erb +17 -31
  8. data/app/views/promethee/components/column/_icon.svg +3 -0
  9. data/app/views/promethee/components/cover/_edit.define.html.erb +16 -151
  10. data/app/views/promethee/components/cover/_icon.svg +3 -0
  11. data/app/views/promethee/components/image/_edit.define.html.erb +17 -149
  12. data/app/views/promethee/components/image/_icon.svg +3 -0
  13. data/app/views/promethee/components/row/_edit.define.html.erb +14 -150
  14. data/app/views/promethee/components/row/_icon.svg +3 -0
  15. data/app/views/promethee/components/slider/_edit.define.html.erb +14 -150
  16. data/app/views/promethee/components/slider/_edit.inspect.html.erb +43 -1
  17. data/app/views/promethee/components/slider/_edit.move.html.erb +6 -2
  18. data/app/views/promethee/components/slider/_icon.svg +3 -0
  19. data/app/views/promethee/components/text/_edit.define.html.erb +15 -150
  20. data/app/views/promethee/components/text/_icon.svg +3 -0
  21. data/app/views/promethee/components/video/_edit.define.html.erb +14 -29
  22. data/app/views/promethee/components/video/_icon.svg +3 -0
  23. data/app/views/promethee/edit/_move.html.erb +48 -21
  24. data/app/views/promethee/presets/_icon.image-with-text.svg +3 -0
  25. data/app/views/promethee/presets/_image-with-text.html.erb +33 -0
  26. data/app/views/promethee/utils/_summernote-config.html.erb +11 -5
  27. data/lib/promethee/rails/helper.rb +4 -0
  28. data/lib/promethee/rails/version.rb +1 -1
  29. data/vendor/assets/javascripts/ui-sortable.js +683 -0
  30. metadata +14 -3
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: d9d64c7758ac9560202c0c5e3a2df6a42290bb4a
4
- data.tar.gz: 9e9b2f4dd45a864b334fae766af431d5187fe845
3
+ metadata.gz: 902ef153c7edb11dc449989cff22fe1ff9b2d4f7
4
+ data.tar.gz: 9c6f76ba43f6761d37d24bbbf613e9ae67c4df61
5
5
  SHA512:
6
- metadata.gz: 185bc919628cd9e1a86ba9c4085c01f2e0ecfa32be03203699006d92254197c61be9f1e6260f35bfeb26f27168da11c758d3e6825453ffb28a78dfb7cd3f7d16
7
- data.tar.gz: 53a3a042392290e5e179b73047749e53295cd60d8e63862ab0011a0ebc4b2e30c2e384a93b58f8e8918c1331fda7a6339fdbfcfa4baa8fa43a3e07cabdc9c11c
6
+ metadata.gz: 4ceabedc7cef16000d12a659335773f52012c867e4ac677d0b32027d93052d8ee10fa348932c9c8f15d80ae7103e6f6f1d4fcda948cd5ba5a1b4cb0578a0af2e
7
+ data.tar.gz: 404071b9638443c6c7fb9cc1e711ee90c9d7fa203687b0a569d4e88f772d5cc0068d4e8ebf2594055ca9b7357d45ea21f80e782ebade6bd4ddfd8917ca3fa5f6
data/README.md CHANGED
@@ -131,6 +131,7 @@ With javascript set:
131
131
  //= require angular-animate
132
132
  //= require angular-ui-bootstrap
133
133
  //= require angular-summernote
134
+ //= require ui-sortable
134
135
  ```
135
136
 
136
137
  With stylesheets set:
data/app/assets/stylesheets/promethee-edit/_move.sass CHANGED
@@ -35,7 +35,7 @@
35
35
  z-index: 0
36
36
  opacity: 0.03
37
37
  .col
38
- height: 100%
38
+ height: 100%
39
39
  .color
40
40
  height: 100%
41
41
  background: black
@@ -67,7 +67,7 @@
67
67
  width: 100%
68
68
  height: 20px
69
69
  border: 1px dashed #253742
70
- transition: width .2s, height .2s, opacity .2s
70
+ transition: width .2s, height .2s, opacity .2s
71
71
  &.ui-droppable-active
72
72
  visibility: visible
73
73
  &.ui-droppable-hover
@@ -110,7 +110,8 @@
110
110
  // Except for columns, which can be dropped only on rows
111
111
  &--dragging.promethee-edit__move--dragging--column
112
112
  .promethee-edit__move__droppable
113
- display: none
113
+ &:not(&.promethee-edit__move__droppable--row--first):not(&.promethee-edit__move__droppable--row--inside-column)
114
+ transform: translateX(-100vh)
114
115
  // It's a little specific, columns can be dropped on rows "first droppable", or on columns "inside droppables"
115
116
  &.promethee-edit__move__droppable--row--first,
116
117
  &.promethee-edit__move__droppable--row--inside-column
@@ -145,16 +146,17 @@
145
146
  max-width: 300px
146
147
  z-index: 100000
147
148
  background-color: #253742
149
+ padding-top: 10px
148
150
  margin-bottom: 30px
149
151
  height: 100px
150
152
  min-width: 100px
151
- padding-top: 10px
152
153
  text-align: center
153
154
  color: white
154
155
  &__icon
155
156
  display: block
156
157
  svg
157
158
  width: 60px
159
+ height: auto
158
160
  &__name
159
161
  margin-top: -10px
160
162
  font-size: 11px
data/app/views/promethee/_edit.html.erb CHANGED
@@ -5,16 +5,21 @@ logo = File.read "#{__dir__}/../../assets/images/icon-promethee.svg"
5
5
 
6
6
  <script type="text/javascript">
7
7
  var promethee = angular
8
- .module('Promethee', ['summernote', 'ngAnimate'])
9
- .value('definitions', []);
8
+ .module('Promethee', ['summernote', 'ngAnimate', 'ui.sortable'])
9
+ .value('definitions', [])
10
+ .value('presets', []);
10
11
  </script>
11
12
 
12
13
  <% promethee_util_partials.each do |partial| %>
13
14
  <%= render partial %>
14
15
  <% end %>
15
16
 
17
+ <% promethee_preset_partials.each do |partial| %>
18
+ <%= render partial %>
19
+ <% end %>
20
+
16
21
  <script type="text/javascript">
17
- promethee.controller('PrometheeController', ['$scope', 'summernoteConfig', function($scope, summernoteConfig) {
22
+ promethee.controller('PrometheeController', ['$scope', 'summernoteConfig', 'presets', 'identifier', function($scope, summernoteConfig, presets, identifier) {
18
23
 
19
24
  // Data (TODO use Adder and probably page definition to init)
20
25
  if ($scope.data === null || $scope.data === '') {
@@ -26,9 +31,12 @@ promethee.controller('PrometheeController', ['$scope', 'summernoteConfig', funct
26
31
  };
27
32
  }
28
33
 
34
+ $scope.identifier = identifier;
35
+
29
36
  $scope.promethee = {
30
37
  data: $scope.data,
31
38
  definitions: [],
39
+ presets: presets,
32
40
  inspected: null,
33
41
  mode: 'move',
34
42
  preview: 'desktop',
@@ -106,13 +114,13 @@ promethee.controller('PrometheeController', ['$scope', 'summernoteConfig', funct
106
114
  <li ng-click="enablePreview()" ng-class="{active: promethee.mode == 'preview'}">
107
115
  <a data-toggle="dropdown"><%= fa_icon :eye %></a>
108
116
  <ul class="dropdown-menu" ng-show="promethee.mode == 'preview'">
109
- <li ng-click="promethee.preview = 'desktop'"
117
+ <li ng-click="promethee.preview = 'desktop'"
110
118
  ng-class="{active: promethee.preview == 'desktop'}">
111
119
  <a><i class="fa fa-desktop"></i></a></li>
112
- <li ng-click="promethee.preview = 'tablet'"
120
+ <li ng-click="promethee.preview = 'tablet'"
113
121
  ng-class="{active: promethee.preview == 'tablet'}">
114
122
  <a><i class="fa fa-tablet"></i></a></li>
115
- <li ng-click="promethee.preview = 'mobile'"
123
+ <li ng-click="promethee.preview = 'mobile'"
116
124
  ng-class="{active: promethee.preview == 'mobile'}">
117
125
  <a><i class="fa fa-mobile"></i></a></li>
118
126
  </ul>
data/app/views/promethee/components/aside/_edit.define.html.erb CHANGED
@@ -1,152 +1,15 @@
1
- <%
2
- icon = '
3
- <?xml version="1.0" encoding="utf-8"?>
4
- <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
5
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
6
- viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
7
- <g id="Calque_10" display="none">
8
- <rect x="-1.5" y="-1.5" display="inline" fill="#76868E" width="103" height="103"/>
9
- </g>
10
- <g id="Calque_2" display="none">
11
- <rect x="18.9" y="28" display="inline" fill="none" stroke="#253742" stroke-miterlimit="10" width="62.1" height="44"/>
12
- <g display="inline">
13
- <path fill="#253742" d="M84.5,25v50h-69V25H84.5 M86.5,23h-73v54h73V23L86.5,23z"/>
14
- </g>
15
- <g display="inline">
16
- <polygon fill="#253742" points="47.2,44.6 47.2,55.4 56.3,50 "/>
17
- <g>
18
- <path fill="#253742" d="M50,41.6c4.6,0,8.4,3.8,8.4,8.4s-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4S45.4,41.6,50,41.6 M50,40.6
19
- c-5.2,0-9.4,4.2-9.4,9.4s4.2,9.4,9.4,9.4c5.2,0,9.4-4.2,9.4-9.4S55.2,40.6,50,40.6L50,40.6z"/>
20
- </g>
21
- </g>
22
- </g>
23
- <g id="Calque_3">
24
- <g>
25
- <g>
26
- <path fill="#FFFFFF" d="M71.4,25v50H28.6V25H71.4 M73.4,23H26.6v54h46.9V23L73.4,23z"/>
27
- </g>
28
- <g>
29
- <g>
30
- <circle fill="#FFFFFF" cx="37.8" cy="36.5" r="2"/>
31
- <line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="43.3" y1="36.5" x2="64.3" y2="36.5"/>
32
- </g>
33
- <g>
34
- <circle fill="#FFFFFF" cx="37.8" cy="45.5" r="2"/>
35
- <line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="43.3" y1="45.5" x2="64.3" y2="45.5"/>
36
- </g>
37
- <g>
38
- <circle fill="#FFFFFF" cx="37.8" cy="54.5" r="2"/>
39
- <line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="43.3" y1="54.5" x2="64.3" y2="54.5"/>
40
- </g>
41
- <g>
42
- <circle fill="#FFFFFF" cx="37.8" cy="63.5" r="2"/>
43
- <line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="43.3" y1="63.5" x2="64.3" y2="63.5"/>
44
- </g>
45
- </g>
46
- </g>
47
- </g>
48
- <g id="Calque_4" display="none">
49
- <g display="inline">
50
- <path fill="#253742" d="M63.9,20.3l10.5,11.8v47.7H25.7V20.3H63.9 M64.8,18.3H23.7v63.4h52.7V31.3L64.8,18.3L64.8,18.3z"/>
51
- </g>
52
- <g display="inline">
53
- <path fill="#253742" d="M67.9,24.3l2.4,2.4v49H29.7V24.3H67.9 M68.3,23.3H28.7v53.4h42.7V26.3L68.3,23.3L68.3,23.3z"/>
54
- </g>
55
- <polyline display="inline" fill="none" stroke="#253742" stroke-width="2" stroke-miterlimit="10" points="76.3,81.7 23.7,81.7
56
- 23.7,18.3 "/>
57
- <g display="inline">
58
- <polygon fill="#FFFFFF" points="64.3,30.3 64.3,20.7 73.9,30.3 "/>
59
- <path fill="#253742" d="M65.3,23.1l6.2,6.2h-6.2V23.1 M63.3,18.3v13h13L63.3,18.3L63.3,18.3z"/>
60
- </g>
61
- <g display="inline">
62
- <g>
63
- <path fill="#253742" d="M39.3,30.3L39.3,30.3c0.6,0,1.1,0.1,1.6,0.3c1,0.4,1.7,1.2,2.1,2.2c0.4,1,0.4,2.1-0.1,3.1
64
- c-0.6,1.4-2.1,2.4-3.7,2.4c-0.6,0-1.1-0.1-1.6-0.3c-2-0.9-2.9-3.3-2-5.3C36.3,31.2,37.8,30.3,39.3,30.3 M39.3,29.3
65
- c-1.9,0-3.7,1.1-4.6,3c-1.1,2.5,0,5.5,2.5,6.6c0.7,0.3,1.4,0.4,2,0.4c1.9,0,3.7-1.1,4.6-3c1.1-2.5,0-5.5-2.5-6.6
66
- C40.7,29.4,40,29.3,39.3,29.3L39.3,29.3z"/>
67
- </g>
68
- </g>
69
- <g display="inline">
70
- <path fill="#253742" d="M40.7,46.6L48,60.3l0.5,1l0.9-0.6L59.7,54l10.6,9.7v12.5L30,75.7l-0.1-16.5L40.7,46.6 M40.8,44.8l-12,14
71
- L29,76.7l42.4,0.6v-14L59.8,52.8l-11,7L40.8,44.8L40.8,44.8z"/>
72
- </g>
73
- </g>
74
- <g id="Calque_5" display="none">
75
- </g>
76
- <g id="Calque_6" display="none">
77
- <g display="inline">
78
- <path fill="#FFFFFF" d="M38.8,40.8c0-1.6-0.1-3.3-0.3-5.2c2.3,0.1,6.1,0.1,11.5,0.1c5.4,0,9.2,0,11.4-0.1
79
- c-0.2,1.9-0.3,3.7-0.3,5.2c0,1.4,0,2.5,0.1,3.3h-0.9c-0.2-2.1-0.5-3.7-0.8-4.7c-0.3-1-0.9-1.8-1.7-2.2c-0.8-0.5-2.1-0.7-3.7-0.7
80
- h-2.2v23.2c0,1.1,0.1,2,0.3,2.5c0.2,0.5,0.6,0.9,1.2,1.1c0.6,0.2,1.4,0.3,2.6,0.4v0.8c-1.4-0.1-3.4-0.1-6-0.1c-2.7,0-4.7,0-6,0.1
81
- v-0.8c1.2,0,2.1-0.2,2.6-0.4c0.6-0.2,0.9-0.6,1.2-1.1c0.2-0.5,0.3-1.3,0.3-2.5V36.5h-2.2c-1.7,0-2.9,0.2-3.7,0.7
82
- c-0.8,0.5-1.4,1.2-1.7,2.2c-0.3,1-0.6,2.6-0.8,4.7h-0.9C38.8,43.3,38.8,42.2,38.8,40.8z"/>
83
- </g>
84
- <polygon display="inline" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" points="63.5,23 26.6,23 26.6,77
85
- 73.4,77 73.4,32.4 "/>
86
- <polyline display="inline" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" points="62.5,23 62.5,32.4
87
- 72.4,32.4 "/>
88
- </g>
89
- <g id="Calque_7" display="none">
90
- <g display="inline">
91
- <path fill="#FFFFFF" d="M84,34v32H16V34H84 M86,32H14v36h72V32L86,32z"/>
92
- </g>
93
- <g display="inline">
94
- <g>
95
- <path fill="#FFFFFF" d="M27.8,38.7L27.8,38.7c0.6,0,1.1,0.1,1.6,0.3c1,0.4,1.7,1.2,2.1,2.2c0.4,1,0.4,2.1-0.1,3.1
96
- c-0.6,1.4-2.1,2.4-3.7,2.4c-0.6,0-1.1-0.1-1.6-0.3c-2-0.9-2.9-3.3-2-5.3C24.8,39.6,26.2,38.7,27.8,38.7 M27.8,37.7
97
- c-1.9,0-3.8,1.1-4.6,3c-1.1,2.5,0,5.5,2.5,6.6c0.7,0.3,1.4,0.4,2,0.4c1.9,0,3.8-1.1,4.6-3c1.1-2.5,0-5.5-2.5-6.6
98
- C29.2,37.9,28.5,37.7,27.8,37.7L27.8,37.7z"/>
99
- </g>
100
- </g>
101
- <polyline display="inline" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="81.2,57 62.1,51.3 49,54.8 39.5,47.3
102
- 19.2,55 "/>
103
- <path display="inline" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M75.8,65.3"/>
104
- <path display="inline" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M25.4,65"/>
105
- <g display="inline">
106
- <path fill="#FFFFFF" d="M80.7,36.5v27H19.3v-27H80.7 M81.7,35.5H18.3v29h63.3V35.5L81.7,35.5z"/>
107
- </g>
108
- </g>
109
- <g id="Calque_8" display="none">
110
- <g display="inline">
111
- <path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M76.5,65.4"/>
112
- <rect x="29.3" y="35.3" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="41.6" height="29.5"/>
113
- <g>
114
- <path fill="#FFFFFF" d="M72.5,33.9v32.2H27.6V33.9H72.5 M74.5,31.9H25.6v36.2h48.9V31.9L74.5,31.9z"/>
115
- </g>
116
- <polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" points="76.5,36.6 90.5,36.6 90.5,63.4
117
- 76.5,63.4 "/>
118
- <polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" points="23.5,63.4 9.5,63.4 9.5,36.6 23.5,36.6
119
- "/>
120
- </g>
121
- </g>
122
- <g id="Calque_9" display="none">
123
- <g display="inline">
124
- <g>
125
- <g>
126
- <path fill="#FFFFFF" d="M84.5,16.5v67h-69v-67H84.5 M86.5,14.5h-73v71h73V14.5L86.5,14.5z"/>
127
- </g>
128
- <line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" x1="86.5" y1="31.5" x2="13.5" y2="31.5"/>
129
- <line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" x1="23.5" y1="23.5" x2="30.5" y2="23.5"/>
130
- <line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" x1="36.5" y1="23.5" x2="77.5" y2="23.5"/>
131
- </g>
132
- <g>
133
- <rect x="18.8" y="40" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="14" height="38"/>
134
- <rect x="34.9" y="40" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="14" height="38"/>
135
- <rect x="51.1" y="40" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="14" height="38"/>
136
- <rect x="67.2" y="40" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="14" height="38"/>
137
- </g>
138
- </g>
139
- </g>
140
- </svg>
141
-
142
- '
1
+ <%
2
+ init = <<~JAVASCRIPT
3
+ promethee.definitions.push({
4
+ name: 'Aside',
5
+ icon: #{render('promethee/components/aside/icon').to_json.html_safe},
6
+ data: {
7
+ type: 'aside',
8
+ attributes: {},
9
+ children: []
10
+ }
11
+ })
12
+ JAVASCRIPT
143
13
  %>
144
- <div ng-init="promethee.definitions.push({
145
- name: 'Aside',
146
- icon: '<%= icon %>',
147
- data: {
148
- type: 'aside',
149
- attributes: {},
150
- children: []
151
- }
152
- })"></div>
14
+
15
+ <%= content_tag :div, nil, 'ng-init': init %>
data/app/views/promethee/components/aside/_icon.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
2
+ <path fill="#FFF" d="M73.8,23 L73.9,23 L73.9,77 L27,77 L27,23 L73.8,23 Z M71.8,25 L29,25 L29,75 L71.8,75 L71.8,25 Z M38.2,38.5 C37.0954305,38.5 36.2,37.6045695 36.2,36.5 C36.2,35.3954305 37.0954305,34.5 38.2,34.5 C39.3045695,34.5 40.2,35.3954305 40.2,36.5 C40.2,37.6045695 39.3045695,38.5 38.2,38.5 Z M43.7,37 L43.7,36 L64.7,36 L64.7,37 L43.7,37 Z M38.2,47.5 C37.0954305,47.5 36.2,46.6045695 36.2,45.5 C36.2,44.3954305 37.0954305,43.5 38.2,43.5 C39.3045695,43.5 40.2,44.3954305 40.2,45.5 C40.2,46.6045695 39.3045695,47.5 38.2,47.5 Z M43.7,46 L43.7,45 L64.7,45 L64.7,46 L43.7,46 Z M38.2,56.5 C37.0954305,56.5 36.2,55.6045695 36.2,54.5 C36.2,53.3954305 37.0954305,52.5 38.2,52.5 C39.3045695,52.5 40.2,53.3954305 40.2,54.5 C40.2,55.6045695 39.3045695,56.5 38.2,56.5 Z M43.7,55 L43.7,54 L64.7,54 L64.7,55 L43.7,55 Z M38.2,65.5 C37.0954305,65.5 36.2,64.6045695 36.2,63.5 C36.2,62.3954305 37.0954305,61.5 38.2,61.5 C39.3045695,61.5 40.2,62.3954305 40.2,63.5 C40.2,64.6045695 39.3045695,65.5 38.2,65.5 Z M43.7,64 L43.7,63 L64.7,63 L64.7,64 L43.7,64 Z"/>
3
+ </svg>
data/app/views/promethee/components/column/_edit.define.html.erb CHANGED
@@ -1,32 +1,18 @@
1
- <%
2
- icon = '
3
- <?xml version="1.0" encoding="utf-8"?>
4
- <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
5
- <svg version="1.1" id="Calque_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
6
- viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
7
- <rect x="18.9" y="28" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="62.1" height="44"/>
8
- <g>
9
- <path fill="#FFFFFF" d="M84.5,25v50h-69V25H84.5 M86.5,23h-73v54h73V23L86.5,23z"/>
10
- </g>
11
- <g>
12
- <polygon fill="#FFFFFF" points="47.2,44.6 47.2,55.4 56.3,50 "/>
13
- <g>
14
- <path fill="#FFFFFF" d="M50,41.6c4.6,0,8.4,3.8,8.4,8.4s-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4S45.4,41.6,50,41.6 M50,40.6
15
- c-5.2,0-9.4,4.2-9.4,9.4s4.2,9.4,9.4,9.4c5.2,0,9.4-4.2,9.4-9.4S55.2,40.6,50,40.6L50,40.6z"/>
16
- </g>
17
- </g>
18
- </svg>
19
- '
1
+ <%
2
+ init = <<~JAVASCRIPT
3
+ promethee.definitions.push({
4
+ name: 'Column',
5
+ icon: #{render('promethee/components/column/icon').to_json.html_safe},
6
+ data: {
7
+ type: 'column',
8
+ attributes: {
9
+ size: 4,
10
+ offset: 0
11
+ },
12
+ children: []
13
+ }
14
+ })
15
+ JAVASCRIPT
20
16
  %>
21
- <div ng-init="promethee.definitions.push({
22
- name: 'Column',
23
- icon: '<%= icon %>',
24
- data: {
25
- type: 'column',
26
- attributes: {
27
- size: 4,
28
- offset: 0
29
- },
30
- children: []
31
- }
32
- })"></div>
17
+
18
+ <%= content_tag :div, nil, 'ng-init': init %>
data/app/views/promethee/components/column/_icon.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
2
+ <path fill="#FFF" d="M82,27.5 L82,72.5 L18.9,72.5 L18.9,27.5 L82,27.5 Z M19.9,28.5 L19.9,71.5 L81,71.5 L81,28.5 L19.9,28.5 Z M87,23 L87,77 L14,77 L14,23 L87,23 Z M85,25 L16,25 L16,75 L85,75 L85,25 Z M50.5,40.6 C45.3,40.6 41.1,44.8 41.1,50 C41.1,55.2 45.3,59.4 50.5,59.4 C55.7,59.4 59.9,55.2 59.9,50 C59.9,44.8 55.7,40.6 50.5,40.6 L50.5,40.6 Z M50.5,41.6 C55.1,41.6 58.9,45.4 58.9,50 C58.9,54.6 55.1,58.4 50.5,58.4 C45.9,58.4 42.1,54.6 42.1,50 C42.1,45.4 45.9,41.6 50.5,41.6 L50.5,41.6 Z M47.7,44.6 L47.7,55.4 L56.8,50 L47.7,44.6 Z"/>
3
+ </svg>
data/app/views/promethee/components/cover/_edit.define.html.erb CHANGED
@@ -1,152 +1,17 @@
1
- <%
2
- icon = '
3
- <?xml version="1.0" encoding="utf-8"?>
4
- <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
5
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
6
- viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
7
- <g id="Calque_10" display="none">
8
- <rect x="-1.5" y="-1.5" display="inline" fill="#76868E" width="103" height="103"/>
9
- </g>
10
- <g id="Calque_2" display="none">
11
- <rect x="18.9" y="28" display="inline" fill="none" stroke="#253742" stroke-miterlimit="10" width="62.1" height="44"/>
12
- <g display="inline">
13
- <path fill="#253742" d="M84.5,25v50h-69V25H84.5 M86.5,23h-73v54h73V23L86.5,23z"/>
14
- </g>
15
- <g display="inline">
16
- <polygon fill="#253742" points="47.2,44.6 47.2,55.4 56.3,50 "/>
17
- <g>
18
- <path fill="#253742" d="M50,41.6c4.6,0,8.4,3.8,8.4,8.4s-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4S45.4,41.6,50,41.6 M50,40.6
19
- c-5.2,0-9.4,4.2-9.4,9.4s4.2,9.4,9.4,9.4c5.2,0,9.4-4.2,9.4-9.4S55.2,40.6,50,40.6L50,40.6z"/>
20
- </g>
21
- </g>
22
- </g>
23
- <g id="Calque_3" display="none">
24
- <g display="inline">
25
- <g>
26
- <path fill="#253742" d="M71.4,25v50H28.6V25H71.4 M73.4,23H26.6v54h46.9V23L73.4,23z"/>
27
- </g>
28
- <g>
29
- <g>
30
- <circle fill="#253742" cx="37.8" cy="36.5" r="2"/>
31
- <line fill="none" stroke="#253742" stroke-miterlimit="10" x1="43.3" y1="36.5" x2="64.3" y2="36.5"/>
32
- </g>
33
- <g>
34
- <circle fill="#253742" cx="37.8" cy="45.5" r="2"/>
35
- <line fill="none" stroke="#253742" stroke-miterlimit="10" x1="43.3" y1="45.5" x2="64.3" y2="45.5"/>
36
- </g>
37
- <g>
38
- <circle fill="#253742" cx="37.8" cy="54.5" r="2"/>
39
- <line fill="none" stroke="#253742" stroke-miterlimit="10" x1="43.3" y1="54.5" x2="64.3" y2="54.5"/>
40
- </g>
41
- <g>
42
- <circle fill="#253742" cx="37.8" cy="63.5" r="2"/>
43
- <line fill="none" stroke="#253742" stroke-miterlimit="10" x1="43.3" y1="63.5" x2="64.3" y2="63.5"/>
44
- </g>
45
- </g>
46
- </g>
47
- </g>
48
- <g id="Calque_4" display="none">
49
- <g display="inline">
50
- <path fill="#253742" d="M63.9,20.3l10.5,11.8v47.7H25.7V20.3H63.9 M64.8,18.3H23.7v63.4h52.7V31.3L64.8,18.3L64.8,18.3z"/>
51
- </g>
52
- <g display="inline">
53
- <path fill="#253742" d="M67.9,24.3l2.4,2.4v49H29.7V24.3H67.9 M68.3,23.3H28.7v53.4h42.7V26.3L68.3,23.3L68.3,23.3z"/>
54
- </g>
55
- <polyline display="inline" fill="none" stroke="#253742" stroke-width="2" stroke-miterlimit="10" points="76.3,81.7 23.7,81.7
56
- 23.7,18.3 "/>
57
- <g display="inline">
58
- <polygon fill="#FFFFFF" points="64.3,30.3 64.3,20.7 73.9,30.3 "/>
59
- <path fill="#253742" d="M65.3,23.1l6.2,6.2h-6.2V23.1 M63.3,18.3v13h13L63.3,18.3L63.3,18.3z"/>
60
- </g>
61
- <g display="inline">
62
- <g>
63
- <path fill="#253742" d="M39.3,30.3L39.3,30.3c0.6,0,1.1,0.1,1.6,0.3c1,0.4,1.7,1.2,2.1,2.2c0.4,1,0.4,2.1-0.1,3.1
64
- c-0.6,1.4-2.1,2.4-3.7,2.4c-0.6,0-1.1-0.1-1.6-0.3c-2-0.9-2.9-3.3-2-5.3C36.3,31.2,37.8,30.3,39.3,30.3 M39.3,29.3
65
- c-1.9,0-3.7,1.1-4.6,3c-1.1,2.5,0,5.5,2.5,6.6c0.7,0.3,1.4,0.4,2,0.4c1.9,0,3.7-1.1,4.6-3c1.1-2.5,0-5.5-2.5-6.6
66
- C40.7,29.4,40,29.3,39.3,29.3L39.3,29.3z"/>
67
- </g>
68
- </g>
69
- <g display="inline">
70
- <path fill="#253742" d="M40.7,46.6L48,60.3l0.5,1l0.9-0.6L59.7,54l10.6,9.7v12.5L30,75.7l-0.1-16.5L40.7,46.6 M40.8,44.8l-12,14
71
- L29,76.7l42.4,0.6v-14L59.8,52.8l-11,7L40.8,44.8L40.8,44.8z"/>
72
- </g>
73
- </g>
74
- <g id="Calque_5" display="none">
75
- </g>
76
- <g id="Calque_6" display="none">
77
- <g display="inline">
78
- <path fill="#253742" d="M38.8,40.8c0-1.6-0.1-3.3-0.3-5.2c2.3,0.1,6.1,0.1,11.5,0.1c5.4,0,9.2,0,11.4-0.1
79
- c-0.2,1.9-0.3,3.7-0.3,5.2c0,1.4,0,2.5,0.1,3.3h-0.9c-0.2-2.1-0.5-3.7-0.8-4.7c-0.3-1-0.9-1.8-1.7-2.2c-0.8-0.5-2.1-0.7-3.7-0.7
80
- h-2.2v23.2c0,1.1,0.1,2,0.3,2.5c0.2,0.5,0.6,0.9,1.2,1.1c0.6,0.2,1.4,0.3,2.6,0.4v0.8c-1.4-0.1-3.4-0.1-6-0.1c-2.7,0-4.7,0-6,0.1
81
- v-0.8c1.2,0,2.1-0.2,2.6-0.4c0.6-0.2,0.9-0.6,1.2-1.1c0.2-0.5,0.3-1.3,0.3-2.5V36.5h-2.2c-1.7,0-2.9,0.2-3.7,0.7
82
- c-0.8,0.5-1.4,1.2-1.7,2.2c-0.3,1-0.6,2.6-0.8,4.7h-0.9C38.8,43.3,38.8,42.2,38.8,40.8z"/>
83
- </g>
84
- <polygon display="inline" fill="none" stroke="#253742" stroke-width="2" stroke-miterlimit="10" points="63.5,23 26.6,23 26.6,77
85
- 73.4,77 73.4,32.4 "/>
86
- <polyline display="inline" fill="none" stroke="#253742" stroke-width="2" stroke-miterlimit="10" points="62.5,23 62.5,32.4
87
- 72.4,32.4 "/>
88
- </g>
89
- <g id="Calque_7">
90
- <g>
91
- <path fill="#FFFFFF" d="M84,34v32H16V34H84 M86,32H14v36h72V32L86,32z"/>
92
- </g>
93
- <g>
94
- <g>
95
- <path fill="#FFFFFF" d="M27.8,38.7L27.8,38.7c0.6,0,1.1,0.1,1.6,0.3c1,0.4,1.7,1.2,2.1,2.2c0.4,1,0.4,2.1-0.1,3.1
96
- c-0.6,1.4-2.1,2.4-3.7,2.4c-0.6,0-1.1-0.1-1.6-0.3c-2-0.9-2.9-3.3-2-5.3C24.8,39.6,26.2,38.7,27.8,38.7 M27.8,37.7
97
- c-1.9,0-3.8,1.1-4.6,3c-1.1,2.5,0,5.5,2.5,6.6c0.7,0.3,1.4,0.4,2,0.4c1.9,0,3.8-1.1,4.6-3c1.1-2.5,0-5.5-2.5-6.6
98
- C29.2,37.9,28.5,37.7,27.8,37.7L27.8,37.7z"/>
99
- </g>
100
- </g>
101
- <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="81.2,57 62.1,51.3 49,54.8 39.5,47.3 19.2,55 "/>
102
- <path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M75.8,65.3"/>
103
- <path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M25.4,65"/>
104
- <g>
105
- <path fill="#FFFFFF" d="M80.7,36.5v27H19.3v-27H80.7 M81.7,35.5H18.3v29h63.3V35.5L81.7,35.5z"/>
106
- </g>
107
- </g>
108
- <g id="Calque_8" display="none">
109
- <g display="inline">
110
- <path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M76.5,65.4"/>
111
- <rect x="29.3" y="35.3" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="41.6" height="29.5"/>
112
- <g>
113
- <path fill="#FFFFFF" d="M72.5,33.9v32.2H27.6V33.9H72.5 M74.5,31.9H25.6v36.2h48.9V31.9L74.5,31.9z"/>
114
- </g>
115
- <polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" points="76.5,36.6 90.5,36.6 90.5,63.4
116
- 76.5,63.4 "/>
117
- <polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" points="23.5,63.4 9.5,63.4 9.5,36.6 23.5,36.6
118
- "/>
119
- </g>
120
- </g>
121
- <g id="Calque_9" display="none">
122
- <g display="inline">
123
- <g>
124
- <g>
125
- <path fill="#FFFFFF" d="M84.5,16.5v67h-69v-67H84.5 M86.5,14.5h-73v71h73V14.5L86.5,14.5z"/>
126
- </g>
127
- <line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" x1="86.5" y1="31.5" x2="13.5" y2="31.5"/>
128
- <line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" x1="23.5" y1="23.5" x2="30.5" y2="23.5"/>
129
- <line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" x1="36.5" y1="23.5" x2="77.5" y2="23.5"/>
130
- </g>
131
- <g>
132
- <rect x="18.8" y="40" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="14" height="38"/>
133
- <rect x="34.9" y="40" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="14" height="38"/>
134
- <rect x="51.1" y="40" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="14" height="38"/>
135
- <rect x="67.2" y="40" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="14" height="38"/>
136
- </g>
137
- </g>
138
- </g>
139
- </svg>
140
- '
1
+ <%
2
+ init = <<~JAVASCRIPT
3
+ promethee.definitions.push({
4
+ name: 'Cover',
5
+ icon: #{render('promethee/components/cover/icon').to_json.html_safe},
6
+ data: {
7
+ type: 'cover',
8
+ attributes: {
9
+ src: 'https://picsum.photos/1920/1080/?random',
10
+ body: ''
11
+ }
12
+ }
13
+ })
14
+ JAVASCRIPT
141
15
  %>
142
- <div ng-init="promethee.definitions.push({
143
- name: 'Cover',
144
- icon: '<%= icon %>',
145
- data: {
146
- type: 'cover',
147
- attributes: {
148
- src: 'https://picsum.photos/1920/1080/?random',
149
- body: ''
150
- }
151
- }
152
- })"></div>
16
+
17
+ <%= content_tag :div, nil, 'ng-init': init %>