j1_template_mde 2018.4.32 → 2018.4.33
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/lib/j1/version.rb +1 -1
- data/lib/starter_web/Gemfile +1 -1
- data/lib/starter_web/_config.yml +1 -2
- data/lib/starter_web/_data/modules/j1_cookie_consent.yml +0 -2
- data/lib/starter_web/assets/images/pages/roundtrip/package.json +1 -1
- data/lib/starter_web/assets/themes/j1/core/js/adapter/algolia.js +3 -2
- data/lib/starter_web/assets/themes/j1/core/js/adapter/back2top.js +13 -6
- data/lib/starter_web/assets/themes/j1/core/js/adapter/bs_gallery.js +207 -203
- data/lib/starter_web/assets/themes/j1/core/js/adapter/cookie_consent.js +27 -18
- data/lib/starter_web/assets/themes/j1/core/js/adapter/custom.js +8 -5
- data/lib/starter_web/assets/themes/j1/core/js/adapter/iframer.js +5 -3
- data/lib/starter_web/assets/themes/j1/core/js/adapter/lightbox.js +3 -2
- data/lib/starter_web/assets/themes/j1/core/js/adapter/logger.js +5 -3
- data/lib/starter_web/assets/themes/j1/core/js/adapter/master_header.js +17 -12
- data/lib/starter_web/assets/themes/j1/core/js/adapter/navigator.js +33 -25
- data/lib/starter_web/assets/themes/j1/core/js/adapter/scroller.js +7 -4
- data/lib/starter_web/assets/themes/j1/core/js/adapter/searcher.js +48 -44
- data/lib/starter_web/assets/themes/j1/core/js/adapter/stickybits.js +7 -4
- data/lib/starter_web/assets/themes/j1/core/js/adapter/switcher.js +8 -4
- data/lib/starter_web/assets/themes/j1/core/js/adapter/template.js +139 -142
- data/lib/starter_web/assets/themes/j1/core/js/adapter/toccer.js +201 -191
- data/lib/starter_web/assets/themes/j1/core/js/template.js +1 -1
- data/lib/starter_web/assets/themes/j1/core/js/template.js.map +1 -1
- data/lib/starter_web/assets/themes/j1/core/js/template.min.js +1 -1
- data/lib/starter_web/collections/posts/private/series/_posts/2018-11-01-docker-using-shared-folders.adoc +2 -1
- data/lib/starter_web/collections/posts/public/featured/_posts/{2019-04-12-about-cookies.adoc → 2019-04-22-about-cookies.adoc} +1 -1
- data/lib/starter_web/package.json +1 -1
- metadata +3 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: da893f9221e682e33237bee43ab33b89bda07797
|
|
4
|
+
data.tar.gz: fadefec42806b1051a4b8393f248cd35706f363e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: cfb075c946c4d8c3a66c457fe62936f22ccdfba2f77cca61992f2571e4b592943ba22efe33aeb87564eac3c42c0dbb0ade17c73d542f4d2d222ea8be65a820c4
|
|
7
|
+
data.tar.gz: e4442c5b327bee06d78fa2e9ded48446ed9f756d5f1ef358f1f96cbc18312e7fab8773070adf5bf146170c3319172467e8afd82edefdd3e609c757988d7be5c2
|
data/lib/j1/version.rb
CHANGED
data/lib/starter_web/Gemfile
CHANGED
|
@@ -46,7 +46,7 @@ gem 'jekyll', '~> 3.8.5'
|
|
|
46
46
|
# Theme Rubies
|
|
47
47
|
# Default: J1 Template
|
|
48
48
|
#
|
|
49
|
-
gem 'j1_template_mde', '~> 2018.4.
|
|
49
|
+
gem 'j1_template_mde', '~> 2018.4.33'
|
|
50
50
|
|
|
51
51
|
# --------------------------------------------------------------------
|
|
52
52
|
# PRODUCTION: Gem needed for the Jekyll and J1 prod environment
|
data/lib/starter_web/_config.yml
CHANGED
|
@@ -60,7 +60,7 @@ environment: development
|
|
|
60
60
|
# anything here because version information is bumped-in by
|
|
61
61
|
# the build process
|
|
62
62
|
#
|
|
63
|
-
version: 2018.4.
|
|
63
|
+
version: 2018.4.33
|
|
64
64
|
|
|
65
65
|
|
|
66
66
|
# ==============================================================================
|
|
@@ -547,7 +547,6 @@ algolia:
|
|
|
547
547
|
j1_auth:
|
|
548
548
|
enabled: false
|
|
549
549
|
ssl: false
|
|
550
|
-
update_user_state: true
|
|
551
550
|
|
|
552
551
|
content:
|
|
553
552
|
public:
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
# Cookie Consent default settings
|
|
16
16
|
#
|
|
17
17
|
defaults:
|
|
18
|
-
update_user_state: false
|
|
19
18
|
modal_html_data_path: /assets/data/cookie_consent/index.html
|
|
20
19
|
modal_type: full
|
|
21
20
|
modal_position: top
|
|
@@ -55,7 +54,6 @@ defaults:
|
|
|
55
54
|
#
|
|
56
55
|
consent:
|
|
57
56
|
enabled: true
|
|
58
|
-
update_user_state: false
|
|
59
57
|
|
|
60
58
|
policy_about: >
|
|
61
59
|
This website uses cookies to ensure vistors get the best experience
|
|
@@ -50,7 +50,7 @@ regenerate: true
|
|
|
50
50
|
j1.Algolia = (function (j1, window) {
|
|
51
51
|
|
|
52
52
|
var environment = '{{environment}}'; // Set environment
|
|
53
|
-
var state = '
|
|
53
|
+
var state = 'not_started';
|
|
54
54
|
var logger;
|
|
55
55
|
var logText;
|
|
56
56
|
|
|
@@ -225,6 +225,7 @@ j1.Algolia = (function (j1, window) {
|
|
|
225
225
|
logger.info("J1 Algolia Seach NOT enabled");
|
|
226
226
|
}
|
|
227
227
|
|
|
228
|
+
return;
|
|
228
229
|
}, // end init
|
|
229
230
|
|
|
230
231
|
// -------------------------------------------------------------------------
|
|
@@ -232,8 +233,8 @@ j1.Algolia = (function (j1, window) {
|
|
|
232
233
|
// -------------------------------------------------------------------------
|
|
233
234
|
state: function () {
|
|
234
235
|
return state;
|
|
235
|
-
|
|
236
236
|
} // end state
|
|
237
|
+
|
|
237
238
|
}; // end return
|
|
238
239
|
|
|
239
240
|
})(j1, window);
|
|
@@ -76,8 +76,9 @@ regenerate: true
|
|
|
76
76
|
{% comment %} Main
|
|
77
77
|
--------------------------------------------------------------- {% endcomment %}
|
|
78
78
|
j1.Back2Top = (function (j1, window) {
|
|
79
|
+
|
|
79
80
|
var environment = '{{environment}}'; // Set environment
|
|
80
|
-
var state = '
|
|
81
|
+
var state = 'not_started';
|
|
81
82
|
var logger;
|
|
82
83
|
var logText;
|
|
83
84
|
|
|
@@ -96,7 +97,9 @@ j1.Back2Top = (function (j1, window) {
|
|
|
96
97
|
state = 'finished';
|
|
97
98
|
logger.info('state: ' + state); // Set|Log status
|
|
98
99
|
logger.info("J1 Back2Top successfully initialized");
|
|
99
|
-
|
|
100
|
+
|
|
101
|
+
return;
|
|
102
|
+
}, // END init
|
|
100
103
|
|
|
101
104
|
// -------------------------------------------------------------------------
|
|
102
105
|
// Set Back2Top options
|
|
@@ -113,26 +116,30 @@ j1.Back2Top = (function (j1, window) {
|
|
|
113
116
|
controlOffsetY: {{ back2top_config.controlOffsetY | json }},
|
|
114
117
|
anchorKeyword: {{ back2top_config.anchorKeyword | json }},
|
|
115
118
|
});
|
|
116
|
-
|
|
119
|
+
|
|
120
|
+
return;
|
|
121
|
+
}, // END back2TopInit
|
|
117
122
|
|
|
118
123
|
// -------------------------------------------------------------------------
|
|
119
124
|
// Set dynamic styles for Back2Top
|
|
120
125
|
// -------------------------------------------------------------------------
|
|
121
126
|
setCss: function () {
|
|
127
|
+
|
|
122
128
|
$('head').append("<style>#topcontrol { background: {{background_color}}; }</style>");
|
|
123
129
|
$('head').append("<style>#topcontrol:hover { background: {{active_color}}; }</style>");
|
|
124
130
|
$('head').append("<style>#topcontrol:after { content: \"\\{{ back2top_icon }}\"; font-family: {{ back2top_icon_family }}; }</style>");
|
|
125
|
-
|
|
131
|
+
|
|
132
|
+
return;
|
|
133
|
+
}, // END setCss
|
|
126
134
|
|
|
127
135
|
// -------------------------------------------------------------------------
|
|
128
136
|
// returns the current (processing) state of the module
|
|
129
137
|
// -------------------------------------------------------------------------
|
|
130
138
|
state: function () {
|
|
131
139
|
return state;
|
|
132
|
-
}
|
|
140
|
+
} // END setCss
|
|
133
141
|
|
|
134
142
|
}; // end return
|
|
135
|
-
|
|
136
143
|
})(j1, window);
|
|
137
144
|
|
|
138
145
|
{% endcapture %}
|
|
@@ -59,223 +59,227 @@ regenerate: true
|
|
|
59
59
|
{% comment %} Main
|
|
60
60
|
--------------------------------------------------------------- {% endcomment %}
|
|
61
61
|
j1.BsGallery = (function (j1, window) {
|
|
62
|
+
|
|
62
63
|
var environment = '{{environment}}'; // Set environment
|
|
63
|
-
var state = '
|
|
64
|
+
var state = 'not_started';
|
|
64
65
|
var logger;
|
|
65
66
|
var logText;
|
|
66
67
|
|
|
67
68
|
return {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
69
|
+
// Initialize
|
|
70
|
+
init: function ( options ) {
|
|
71
|
+
logger = log4javascript.getLogger("j1.BSGallery.adapter");
|
|
72
|
+
|
|
73
|
+
this.settings = $.extend({}, options);
|
|
74
|
+
|
|
75
|
+
{% if environment == 'development' %}
|
|
76
|
+
logText = 'start gallery initialization';
|
|
77
|
+
logger.info(logText);
|
|
78
|
+
state = 'started';
|
|
79
|
+
logger.info('state: ' + state); // Set|Log status
|
|
80
|
+
{% endif %}
|
|
81
|
+
|
|
82
|
+
this.lgInit();
|
|
83
|
+
|
|
84
|
+
return;
|
|
85
|
+
}, // END init
|
|
86
|
+
|
|
87
|
+
// ---------------------------------------------------------------------
|
|
88
|
+
// Load AJAX data and initialize the gallery
|
|
89
|
+
// ---------------------------------------------------------------------
|
|
90
|
+
// ToDo:
|
|
91
|
+
lgInit: function () {
|
|
92
|
+
|
|
93
|
+
logger = log4javascript.getLogger("j1.LightGallery.lgInit");
|
|
94
|
+
|
|
95
|
+
{% for item in config.galleries %}
|
|
96
|
+
{% if item.gallery.enabled %}
|
|
97
|
+
|
|
98
|
+
{% comment %} Set (<DIV>|<UL>) container id for the placement of HTML markup {% endcomment %}
|
|
99
|
+
{% assign container_id = item.gallery.id %}
|
|
100
|
+
{% capture gallery_id %}{{item.gallery.id}}_ul{% endcapture %}
|
|
101
|
+
{% capture bs_gallery_class %}bsg_{{item.gallery.id}}{% endcapture %}
|
|
102
|
+
|
|
103
|
+
{% comment %} Initialize J1 base gallery options {% endcomment %}
|
|
104
|
+
{% assign css_classes = item.gallery.css_classes %}
|
|
105
|
+
{% assign gallery_title = item.gallery.title %}
|
|
106
|
+
{% assign gallery_type = item.gallery.type %}
|
|
107
|
+
{% assign thumb_items = item.gallery.thumb_items %}
|
|
108
|
+
{% assign thumb_spacing = item.gallery.thumb_spacing %}
|
|
109
|
+
{% assign thumb_bordered = item.gallery.thumb_bordered %}
|
|
110
|
+
{% assign thumb_animate = item.gallery.thumb_animate %}
|
|
111
|
+
|
|
112
|
+
{% comment %} // Calculate BS grid size for the thumbnails {% endcomment %}
|
|
113
|
+
{% assign column_width_md = 12 | divided_by:thumb_items %}
|
|
114
|
+
|
|
115
|
+
// Create an gallery instance if {{ container_id }} exists
|
|
116
|
+
if ( $('#{{ container_id }}').length ) {
|
|
117
|
+
|
|
118
|
+
{% if environment == 'development' %}
|
|
119
|
+
logText = 'gallery on ID #{{ container_id }} is being initialized';
|
|
120
|
+
logger.info(logText);
|
|
121
|
+
state = 'running';
|
|
122
|
+
logger.info('state: ' + state); // Set|Log status
|
|
123
|
+
{% endif %}
|
|
124
|
+
|
|
125
|
+
// Place HTML markup for the title
|
|
126
|
+
{% if gallery_title %}
|
|
127
|
+
var gallery_title = '<div class="bs-gallery-title">{{gallery_title}}</div>';
|
|
128
|
+
$('#{{ container_id }}').before( gallery_title );
|
|
129
|
+
{% endif %}
|
|
130
|
+
|
|
131
|
+
$('#{{ container_id }}').addClass("lightgallery ");
|
|
132
|
+
|
|
133
|
+
{% if thumb_animate %}
|
|
134
|
+
// Add animation
|
|
135
|
+
$('#{{ container_id }}').addClass("lg-animate");
|
|
136
|
+
// $('#{{ container_id }}').removeClass("lg-animate");
|
|
137
|
+
{% endif %}
|
|
138
|
+
|
|
139
|
+
// Calculate individual CSS styles for gallery thumbnails
|
|
140
|
+
var style = '';
|
|
141
|
+
style += '<style> \n';
|
|
142
|
+
style += 'a.lg-thumbnail-{{container_id}}{margin-left: {{thumb_spacing}}px;margin-bottom: {{thumb_spacing}}px;} \n';
|
|
143
|
+
{% if thumb_bordered %}
|
|
144
|
+
style += 'a.lg-thumbnail-{{container_id}}:hover,a.lg-thumbnail-{{container_id}}:focus,a.lg-thumbnail-{{container_id}}.active{border-color:#204a87} \n';
|
|
145
|
+
style += '.lg-thumbnail-{{container_id}}>img,.lg-thumbnail-{{container_id}} a>img{display:block;max-width:100%;height:auto} \n';
|
|
146
|
+
style += '.img-lg-thumbnail-{{container_id}}{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:2px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto} \n';
|
|
147
|
+
style += '.lg-thumbnail-{{container_id}}{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:2px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out} \n';
|
|
148
|
+
style += '.lg-thumbnail-{{container_id}}>img,.lg-thumbnail-{{container_id}} a>img{margin-left:auto;margin-right:auto} \n';
|
|
149
|
+
{% endif %}
|
|
150
|
+
style += '</style> \n';
|
|
151
|
+
$('head').append( style );
|
|
152
|
+
|
|
153
|
+
{% if gallery_type == "image" %}
|
|
154
|
+
// Collect image gallery data from data file (jsonPath)
|
|
155
|
+
$.getJSON( '{{config.jsonPath}}', function (data) {
|
|
156
|
+
var content = '';
|
|
157
|
+
//content += '<ul id="{{ gallery_id }}" class="row {{ css_classes }} bs-gallery-gutter list-unstyled">' + '\n';
|
|
158
|
+
content += '<ul id="{{ gallery_id }}" class="row bs-gallery {{ css_classes }} bs-gallery-gutter list-unstyled">' + '\n';
|
|
159
|
+
|
|
160
|
+
for ( var i in data["{{item.gallery.id}}"] ) {
|
|
161
|
+
var img = data["{{item.gallery.id}}"][i].img;
|
|
162
|
+
var caption = data["{{item.gallery.id}}"][i].caption;
|
|
163
|
+
|
|
164
|
+
content += '<li class="col-xs-6 col-sm-4 col-md-{{column_width_md}}" ' +
|
|
165
|
+
'data-src="' +img+ '" ' +
|
|
166
|
+
'data-sub-html="' +caption+ '">' +
|
|
167
|
+
{% if thumb_bordered %}
|
|
168
|
+
'<a href="#" class="lg-thumbnail-{{container_id}}">' +
|
|
169
|
+
{% else %}
|
|
170
|
+
'<a href="#" class="lg-thumbnail lg-thumbnail-{{container_id}}">' +
|
|
171
|
+
{% endif %}
|
|
172
|
+
'<img class="img-fluid j1-lg-magnifier" src="' +img+ '">' +
|
|
173
|
+
'</a>' +
|
|
174
|
+
'</li>'
|
|
175
|
+
} // end for
|
|
176
|
+
content += '</ul> </div> </div>';
|
|
177
|
+
{% elsif gallery_type == "video-html5" or gallery_type == "video-online" %}
|
|
178
|
+
|
|
179
|
+
var play_button = '/assets/themes/j1/extensions/light_gallery/img/icons/play-button.png';
|
|
180
|
+
|
|
181
|
+
// Collect html5 video gallery data from data file (jsonPath)
|
|
182
|
+
$.getJSON( '{{config.jsonPath}}', function (data) {
|
|
183
|
+
|
|
184
|
+
{% if gallery_type == "video-html5" %}
|
|
185
|
+
var hidden_video_div = '';
|
|
186
|
+
for ( var i in data["{{item.gallery.id}}"] ) {
|
|
187
|
+
var video = data["{{item.gallery.id}}"][i].video_path + '/' + data["{{item.gallery.id}}"][i].video;
|
|
188
|
+
var poster = data["{{item.gallery.id}}"][i].image_path + '/' + data["{{item.gallery.id}}"][i].poster;
|
|
189
|
+
var caption = data["{{item.gallery.id}}"][i].captions_lightbox;
|
|
190
|
+
var video_id = data["{{item.gallery.id}}"][i].video_id;
|
|
191
|
+
var video_type = video.substr(video.lastIndexOf('.') + 1);
|
|
192
|
+
hidden_video_div += '<div style="display:none;" id="' +video_id+ '">' + '\n';
|
|
193
|
+
hidden_video_div += ' <video class="lg-video-object lg-html5 video-js vjs-default-skin"' + '\n';
|
|
194
|
+
hidden_video_div += ' poster="' +poster+ '" controls="" preload="none">' + '\n';
|
|
195
|
+
hidden_video_div += ' <source src="' +video+ '" type="video/' +video_type+ '">' + '\n';
|
|
196
|
+
hidden_video_div += ' Your browser does not support HTML5 video.' + '\n';
|
|
197
|
+
hidden_video_div += ' </video>' + '\n';
|
|
198
|
+
hidden_video_div += '</div>' + '\n';
|
|
199
|
+
}
|
|
200
|
+
$('#{{ container_id }}').before( hidden_video_div );
|
|
126
201
|
{% endif %}
|
|
127
202
|
|
|
128
|
-
|
|
203
|
+
//var content = '<ul id="{{ gallery_id }}" class="row {{ css_classes }} bs-gallery-gutter list-unstyled">' + '\n';
|
|
204
|
+
var content = '<ul id="{{ gallery_id }}" class="{{bs_gallery_class}} row {{ css_classes }} bs-gallery-gutter list-unstyled">' + '\n';
|
|
205
|
+
for ( var i in data["{{item.gallery.id}}"] ) {
|
|
206
|
+
{% if gallery_type == "video-html5" %}
|
|
207
|
+
var video_id = data["{{item.gallery.id}}"][i].video_id;
|
|
208
|
+
{% endif %}
|
|
209
|
+
{% if gallery_type == "video-online" %}
|
|
210
|
+
var video = data["{{item.gallery.id}}"][i].video;
|
|
211
|
+
{% endif %}
|
|
212
|
+
var poster = data["{{item.gallery.id}}"][i].image_path + '/' + data["{{item.gallery.id}}"][i].poster;
|
|
213
|
+
var caption = data["{{item.gallery.id}}"][i].captions_lightbox;
|
|
214
|
+
|
|
215
|
+
//content += ' <li class="col-xs-6 col-sm-4 col-md-{{column_width_md}}" ' + '\n';
|
|
216
|
+
content += ' <li class="lightgallery"' + '\n';
|
|
217
|
+
content += ' data-sub-html="' +caption+ '" ' + '\n';
|
|
218
|
+
content += ' data-poster="' +poster+ '" ' + '\n';
|
|
219
|
+
{% if gallery_type == "video-html5" %}
|
|
220
|
+
content += ' data-html="#' +video_id+ '">' + '\n';
|
|
221
|
+
{% endif %}
|
|
222
|
+
{% if gallery_type == "video-online" %}
|
|
223
|
+
content += ' data-src="' +video+ '">' + '\n';
|
|
224
|
+
{% endif %}
|
|
225
|
+
{% if thumb_bordered %}
|
|
226
|
+
content += ' <a href="#" class="lg-thumbnail-{{container_id}}">' + '\n';
|
|
227
|
+
{% else %}
|
|
228
|
+
content += ' <a href="#" class="lg-thumbnail lg-thumbnail-{{container_id}}">' + '\n';
|
|
229
|
+
{% endif %}
|
|
230
|
+
content += ' <img class="img-gallery" src="' +poster+ '">' + '\n';
|
|
231
|
+
content += ' <img class="img-overlay" src="' +play_button+ '">' + '\n';
|
|
232
|
+
content += ' </a>' + '\n';
|
|
233
|
+
content += ' </li>' + '\n';
|
|
234
|
+
}
|
|
235
|
+
content += '</ul>';
|
|
236
|
+
{% endif %}
|
|
237
|
+
// Place HTML markup
|
|
238
|
+
$("#{{ container_id }}").html(content);
|
|
239
|
+
// Initialize|Run the gallery using individual gallery options
|
|
240
|
+
$("#{{ gallery_id }}").lightGallery({
|
|
241
|
+
{% for option in item.gallery.options %}
|
|
242
|
+
{{ option[0] | json }}: {{ option[1] | json }},
|
|
243
|
+
{% endfor %}
|
|
244
|
+
});
|
|
245
|
+
|
|
246
|
+
//Run bsGallery (delayed: {{ show_delay }} ms)
|
|
247
|
+
setTimeout(function() {
|
|
248
|
+
// Hide HTML markup while bsGallery is rendering
|
|
249
|
+
//$("#{{ gallery_id }}").hide();
|
|
250
|
+
$('ul.{{bs_gallery_class}}').bsGallery({
|
|
251
|
+
"classes" : "col-md-{{column_width_md}}",
|
|
252
|
+
"hasModal" : false
|
|
253
|
+
});
|
|
254
|
+
//$("#{{ gallery_id }}").show();
|
|
255
|
+
}, {{ show_delay }});
|
|
129
256
|
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
$('#{{ container_id }}').addClass("lg-animate");
|
|
133
|
-
// $('#{{ container_id }}').removeClass("lg-animate");
|
|
134
|
-
{% endif %}
|
|
257
|
+
// Initialize instance variable of lightGallery (for later access)
|
|
258
|
+
j1["{{gallery_id}}"] = $('#{{ gallery_id }}').data('lightGallery');
|
|
135
259
|
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
style += 'a.lg-thumbnail-{{container_id}}:hover,a.lg-thumbnail-{{container_id}}:focus,a.lg-thumbnail-{{container_id}}.active{border-color:#204a87} \n';
|
|
142
|
-
style += '.lg-thumbnail-{{container_id}}>img,.lg-thumbnail-{{container_id}} a>img{display:block;max-width:100%;height:auto} \n';
|
|
143
|
-
style += '.img-lg-thumbnail-{{container_id}}{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:2px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto} \n';
|
|
144
|
-
style += '.lg-thumbnail-{{container_id}}{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:2px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out} \n';
|
|
145
|
-
style += '.lg-thumbnail-{{container_id}}>img,.lg-thumbnail-{{container_id}} a>img{margin-left:auto;margin-right:auto} \n';
|
|
146
|
-
{% endif %}
|
|
147
|
-
style += '</style> \n';
|
|
148
|
-
$('head').append( style );
|
|
149
|
-
|
|
150
|
-
{% if gallery_type == "image" %}
|
|
151
|
-
// Collect image gallery data from data file (jsonPath)
|
|
152
|
-
$.getJSON( '{{config.jsonPath}}', function (data) {
|
|
153
|
-
var content = '';
|
|
154
|
-
//content += '<ul id="{{ gallery_id }}" class="row {{ css_classes }} bs-gallery-gutter list-unstyled">' + '\n';
|
|
155
|
-
content += '<ul id="{{ gallery_id }}" class="row bs-gallery {{ css_classes }} bs-gallery-gutter list-unstyled">' + '\n';
|
|
156
|
-
|
|
157
|
-
for ( var i in data["{{item.gallery.id}}"] ) {
|
|
158
|
-
var img = data["{{item.gallery.id}}"][i].img;
|
|
159
|
-
var caption = data["{{item.gallery.id}}"][i].caption;
|
|
160
|
-
|
|
161
|
-
content += '<li class="col-xs-6 col-sm-4 col-md-{{column_width_md}}" ' +
|
|
162
|
-
'data-src="' +img+ '" ' +
|
|
163
|
-
'data-sub-html="' +caption+ '">' +
|
|
164
|
-
{% if thumb_bordered %}
|
|
165
|
-
'<a href="#" class="lg-thumbnail-{{container_id}}">' +
|
|
166
|
-
{% else %}
|
|
167
|
-
'<a href="#" class="lg-thumbnail lg-thumbnail-{{container_id}}">' +
|
|
168
|
-
{% endif %}
|
|
169
|
-
'<img class="img-fluid j1-lg-magnifier" src="' +img+ '">' +
|
|
170
|
-
'</a>' +
|
|
171
|
-
'</li>'
|
|
172
|
-
} // end for
|
|
173
|
-
content += '</ul> </div> </div>';
|
|
174
|
-
{% elsif gallery_type == "video-html5" or gallery_type == "video-online" %}
|
|
175
|
-
|
|
176
|
-
var play_button = '/assets/themes/j1/extensions/light_gallery/img/icons/play-button.png';
|
|
177
|
-
|
|
178
|
-
// Collect html5 video gallery data from data file (jsonPath)
|
|
179
|
-
$.getJSON( '{{config.jsonPath}}', function (data) {
|
|
180
|
-
|
|
181
|
-
{% if gallery_type == "video-html5" %}
|
|
182
|
-
var hidden_video_div = '';
|
|
183
|
-
for ( var i in data["{{item.gallery.id}}"] ) {
|
|
184
|
-
var video = data["{{item.gallery.id}}"][i].video_path + '/' + data["{{item.gallery.id}}"][i].video;
|
|
185
|
-
var poster = data["{{item.gallery.id}}"][i].image_path + '/' + data["{{item.gallery.id}}"][i].poster;
|
|
186
|
-
var caption = data["{{item.gallery.id}}"][i].captions_lightbox;
|
|
187
|
-
var video_id = data["{{item.gallery.id}}"][i].video_id;
|
|
188
|
-
var video_type = video.substr(video.lastIndexOf('.') + 1);
|
|
189
|
-
hidden_video_div += '<div style="display:none;" id="' +video_id+ '">' + '\n';
|
|
190
|
-
hidden_video_div += ' <video class="lg-video-object lg-html5 video-js vjs-default-skin"' + '\n';
|
|
191
|
-
hidden_video_div += ' poster="' +poster+ '" controls="" preload="none">' + '\n';
|
|
192
|
-
hidden_video_div += ' <source src="' +video+ '" type="video/' +video_type+ '">' + '\n';
|
|
193
|
-
hidden_video_div += ' Your browser does not support HTML5 video.' + '\n';
|
|
194
|
-
hidden_video_div += ' </video>' + '\n';
|
|
195
|
-
hidden_video_div += '</div>' + '\n';
|
|
196
|
-
}
|
|
197
|
-
$('#{{ container_id }}').before( hidden_video_div );
|
|
260
|
+
{% if environment == 'development' %}
|
|
261
|
+
logText = 'LightGallery on ID #{{ container_id }} initializing completed';
|
|
262
|
+
logger.info(logText);
|
|
263
|
+
state = 'completed';
|
|
264
|
+
logger.info('state: ' + state); // Set|Log status
|
|
198
265
|
{% endif %}
|
|
199
266
|
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
var video_id = data["{{item.gallery.id}}"][i].video_id;
|
|
205
|
-
{% endif %}
|
|
206
|
-
{% if gallery_type == "video-online" %}
|
|
207
|
-
var video = data["{{item.gallery.id}}"][i].video;
|
|
208
|
-
{% endif %}
|
|
209
|
-
var poster = data["{{item.gallery.id}}"][i].image_path + '/' + data["{{item.gallery.id}}"][i].poster;
|
|
210
|
-
var caption = data["{{item.gallery.id}}"][i].captions_lightbox;
|
|
211
|
-
|
|
212
|
-
//content += ' <li class="col-xs-6 col-sm-4 col-md-{{column_width_md}}" ' + '\n';
|
|
213
|
-
content += ' <li class="lightgallery"' + '\n';
|
|
214
|
-
content += ' data-sub-html="' +caption+ '" ' + '\n';
|
|
215
|
-
content += ' data-poster="' +poster+ '" ' + '\n';
|
|
216
|
-
{% if gallery_type == "video-html5" %}
|
|
217
|
-
content += ' data-html="#' +video_id+ '">' + '\n';
|
|
218
|
-
{% endif %}
|
|
219
|
-
{% if gallery_type == "video-online" %}
|
|
220
|
-
content += ' data-src="' +video+ '">' + '\n';
|
|
221
|
-
{% endif %}
|
|
222
|
-
{% if thumb_bordered %}
|
|
223
|
-
content += ' <a href="#" class="lg-thumbnail-{{container_id}}">' + '\n';
|
|
224
|
-
{% else %}
|
|
225
|
-
content += ' <a href="#" class="lg-thumbnail lg-thumbnail-{{container_id}}">' + '\n';
|
|
226
|
-
{% endif %}
|
|
227
|
-
content += ' <img class="img-gallery" src="' +poster+ '">' + '\n';
|
|
228
|
-
content += ' <img class="img-overlay" src="' +play_button+ '">' + '\n';
|
|
229
|
-
content += ' </a>' + '\n';
|
|
230
|
-
content += ' </li>' + '\n';
|
|
231
|
-
}
|
|
232
|
-
content += '</ul>';
|
|
233
|
-
{% endif %}
|
|
234
|
-
// Place HTML markup
|
|
235
|
-
$("#{{ container_id }}").html(content);
|
|
236
|
-
// Initialize|Run the gallery using individual gallery options
|
|
237
|
-
$("#{{ gallery_id }}").lightGallery({
|
|
238
|
-
{% for option in item.gallery.options %}
|
|
239
|
-
{{ option[0] | json }}: {{ option[1] | json }},
|
|
240
|
-
{% endfor %}
|
|
241
|
-
});
|
|
267
|
+
});
|
|
268
|
+
} //end gallery
|
|
269
|
+
{% endif %} {% comment %} end if enabled {% endcomment %}
|
|
270
|
+
{% endfor %}
|
|
242
271
|
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
// Hide HTML markup while bsGallery is rendering
|
|
246
|
-
//$("#{{ gallery_id }}").hide();
|
|
247
|
-
$('ul.{{bs_gallery_class}}').bsGallery({
|
|
248
|
-
"classes" : "col-md-{{column_width_md}}",
|
|
249
|
-
"hasModal" : false
|
|
250
|
-
});
|
|
251
|
-
//$("#{{ gallery_id }}").show();
|
|
252
|
-
}, {{ show_delay }});
|
|
253
|
-
|
|
254
|
-
// Initialize instance variable of lightGallery (for later access)
|
|
255
|
-
j1["{{gallery_id}}"] = $('#{{ gallery_id }}').data('lightGallery');
|
|
256
|
-
|
|
257
|
-
{% if environment == 'development' %}
|
|
258
|
-
logText = 'LightGallery on ID #{{ container_id }} initializing completed';
|
|
259
|
-
logger.info(logText);
|
|
260
|
-
state = 'completed';
|
|
261
|
-
logger.info('state: ' + state); // Set|Log status
|
|
262
|
-
{% endif %}
|
|
263
|
-
|
|
264
|
-
});
|
|
265
|
-
} //end gallery
|
|
266
|
-
{% endif %} {% comment %} end if enabled {% endcomment %}
|
|
267
|
-
{% endfor %}
|
|
268
|
-
}, // end function lgInit
|
|
269
|
-
|
|
270
|
-
// -------------------------------------------------------------------------
|
|
271
|
-
// returns the current (processing) state of the module
|
|
272
|
-
// -------------------------------------------------------------------------
|
|
273
|
-
state: function () {
|
|
274
|
-
return state;
|
|
275
|
-
}
|
|
272
|
+
return;
|
|
273
|
+
}, // END lgInit
|
|
276
274
|
|
|
277
|
-
|
|
275
|
+
// -------------------------------------------------------------------------
|
|
276
|
+
// returns the current (processing) state of the module
|
|
277
|
+
// -------------------------------------------------------------------------
|
|
278
|
+
state: function () {
|
|
279
|
+
return state;
|
|
280
|
+
} // END state
|
|
278
281
|
|
|
282
|
+
}; // end return
|
|
279
283
|
})(j1, window);
|
|
280
284
|
|
|
281
285
|
{% endcapture %}
|