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
data/app/views/promethee/components/cover/_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="M86,32 L86,68 L14,68 L14,32 L86,32 Z M84,34 L16,34 L16,66 L84,66 L84,34 Z M27.8,37.7 C28.5,37.7 29.2,37.9 29.8,38.1 C32.3,39.2 33.4,42.2 32.3,44.7 C31.5,46.6 29.6,47.7 27.7,47.7 C27.1,47.7 26.4,47.6 25.7,47.3 C23.2,46.2 22.1,43.2 23.2,40.7 C24,38.8 25.9,37.7 27.8,37.7 Z M27.8,38.7 C26.2,38.7 24.8,39.6 24.1,41.1 C23.2,43.1 24.1,45.5 26.1,46.4 C26.6,46.6 27.1,46.7 27.7,46.7 C29.3,46.7 30.8,45.7 31.4,44.3 C31.9,43.3 31.9,42.2 31.5,41.2 C31.1,40.2 30.4,39.4 29.4,39 C28.9,38.8 28.4,38.7 27.8,38.7 Z M39.5882691,46.7326483 L49.1130931,54.2522462 L62.1075178,50.7804533 L81.3429834,56.5208802 L81.0570166,57.4791198 L62.0924822,51.8195467 L48.8869069,55.3477538 L39.4117309,47.8673517 L19.0021285,55.5403191 L18.6502265,54.6042823 L39.5882691,46.7326483 Z M81.7,35.5 L81.6,35.5 L81.6,64.5 L18.3,64.5 L18.3,35.5 L81.7,35.5 Z M80.7,36.5 L19.3,36.5 L19.3,63.5 L80.7,63.5 L80.7,36.5 Z"/>
3
+ </svg>
data/app/views/promethee/components/image/_edit.define.html.erb CHANGED
@@ -1,150 +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" 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="#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">
49
- <g>
50
- <path fill="#FFFFFF" 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
- <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="71.3,31 71.3,76.7 28.7,76.7 28.7,23.3 63.9,23.3 "/>
53
- <polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" points="76.3,81.7 23.7,81.7 23.7,18.3 "/>
54
- <g>
55
- <path fill="#FFFFFF" d="M65.3,23.1l6.2,6.2h-6.2V23.1 M63.3,18.3v13h13L63.3,18.3L63.3,18.3z"/>
56
- </g>
57
- <g>
58
- <g>
59
- <path fill="#FFFFFF" 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
60
- 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
61
- 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
62
- C40.7,29.4,40,29.3,39.3,29.3L39.3,29.3z"/>
63
- </g>
64
- </g>
65
- <g>
66
- <path fill="#FFFFFF" 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
67
- L29,76.7l42.4,0.6v-14L59.8,52.8l-11,7L40.8,44.8L40.8,44.8z"/>
68
- </g>
69
- </g>
70
- <g id="Calque_5" display="none">
71
- </g>
72
- <g id="Calque_6" display="none">
73
- <g display="inline">
74
- <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
75
- 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
76
- 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
77
- 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
78
- 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"/>
79
- </g>
80
- <polygon display="inline" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" points="63.5,23 26.6,23 26.6,77
81
- 73.4,77 73.4,32.4 "/>
82
- <polyline display="inline" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" points="62.5,23 62.5,32.4
83
- 72.4,32.4 "/>
84
- </g>
85
- <g id="Calque_7" display="none">
86
- <g display="inline">
87
- <path fill="#FFFFFF" d="M84,34v32H16V34H84 M86,32H14v36h72V32L86,32z"/>
88
- </g>
89
- <g display="inline">
90
- <g>
91
- <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
92
- 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
93
- 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
94
- C29.2,37.9,28.5,37.7,27.8,37.7L27.8,37.7z"/>
95
- </g>
96
- </g>
97
- <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
98
- 19.2,55 "/>
99
- <path display="inline" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M75.8,65.3"/>
100
- <path display="inline" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M25.4,65"/>
101
- <g display="inline">
102
- <path fill="#FFFFFF" d="M80.7,36.5v27H19.3v-27H80.7 M81.7,35.5H18.3v29h63.3V35.5L81.7,35.5z"/>
103
- </g>
104
- </g>
105
- <g id="Calque_8" display="none">
106
- <g display="inline">
107
- <path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M76.5,65.4"/>
108
- <rect x="29.3" y="35.3" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="41.6" height="29.5"/>
109
- <g>
110
- <path fill="#FFFFFF" d="M72.5,33.9v32.2H27.6V33.9H72.5 M74.5,31.9H25.6v36.2h48.9V31.9L74.5,31.9z"/>
111
- </g>
112
- <polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" points="76.5,36.6 90.5,36.6 90.5,63.4
113
- 76.5,63.4 "/>
114
- <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
115
- "/>
116
- </g>
117
- </g>
118
- <g id="Calque_9" display="none">
119
- <g display="inline">
120
- <g>
121
- <g>
122
- <path fill="#FFFFFF" d="M84.5,16.5v67h-69v-67H84.5 M86.5,14.5h-73v71h73V14.5L86.5,14.5z"/>
123
- </g>
124
- <line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" x1="86.5" y1="31.5" x2="13.5" y2="31.5"/>
125
- <line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" x1="23.5" y1="23.5" x2="30.5" y2="23.5"/>
126
- <line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" x1="36.5" y1="23.5" x2="77.5" y2="23.5"/>
127
- </g>
128
- <g>
129
- <rect x="18.8" y="40" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="14" height="38"/>
130
- <rect x="34.9" y="40" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="14" height="38"/>
131
- <rect x="51.1" y="40" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="14" height="38"/>
132
- <rect x="67.2" y="40" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" width="14" height="38"/>
133
- </g>
134
- </g>
135
- </g>
136
- </svg>
137
- '
1
+ <%
2
+ init = <<~JAVASCRIPT
3
+ promethee.definitions.push({
4
+ name: 'Image',
5
+ icon: #{render('promethee/components/image/icon').to_json.html_safe},
6
+ data: {
7
+ type: 'image',
8
+ attributes: {
9
+ src: 'https://picsum.photos/1920/1080/?random',
10
+ alt: '',
11
+ caption: ''
12
+ }
13
+ }
14
+ })
15
+ JAVASCRIPT
138
16
  %>
