lainchan/js/expand-all-images.js

/*
 * expand-all-images.js
 * https://github.com/savetheinternet/Tinyboard/blob/master/js/expand-all-images.js
 *
 * Adds an "Expand all images" button to the top of the page.
 *
 * Released under the MIT license
 * Copyright (c) 2012-2013 Michael Save <savetheinternet@tinyboard.org>
 * Copyright (c) 2013-2014 Marcin Łabanowski <marcin@6irc.net>
 * Copyright (c) 2014 sinuca <#55ch@rizon.net>
 *
 * Usage:
 *   $config['additional_javascript'][] = 'js/jquery.min.js';
 *   $config['additional_javascript'][] = 'js/inline-expanding.js';
 *   $config['additional_javascript'][] = 'js/expand-all-images.js';
 *
 */

if (active_page == 'ukko' || active_page == 'thread' || active_page == 'index')
onready(function(){
	$('hr:first').before('<div id="expand-all-images" style="text-align:right"><a class="unimportant" href="javascript:void(0)"></a></div>');
	$('div#expand-all-images a')
		.text(_('Expand all images'))
		.click(function() {
			$('a img.post-image').each(function() {
				// Don't expand YouTube embeds
				if ($(this).parent().parent().hasClass('video-container'))
					return;

				// or WEBM
				if (/^\/player\.php\?/.test($(this).parent().attr('href')))
					return;

				if (!$(this).parent()[0].dataset.expanded)
					$(this).parent().click();
			});

			if (!$('#shrink-all-images').length) {
				$('hr:first').before('<div id="shrink-all-images" style="text-align:right"><a class="unimportant" href="javascript:void(0)"></a></div>');
			}

			$('div#shrink-all-images a')
				.text(_('Shrink all images'))
				.click(function(){
					$('a img.full-image').each(function() {
						if ($(this).parent()[0].dataset.expanded)
							$(this).parent().click();
					});
					$(this).parent().remove();
				});
		});
});