promethee 1.6.29 → 1.6.30
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/app/assets/stylesheets/promethee-edit/_move.sass +1 -1
- data/app/views/promethee/components/aside/_edit.inspect.html.erb +3 -3
- data/app/views/promethee/components/collection/_edit.inspect.html.erb +10 -41
- data/app/views/promethee/components/collection_item/_edit.define.html.erb +25 -0
- data/app/views/promethee/components/collection_item/_edit.inspect.html.erb +25 -0
- data/app/views/promethee/components/collection_item/_edit.move.html.erb +46 -0
- data/app/views/promethee/components/collection_item/_icon.svg +1 -0
- data/app/views/promethee/components/collection_item/_localize.html.erb +15 -0
- data/app/views/promethee/components/collection_item/_show.html.erb +32 -0
- data/app/views/promethee/components/row/_show.html.erb +2 -2
- data/app/views/promethee/components/slider/_edit.move.html.erb +1 -1
- data/app/views/promethee/components/slider_item/_edit.define.html.erb +10 -3
- data/app/views/promethee/components/slider_item/_edit.inspect.html.erb +14 -41
- data/app/views/promethee/components/slider_item/_edit.move.html.erb +36 -4
- data/app/views/promethee/components/slider_item/_icon.svg +1 -3
- data/app/views/promethee/components/slider_item/_localize.html.erb +4 -4
- data/app/views/promethee/components/slider_item/_show.html.erb +30 -3
- data/lib/promethee/rails/version.rb +1 -1
- metadata +8 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: '083292512fe13e861376d4e3267c9f536655ebb1'
|
|
4
|
+
data.tar.gz: 92351c0b82f1e3112377460e3bc116abda3c0377
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a67c38235022701f4b18cc334e706fb4c90eecfbb8a5ea496c398d3e8ae98fb6ea356876b7f9d985c0135919ea9c7686d6e8db344eac5bd59d178513f1d8a0d2
|
|
7
|
+
data.tar.gz: e578016f13e629c184af2e0d285cef953f7ce1bb90a10d2a4e45c55d6014cf38555a7b063eab512e9f1f3cda431c2010becace3491a43b667348aa52c8919a11
|
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
<div class="form-group">
|
|
18
18
|
<label class="label-control">Button label position</label>
|
|
19
19
|
<div>
|
|
20
|
-
<label class="radio-inline"> <input ng-model="promethee.inspected.attributes.open_label_position"
|
|
21
|
-
<label class="radio-inline"> <input ng-model="promethee.inspected.attributes.open_label_position"
|
|
22
|
-
<label class="radio-inline"> <input ng-model="promethee.inspected.attributes.open_label_position"
|
|
20
|
+
<label class="radio-inline"> <input ng-model="promethee.inspected.attributes.open_label_position" type="radio" value="left" />Left </label>
|
|
21
|
+
<label class="radio-inline"> <input ng-model="promethee.inspected.attributes.open_label_position" type="radio" value="center" />Center </label>
|
|
22
|
+
<label class="radio-inline"> <input ng-model="promethee.inspected.attributes.open_label_position" type="radio" value="right" />Right </label>
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
|
25
25
|
</script>
|
|
@@ -5,47 +5,16 @@
|
|
|
5
5
|
<input ng-model="promethee.inspected.attributes.items_per_line" type="range" min="2" max="12">
|
|
6
6
|
</div>
|
|
7
7
|
|
|
8
|
-
<div
|
|
9
|
-
<div
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
<
|
|
14
|
-
<
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
</div>
|
|
19
|
-
<div class="col-xs-3">
|
|
20
|
-
<ng-include src="'promethee/move/component'"></ng-include>
|
|
21
|
-
</div>
|
|
22
|
-
</div>
|
|
23
|
-
</div>
|
|
8
|
+
<div class="form-group">
|
|
9
|
+
<div class="btn btn-default" ng-click="addComponentByType('collection_item', promethee.inspected.children)">Add item</div>
|
|
10
|
+
<div ng-show="promethee.inspected.children.length > 1">
|
|
11
|
+
<br><br>
|
|
12
|
+
<label class="label-control">Drag the items below to reorder them:</label>
|
|
13
|
+
<ul ui-sortable ng-model="promethee.inspected.children" class="list-unstyled">
|
|
14
|
+
<li ng-repeat="item in promethee.inspected.children">
|
|
15
|
+
<%= fa_icon :bars %> Item {{$index + 1}}
|
|
16
|
+
</li>
|
|
17
|
+
</ul>
|
|
24
18
|
</div>
|
|
25
19
|
</div>
|
|
26
|
-
|
|
27
|
-
<div class="pull-right btn-toolbar" ng-controller="CollectionInspectorController">
|
|
28
|
-
<span ng-repeat="definition in itemDefinitions" class="btn btn-default" ng-click="addItem(definition)">Add {{definition.name}}</span>
|
|
29
|
-
</div>
|
|
30
|
-
</script>
|
|
31
|
-
|
|
32
|
-
<script>
|
|
33
|
-
promethee.controller('CollectionInspectorController', ['$scope', function($scope) {
|
|
34
|
-
var availableComponents = ['image', 'video'];
|
|
35
|
-
|
|
36
|
-
$scope.itemDefinitions = $scope.promethee.definitions.filter(function(definition) {
|
|
37
|
-
return availableComponents.includes(definition.data.type);
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
var clone = function(object) {
|
|
41
|
-
return JSON.parse(JSON.stringify(object));
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
$scope.addItem = function(definition) {
|
|
45
|
-
var item = JSON.parse(JSON.stringify(definition.data));
|
|
46
|
-
item.id = $scope.generateIdentifier();
|
|
47
|
-
|
|
48
|
-
$scope.promethee.inspected.children.push(item);
|
|
49
|
-
}
|
|
50
|
-
}])
|
|
51
20
|
</script>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<%
|
|
2
|
+
init = <<~JAVASCRIPT
|
|
3
|
+
promethee.definitions.push({
|
|
4
|
+
name: 'Collection Item',
|
|
5
|
+
icon: #{ promethee_component_render_icon 'collection_item' },
|
|
6
|
+
position: 15,
|
|
7
|
+
library: false,
|
|
8
|
+
data: {
|
|
9
|
+
type: 'collection_item',
|
|
10
|
+
attributes: {
|
|
11
|
+
searchable_caption: "",
|
|
12
|
+
media_type: "image",
|
|
13
|
+
image: {
|
|
14
|
+
id: undefined,
|
|
15
|
+
name: ""
|
|
16
|
+
},
|
|
17
|
+
video: {
|
|
18
|
+
url: "https://vimeo.com/115082758"
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
})
|
|
23
|
+
JAVASCRIPT
|
|
24
|
+
%>
|
|
25
|
+
<div ng-init="<%= init %>"></div>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<script type="text/ng-template" id="promethee/components/collection_item/edit/inspect">
|
|
2
|
+
<div class="form-group">
|
|
3
|
+
<label class="label-control">Media type</label>
|
|
4
|
+
<div>
|
|
5
|
+
<label class="radio-inline"> <input ng-model="promethee.inspected.attributes.media_type" type="radio" value="image" />Image </label>
|
|
6
|
+
<label class="radio-inline"> <input ng-model="promethee.inspected.attributes.media_type" type="radio" value="video" />Video </label>
|
|
7
|
+
</div>
|
|
8
|
+
</div>
|
|
9
|
+
|
|
10
|
+
<promethee-uploader ng-show="promethee.inspected.attributes.media_type == 'image'" ng-model="promethee.inspected.attributes.image" label="Image" limits="'.jpg,.jpeg,.png,.gif'"></promethee-uploader>
|
|
11
|
+
|
|
12
|
+
<div class="form-group" ng-show="promethee.inspected.attributes.media_type == 'video'">
|
|
13
|
+
<label class="label-control">Video URL</label>
|
|
14
|
+
<input class="form-control" ng-model="promethee.inspected.attributes.video.url"></summernote>
|
|
15
|
+
</div>
|
|
16
|
+
|
|
17
|
+
<div class="row">
|
|
18
|
+
<div class="col-xs-12">
|
|
19
|
+
<div class="form-group">
|
|
20
|
+
<label class="label-control">Caption</label>
|
|
21
|
+
<summernote config="summernoteConfig" ng-model="promethee.inspected.attributes.searchable_caption"></summernote>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
</script>
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
<script type="text/ng-template" id="promethee/components/collection_item/edit/move">
|
|
2
|
+
<%= render 'promethee/edit/move.header', type: 'collection_item' %>
|
|
3
|
+
<div class="header">Collection Item</div>
|
|
4
|
+
<div class="row">
|
|
5
|
+
<div class="col-xs-12">
|
|
6
|
+
<img ng-show="component.attributes.media_type == 'image'" ng-src="/promethee/blob/{{component.attributes.image.id}}" class="img-responsive">
|
|
7
|
+
<div ng-show="component.attributes.media_type == 'video'" ng-controller="CollectionItemVideoController">
|
|
8
|
+
<div class="embed-responsive embed-responsive-16by9">
|
|
9
|
+
<iframe ng-if="embed" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen" ng-src="{{embed | urlSafe}}"></iframe>
|
|
10
|
+
<div class="video-neutralizing-overlay"></div>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
<div class="row">
|
|
16
|
+
<div class="col-xs-12 collection-item-caption" ng-show="component.attributes.searchable_caption !== ''">Caption</div>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
</script>
|
|
21
|
+
|
|
22
|
+
<script>
|
|
23
|
+
promethee.controller('CollectionItemVideoController', ['$scope', function($scope) {
|
|
24
|
+
Object.defineProperty($scope, 'embed', {
|
|
25
|
+
get: function() {
|
|
26
|
+
var embed = null;
|
|
27
|
+
var url = this.component.attributes.video.url + '';
|
|
28
|
+
|
|
29
|
+
if(url.includes('vimeo')) {
|
|
30
|
+
var id = url.replace(/^(?:https?:)?\/\/(?:(?:www|player)\.)?vimeo\.com\/(?:video\/)?(\d+).*?$/, '$1');
|
|
31
|
+
embed = 'https://player.vimeo.com/video/' + id + '?color=ffffff&title=0&byline=0&portrait=0';
|
|
32
|
+
}
|
|
33
|
+
else if(url.includes('youtube')) {
|
|
34
|
+
var parts = url.split('watch?v=');
|
|
35
|
+
var id = parts[parts.length - 1];
|
|
36
|
+
embed = 'https://www.youtube.com/embed/' + id;
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
var embed = url;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
return embed;
|
|
43
|
+
}
|
|
44
|
+
})
|
|
45
|
+
}]);
|
|
46
|
+
</script>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"></svg>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<script type="text/ng-template" id="promethee/components/collection_item/localize">
|
|
2
|
+
<div ng-show="component.master.attributes.searchable_caption !== ''">
|
|
3
|
+
<hr>
|
|
4
|
+
<div class="row">
|
|
5
|
+
<div class="col-md-6">
|
|
6
|
+
<b>Collection Item Caption</b>
|
|
7
|
+
<div class="promethee-edit__wrapper" ng-bind-html="component.master.attributes.searchable_caption | htmlSafe"></div>
|
|
8
|
+
</div>
|
|
9
|
+
<div class="col-md-6">
|
|
10
|
+
<label class="label-control">Collection Item Caption</label>
|
|
11
|
+
<summernote config="summernoteConfig" ng-model="component.attributes.searchable_caption"></summernote>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
</script>
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
<%
|
|
2
|
+
media_type = component[:attributes][:media_type]
|
|
3
|
+
case media_type
|
|
4
|
+
when 'image'
|
|
5
|
+
image_data = component[:attributes][:image]
|
|
6
|
+
if image_data && image_data[:id]
|
|
7
|
+
image_blob = ActiveStorage::Blob.find image_data[:id]
|
|
8
|
+
end
|
|
9
|
+
when 'video'
|
|
10
|
+
url = component[:attributes][:video][:url].to_s
|
|
11
|
+
if 'vimeo'.in? url
|
|
12
|
+
video_id = url.gsub(/\A(?:https?:)?\/\/(?:(?:www|player)\.)?vimeo\.com\/(?:video\/)?(\d+).*?\z/, '\1')
|
|
13
|
+
iframe_src = "https://player.vimeo.com/video/#{video_id}?color=ffffff&title=0&byline=0&portrait=0"
|
|
14
|
+
elsif 'youtube'.in? url
|
|
15
|
+
video_id = url.split('watch?v=').last
|
|
16
|
+
iframe_src = "http://www.youtube.com/embed/#{video_id}"
|
|
17
|
+
else
|
|
18
|
+
iframe_src = url
|
|
19
|
+
end
|
|
20
|
+
end
|
|
21
|
+
%>
|
|
22
|
+
<div class="collection-item__content">
|
|
23
|
+
|
|
24
|
+
<% if iframe_src.present? %>
|
|
25
|
+
<div class="embed-responsive embed-responsive-16by9">
|
|
26
|
+
<iframe frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen" src="<%= iframe_src %>"></iframe>
|
|
27
|
+
</div>
|
|
28
|
+
<% elsif image_blob.present? %>
|
|
29
|
+
<%= render 'promethee/show/image.srcset', blob: image_blob, alt: '' %>
|
|
30
|
+
<% end %>
|
|
31
|
+
<%= component[:attributes][:searchable_caption].to_s.html_safe %>
|
|
32
|
+
</div>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<%
|
|
2
|
-
background_color = component[:attributes][:bgcolor]
|
|
2
|
+
background_color = "rgba(255, 255, 255, 1)" || component[:attributes][:bgcolor]
|
|
3
3
|
background_images = []
|
|
4
4
|
background_positions = []
|
|
5
5
|
background_sizes = []
|
|
6
6
|
|
|
7
|
-
if component[:attributes].has_key?(:backgrounds) # retro-compatibility
|
|
7
|
+
if component[:attributes] && component[:attributes].has_key?(:backgrounds) # retro-compatibility
|
|
8
8
|
component[:attributes][:backgrounds].each do |item|
|
|
9
9
|
image_data = item[:image]
|
|
10
10
|
if image_data && image_data[:id]
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<%= render 'promethee/edit/move.header', type: 'slider' %>
|
|
3
3
|
<div class="header">Slider</div>
|
|
4
4
|
<div ng-controller="SliderMoveController">
|
|
5
|
-
<div class="row carousel">
|
|
5
|
+
<div ng-show="components.length" class="row carousel">
|
|
6
6
|
<div class="col-xs-1" ng-click="selectedIndex = (selectedIndex == 0) ? (components.length - 1) : (selectedIndex - 1)"><span><</span></div>
|
|
7
7
|
<div class="col-xs-8" ng-repeat="component in components" ng-show="$index == selectedIndex">
|
|
8
8
|
<ng-include src="'promethee/move/component'"></ng-include>
|
|
@@ -2,14 +2,21 @@
|
|
|
2
2
|
init = <<~JAVASCRIPT
|
|
3
3
|
promethee.definitions.push({
|
|
4
4
|
name: 'Slider Item',
|
|
5
|
-
icon: #{ promethee_component_render_icon '
|
|
5
|
+
icon: #{ promethee_component_render_icon 'slider_item' },
|
|
6
6
|
position: 15,
|
|
7
7
|
library: false,
|
|
8
8
|
data: {
|
|
9
9
|
type: 'slider_item',
|
|
10
10
|
attributes: {
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
searchable_caption: "",
|
|
12
|
+
media_type: "image",
|
|
13
|
+
image: {
|
|
14
|
+
id: undefined,
|
|
15
|
+
name: ""
|
|
16
|
+
},
|
|
17
|
+
video: {
|
|
18
|
+
url: "https://vimeo.com/115082758"
|
|
19
|
+
}
|
|
13
20
|
}
|
|
14
21
|
}
|
|
15
22
|
})
|
|
@@ -1,52 +1,25 @@
|
|
|
1
1
|
<script type="text/ng-template" id="promethee/components/slider_item/edit/inspect">
|
|
2
|
-
<div
|
|
3
|
-
<
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
</
|
|
7
|
-
<div class="col-xs-3">
|
|
8
|
-
<ng-include src="'promethee/move/component'"></ng-include>
|
|
9
|
-
</div>
|
|
2
|
+
<div class="form-group">
|
|
3
|
+
<label class="label-control">Media type</label>
|
|
4
|
+
<div>
|
|
5
|
+
<label class="radio-inline"> <input ng-model="promethee.inspected.attributes.media_type" type="radio" value="image" />Image </label>
|
|
6
|
+
<label class="radio-inline"> <input ng-model="promethee.inspected.attributes.media_type" type="radio" value="video" />Video </label>
|
|
10
7
|
</div>
|
|
11
8
|
</div>
|
|
12
9
|
|
|
10
|
+
<promethee-uploader ng-show="promethee.inspected.attributes.media_type == 'image'" ng-model="promethee.inspected.attributes.image" label="Image" limits="'.jpg,.jpeg,.png,.gif'"></promethee-uploader>
|
|
11
|
+
|
|
12
|
+
<div class="form-group" ng-show="promethee.inspected.attributes.media_type == 'video'">
|
|
13
|
+
<label class="label-control">Video URL</label>
|
|
14
|
+
<input class="form-control" ng-model="promethee.inspected.attributes.video.url"></summernote>
|
|
15
|
+
</div>
|
|
16
|
+
|
|
13
17
|
<div class="row">
|
|
14
18
|
<div class="col-xs-12">
|
|
15
19
|
<div class="form-group">
|
|
16
|
-
<label class="label-control">
|
|
17
|
-
<summernote config="summernoteConfig" ng-model="promethee.inspected.attributes.
|
|
20
|
+
<label class="label-control">Caption</label>
|
|
21
|
+
<summernote config="summernoteConfig" ng-model="promethee.inspected.attributes.searchable_caption"></summernote>
|
|
18
22
|
</div>
|
|
19
23
|
</div>
|
|
20
24
|
</div>
|
|
21
|
-
|
|
22
|
-
<div class="pull-right btn-toolbar" ng-controller="SliderItemInspectorController">
|
|
23
|
-
<span ng-show="promethee.inspected.attributes.media.type === undefined" ng-repeat="definition in itemDefinitions" class="btn btn-default" ng-click="setMedia(definition)">Set {{definition.name}}</span>
|
|
24
|
-
<span ng-show="promethee.inspected.attributes.media.type !== undefined" class="btn btn-danger" ng-click="removeMedia()">Remove Media</span>
|
|
25
|
-
</div>
|
|
26
|
-
</script>
|
|
27
|
-
|
|
28
|
-
<script>
|
|
29
|
-
promethee.controller('SliderItemInspectorController', ['$scope', function($scope) {
|
|
30
|
-
var availableComponents = ['image', 'video'];
|
|
31
|
-
|
|
32
|
-
$scope.itemDefinitions = $scope.promethee.definitions.filter(function(definition) {
|
|
33
|
-
return availableComponents.includes(definition.data.type);
|
|
34
|
-
});
|
|
35
|
-
|
|
36
|
-
$scope.setMedia = function(definition) {
|
|
37
|
-
var media = JSON.parse(JSON.stringify(definition.data));
|
|
38
|
-
$scope.promethee.inspected.attributes.media = media;
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
$scope.removeMedia = function() {
|
|
42
|
-
$scope.promethee.inspected.attributes.media = {};
|
|
43
|
-
};
|
|
44
|
-
}])
|
|
45
|
-
|
|
46
|
-
promethee.controller('SliderItemMediaInspectorController', ['$scope', function($scope) {
|
|
47
|
-
$scope.component = $scope.promethee.inspected.attributes.media;
|
|
48
|
-
$scope.$watch("promethee.inspected", function() {
|
|
49
|
-
$scope.component = $scope.promethee.inspected.attributes.media;
|
|
50
|
-
})
|
|
51
|
-
}])
|
|
52
25
|
</script>
|
|
@@ -2,13 +2,45 @@
|
|
|
2
2
|
<%= render 'promethee/edit/move.header', type: 'slider_item' %>
|
|
3
3
|
<div class="header">Slider Item</div>
|
|
4
4
|
<div class="row">
|
|
5
|
-
<div class="col-xs-12"
|
|
6
|
-
<
|
|
7
|
-
|
|
5
|
+
<div class="col-xs-12">
|
|
6
|
+
<img ng-show="component.attributes.media_type == 'image'" ng-src="/promethee/blob/{{component.attributes.image.id}}" class="img-responsive">
|
|
7
|
+
<div ng-show="component.attributes.media_type == 'video'" ng-controller="SliderItemVideoController">
|
|
8
|
+
<div class="embed-responsive embed-responsive-16by9">
|
|
9
|
+
<iframe ng-if="embed" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen" ng-src="{{embed | urlSafe}}"></iframe>
|
|
10
|
+
<div class="video-neutralizing-overlay"></div>
|
|
11
|
+
</div>
|
|
8
12
|
</div>
|
|
9
13
|
</div>
|
|
10
|
-
|
|
14
|
+
</div>
|
|
15
|
+
<div class="row">
|
|
16
|
+
<div class="col-xs-12 slider-item-caption" ng-show="component.attributes.searchable_caption !== ''">Caption</div>
|
|
11
17
|
</div>
|
|
12
18
|
</div>
|
|
13
19
|
</div>
|
|
20
|
+
</script>
|
|
21
|
+
|
|
22
|
+
<script>
|
|
23
|
+
promethee.controller('SliderItemVideoController', ['$scope', function($scope) {
|
|
24
|
+
Object.defineProperty($scope, 'embed', {
|
|
25
|
+
get: function() {
|
|
26
|
+
var embed = null;
|
|
27
|
+
var url = this.component.attributes.video.url + '';
|
|
28
|
+
|
|
29
|
+
if(url.includes('vimeo')) {
|
|
30
|
+
var id = url.replace(/^(?:https?:)?\/\/(?:(?:www|player)\.)?vimeo\.com\/(?:video\/)?(\d+).*?$/, '$1');
|
|
31
|
+
embed = 'https://player.vimeo.com/video/' + id + '?color=ffffff&title=0&byline=0&portrait=0';
|
|
32
|
+
}
|
|
33
|
+
else if(url.includes('youtube')) {
|
|
34
|
+
var parts = url.split('watch?v=');
|
|
35
|
+
var id = parts[parts.length - 1];
|
|
36
|
+
embed = 'https://www.youtube.com/embed/' + id;
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
var embed = url;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
return embed;
|
|
43
|
+
}
|
|
44
|
+
})
|
|
45
|
+
}]);
|
|
14
46
|
</script>
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
|
|
2
|
-
<path fill="#FFF" d="M30.3,35.9 L30.3,64.4 L70.9,64.4 L70.9,35.9 L30.3,35.9 Z M71.9,34.9 L71.9,65.4 L29.3,65.4 L29.3,34.9 L71.9,34.9 Z M75,32 L75,68.2 L26.1,68.2 L26.1,32 L75,32 Z M73,34 L28.1,34 L28.1,66.2 L73,66.2 L73,34 Z M90,37.7 L77,37.7 L77,35.7 L92,35.7 L92,64.5 L77,64.5 L77,62.5 L90,62.5 L90,37.7 Z M11,62.5 L24,62.5 L24,64.5 L9,64.5 L9,35.7 L24,35.7 L24,37.7 L11,37.7 L11,62.5 Z"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"></svg>
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
<hr>
|
|
4
4
|
<div class="row">
|
|
5
5
|
<div class="col-md-6">
|
|
6
|
-
<b>
|
|
7
|
-
<div class="promethee-edit__wrapper" ng-bind-html="component.master.attributes.
|
|
6
|
+
<b>Slider Item Caption</b>
|
|
7
|
+
<div class="promethee-edit__wrapper" ng-bind-html="component.master.attributes.searchable_caption | htmlSafe"></div>
|
|
8
8
|
</div>
|
|
9
9
|
<div class="col-md-6">
|
|
10
|
-
<label class="label-control">
|
|
11
|
-
<summernote config="summernoteConfig" ng-model="component.attributes.
|
|
10
|
+
<label class="label-control">Slider Item Caption</label>
|
|
11
|
+
<summernote config="summernoteConfig" ng-model="component.attributes.searchable_caption"></summernote>
|
|
12
12
|
</div>
|
|
13
13
|
</div>
|
|
14
14
|
</div>
|
|
@@ -1,5 +1,32 @@
|
|
|
1
|
-
<%
|
|
1
|
+
<%
|
|
2
|
+
media_type = component[:attributes][:media_type]
|
|
3
|
+
case media_type
|
|
4
|
+
when 'image'
|
|
5
|
+
image_data = component[:attributes][:image]
|
|
6
|
+
if image_data && image_data[:id]
|
|
7
|
+
image_blob = ActiveStorage::Blob.find image_data[:id]
|
|
8
|
+
end
|
|
9
|
+
when 'video'
|
|
10
|
+
url = component[:attributes][:video][:url].to_s
|
|
11
|
+
if 'vimeo'.in? url
|
|
12
|
+
video_id = url.gsub(/\A(?:https?:)?\/\/(?:(?:www|player)\.)?vimeo\.com\/(?:video\/)?(\d+).*?\z/, '\1')
|
|
13
|
+
iframe_src = "https://player.vimeo.com/video/#{video_id}?color=ffffff&title=0&byline=0&portrait=0"
|
|
14
|
+
elsif 'youtube'.in? url
|
|
15
|
+
video_id = url.split('watch?v=').last
|
|
16
|
+
iframe_src = "http://www.youtube.com/embed/#{video_id}"
|
|
17
|
+
else
|
|
18
|
+
iframe_src = url
|
|
19
|
+
end
|
|
20
|
+
end
|
|
21
|
+
%>
|
|
2
22
|
<div class="carousel-item__content">
|
|
3
|
-
|
|
4
|
-
|
|
23
|
+
|
|
24
|
+
<% if iframe_src.present? %>
|
|
25
|
+
<div class="embed-responsive embed-responsive-16by9">
|
|
26
|
+
<iframe frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen" src="<%= iframe_src %>"></iframe>
|
|
27
|
+
</div>
|
|
28
|
+
<% elsif image_blob.present? %>
|
|
29
|
+
<%= render 'promethee/show/image.srcset', blob: image_blob, alt: '' %>
|
|
30
|
+
<% end %>
|
|
31
|
+
<%= component[:attributes][:searchable_caption].to_s.html_safe %>
|
|
5
32
|
</div>
|
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.6.
|
|
4
|
+
version: 1.6.30
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Julien Dargelos
|
|
@@ -13,7 +13,7 @@ authors:
|
|
|
13
13
|
autorequire:
|
|
14
14
|
bindir: bin
|
|
15
15
|
cert_chain: []
|
|
16
|
-
date: 2018-06-
|
|
16
|
+
date: 2018-06-19 00:00:00.000000000 Z
|
|
17
17
|
dependencies:
|
|
18
18
|
- !ruby/object:Gem::Dependency
|
|
19
19
|
name: rails
|
|
@@ -196,6 +196,12 @@ files:
|
|
|
196
196
|
- app/views/promethee/components/collection/_icon.svg
|
|
197
197
|
- app/views/promethee/components/collection/_localize.html.erb
|
|
198
198
|
- app/views/promethee/components/collection/_show.html.erb
|
|
199
|
+
- app/views/promethee/components/collection_item/_edit.define.html.erb
|
|
200
|
+
- app/views/promethee/components/collection_item/_edit.inspect.html.erb
|
|
201
|
+
- app/views/promethee/components/collection_item/_edit.move.html.erb
|
|
202
|
+
- app/views/promethee/components/collection_item/_icon.svg
|
|
203
|
+
- app/views/promethee/components/collection_item/_localize.html.erb
|
|
204
|
+
- app/views/promethee/components/collection_item/_show.html.erb
|
|
199
205
|
- app/views/promethee/components/column/_edit.define.html.erb
|
|
200
206
|
- app/views/promethee/components/column/_edit.inspect.html.erb
|
|
201
207
|
- app/views/promethee/components/column/_edit.move.html.erb
|