promethee 1.2.31 → 1.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (39) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/promethee-edit.sass +10 -44
  3. data/app/assets/stylesheets/promethee-edit/_move.sass +95 -46
  4. data/app/views/promethee/_edit.html.erb +26 -24
  5. data/app/views/promethee/components/aside/_edit.define.html.erb +152 -11
  6. data/app/views/promethee/components/aside/_edit.move.html.erb +11 -12
  7. data/app/views/promethee/components/column/_edit.define.html.erb +32 -0
  8. data/app/views/promethee/components/column/_edit.inspect.html.erb +5 -4
  9. data/app/views/promethee/components/column/_edit.move.html.erb +21 -11
  10. data/app/views/promethee/components/cover/_edit.define.html.erb +151 -12
  11. data/app/views/promethee/components/cover/_edit.move.html.erb +7 -4
  12. data/app/views/promethee/components/cover/_localize.html.erb +1 -1
  13. data/app/views/promethee/components/image/_edit.define.html.erb +149 -13
  14. data/app/views/promethee/components/image/_edit.move.html.erb +13 -4
  15. data/app/views/promethee/components/image/_localize.html.erb +1 -1
  16. data/app/views/promethee/components/row/_edit.define.html.erb +151 -11
  17. data/app/views/promethee/components/row/_edit.move.html.erb +6 -3
  18. data/app/views/promethee/components/slider/_edit.define.html.erb +151 -11
  19. data/app/views/promethee/components/slider/_edit.move.html.erb +5 -3
  20. data/app/views/promethee/components/text/_edit.define.html.erb +150 -11
  21. data/app/views/promethee/components/text/_edit.move.html.erb +4 -1
  22. data/app/views/promethee/components/text/_localize.html.erb +1 -1
  23. data/app/views/promethee/components/video/_edit.define.html.erb +30 -11
  24. data/app/views/promethee/components/video/_edit.move.html.erb +30 -4
  25. data/app/views/promethee/edit/_move.close.html.erb +4 -0
  26. data/app/views/promethee/edit/_move.header.html.erb +7 -0
  27. data/app/views/promethee/edit/_move.html.erb +107 -15
  28. data/lib/promethee/rails/version.rb +1 -1
  29. metadata +5 -13
  30. data/app/assets/stylesheets/promethee-edit/_write.sass +0 -94
  31. data/app/views/promethee/components/aside/_edit.write.html.erb +0 -14
  32. data/app/views/promethee/components/column/_edit.write.html.erb +0 -17
  33. data/app/views/promethee/components/cover/_edit.write.html.erb +0 -23
  34. data/app/views/promethee/components/image/_edit.write.html.erb +0 -25
  35. data/app/views/promethee/components/row/_edit.write.html.erb +0 -34
  36. data/app/views/promethee/components/slider/_edit.write.html.erb +0 -47
  37. data/app/views/promethee/components/text/_edit.write.html.erb +0 -20
  38. data/app/views/promethee/components/video/_edit.write.html.erb +0 -39
  39. data/app/views/promethee/edit/_write.html.erb +0 -98
data/app/views/promethee/components/image/_edit.move.html.erb CHANGED
@@ -1,6 +1,15 @@
1
1
  <script type="text/ng-template" id="promethee/components/image/edit/move">
2
- <figure>
3
- <img ng-src="{{component.attributes.src}}" class="img-responsive">
4
- <figcaption ng-show="component.attributes.caption" ng-bind-html="component.attributes.caption | htmlSafe"></figcaption>
5
- </figure>
2
+ <%= render 'promethee/edit/move.header', type: 'image' %>
3
+ <figure ng-show="component.attributes.src">
4
+ <img ng-src="{{component.attributes.src}}"
5
+ class="img-responsive">
6
+ <figcaption ng-show="component.attributes.caption"
7
+ ng-bind-html="component.attributes.caption | htmlSafe"></figcaption>
8
+ </figure>
9
+ <div ng-hide="component.attributes.src">
10
+ <p ng-hide="editing"
11
+ class="text-center">Click to set the image</p>
12
+ </div>
13
+ </div>
14
+ </div>
6
15
  </script>
data/app/views/promethee/components/image/_localize.html.erb CHANGED
@@ -3,7 +3,7 @@
3
3
  <div class="col-md-6">
4
4
  <b>Local</b>
