promethee 1.3.2 → 1.3.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -0
- data/app/assets/stylesheets/promethee-edit/_move.sass +6 -4
- data/app/views/promethee/_edit.html.erb +14 -6
- data/app/views/promethee/components/aside/_edit.define.html.erb +14 -151
- data/app/views/promethee/components/aside/_icon.svg +3 -0
- data/app/views/promethee/components/column/_edit.define.html.erb +17 -31
- data/app/views/promethee/components/column/_icon.svg +3 -0
- data/app/views/promethee/components/cover/_edit.define.html.erb +16 -151
- data/app/views/promethee/components/cover/_icon.svg +3 -0
- data/app/views/promethee/components/image/_edit.define.html.erb +17 -149
- data/app/views/promethee/components/image/_icon.svg +3 -0
- data/app/views/promethee/components/row/_edit.define.html.erb +14 -150
- data/app/views/promethee/components/row/_icon.svg +3 -0
- data/app/views/promethee/components/slider/_edit.define.html.erb +14 -150
- data/app/views/promethee/components/slider/_edit.inspect.html.erb +43 -1
- data/app/views/promethee/components/slider/_edit.move.html.erb +6 -2
- data/app/views/promethee/components/slider/_icon.svg +3 -0
- data/app/views/promethee/components/text/_edit.define.html.erb +15 -150
- data/app/views/promethee/components/text/_icon.svg +3 -0
- data/app/views/promethee/components/video/_edit.define.html.erb +14 -29
- data/app/views/promethee/components/video/_icon.svg +3 -0
- data/app/views/promethee/edit/_move.html.erb +48 -21
- data/app/views/promethee/presets/_icon.image-with-text.svg +3 -0
- data/app/views/promethee/presets/_image-with-text.html.erb +33 -0
- data/app/views/promethee/utils/_summernote-config.html.erb +11 -5
- data/lib/promethee/rails/helper.rb +4 -0
- data/lib/promethee/rails/version.rb +1 -1
- data/vendor/assets/javascripts/ui-sortable.js +683 -0
- metadata +14 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 902ef153c7edb11dc449989cff22fe1ff9b2d4f7
|
4
|
+
data.tar.gz: 9c6f76ba43f6761d37d24bbbf613e9ae67c4df61
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 4ceabedc7cef16000d12a659335773f52012c867e4ac677d0b32027d93052d8ee10fa348932c9c8f15d80ae7103e6f6f1d4fcda948cd5ba5a1b4cb0578a0af2e
|
7
|
+
data.tar.gz: 404071b9638443c6c7fb9cc1e711ee90c9d7fa203687b0a569d4e88f772d5cc0068d4e8ebf2594055ca9b7357d45ea21f80e782ebade6bd4ddfd8917ca3fa5f6
|
data/README.md
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
|
-
|
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
|
@@ -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>
|
@@ -1,152 +1,15 @@
|
|
1
|
-
<%
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
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
|
-
|
145
|
-
|
146
|
-
icon: '<%= icon %>',
|
147
|
-
data: {
|
148
|
-
type: 'aside',
|
149
|
-
attributes: {},
|
150
|
-
children: []
|
151
|
-
}
|
152
|
-
})"></div>
|
14
|
+
|
15
|
+
<%= content_tag :div, nil, 'ng-init': init %>
|
@@ -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>
|
@@ -1,32 +1,18 @@
|
|
1
|
-
<%
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
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
|
-
|
22
|
-
|
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 %>
|
@@ -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>
|
@@ -1,152 +1,17 @@
|
|
1
|
-
<%
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
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
|
-
|
143
|
-
|
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 %>
|