diff --git a/public/src/ajaxify.js b/public/src/ajaxify.js index e2303c501c..9ca9052dc9 100644 --- a/public/src/ajaxify.js +++ b/public/src/ajaxify.js @@ -204,7 +204,7 @@ $(document).ready(function () { } ajaxify.loadScript(tpl_url, done); - ajaxify.widgets.render(tpl_url, done); + ajaxify.widgets.render(tpl_url, url, done); $(window).trigger('action:ajaxify.contentLoaded', { url: url, tpl: tpl_url }); diff --git a/public/src/widgets.js b/public/src/widgets.js index 90b2d355c7..f5f667d2a7 100644 --- a/public/src/widgets.js +++ b/public/src/widgets.js @@ -1,5 +1,6 @@ 'use strict'; + (function (ajaxify) { ajaxify.widgets = {}; @@ -13,63 +14,77 @@ }); }; - ajaxify.widgets.render = function (template, callback) { + ajaxify.widgets.render = function (template, url, callback) { callback = callback || function () {}; - if (template.match(/^admin/)) { return callback(); } - var locations = Object.keys(ajaxify.data.widgets); + var widgetLocations = ['sidebar', 'footer', 'header']; - locations.forEach(function (location) { - var area = $('#content [widget-area="' + location + '"]'); - if (area.length) { - return; + $('#content [widget-area]').each(function () { + var location = $(this).attr('widget-area'); + if ($.inArray(location, widgetLocations) === -1) { + widgetLocations.push(location); } + }); - var widgetsAtLocation = ajaxify.data.widgets[location] || []; - var html = ''; + $.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 += 1) { + var renderedWidgets = renderedAreas[x].widgets; + var location = renderedAreas[x].location; + var html = ''; - widgetsAtLocation.forEach(function (widget) { - html += widget.html; + for (var i = 0; i < renderedWidgets.length; i += 1) { + html += templates.parse(renderedWidgets[i].html, {}); + } + + var area = $('#content [widget-area="' + location + '"]'); - if (location === 'footer' && !$('#content [widget-area="footer"]').length) { - $('#content').append($('
')); - } else if (location === 'sidebar' && !$('#content [widget-area="sidebar"]').length) { - if ($('[component="account/cover"]').length) { - $('[component="account/cover"]').nextAll().wrapAll($('
')); - } else if ($('[component="groups/cover"]').length) { - $('[component="groups/cover"]').nextAll().wrapAll($('
')); - } else { - $('#content > *').wrapAll($('
')); + if (!area.length && window.location.pathname.indexOf('/admin') === -1 && renderedWidgets.length) { + if (location === 'footer' && !$('#content [widget-area="footer"]').length) { + $('#content').append($('
')); + } else if (location === 'sidebar' && !$('#content [widget-area="sidebar"]').length) { + if ($('[component="account/cover"]').length) { + $('[component="account/cover"]').nextAll().wrapAll($('
')); + } else if ($('[component="groups/cover"]').length) { + $('[component="groups/cover"]').nextAll().wrapAll($('
')); + } else { + $('#content > *').wrapAll($('
')); + } + } else if (location === 'header' && !$('#content [widget-area="header"]').length) { + $('#content').prepend($('
')); } - } else if (location === 'header' && !$('#content [widget-area="header"]').length) { - $('#content').prepend($('
')); + + area = $('#content [widget-area="' + location + '"]'); } - }); - area = $('#content [widget-area="' + location + '"]'); - if (html && area.length) { area.html(html); - } - if (widgetsAtLocation.length) { - area.removeClass('hidden'); - ajaxify.widgets.reposition(location); + 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'), + 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); }); - $(window).trigger('action:widgets.loaded', {}); - callback(); }; }(ajaxify || {})); diff --git a/src/controllers/api.js b/src/controllers/api.js index b464748f49..5ec2f55697 100644 --- a/src/controllers/api.js +++ b/src/controllers/api.js @@ -11,11 +11,12 @@ var topics = require('../topics'); var categories = require('../categories'); var privileges = require('../privileges'); var plugins = require('../plugins'); +var widgets = require('../widgets'); var translator = require('../translator'); var apiController = module.exports; -apiController.loadConfig = function (req, callback) { +apiController.getConfig = function (req, res, next) { var config = {}; config.environment = process.env.NODE_ENV; config.relative_path = nconf.get('relative_path'); @@ -58,7 +59,7 @@ apiController.loadConfig = function (req, callback) { config.requireEmailConfirmation = parseInt(meta.config.requireEmailConfirmation, 10) === 1; config.topicPostSort = meta.config.topicPostSort || 'oldest_to_newest'; config.categoryTopicSort = meta.config.categoryTopicSort || 'newest_to_oldest'; - config.csrf_token = req.csrfToken && req.csrfToken(); + config.csrf_token = req.csrfToken(); config.searchEnabled = plugins.hasListeners('filter:search.query'); config.bootswatchSkin = meta.config.bootswatchSkin || 'noskin'; config.defaultBootswatchSkin = meta.config.bootswatchSkin || 'noskin'; @@ -79,7 +80,7 @@ apiController.loadConfig = function (req, callback) { async.waterfall([ function (next) { - if (!req.uid) { + if (!req.user) { return next(null, config); } user.getSettings(req.uid, next); @@ -97,22 +98,41 @@ apiController.loadConfig = function (req, callback) { config.bootswatchSkin = (settings.bootswatchSkin && settings.bootswatchSkin !== 'default') ? settings.bootswatchSkin : config.bootswatchSkin; plugins.fireHook('filter:config.get', config, next); }, - ], callback); + ], function (err, config) { + if (err) { + return next(err); + } + + if (res.locals.isAPI) { + res.json(config); + } else { + next(null, config); + } + }); }; -apiController.getConfig = function (req, res, next) { - async.waterfall([ - function (next) { - apiController.loadConfig(req, next); + +apiController.renderWidgets = function (req, res, next) { + if (!req.query.template || !req.query.locations) { + return res.status(200).json({}); + } + + widgets.render(req.uid, + { + template: req.query.template, + url: req.query.url, + locations: req.query.locations, + isMobile: req.query.isMobile === 'true', + cid: req.query.cid, }, - function (config, next) { - if (res.locals.isAPI) { - res.json(config); - } else { - next(null, config); + req, + res, + function (err, widgets) { + if (err) { + return next(err); } - }, - ], next); + res.status(200).json(widgets); + }); }; apiController.getPostData = function (pid, uid, callback) { diff --git a/src/database/mongo/helpers.js b/src/database/mongo/helpers.js index 7a791c9fca..47f8434c77 100644 --- a/src/database/mongo/helpers.js +++ b/src/database/mongo/helpers.js @@ -6,7 +6,7 @@ helpers.toMap = function (data) { var map = {}; for (var i = 0; i < data.length; i += 1) { map[data[i]._key] = data[i]; - delete data[i]._key; + data[i]._key = undefined; } return map; }; diff --git a/src/middleware/render.js b/src/middleware/render.js index bf3cb03638..e37b994445 100644 --- a/src/middleware/render.js +++ b/src/middleware/render.js @@ -7,7 +7,6 @@ var winston = require('winston'); var plugins = require('../plugins'); var translator = require('../translator'); -var widgets = require('../widgets'); module.exports = function (middleware) { middleware.processRender = function (req, res, next) { @@ -50,17 +49,6 @@ module.exports = function (middleware) { function (data, next) { options = data.templateData; - widgets.render(req.uid, { - template: template + '.tpl', - url: options.url, - templateData: options, - req: req, - res: res, - }, next); - }, - function (data, next) { - options.widgets = data; - res.locals.template = template; options._locals = undefined; diff --git a/src/routes/api.js b/src/routes/api.js index 34f14f5a8c..9b5a7f77c7 100644 --- a/src/routes/api.js +++ b/src/routes/api.js @@ -9,6 +9,7 @@ module.exports = function (app, middleware, controllers) { app.use('/api', router); router.get('/config', middleware.applyCSRF, controllers.api.getConfig); + router.get('/widgets/render', controllers.api.renderWidgets); router.get('/me', middleware.checkGlobalPrivacySettings, controllers.user.getCurrentUser); router.get('/user/uid/:uid', middleware.checkGlobalPrivacySettings, controllers.user.getUserByUID); diff --git a/src/views/admin/extend/widgets.tpl b/src/views/admin/extend/widgets.tpl index 0e2d2a848c..07b8b5c193 100644 --- a/src/views/admin/extend/widgets.tpl +++ b/src/views/admin/extend/widgets.tpl @@ -32,32 +32,32 @@

[[admin/extend/widgets:explanation]]

- +
[[none-installed, {config.relative_path}/admin/extend/plugins]]
- +

- +
-
+
- {availableWidgets.name} -
{availableWidgets.description}
+ {widgets.name} +
{widgets.description}
- +
diff --git a/src/widgets/admin.js b/src/widgets/admin.js index 4ca05571f5..dde3aca43d 100644 --- a/src/widgets/admin.js +++ b/src/widgets/admin.js @@ -72,7 +72,7 @@ admin.get = function (callback) { callback(false, { templates: templates, areas: widgetData.areas, - availableWidgets: widgetData.widgets, + widgets: widgetData.widgets, }); }); }); diff --git a/src/widgets/index.js b/src/widgets/index.js index 982b40c696..2e228dab63 100644 --- a/src/widgets/index.js +++ b/src/widgets/index.js @@ -3,35 +3,27 @@ var async = require('async'); var winston = require('winston'); var templates = require('templates.js'); -var _ = require('lodash'); var plugins = require('../plugins'); var translator = require('../translator'); var db = require('../database'); -var apiController = require('../controllers/api'); var widgets = module.exports; -widgets.render = function (uid, options, callback) { - if (!options.template) { +widgets.render = function (uid, area, req, res, callback) { + if (!area.locations || !area.template) { return callback(new Error('[[error:invalid-data]]')); } async.waterfall([ function (next) { - widgets.getWidgetDataForTemplates(['global', options.template], next); + widgets.getAreas(['global', area.template], area.locations, next); }, function (data, next) { var widgetsByLocation = {}; - delete data.global.drafts; - - var locations = _.uniq(Object.keys(data.global).concat(Object.keys(data[options.template]))); - - var returnData = {}; - - async.each(locations, function (location, done) { - widgetsByLocation[location] = (data.global[location] || []).concat(data[options.template][location] || []); + async.map(area.locations, function (location, done) { + widgetsByLocation[location] = data.global[location].concat(data[area.template][location]); if (!widgetsByLocation[location].length) { return done(null, { location: location, widgets: [] }); @@ -41,43 +33,28 @@ widgets.render = function (uid, options, callback) { if (!widget || !widget.data || (!!widget.data['hide-registered'] && uid !== 0) || (!!widget.data['hide-guests'] && uid === 0) || - (!!widget.data['hide-mobile'] && options.req.useragent.isMobile)) { + (!!widget.data['hide-mobile'] && area.isMobile)) { return next(); } - renderWidget(widget, uid, options, next); - }, function (err, renderedWidgets) { - if (err) { - return done(err); - } - returnData[location] = renderedWidgets.filter(Boolean); - done(); + renderWidget(widget, uid, area, req, res, next); + }, function (err, result) { + done(err, { location: location, widgets: result.filter(Boolean) }); }); - }, function (err) { - next(err, returnData); - }); + }, next); }, ], callback); }; -function renderWidget(widget, uid, options, callback) { +function renderWidget(widget, uid, area, req, res, callback) { async.waterfall([ function (next) { - if (options.res.locals.isAPI) { - apiController.loadConfig(options.req, next); - } else { - next(null, options.res.locals.config); - } - }, - function (config, next) { - var templateData = _.assign(options.templateData, { config: config }); plugins.fireHook('filter:widget.render:' + widget.widget, { uid: uid, - area: options, - templateData: templateData, + area: area, data: widget.data, - req: options.req, - res: options.res, + req: req, + res: res, }, next); }, function (data, next) { @@ -107,28 +84,23 @@ function renderWidget(widget, uid, options, callback) { ], callback); } -widgets.getWidgetDataForTemplates = function (templates, callback) { +widgets.getAreas = function (templates, locations, callback) { var keys = templates.map(function (tpl) { return 'widgets:' + tpl; }); - async.waterfall([ function (next) { - db.getObjects(keys, next); + db.getObjectsFields(keys, locations, next); }, function (data, next) { var returnData = {}; templates.forEach(function (template, index) { returnData[template] = returnData[template] || {}; - - var templateWidgetData = data[index] || {}; - var locations = Object.keys(templateWidgetData); - locations.forEach(function (location) { - if (templateWidgetData && templateWidgetData[location]) { + if (data && data[index] && data[index][location]) { try { - returnData[template][location] = JSON.parse(templateWidgetData[location]); + returnData[template][location] = JSON.parse(data[index][location]); } catch (err) { winston.error('can not parse widget data. template: ' + template + ' location: ' + location); returnData[template][location] = []; diff --git a/test/controllers.js b/test/controllers.js index 07bd00ec9c..34c515fc7a 100644 --- a/test/controllers.js +++ b/test/controllers.js @@ -688,20 +688,21 @@ describe('Controllers', function () { }); it('should return {} if there is no template or locations', function (done) { - request(nconf.get('url') + '/api/users', { json: true }, function (err, res, body) { + request(nconf.get('url') + '/api/widgets/render', { json: true }, function (err, res, body) { assert.ifError(err); assert.equal(res.statusCode, 200); assert(body); - assert.equal(Object.keys(body.widgets), 0); + assert.equal(Object.keys(body), 0); done(); }); }); it('should render templates', function (done) { - request(nconf.get('url') + '/api/categories', { json: true }, function (err, res, body) { + var url = nconf.get('url') + '/api/widgets/render?template=categories.tpl&url=&isMobile=false&locations%5B%5D=sidebar&locations%5B%5D=footer&locations%5B%5D=header'; + request(url, { json: true }, function (err, res, body) { assert.ifError(err); assert.equal(res.statusCode, 200); - assert(body.widgets && body.widgets.sidebar); + assert(body); done(); }); });