promethee 1.10.9 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +3 -8
- data/app/assets/stylesheets/promethee-edit/_layout.sass +128 -0
- data/app/assets/stylesheets/promethee-edit/_loader.sass +14 -0
- data/app/assets/stylesheets/promethee-edit/_nav.sass +6 -0
- data/app/assets/stylesheets/promethee-edit.sass +4 -146
- data/app/assets/stylesheets/promethee.sass +1 -1
- data/app/views/promethee/_edit.html.erb +11 -8
- data/app/views/promethee/components/aside/_edit.move.html.erb +1 -1
- data/app/views/promethee/components/collection/_edit.inspect.html.erb +1 -1
- data/app/views/promethee/components/faq/_edit.inspect.html.erb +1 -1
- data/app/views/promethee/components/row/_edit.inspect.html.erb +2 -2
- data/app/views/promethee/components/slider/_edit.inspect.html.erb +1 -1
- data/app/views/promethee/components/table/_edit.define.html.erb +40 -0
- data/app/views/promethee/components/table/_edit.inspect.html.erb +42 -0
- data/app/views/promethee/components/table/_edit.move.html.erb +19 -0
- data/app/views/promethee/components/table/_icon.svg +3 -0
- data/app/views/promethee/components/table/_localize.html.erb +38 -0
- data/app/views/promethee/components/table/_show.html.erb +22 -0
- data/app/views/promethee/edit/_inspect.advanced.html.erb +1 -1
- data/app/views/promethee/templates/_uploader.html.erb +1 -1
- data/lib/promethee/rails/version.rb +1 -1
- data/node_modules/@fancyapps/fancybox/package.json +52 -52
- data/node_modules/angular-ui-sortable/demo/demo.html +2 -2
- metadata +11 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3d016b3b75749692b158b0968cee160e66828bb429df7c3b357815d543b903ff
|
|
4
|
+
data.tar.gz: 3864e6a9b44920c8514c94eeb918c207d3d48439deb804ca536e5e59d14e2c54
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ab5dd82e8e21880d8171cb2498229a5ad1bf57b11e7ba83c5e9b714278cc9a5b2b6706e5f4ef71b57f28fc52e80e3d8d46c609c741f1b9cf0ba5f5ef2b051f9d
|
|
7
|
+
data.tar.gz: bfa9b0f04a17f63df9f8470d6338d99b82799bd0beebc498c31b700a108a922bdd11e2dd44d516f91bc0a725863449d1b40e9bb69ed225cee0a4c6244884f819
|
data/README.md
CHANGED
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
[](https://codeclimate.com/github/lespoupeesrusses/promethee/maintainability)
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
|
-
Add
|
|
6
|
+
Add these lines to your application's Gemfile:
|
|
7
7
|
|
|
8
8
|
```ruby
|
|
9
|
-
gem 'bootstrap-sass' # For Bootstrap 3
|
|
10
|
-
gem 'bootstrap' # For Bootstrap 4
|
|
9
|
+
gem 'bootstrap-sass' # For Bootstrap 3 (not with bootstrap 4!)
|
|
10
|
+
gem 'bootstrap' # For Bootstrap 4 (not with bootstrap 3!)
|
|
11
11
|
gem 'promethee'
|
|
12
12
|
```
|
|
13
13
|
|
|
@@ -16,11 +16,6 @@ And then execute:
|
|
|
16
16
|
$ bundle
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
Or install it yourself as:
|
|
20
|
-
```bash
|
|
21
|
-
$ gem install promethee
|
|
22
|
-
```
|
|
23
|
-
|
|
24
19
|
## Usage
|
|
25
20
|
In this example, we have a page with a title (string) and a data (jsonb) attribute.
|
|
26
21
|
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
.promethee-open
|
|
2
|
+
$real-width: 300px
|
|
3
|
+
$real-height: 500px
|
|
4
|
+
$rendered-width: 1280px
|
|
5
|
+
$rendered-height: $real-height/$real-width*$rendered-width
|
|
6
|
+
$size-ratio: $real-width/$rendered-width
|
|
7
|
+
|
|
8
|
+
width: $real-width
|
|
9
|
+
height: $real-height
|
|
10
|
+
overflow: hidden
|
|
11
|
+
position: relative
|
|
12
|
+
text-align: center
|
|
13
|
+
|
|
14
|
+
&, &::after, &__logo, &__button, &__thumb-preview
|
|
15
|
+
cursor: pointer
|
|
16
|
+
|
|
17
|
+
&::after
|
|
18
|
+
content: ''
|
|
19
|
+
width: 100%
|
|
20
|
+
height: 100%
|
|
21
|
+
top: 0
|
|
22
|
+
left: 0
|
|
23
|
+
border: 1px solid #253742
|
|
24
|
+
box-sizing: border-box
|
|
25
|
+
position: absolute
|
|
26
|
+
display: block
|
|
27
|
+
|
|
28
|
+
&__logo
|
|
29
|
+
padding: 20px
|
|
30
|
+
svg
|
|
31
|
+
width: 50px
|
|
32
|
+
height: 50px
|
|
33
|
+
|
|
34
|
+
&__thumb-preview
|
|
35
|
+
margin-top: 20px
|
|
36
|
+
background: #eee
|
|
37
|
+
width: $rendered-width
|
|
38
|
+
height: $rendered-height
|
|
39
|
+
border: none
|
|
40
|
+
display: block
|
|
41
|
+
transform: scale(#{$size-ratio})
|
|
42
|
+
transform-origin: 0 0
|
|
43
|
+
|
|
44
|
+
.promethee-edit
|
|
45
|
+
background: white
|
|
46
|
+
position: fixed
|
|
47
|
+
left: 0
|
|
48
|
+
right: 0
|
|
49
|
+
bottom: 0
|
|
50
|
+
top: 0
|
|
51
|
+
padding-top: 50px
|
|
52
|
+
z-index: 10000
|
|
53
|
+
overflow: hidden
|
|
54
|
+
|
|
55
|
+
.navbar-nav
|
|
56
|
+
flex-direction: row
|
|
57
|
+
|
|
58
|
+
&__navbar
|
|
59
|
+
background: #232323
|
|
60
|
+
width: 100%
|
|
61
|
+
margin-bottom: 0
|
|
62
|
+
top: 0
|
|
63
|
+
left: 0
|
|
64
|
+
border-radius: 0
|
|
65
|
+
border: none
|
|
66
|
+
z-index: 10000
|
|
67
|
+
position: fixed
|
|
68
|
+
ul.nav li
|
|
69
|
+
position: relative
|
|
70
|
+
a
|
|
71
|
+
color: white
|
|
72
|
+
&:hover
|
|
73
|
+
color: #eee
|
|
74
|
+
.dropdown-menu
|
|
75
|
+
position: absolute
|
|
76
|
+
background: #232323
|
|
77
|
+
min-width: 20px
|
|
78
|
+
|
|
79
|
+
&__icon
|
|
80
|
+
svg path
|
|
81
|
+
fill: white
|
|
82
|
+
|
|
83
|
+
&__wrapper
|
|
84
|
+
padding: 10px
|
|
85
|
+
|
|
86
|
+
.video-neutralizing-overlay
|
|
87
|
+
background: transparent
|
|
88
|
+
position: absolute
|
|
89
|
+
top: 0
|
|
90
|
+
left: 0
|
|
91
|
+
right: 0
|
|
92
|
+
bottom: 0
|
|
93
|
+
|
|
94
|
+
.promethee_uploader--preview
|
|
95
|
+
float: right
|
|
96
|
+
margin-top: 5px
|
|
97
|
+
img, video
|
|
98
|
+
display: block
|
|
99
|
+
margin: 0 0 0 auto
|
|
100
|
+
max-height: 34px
|
|
101
|
+
video
|
|
102
|
+
max-width: 50px
|
|
103
|
+
&__delete
|
|
104
|
+
margin-left: 5px
|
|
105
|
+
cursor: pointer
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
.promethee-edit
|
|
109
|
+
.row
|
|
110
|
+
position: relative
|
|
111
|
+
&__background
|
|
112
|
+
position: absolute
|
|
113
|
+
z-index: 0
|
|
114
|
+
top: 0
|
|
115
|
+
left: 5px
|
|
116
|
+
right: 5px
|
|
117
|
+
bottom: 0
|
|
118
|
+
opacity: .5
|
|
119
|
+
background-repeat: no-repeat
|
|
120
|
+
&__children
|
|
121
|
+
position: relative
|
|
122
|
+
z-index: 10
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
@media (min-width: 768px)
|
|
126
|
+
.modal-dialog
|
|
127
|
+
// default margin-top is 30px and the modal window is displayed UNDER the topbar
|
|
128
|
+
margin-top: 60px
|
|
@@ -1,153 +1,11 @@
|
|
|
1
|
-
@import angular-bootstrap-colorpicker/css/colorpicker
|
|
2
|
-
|
|
3
1
|
$promethee-grey: #bbb
|
|
4
2
|
$promethee-transparent-grey: transparentize($promethee-grey, .8)
|
|
5
3
|
$promethee-light-grey: #eee
|
|
6
4
|
$promethee-color: #ff9900 !default
|
|
7
5
|
|
|
6
|
+
@import 'angular-bootstrap-colorpicker/css/colorpicker.css'
|
|
7
|
+
@import 'promethee-edit/layout'
|
|
8
|
+
@import 'promethee-edit/nav'
|
|
9
|
+
@import 'promethee-edit/loader'
|
|
8
10
|
@import 'promethee-edit/move'
|
|
9
11
|
@import 'promethee-edit/preview'
|
|
10
|
-
|
|
11
|
-
.promethee-loader
|
|
12
|
-
position: fixed
|
|
13
|
-
top: 0
|
|
14
|
-
left: 0
|
|
15
|
-
right: 0
|
|
16
|
-
bottom: 0
|
|
17
|
-
z-index: 9999
|
|
18
|
-
background-color: white
|
|
19
|
-
&__inner
|
|
20
|
-
margin: 20% auto 0 auto
|
|
21
|
-
text-align: center
|
|
22
|
-
img
|
|
23
|
-
display: block
|
|
24
|
-
margin: 0 auto
|
|
25
|
-
|
|
26
|
-
.promethee-open
|
|
27
|
-
$real-width: 300px
|
|
28
|
-
$real-height: 500px
|
|
29
|
-
$rendered-width: 1280px
|
|
30
|
-
$rendered-height: $real-height/$real-width*$rendered-width
|
|
31
|
-
$size-ratio: $real-width/$rendered-width
|
|
32
|
-
|
|
33
|
-
width: $real-width
|
|
34
|
-
height: $real-height
|
|
35
|
-
overflow: hidden
|
|
36
|
-
position: relative
|
|
37
|
-
text-align: center
|
|
38
|
-
|
|
39
|
-
&, &::after, &__logo, &__button, &__thumb-preview
|
|
40
|
-
cursor: pointer
|
|
41
|
-
|
|
42
|
-
&::after
|
|
43
|
-
content: ''
|
|
44
|
-
width: 100%
|
|
45
|
-
height: 100%
|
|
46
|
-
top: 0
|
|
47
|
-
left: 0
|
|
48
|
-
border: 1px solid #253742
|
|
49
|
-
box-sizing: border-box
|
|
50
|
-
position: absolute
|
|
51
|
-
display: block
|
|
52
|
-
|
|
53
|
-
&__logo
|
|
54
|
-
padding: 20px
|
|
55
|
-
svg
|
|
56
|
-
width: 50px
|
|
57
|
-
height: 50px
|
|
58
|
-
|
|
59
|
-
&__thumb-preview
|
|
60
|
-
margin-top: 20px
|
|
61
|
-
background: #eee
|
|
62
|
-
width: $rendered-width
|
|
63
|
-
height: $rendered-height
|
|
64
|
-
border: none
|
|
65
|
-
display: block
|
|
66
|
-
transform: scale(#{$size-ratio})
|
|
67
|
-
transform-origin: 0 0
|
|
68
|
-
|
|
69
|
-
.promethee-edit
|
|
70
|
-
background: white
|
|
71
|
-
position: fixed
|
|
72
|
-
left: 0
|
|
73
|
-
right: 0
|
|
74
|
-
bottom: 0
|
|
75
|
-
top: 0
|
|
76
|
-
padding-top: 50px
|
|
77
|
-
z-index: 10000
|
|
78
|
-
overflow: hidden
|
|
79
|
-
|
|
80
|
-
.navbar-nav
|
|
81
|
-
flex-direction: row
|
|
82
|
-
|
|
83
|
-
&__navbar
|
|
84
|
-
background: #232323
|
|
85
|
-
width: 100%
|
|
86
|
-
margin-bottom: 0
|
|
87
|
-
top: 0
|
|
88
|
-
left: 0
|
|
89
|
-
border-radius: 0
|
|
90
|
-
border: none
|
|
91
|
-
z-index: 10000
|
|
92
|
-
position: fixed
|
|
93
|
-
ul.nav li
|
|
94
|
-
position: relative
|
|
95
|
-
a
|
|
96
|
-
color: white
|
|
97
|
-
&:hover
|
|
98
|
-
color: #eee
|
|
99
|
-
.dropdown-menu
|
|
100
|
-
position: absolute
|
|
101
|
-
background: #232323
|
|
102
|
-
min-width: 20px
|
|
103
|
-
|
|
104
|
-
&__icon
|
|
105
|
-
svg path
|
|
106
|
-
fill: white
|
|
107
|
-
|
|
108
|
-
&__wrapper
|
|
109
|
-
padding: 10px
|
|
110
|
-
|
|
111
|
-
.video-neutralizing-overlay
|
|
112
|
-
background: transparent
|
|
113
|
-
position: absolute
|
|
114
|
-
top: 0
|
|
115
|
-
left: 0
|
|
116
|
-
right: 0
|
|
117
|
-
bottom: 0
|
|
118
|
-
|
|
119
|
-
.promethee_uploader--preview
|
|
120
|
-
float: right
|
|
121
|
-
margin-top: 5px
|
|
122
|
-
img, video
|
|
123
|
-
display: block
|
|
124
|
-
margin: 0 0 0 auto
|
|
125
|
-
max-height: 34px
|
|
126
|
-
video
|
|
127
|
-
max-width: 50px
|
|
128
|
-
&__delete
|
|
129
|
-
margin-left: 5px
|
|
130
|
-
cursor: pointer
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
.promethee-edit
|
|
134
|
-
.row
|
|
135
|
-
position: relative
|
|
136
|
-
&__background
|
|
137
|
-
position: absolute
|
|
138
|
-
z-index: 0
|
|
139
|
-
top: 0
|
|
140
|
-
left: 5px
|
|
141
|
-
right: 5px
|
|
142
|
-
bottom: 0
|
|
143
|
-
opacity: .5
|
|
144
|
-
background-repeat: no-repeat
|
|
145
|
-
&__children
|
|
146
|
-
position: relative
|
|
147
|
-
z-index: 10
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
@media (min-width: 768px)
|
|
151
|
-
.modal-dialog
|
|
152
|
-
// default margin-top is 30px and the modal window is displayed UNDER the topbar
|
|
153
|
-
margin-top: 60px
|
|
@@ -177,26 +177,29 @@ promethee.controller('PrometheeController', ['$scope', 'summernoteConfig', 'pres
|
|
|
177
177
|
</div>
|
|
178
178
|
<div id="navbar">
|
|
179
179
|
<ul class="nav navbar-nav navbar-right ml-auto">
|
|
180
|
-
<li class="nav-item" ng-click="promethee.mode = 'move'" ng-class="{active: promethee.mode == 'move'}"><a><%= icon('fa', 'pencil') %></a></li>
|
|
180
|
+
<li class="nav-item" ng-click="promethee.mode = 'move'" ng-class="{active: promethee.mode == 'move'}"><a class="nav-link"><%= icon('fa', 'pencil') %></a></li>
|
|
181
181
|
<li class="nav-item" ng-class="{active: promethee.mode == 'preview'}">
|
|
182
|
-
<a ng-click="enablePreview()" data-toggle="dropdown"><%= icon('fa', 'eye') %></a>
|
|
182
|
+
<a class="nav-link" ng-click="enablePreview()" data-toggle="dropdown"><%= icon('fa', 'eye') %></a>
|
|
183
183
|
<ul class="dropdown-menu" ng-show="promethee.mode == 'preview'">
|
|
184
184
|
<li ng-click="promethee.preview = 'desktop'"
|
|
185
|
+
class="nav-item"
|
|
185
186
|
ng-class="{active: promethee.preview == 'desktop'}">
|
|
186
|
-
<a class="promethee-previewmode promethee-previewmode__desktop"><i class="fa fa-desktop"></i></a></li>
|
|
187
|
+
<a class="promethee-previewmode promethee-previewmode__desktop nav-link"><i class="fa fa-desktop"></i></a></li>
|
|
187
188
|
<li ng-click="promethee.preview = 'tablet'"
|
|
189
|
+
class="nav-item"
|
|
188
190
|
ng-class="{active: promethee.preview == 'tablet'}">
|
|
189
|
-
<a class="promethee-previewmode promethee-previewmode__tablet"><i class="fa fa-tablet"></i></a></li>
|
|
191
|
+
<a class="promethee-previewmode promethee-previewmode__tablet nav-link"><i class="fa fa-tablet"></i></a></li>
|
|
190
192
|
<li ng-click="promethee.preview = 'mobile'"
|
|
193
|
+
class="nav-item"
|
|
191
194
|
ng-class="{active: promethee.preview == 'mobile'}">
|
|
192
|
-
<a class="promethee-previewmode promethee-previewmode__mobile"><i class="fa fa-mobile"></i></a></li>
|
|
195
|
+
<a class="promethee-previewmode promethee-previewmode__mobile nav-link"><i class="fa fa-mobile"></i></a></li>
|
|
193
196
|
</ul>
|
|
194
197
|
</li>
|
|
195
|
-
<li class="nav-item" ng-click="submit()"><a><%= icon('fa', 'save') %></a></li>
|
|
198
|
+
<li class="nav-item" ng-click="submit()"><a class="nav-link"><%= icon('fa', 'save') %></a></li>
|
|
196
199
|
<% if back_url.present? %>
|
|
197
|
-
<li class="nav-item"><%=
|
|
200
|
+
<li class="nav-item"><a class="nav-link" href="<%= back_url %>"><%= icon('fa', 'close') %></a></li>
|
|
198
201
|
<% else %>
|
|
199
|
-
<li class="nav-item" ng-click="promethee.fullscreen = false"><a><%= icon('fa', 'close') %></a></li>
|
|
202
|
+
<li class="nav-item" ng-click="promethee.fullscreen = false"><a class="nav-link"><%= icon('fa', 'close') %></a></li>
|
|
200
203
|
<% end %>
|
|
201
204
|
</ul>
|
|
202
205
|
</div>
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<div ng-bind-html="component.attributes.searchable_visible_content | htmlSafe"></div>
|
|
6
6
|
<div ng-hide="collapsed"
|
|
7
7
|
ng-bind-html="component.attributes.searchable_collapsed_content | htmlSafe"></div>
|
|
8
|
-
<a class="btn btn-default btn-block"
|
|
8
|
+
<a class="btn btn-default btn-light btn-block"
|
|
9
9
|
ng-class="component.attributes.open_label_position"
|
|
10
10
|
ng-click="collapsed = !collapsed"
|
|
11
11
|
ng-bind-html="component.attributes.searchable_open_label | htmlSafe"></a>
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
<hr>
|
|
21
21
|
|
|
22
22
|
<div class="form-group">
|
|
23
|
-
<div class="btn btn-default" ng-click="addComponentByType('collection_item', promethee.inspected.children)">Add item</div>
|
|
23
|
+
<div class="btn btn-default btn-light" ng-click="addComponentByType('collection_item', promethee.inspected.children)">Add item</div>
|
|
24
24
|
<div ng-show="promethee.inspected.children.length">
|
|
25
25
|
<br><br>
|
|
26
26
|
<label class="label-control">Drag the items below to reorder them:</label>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script type="text/ng-template" id="promethee/components/faq/edit/inspect">
|
|
2
2
|
<div class="form-group">
|
|
3
|
-
<div class="btn btn-default" ng-click="addComponentByType('faq_item', promethee.inspected.children)">Add item</div>
|
|
3
|
+
<div class="btn btn-default btn-light" ng-click="addComponentByType('faq_item', promethee.inspected.children)">Add item</div>
|
|
4
4
|
<div ng-show="promethee.inspected.children.length">
|
|
5
5
|
<br><br>
|
|
6
6
|
<label class="label-control">Drag the items below to reorder them:</label>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script type="text/ng-template" id="promethee/components/row/edit/inspect">
|
|
2
2
|
<div class="form-group">
|
|
3
|
-
<div class="btn btn-default"
|
|
3
|
+
<div class="btn btn-default btn-light"
|
|
4
4
|
ng-click="addComponentByType('column', promethee.inspected.children)">
|
|
5
5
|
Add column
|
|
6
6
|
</div>
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
</div>
|
|
28
28
|
|
|
29
29
|
<div>
|
|
30
|
-
<div class="btn btn-default" ng-click="promethee.inspected.attributes.backgrounds.push( { image: { id: undefined, name: '' }, posh: 'center', posv: 'center', size: 'auto' } )">Add background image</div>
|
|
30
|
+
<div class="btn btn-default btn-light" ng-click="promethee.inspected.attributes.backgrounds.push( { image: { id: undefined, name: '' }, posh: 'center', posv: 'center', size: 'auto' } )">Add background image</div>
|
|
31
31
|
|
|
32
32
|
<div ng-repeat="background in promethee.inspected.attributes.backgrounds" style="margin-top: 20px">
|
|
33
33
|
<h3>Background {{$index + 1}} <span class="fa fa-trash" ng-click="promethee.inspected.attributes.backgrounds.splice($index, 1)" style="cursor: pointer"></span></h3>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script type="text/ng-template" id="promethee/components/slider/edit/inspect">
|
|
2
2
|
<div class="form-group">
|
|
3
|
-
<div class="btn btn-default" ng-click="addComponentByType('slider_item', promethee.inspected.children)">Add item</div>
|
|
3
|
+
<div class="btn btn-default btn-light" ng-click="addComponentByType('slider_item', promethee.inspected.children)">Add item</div>
|
|
4
4
|
<div ng-show="promethee.inspected.children.length">
|
|
5
5
|
<br><br>
|
|
6
6
|
<label class="label-control">Drag the items below to reorder them:</label>
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
<%
|
|
2
|
+
init = <<~JAVASCRIPT
|
|
3
|
+
promethee.definitions.push({
|
|
4
|
+
name: 'Table',
|
|
5
|
+
icon: #{ promethee_component_render_icon 'table' },
|
|
6
|
+
position: 60,
|
|
7
|
+
library: true,
|
|
8
|
+
data: {
|
|
9
|
+
type: 'table',
|
|
10
|
+
attributes: {
|
|
11
|
+
head: [
|
|
12
|
+
{
|
|
13
|
+
searchable_text: 'Column 1'
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
searchable_text: 'Column 2'
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
searchable_text: 'Column 3'
|
|
20
|
+
}
|
|
21
|
+
],
|
|
22
|
+
body: [
|
|
23
|
+
[
|
|
24
|
+
{
|
|
25
|
+
searchable_text: 'Text 1'
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
searchable_text: 'Text 2'
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
searchable_text: 'Text 3'
|
|
32
|
+
}
|
|
33
|
+
]
|
|
34
|
+
]
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
})
|
|
38
|
+
JAVASCRIPT
|
|
39
|
+
%>
|
|
40
|
+
<div ng-init="<%= init %>"></div>
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
<script type="text/ng-template" id="promethee/components/table/edit/inspect">
|
|
2
|
+
<div class="form-group">
|
|
3
|
+
<label class="label-control">Head</label><br/>
|
|
4
|
+
<div class="btn btn-default btn-light btn-sm"
|
|
5
|
+
ng-click="promethee.inspected.attributes.head.push({searchable_text: 'Column'})">
|
|
6
|
+
Add column
|
|
7
|
+
</div><br/><br/>
|
|
8
|
+
<div ng-repeat="th in promethee.inspected.attributes.head">
|
|
9
|
+
<div class="form-row">
|
|
10
|
+
<div class="col-10">
|
|
11
|
+
<input type="text" ng-model="th.searchable_text" class="form-control" />
|
|
12
|
+
</div>
|
|
13
|
+
<div class="col-2">
|
|
14
|
+
<a class="btn btn-default btn-light btn-sm"
|
|
15
|
+
ng-click="promethee.inspected.attributes.head.splice($index, 1)">
|
|
16
|
+
<%= icon('fa', 'close') %>
|
|
17
|
+
</a>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
<div class="form-group">
|
|
23
|
+
<label class="label-control">Body</label><br/>
|
|
24
|
+
<div class="btn btn-default btn-light btn-sm"
|
|
25
|
+
ng-click="promethee.inspected.attributes.body.push([{searchable_text: 'Text'}])">
|
|
26
|
+
Add row
|
|
27
|
+
</div><br/><br/>
|
|
28
|
+
<div ng-repeat="tr in promethee.inspected.attributes.body">
|
|
29
|
+
<span class="small"><b>Row {{$index+1}}</b>
|
|
30
|
+
<a class="btn btn-default btn-light btn-sm float-right"
|
|
31
|
+
ng-click="promethee.inspected.attributes.body.splice($index, 1)">
|
|
32
|
+
<%= icon('fa', 'close') %>
|
|
33
|
+
</a>
|
|
34
|
+
</span><br/>
|
|
35
|
+
<div ng-repeat="th in promethee.inspected.attributes.head">
|
|
36
|
+
<span class="small">{{th.searchable_text}}</span><br/>
|
|
37
|
+
<input type="text" ng-model="tr[$index].searchable_text" class="form-control" />
|
|
38
|
+
</div>
|
|
39
|
+
<hr/>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
</script>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<script type="text/ng-template" id="promethee/components/table/edit/move">
|
|
2
|
+
<%= render 'promethee/edit/move.header', type: 'table' %>
|
|
3
|
+
<div class="table-responsive">
|
|
4
|
+
<table class="table">
|
|
5
|
+
<thead>
|
|
6
|
+
<tr>
|
|
7
|
+
<th ng-repeat="th in component.attributes.head">{{th.searchable_text}}</th>
|
|
8
|
+
</tr>
|
|
9
|
+
</thead>
|
|
10
|
+
<tbody>
|
|
11
|
+
<tr ng-repeat="tr in component.attributes.body">
|
|
12
|
+
<td ng-repeat="td in tr">{{td.searchable_text}}</td>
|
|
13
|
+
</tr>
|
|
14
|
+
</tbody>
|
|
15
|
+
</table>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
</script>
|
|
@@ -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="M84.5,32 L84.5,69 L15.5,69 L15.5,32 L84.5,32 L84.5,32 Z M86.5,30 L13.5,30 L13.5,71 L86.5,71 L86.5,30 L86.5,30 Z M81.5,35 L81.5,50 L66.5,50 L66.5,35 L81.5,35 Z M67.5,49 L80.5,49 L80.5,36 L67.5,36 L67.5,49 Z M65.5,35 L65.5,50 L50.5,50 L50.5,35 L65.5,35 Z M51.5,49 L64.5,49 L64.5,36 L51.5,36 L51.5,49 Z M49.5,35 L49.5,50 L34.5,50 L34.5,35 L49.5,35 Z M35.5,36 L35.5,49 L48.5,49 L48.5,36 L35.5,36 Z M33.5,35 L33.5,50 L18.5,50 L18.5,35 L33.5,35 Z M19.5,36 L19.5,49 L32.5,49 L32.5,36 L19.5,36 Z M81.5,51 L81.5,66 L66.5,66 L66.5,51 L81.5,51 Z M67.5,65 L80.5,65 L80.5,52 L67.5,52 L67.5,65 Z M65.5,51 L65.5,66 L50.5,66 L50.5,51 L65.5,51 Z M51.5,65 L64.5,65 L64.5,52 L51.5,52 L51.5,65 Z M49.5,51 L49.5,66 L34.5,66 L34.5,51 L49.5,51 Z M35.5,52 L35.5,65 L48.5,65 L48.5,52 L35.5,52 Z M33.5,51 L33.5,66 L18.5,66 L18.5,51 L33.5,51 Z M19.5,52 L19.5,65 L32.5,65 L32.5,52 L19.5,52 Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
<script type="text/ng-template" id="promethee/components/table/localize">
|
|
2
|
+
<hr>
|
|
3
|
+
|
|
4
|
+
<div class="row">
|
|
5
|
+
<div class="col-md-6">
|
|
6
|
+
<table class="table">
|
|
7
|
+
<thead>
|
|
8
|
+
<tr>
|
|
9
|
+
<th ng-repeat="th in master.attributes.head">{{th.searchable_text}}</th>
|
|
10
|
+
</tr>
|
|
11
|
+
</thead>
|
|
12
|
+
<tbody>
|
|
13
|
+
<tr ng-repeat="tr in master.attributes.body">
|
|
14
|
+
<td ng-repeat="td in tr">{{td.searchable_text}}</td>
|
|
15
|
+
</tr>
|
|
16
|
+
</tbody>
|
|
17
|
+
</table>
|
|
18
|
+
</div>
|
|
19
|
+
<div class="col-md-6">
|
|
20
|
+
<table class="table">
|
|
21
|
+
<thead>
|
|
22
|
+
<tr>
|
|
23
|
+
<th ng-repeat="th in component.attributes.head">
|
|
24
|
+
<input class="form-control" ng-model="th.searchable_text" type="text">
|
|
25
|
+
</th>
|
|
26
|
+
</tr>
|
|
27
|
+
</thead>
|
|
28
|
+
<tbody>
|
|
29
|
+
<tr ng-repeat="tr in component.attributes.body">
|
|
30
|
+
<td ng-repeat="td in tr">
|
|
31
|
+
<input class="form-control" ng-model="td.searchable_text" type="text">
|
|
32
|
+
</td>
|
|
33
|
+
</tr>
|
|
34
|
+
</tbody>
|
|
35
|
+
</table>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
</script>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<div id="component-<%= component[:id] %>" class="<%= promethee_class_for(component) %>">
|
|
2
|
+
<div class="table-responsive">
|
|
3
|
+
<table class="table">
|
|
4
|
+
<thead>
|
|
5
|
+
<tr>
|
|
6
|
+
<% component[:attributes][:head].each do |th| %>
|
|
7
|
+
<th><%= th[:searchable_text] if th.has_key? :searchable_text %></th>
|
|
8
|
+
<% end %>
|
|
9
|
+
</tr>
|
|
10
|
+
</thead>
|
|
11
|
+
<tbody>
|
|
12
|
+
<% component[:attributes][:body].each do |tr| %>
|
|
13
|
+
<tr>
|
|
14
|
+
<% tr.each do |td| %>
|
|
15
|
+
<td><%= td[:searchable_text] if td.has_key? :searchable_text %></td>
|
|
16
|
+
<% end %>
|
|
17
|
+
</tr>
|
|
18
|
+
<% end %>
|
|
19
|
+
</tbody>
|
|
20
|
+
</table>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<hr>
|
|
2
|
-
<div class="btn btn-default btn-
|
|
2
|
+
<div class="btn btn-default btn-default btn-light btn-sm" ng-click="advancedConfigurationOpen = !advancedConfigurationOpen">
|
|
3
3
|
Advanced configuration
|
|
4
4
|
<%= icon('fa', 'angle-down', 'ng-class': "{'fa-rotate-180': advancedConfigurationOpen}") %>
|
|
5
5
|
</div>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script type="text/ng-template" id="promethee_uploader">
|
|
2
2
|
<div class="form-group" ngf-drop="prometheeUploader.upload($file)" ngf-pattern="{{limits || ''}}">
|
|
3
3
|
<div class="label-control" ng-show="label != ''">{{label}}</div>
|
|
4
|
-
<div class="button btn btn-default" ngf-select="prometheeUploader.upload($file, ngModel)" ngf-accept="{{limits || ''}}" class="drop-box" style="margin-top: 5px; margin-bottom: 5px;">Select a file</div>
|
|
4
|
+
<div class="button btn btn-default btn-light" ngf-select="prometheeUploader.upload($file, ngModel)" ngf-accept="{{limits || ''}}" class="drop-box" style="margin-top: 5px; margin-bottom: 5px;">Select a file</div>
|
|
5
5
|
<div ng-show="ngModel.id != undefined" class="promethee_uploader--preview">
|
|
6
6
|
<img ng-src="/promethee/blob/{{ngModel.id}}" />
|
|
7
7
|
{{ngModel.name}}
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@fancyapps/fancybox",
|
|
3
|
-
"description": "Touch enabled, responsive and fully customizable jQuery lightbox script",
|
|
4
|
-
"version": "3.5.2",
|
|
5
|
-
"homepage": "https://fancyapps.com/fancybox/3/",
|
|
6
|
-
"main": "dist/jquery.fancybox.js",
|
|
7
|
-
"style": "dist/jquery.fancybox.css",
|
|
8
|
-
"author": "fancyApps",
|
|
9
|
-
"license": "GPL-3.0",
|
|
10
|
-
"repository": {
|
|
11
|
-
"type": "git",
|
|
12
|
-
"url": "git+https://github.com/fancyapps/fancybox.git"
|
|
13
|
-
},
|
|
14
|
-
"peerDependencies": {
|
|
15
|
-
"jquery": ">=1.9.0"
|
|
16
|
-
},
|
|
17
|
-
"devDependencies": {
|
|
18
|
-
"del": "^2.2.2",
|
|
19
|
-
"gulp": "^3.9.1",
|
|
20
|
-
"gulp-autoprefixer": "^3.1.1",
|
|
21
|
-
"gulp-concat": "^2.6.1",
|
|
22
|
-
"gulp-cssnano": "^2.1.2",
|
|
23
|
-
"gulp-header": "^1.8.8",
|
|
24
|
-
"gulp-jshint": "^2.0.4",
|
|
25
|
-
"gulp-livereload": "^3.8.1",
|
|
26
|
-
"gulp-notify": "^2.2.0",
|
|
27
|
-
"gulp-rename": "^1.2.2",
|
|
28
|
-
"gulp-replace": "^0.5.4",
|
|
29
|
-
"gulp-sass": "^3.0.0",
|
|
30
|
-
"gulp-uglify": "^2.0.0",
|
|
31
|
-
"gulp-util": "^3.0.8",
|
|
32
|
-
"jshint": "^2.9.4"
|
|
33
|
-
},
|
|
34
|
-
"keywords": [
|
|
35
|
-
"touch",
|
|
36
|
-
"responsive",
|
|
37
|
-
"lightbox",
|
|
38
|
-
"fancybox",
|
|
39
|
-
"gallery",
|
|
40
|
-
"jQuery",
|
|
41
|
-
"plugin"
|
|
42
|
-
],
|
|
43
|
-
"bugs": {
|
|
44
|
-
"url": "https://github.com/fancyapps/fancybox/issues"
|
|
45
|
-
},
|
|
46
|
-
"directories": {
|
|
47
|
-
"doc": "docs"
|
|
48
|
-
},
|
|
49
|
-
"scripts": {
|
|
50
|
-
"test": "echo \"Error: no test specified\" && exit 1"
|
|
51
|
-
}
|
|
52
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@fancyapps/fancybox",
|
|
3
|
+
"description": "Touch enabled, responsive and fully customizable jQuery lightbox script",
|
|
4
|
+
"version": "3.5.2",
|
|
5
|
+
"homepage": "https://fancyapps.com/fancybox/3/",
|
|
6
|
+
"main": "dist/jquery.fancybox.js",
|
|
7
|
+
"style": "dist/jquery.fancybox.css",
|
|
8
|
+
"author": "fancyApps",
|
|
9
|
+
"license": "GPL-3.0",
|
|
10
|
+
"repository": {
|
|
11
|
+
"type": "git",
|
|
12
|
+
"url": "git+https://github.com/fancyapps/fancybox.git"
|
|
13
|
+
},
|
|
14
|
+
"peerDependencies": {
|
|
15
|
+
"jquery": ">=1.9.0"
|
|
16
|
+
},
|
|
17
|
+
"devDependencies": {
|
|
18
|
+
"del": "^2.2.2",
|
|
19
|
+
"gulp": "^3.9.1",
|
|
20
|
+
"gulp-autoprefixer": "^3.1.1",
|
|
21
|
+
"gulp-concat": "^2.6.1",
|
|
22
|
+
"gulp-cssnano": "^2.1.2",
|
|
23
|
+
"gulp-header": "^1.8.8",
|
|
24
|
+
"gulp-jshint": "^2.0.4",
|
|
25
|
+
"gulp-livereload": "^3.8.1",
|
|
26
|
+
"gulp-notify": "^2.2.0",
|
|
27
|
+
"gulp-rename": "^1.2.2",
|
|
28
|
+
"gulp-replace": "^0.5.4",
|
|
29
|
+
"gulp-sass": "^3.0.0",
|
|
30
|
+
"gulp-uglify": "^2.0.0",
|
|
31
|
+
"gulp-util": "^3.0.8",
|
|
32
|
+
"jshint": "^2.9.4"
|
|
33
|
+
},
|
|
34
|
+
"keywords": [
|
|
35
|
+
"touch",
|
|
36
|
+
"responsive",
|
|
37
|
+
"lightbox",
|
|
38
|
+
"fancybox",
|
|
39
|
+
"gallery",
|
|
40
|
+
"jQuery",
|
|
41
|
+
"plugin"
|
|
42
|
+
],
|
|
43
|
+
"bugs": {
|
|
44
|
+
"url": "https://github.com/fancyapps/fancybox/issues"
|
|
45
|
+
},
|
|
46
|
+
"directories": {
|
|
47
|
+
"doc": "docs"
|
|
48
|
+
},
|
|
49
|
+
"scripts": {
|
|
50
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<section ng-app="sortableApp">
|
|
2
2
|
<h1>Sortable items</h1>
|
|
3
3
|
<div ng-controller="sortableController" class="section row">
|
|
4
|
-
<div class="
|
|
4
|
+
<div class="col-sm-offset-2 col-sm-4">
|
|
5
5
|
<ul ui-sortable="sortableOptions" ng-model="list" class="list">
|
|
6
6
|
<li ng-repeat="item in list" class="item">{{item.text}}</li>
|
|
7
7
|
</ul>
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
<h1>Connected items</h1>
|
|
17
17
|
<div ng-controller="connectedController" class="section row connectedItemsExample">
|
|
18
|
-
<div class="
|
|
18
|
+
<div class="col-sm-offset-2 col-sm-4">
|
|
19
19
|
<ul ui-sortable="sortableOptions" ng-model="leftArray" class="list">
|
|
20
20
|
<li ng-repeat="item in leftArray" class="item">{{item.text}}</li>
|
|
21
21
|
</ul>
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: promethee
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.
|
|
4
|
+
version: 1.11.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Sébastien Gaya
|
|
@@ -14,7 +14,7 @@ authors:
|
|
|
14
14
|
autorequire:
|
|
15
15
|
bindir: bin
|
|
16
16
|
cert_chain: []
|
|
17
|
-
date: 2018-12-
|
|
17
|
+
date: 2018-12-04 00:00:00.000000000 Z
|
|
18
18
|
dependencies:
|
|
19
19
|
- !ruby/object:Gem::Dependency
|
|
20
20
|
name: rails
|
|
@@ -165,7 +165,10 @@ files:
|
|
|
165
165
|
- app/assets/javascripts/promethee.js
|
|
166
166
|
- app/assets/javascripts/promethee/fancybox.js
|
|
167
167
|
- app/assets/stylesheets/promethee-edit.sass
|
|
168
|
+
- app/assets/stylesheets/promethee-edit/_layout.sass
|
|
169
|
+
- app/assets/stylesheets/promethee-edit/_loader.sass
|
|
168
170
|
- app/assets/stylesheets/promethee-edit/_move.sass
|
|
171
|
+
- app/assets/stylesheets/promethee-edit/_nav.sass
|
|
169
172
|
- app/assets/stylesheets/promethee-edit/_preview.sass
|
|
170
173
|
- app/assets/stylesheets/promethee.sass
|
|
171
174
|
- app/controllers/promethee_controller.rb
|
|
@@ -251,6 +254,12 @@ files:
|
|
|
251
254
|
- app/views/promethee/components/slider_item/_icon.svg
|
|
252
255
|
- app/views/promethee/components/slider_item/_localize.html.erb
|
|
253
256
|
- app/views/promethee/components/slider_item/_show.html.erb
|
|
257
|
+
- app/views/promethee/components/table/_edit.define.html.erb
|
|
258
|
+
- app/views/promethee/components/table/_edit.inspect.html.erb
|
|
259
|
+
- app/views/promethee/components/table/_edit.move.html.erb
|
|
260
|
+
- app/views/promethee/components/table/_icon.svg
|
|
261
|
+
- app/views/promethee/components/table/_localize.html.erb
|
|
262
|
+
- app/views/promethee/components/table/_show.html.erb
|
|
254
263
|
- app/views/promethee/components/text/_edit.define.html.erb
|
|
255
264
|
- app/views/promethee/components/text/_edit.inspect.html.erb
|
|
256
265
|
- app/views/promethee/components/text/_edit.move.html.erb
|