Files
edx-platform/themes/example/lms/static/js/about-site.js
2016-08-19 09:18:52 -04:00

32 lines
1.1 KiB
JavaScript

(function(require) {
'use strict';
require(['edx-ui-toolkit/js/utils/html-utils'], function(HtmlUtils) {
function addSlider() {
var isMobileResolution = $(window).width() < 768,
sliderExists = $('.about-list').hasClass('slick-slider');
$('.about-list').toggleClass('slidable', isMobileResolution);
if (isMobileResolution) {
if (!sliderExists) {
$('.about-list').find('.about-list-item').removeClass('col col-4');
$('.slidable').slick({
nextArrow: '<i class="fa fa-angle-right"></i>',
prevArrow: '<i class="fa fa-angle-left"></i>'
});
}
} else {
HtmlUtils.setHtml('.about-container', HtmlUtils.HTML($('#about-content').html()));
}
}
$(function() {
HtmlUtils.setHtml('.about-container', HtmlUtils.HTML($('#about-content').html()));
addSlider();
});
$(window).resize(function() {
addSlider();
});
});
}).call(this, require || RequireJS.require);