139
- <div ng-init="promethee.definitions.push({
140
- name: 'Image',
141
- icon: '<%= icon %>',
142
- data: {
143
- type: 'image',
144
- attributes: {
145
- src: 'https://picsum.photos/1920/1080/?random',
146
- alt: '',
147
- caption: ''
148
- }
149
- }
150
- })"></div>
17
+
18
+ <%= content_tag :div, nil, 'ng-init': init %>
data/app/views/promethee/components/image/_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="M63.85,20 L74.35,31.8 L74.35,79.5 L25.65,79.5 L25.65,20 L63.85,20 L63.85,20 Z M64.75,18 L23.65,18 L23.65,81.4 L76.35,81.4 L76.35,31 L64.75,18 L64.75,18 Z M70.75,75.9 L29.15,75.9 L29.15,23.5 L63.85,23.5 L63.85,22.5 L28.15,22.5 L28.15,76.9 L71.75,76.9 L71.75,30.7 L70.75,30.7 L70.75,75.9 Z M65.25,19.3735283 L63.25,19.3735283 L63.25,31 L74.0409402,31 L74.0409402,29 L65.25,29 L65.25,19.3735283 Z M39.25,29 C37.35,29 35.55,30.1 34.65,32 C33.55,34.5 34.65,37.5 37.15,38.6 C37.85,38.9 38.55,39 39.15,39 C41.05,39 42.85,37.9 43.75,36 C44.85,33.5 43.75,30.5 41.25,29.4 C40.65,29.1 39.95,29 39.25,29 L39.25,29 Z M39.25,30 C39.85,30 40.35,30.1 40.85,30.3 C41.85,30.7 42.55,31.5 42.95,32.5 C43.35,33.5 43.35,34.6 42.85,35.6 C42.25,37 40.75,38 39.15,38 C38.55,38 38.05,37.9 37.55,37.7 C35.55,36.8 34.65,34.4 35.55,32.4 C36.25,30.9 37.75,30 39.25,30 Z M70.9478522,62.6359869 L70.9205166,63.9777073 L59.65,53.7 L48.45,61 L40.65,46.3 L28.75,60.2109713 L28.75,58.5 L40.75,44.5 L48.75,59.5 L59.75,52.5 L70.9478522,62.6359869 Z"/>
3
+ </svg>
data/app/views/promethee/components/row/_edit.define.html.erb CHANGED
@@ -1,151 +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" 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" display="none">
90
- <g display="inline">
91
- <path fill="#253742" d="M84,34v32H16V34H84 M86,32H14v36h72V32L86,32z"/>
92
- </g>
93
- <g display="inline">
94
- <g>
95
- <path fill="#253742" 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="#253742" 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="#000000" stroke-miterlimit="10" d="M75.8,65.3"/>
104
- <path display="inline" fill="none" stroke="#000000" stroke-miterlimit="10" d="M25.4,65"/>
105
- <g display="inline">
106
- <path fill="#253742" 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="#253742" stroke-miterlimit="10" d="M76.5,65.4"/>
112
- <rect x="29.3" y="35.3" fill="none" stroke="#253742" stroke-miterlimit="10" width="41.6" height="29.5"/>
113
- <g>
114
- <path fill="#253742" 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="#253742" 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="#253742" 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">
123
- <g>
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
- '
1
+ <%
2
+ init = <<~JAVASCRIPT
3
+ promethee.definitions.push({
4
+ name: 'Row',
5
+ icon: #{render('promethee/components/row/icon').to_json.html_safe},
6
+ data: {
7
+ type: 'row',
8
+ attributes: {},
9
+ children: []
10
+ }
11
+ })
12
+ JAVASCRIPT
142
13
  %>
