summaryrefslogtreecommitdiff
path: root/public/javascripts/admin_interface.js
diff options
context:
space:
mode:
Diffstat (limited to 'public/javascripts/admin_interface.js')
-rw-r--r--public/javascripts/admin_interface.js12
1 files changed, 8 insertions, 4 deletions
diff --git a/public/javascripts/admin_interface.js b/public/javascripts/admin_interface.js
index e9f96c2..7fb1dc2 100644
--- a/public/javascripts/admin_interface.js
+++ b/public/javascripts/admin_interface.js
@@ -277,10 +277,12 @@ cccms = {
277 277
278 var items = $('#related_asset_list li').map(function() { 278 var items = $('#related_asset_list li').map(function() {
279 return { 279 return {
280 id: $(this).data('asset-id'),
280 thumb: $(this).find('img').attr('src'), 281 thumb: $(this).find('img').attr('src'),
281 large: $(this).data('large-url'), 282 large: $(this).data('large-url'),
282 original: $(this).data('original-url'), 283 original: $(this).data('original-url'),
283 name: $(this).data('name') 284 name: $(this).data('name'),
285 headline: $(this).data('headline') === true
284 }; 286 };
285 }).get(); 287 }).get();
286 cccms.inline_images.items = items; 288 cccms.inline_images.items = items;
@@ -293,7 +295,7 @@ cccms = {
293 items.forEach(function(item, i) { 295 items.forEach(function(item, i) {
294 var wrapper = $('<div class="inline_image_picker_item"></div>'); 296 var wrapper = $('<div class="inline_image_picker_item"></div>');
295 wrapper.append($('<img>').attr('src', item.thumb).attr('data-index', i)); 297 wrapper.append($('<img>').attr('src', item.thumb).attr('data-index', i));
296 if (i === 0) { 298 if (item.headline) {
297 wrapper.append($('<span>', { "class": "inline_image_picker_headline_badge" }).text("Headline")); 299 wrapper.append($('<span>', { "class": "inline_image_picker_headline_badge" }).text("Headline"));
298 } 300 }
299 grid.append(wrapper); 301 grid.append(wrapper);
@@ -317,8 +319,10 @@ cccms = {
317 ? 'inline-image inline-image--full' 319 ? 'inline-image inline-image--full'
318 : 'inline-image inline-image--half inline-image--' + placement; 320 : 'inline-image inline-image--half inline-image--' + placement;
319 321
320 var html = '<a href="' + item.original + '" class="glightbox" data-gallery="page-' + cccms.inline_images.node_id + '">' + 322 var esc = cccms.inline_images.escape_attr;
321 '<img src="' + item.large + '" class="' + classes + '" alt="' + cccms.inline_images.escape_attr(item.name) + '"></a>'; 323 var html = '<a href="' + esc(item.original) + '" class="glightbox" data-gallery="page-' + esc(cccms.inline_images.node_id) + '"' +
324 ' data-title="' + esc(item.name) + '" data-description="#credit_for_asset_' + esc(item.id) + '">' +
325 '<img src="' + esc(item.large) + '" class="' + classes + '" alt="' + esc(item.name) + '"></a>';
322 326
323 cccms.inline_images.editor.insertContent(html); 327 cccms.inline_images.editor.insertContent(html);
324 $('#inline_image_picker').hide(); 328 $('#inline_image_picker').hide();