You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
3.3 KiB
JavaScript
91 lines
3.3 KiB
JavaScript
"use strict";
|
|
/*global ajaxify, templates, config, utils*/
|
|
|
|
(function (ajaxify) {
|
|
ajaxify.widgets = {};
|
|
|
|
ajaxify.widgets.reposition = function (location) {
|
|
$('body [has-widget-class]').each(function () {
|
|
var $this = $(this);
|
|
if ($this.attr('has-widget-target') === location) {
|
|
$this.removeClass();
|
|
$this.addClass($this.attr('has-widget-class'));
|
|
}
|
|
});
|
|
};
|
|
|
|
ajaxify.widgets.render = function (template, url, callback) {
|
|
callback = callback || function () {};
|
|
if (template.match(/^admin/)) {
|
|
return callback();
|
|
}
|
|
|
|
var widgetLocations = ['sidebar', 'footer', 'header'];
|
|
|
|
$('#content [widget-area]').each(function () {
|
|
var location = $(this).attr('widget-area');
|
|
if ($.inArray(location, widgetLocations) === -1) {
|
|
widgetLocations.push(location);
|
|
}
|
|
});
|
|
|
|
$.get(config.relative_path + '/api/widgets/render' + '?' + config['cache-buster'], {
|
|
locations: widgetLocations,
|
|
template: template + '.tpl',
|
|
url: url,
|
|
cid: ajaxify.data.cid,
|
|
isMobile: utils.isMobile(),
|
|
}, function (renderedAreas) {
|
|
for (var x = 0; x < renderedAreas.length; ++x) {
|
|
var renderedWidgets = renderedAreas[x].widgets;
|
|
var location = renderedAreas[x].location;
|
|
var html = '';
|
|
|
|
for (var i = 0; i < renderedWidgets.length; ++i) {
|
|
html += templates.parse(renderedWidgets[i].html, {});
|
|
}
|
|
|
|
var area = $('#content [widget-area="' + location + '"]');
|
|
|
|
if (!area.length && window.location.pathname.indexOf('/admin') === -1 && renderedWidgets.length) {
|
|
if (location === 'footer' && !$('#content [widget-area="footer"]').length) {
|
|
$('#content').append($('<div class="row"><div widget-area="footer" class="col-xs-12"></div></div>'));
|
|
} else if (location === 'sidebar' && !$('#content [widget-area="sidebar"]').length) {
|
|
if ($('[component="account/cover"]').length) {
|
|
$('[component="account/cover"]').nextAll().wrapAll($('<div class="row"><div class="col-lg-9 col-xs-12"></div><div widget-area="sidebar" class="col-lg-3 col-xs-12"></div></div></div>'));
|
|
} else if ($('[component="groups/cover"]').length) {
|
|
$('[component="groups/cover"]').nextAll().wrapAll($('<div class="row"><div class="col-lg-9 col-xs-12"></div><div widget-area="sidebar" class="col-lg-3 col-xs-12"></div></div></div>'));
|
|
} else {
|
|
$('#content > *').wrapAll($('<div class="row"><div class="col-lg-9 col-xs-12"></div><div widget-area="sidebar" class="col-lg-3 col-xs-12"></div></div></div>'));
|
|
}
|
|
} else if (location === 'header' && !$('#content [widget-area="header"]').length) {
|
|
$('#content').prepend($('<div class="row"><div widget-area="header" class="col-xs-12"></div></div>'));
|
|
}
|
|
|
|
area = $('#content [widget-area="' + location + '"]');
|
|
}
|
|
|
|
area.html(html);
|
|
|
|
if (renderedWidgets.length) {
|
|
area.removeClass('hidden');
|
|
ajaxify.widgets.reposition(location);
|
|
}
|
|
}
|
|
|
|
var widgetAreas = $('#content [widget-area]');
|
|
widgetAreas.find('img:not(.not-responsive)').addClass('img-responsive');
|
|
widgetAreas.find('.timeago').timeago();
|
|
widgetAreas.find('img[title].teaser-pic,img[title].user-img').each(function () {
|
|
$(this).tooltip({
|
|
placement: 'top',
|
|
title: $(this).attr('title'),
|
|
});
|
|
});
|
|
$(window).trigger('action:widgets.loaded', {});
|
|
|
|
callback(renderedAreas);
|
|
});
|
|
};
|
|
}(ajaxify || {}));
|