143
- <div ng-init="promethee.definitions.push({
144
- name: 'Row',
145
- icon: '<%= icon %>',
146
- data: {
147
- type: 'row',
148
- attributes: {},
149
- children: []
150
- }
151
- })"></div>
14
+
15
+ <%= content_tag :div, nil, 'ng-init': init %>
data/app/views/promethee/components/row/_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.2,40 L82.2,79 L67.2,79 L67.2,40 L82.2,40 Z M68.2,78 L81.2,78 L81.2,41 L68.2,41 L68.2,78 Z M66.1,40 L66.1,79 L51.1,79 L51.1,40 L66.1,40 Z M52.1,78 L65.1,78 L65.1,41 L52.1,41 L52.1,78 Z M49.9,40 L49.9,79 L34.9,79 L34.9,40 L49.9,40 Z M35.9,41 L35.9,78 L48.9,78 L48.9,41 L35.9,41 Z M33.8,40 L33.8,79 L18.8,79 L18.8,40 L33.8,40 Z M19.8,41 L19.8,78 L32.8,78 L32.8,41 L19.8,41 Z M87,31 L14,31 L14,33 L87,33 L87,31 Z M85,17 L85,84 L16,84 L16,17 L85,17 L85,17 Z M87,15 L14,15 L14,86 L87,86 L87,15 L87,15 Z M37,25 L37,23 L78,23 L78,25 L37,25 Z M24,25 L24,23 L31,23 L31,25 L24,25 Z"/>
3
+ </svg>
data/app/views/promethee/components/slider/_edit.define.html.erb CHANGED
@@ -1,151 +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" 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" display="none">
90
- <g display="inline">
91
- <path fill="#253742" d="M84,34v32H16V34H84 M86,32H14v36h72V32L86,32z"/>
92
- </g>
93
- <g display="inline">
94
- <g>
95
- <path fill="#253742" 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="#253742" 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="#000000" stroke-miterlimit="10" d="M75.8,65.3"/>
104
- <path display="inline" fill="none" stroke="#000000" stroke-miterlimit="10" d="M25.4,65"/>
105
- <g display="inline">
106
- <path fill="#253742" 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">
110
- <g>
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
- '
1
+ <%
2
+ init = <<~JAVASCRIPT
3
+ promethee.definitions.push({
4
+ name: 'Slider',
5
+ icon: #{render('promethee/components/slider/icon').to_json.html_safe},
6
+ data: {
7
+ type: 'slider',
8
+ attributes: {},
9
+ children: []
10
+ }
11
+ })
12
+ JAVASCRIPT
142
13
  %>
143
- <div ng-init="promethee.definitions.push({
144
- name: 'Slider',
145
- icon: '<%= icon %>',
146
- data: {
147
- type: 'slider',
148
- attributes: {},
149
- children: []
150
- }
151
- })"></div>
14
+
15
+ <%= content_tag :div, nil, 'ng-init': init %>