96 lines
2.6 KiB
JavaScript
96 lines
2.6 KiB
JavaScript
|
var silverstrap = {
|
||
|
|
carousel: {
|
||
|
|
interval: 8000
|
||
|
|
},
|
||
|
|
scrollspy: {
|
||
|
|
target: '#ss-toc'
|
||
|
|
},
|
||
|
|
affix: {
|
||
|
|
offset: {
|
||
|
|
top: $('#ss-toc').data('offset-top') || 72,
|
||
|
|
bottom: $('#ss-toc').data('offset-bottom') || 350
|
||
|
|
}
|
||
|
|
},
|
||
|
|
colorbox: {
|
||
|
|
rel: 'group',
|
||
|
|
maxWidth: '98%',
|
||
|
|
maxHeight: '98%',
|
||
|
|
photo: true
|
||
|
|
},
|
||
|
|
fotorama: {
|
||
|
|
nav: 'thumbs',
|
||
|
|
click: ! $.isFunction($.colorbox),
|
||
|
|
allowfullscreen: 'native',
|
||
|
|
width: '100%'
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
$(document).ready(function () {
|
||
|
|
var $subject;
|
||
|
|
|
||
|
|
// Enable help tooltips for form elements
|
||
|
|
$subject = $('[data-toggle="tooltip"]');
|
||
|
|
$subject.tooltip({
|
||
|
|
placement: function () {
|
||
|
|
return $(window).width() >= 992 ? 'right' : 'bottom';
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// Set hidden input of SilverstrapSelectionGroup
|
||
|
|
$subject = $('ul.silverstrapselectiongroup.nav a');
|
||
|
|
$subject.on('click', function () {
|
||
|
|
var href = $(this).attr('href'),
|
||
|
|
pivot = href.lastIndexOf('-'),
|
||
|
|
name = href.substr(1, pivot - 1);
|
||
|
|
$('input[type="hidden"][name="' + name + '"]').val($(this).data('value'));
|
||
|
|
});
|
||
|
|
|
||
|
|
// Enable colorbox support on Fotorama frames
|
||
|
|
if ($.isFunction($.colorbox) && $.isFunction($.Fotorama)) {
|
||
|
|
var transition;
|
||
|
|
$(document).on('fotorama:show', function () {
|
||
|
|
transition = true;
|
||
|
|
})
|
||
|
|
.on('fotorama:showend', function () {
|
||
|
|
transition = false;
|
||
|
|
})
|
||
|
|
.on('fotorama:load', function (ev, fotorama, extra) {
|
||
|
|
extra.frame['$stageFrame'].find('.fotorama__img').not('.fotorama__img--full')
|
||
|
|
.css('cursor', 'zoom-in')
|
||
|
|
.on('click', function () {
|
||
|
|
if (! transition)
|
||
|
|
$.colorbox($.extend({
|
||
|
|
href: extra.frame.full,
|
||
|
|
title: function () {
|
||
|
|
return extra.frame.summary || extra.frame.caption;
|
||
|
|
}}, silverstrap.colorbox));
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// Add ColorBox support for zooming images (silverstrap)
|
||
|
|
$subject = $('.zoom');
|
||
|
|
if ($subject.length && $.isFunction($.colorbox)) {
|
||
|
|
$subject.colorbox(silverstrap.colorbox);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Customize the behavior of the table of contents (silverstripe-autotoc)
|
||
|
|
$subject = $('#ss-toc');
|
||
|
|
if ($subject.length && $.isFunction($.affix)) {
|
||
|
|
$('body').scrollspy(silverstrap.scrollspy);
|
||
|
|
$subject.affix(silverstrap.affix);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Enable the Bootstrap carousel (silverstripe-carousel)
|
||
|
|
$subject = $('#ss-carousel');
|
||
|
|
if ($subject.length && $.isFunction($.carousel)) {
|
||
|
|
$subject.carousel(silverstrap.carousel);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Enable the Fotorama gallery (silverstripe-gallery)
|
||
|
|
$subject = $('#ss-gallery');
|
||
|
|
if ($subject.length && $.isFunction($.Fotorama)) {
|
||
|
|
$subject.fotorama(silverstrap.fotorama);
|
||
|
|
}
|
||
|
|
});
|