5
5
  <input ng-model="component.attributes.alt" type="text" class="form-control">
6
- <summernote config="summernoteConfig" ng-model="component.attributes.caption"></summernote>
6
+ <summernote config="options" ng-model="component.attributes.caption"></summernote>
7
7
  </div>
8
8
  <div class="col-md-6">
9
9
  <b>Master</b>
data/app/views/promethee/components/row/_edit.define.html.erb CHANGED
@@ -1,11 +1,151 @@
1
- <script>
2
- angular.injector(['ng', 'Promethee']).get('definitions').push({
3
- name: 'Row',
4
- thumb: 'http://via.placeholder.com/300x200',
5
- data: {
6
- type: 'row',
7
- attributes: {},
8
- children: []
9
- }
10
- });
11
- </script>
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
+ '
142
+ %>
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>
data/app/views/promethee/components/row/_edit.move.html.erb CHANGED
@@ -1,6 +1,9 @@
1
1
  <script type="text/ng-template" id="promethee/components/row/edit/move">
2
- <div class="header">Row</div>
3
- <div class="row">
4
- <ng-include src="'promethee/move/components'"></ng-include>
2
+ <%= render 'promethee/edit/move.header', type: 'row' %>
3
+ <div class="header">Row</div>
4
+ <div class="row">
5
+ <ng-include src="'promethee/move/components'"></ng-include>
6
+ </div>
7
+ </div>
5
8
  </div>
6
9
  </script>
data/app/views/promethee/components/slider/_edit.define.html.erb CHANGED
@@ -1,11 +1,151 @@
1
- <script>
2
- angular.injector(['ng', 'Promethee']).get('definitions').push({
3
- name: 'Slider',
4
- thumb: 'http://via.placeholder.com/300x200',
5
- data: {
6
- type: 'slider',
7
- attributes: {},
8
- children: []
9
- }
10
- });
11
- </script>
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
+ '
142
+ %>
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>
data/app/views/promethee/components/slider/_edit.move.html.erb CHANGED
@@ -1,6 +1,8 @@
1
1
  <script type="text/ng-template" id="promethee/components/slider/edit/move">
2
- <div class="header">Slider</div>
3
- <div ng-if="component.children.length > 0" ng-init="component = component.children[0]">
4
- <ng-include src="'promethee/move/component'"></ng-include>
2
+ <%= render 'promethee/edit/move.header', type: 'slider' %>
3
+ <div ng-if="component.children.length > 0" ng-init="component = component.children[0]">
4
+ <ng-include src="'promethee/move/component'"></ng-include>
5
+ </div>
6
+ </div>
5
7
  </div>
6
8
  </script>
data/app/views/promethee/components/text/_edit.define.html.erb CHANGED
@@ -1,12 +1,151 @@
1
- <script>
2
- angular.injector(['ng', 'Promethee']).get('definitions').push({
3
- name: 'Text',
4
- thumb: 'http://via.placeholder.com/300x200',
5
- data: {
6
- type: 'text',
7
- attributes: {
8
- body: 'Edit me'
9
- }
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">
77
+ <g>
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 fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" points="63.5,23 26.6,23 26.6,77 73.4,77
85
+ 73.4,32.4 "/>
86
+ <polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" points="62.5,23 62.5,32.4 72.4,32.4 "/>
87
+ </g>
88
+ <g id="Calque_7" display="none">
89
+ <g display="inline">
90
+ <path fill="#FFFFFF" d="M84,34v32H16V34H84 M86,32H14v36h72V32L86,32z"/>
91
+ </g>
92
+ <g display="inline">
93
+ <g>
94
+ <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
95
+ 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
96
+ 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
97
+ C29.2,37.9,28.5,37.7,27.8,37.7L27.8,37.7z"/>
98
+ </g>
99
+ </g>
100
+ <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
101
+ 19.2,55 "/>
102
+ <path display="inline" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M75.8,65.3"/>
103
+ <path display="inline" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M25.4,65"/>
104
+ <g display="inline">
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
+ '
141
+ %>
142
+ <div ng-init="promethee.definitions.push({
143
+ name: 'Text',
144
+ icon: '<%= icon %>',
145
+ data: {
146
+ type: 'text',
147
+ attributes: {
148
+ body: 'Edit me'
10
149
  }
11
- });
12
- </script>
150
+ }
151
+ })"></div>