leftypol/templates/main.js

{% raw %}

/* gettext-compatible _ function, example of usage:
 *
 * > // Loading pl_PL.json here (containing polish translation strings generated by tools/i18n_compile.php)
 * > alert(_("Hello!"));
 * Witaj!
 */
function _(s) {
	return (typeof l10n != 'undefined' && typeof l10n[s] != 'undefined') ? l10n[s] : s;
}

/* printf-like formatting function, example of usage:
 *
 * > alert(fmt("There are {0} birds on {1} trees", [3,4]));
 * There are 3 birds on 4 trees
 * > // Loading pl_PL.json here (containing polish translation strings generated by tools/locale_compile.php)
 * > alert(fmt(_("{0} users"), [3]));
 * 3 uzytkownikow
 */
function fmt(s, a) {
	return s.replace(/\{([0-9]+)\}/g, function(x) { return a[x[1]]; });
}

function until(timestamp) {
	let difference = timestamp - Date.now() / 1000 | 0;
	switch (true) {
	case (difference < 60):
		return "" + difference + ' ' + _('second(s)');
	case (difference < 3600): // 60 * 60 = 3600
		return "" + Math.round(difference / 60) + ' ' + _('minute(s)');
	case (difference < 86400): // 60 * 60 * 24 = 86400
		return "" + Math.round(difference / 3600) + ' ' + _('hour(s)');
	case (difference < 604800): // 60 * 60 * 24 * 7 = 604800
		return "" + Math.round(difference / 86400) + ' ' + _('day(s)');
	case (difference < 31536000): // 60 * 60 * 24 * 365 = 31536000
		return "" + Math.round(difference / 604800) + ' ' + _('week(s)');
	default:
		return "" + Math.round(difference / 31536000) + ' ' + _('year(s)');
	}
}

function ago(timestamp) {
	let difference = (Date.now() / 1000 | 0) - timestamp;
	switch (true) {
	case (difference < 60):
		return "" + difference + ' ' + _('second(s)');
	case (difference < 3600): /// 60 * 60 = 3600
		return "" + Math.round(difference/(60)) + ' ' + _('minute(s)');
	case (difference < 86400): // 60 * 60 * 24 = 86400
		return "" + Math.round(difference/(3600)) + ' ' + _('hour(s)');
	case (difference < 604800): // 60 * 60 * 24 * 7 = 604800
		return "" + Math.round(difference/(86400)) + ' ' + _('day(s)');
	case (difference < 31536000): // 60 * 60 * 24 * 365 = 31536000
		return "" + Math.round(difference/(604800)) + ' ' + _('week(s)');
	default:
		return "" + Math.round(difference/(31536000)) + ' ' + _('year(s)');
	}
}

var datelocale =
	{ days: [_('Sunday'), _('Monday'), _('Tuesday'), _('Wednesday'), _('Thursday'), _('Friday'), _('Saturday')]
	, shortDays: [_("Sun"), _("Mon"), _("Tue"), _("Wed"), _("Thu"), _("Fri"), _("Sat")]
	, months: [_('January'), _('February'), _('March'), _('April'), _('May'), _('June'), _('July'), _('August'), _('September'), _('October'), _('November'), _('December')]
	, shortMonths: [_('Jan'), _('Feb'), _('Mar'), _('Apr'), _('May'), _('Jun'), _('Jul'), _('Aug'), _('Sep'), _('Oct'), _('Nov'), _('Dec')]
	, AM: _('AM')
	, PM: _('PM')
	, am: _('am')
	, pm: _('pm')
	};


function alert(a, do_confirm, confirm_ok_action, confirm_cancel_action) {
	var handler, div, bg, closebtn, okbtn;
	let close = function() {
		handler.fadeOut(400, function() { handler.remove(); });
		return false;
	};

	handler = $("<div id='alert_handler'></div>").hide().appendTo('body');

	bg = $("<div id='alert_background'></div>").appendTo(handler);

	div = $("<div id='alert_div'></div>").appendTo(handler);
	closebtn = $("<a id='alert_close' href='javascript:void(0)'><i class='fa fa-times'></i></div>")
		.appendTo(div);

	$("<div id='alert_message'></div>").html(a).appendTo(div);

	okbtn = $("<button class='button alert_button'>"+_("OK")+"</button>").appendTo(div);

	if (do_confirm) {
		confirm_ok_action = (typeof confirm_ok_action !== "function") ? function(){} : confirm_ok_action;
		confirm_cancel_action = (typeof confirm_cancel_action !== "function") ? function(){} : confirm_cancel_action;
		okbtn.click(confirm_ok_action);
		$("<button class='button alert_button'>"+_("Cancel")+"</button>").click(confirm_cancel_action).click(close).appendTo(div);
		bg.click(confirm_cancel_action);
		okbtn.click(confirm_cancel_action);
		closebtn.click(confirm_cancel_action);
	}

	bg.click(close);
	okbtn.click(close);
	closebtn.click(close);

	handler.fadeIn(400);
}

var saved = {};


var selectedstyle = '{% endraw %}{{ config.default_stylesheet.0|addslashes }}{% raw %}';
var styles = {
	{% endraw %}
	{% for stylesheet in stylesheets %}{% raw %}'{% endraw %}{{ stylesheet.name|addslashes }}{% raw %}' : '{% endraw %}{{ stylesheet.uri|addslashes }}{% raw %}',
	{% endraw %}{% endfor %}{% raw %}
};
var codestyles = {
	{% endraw %}
	{% for stylesheet in code_stylesheets %}{% raw %}'{% endraw %}{{ stylesheet.name|addslashes }}{% raw %}' : '{% endraw %}{{ stylesheet.uri|addslashes }}{% raw %}',
	{% endraw %}{% endfor %}{% raw %}
};

if (typeof board_name === 'undefined') {
	var board_name = false;
}

function changeStyle(styleName, link) {
	{% endraw %}
	{% if config.stylesheets_board %}{% raw %}
		if (board_name) {
			stylesheet_choices[board_name] = styleName;
			localStorage.board_stylesheets = JSON.stringify(stylesheet_choices);
		}
	{% endraw %}{% else %}
		localStorage.stylesheet = styleName;
	{% endif %}
	{% raw %}

	let mainStylesheetElement = document.getElementById('stylesheet');
	let userStylesheetElement = document.getElementById('stylesheet-user');

	// Override main stylesheet with the user selected one.
	if (!userStylesheetElement) {
		userStylesheetElement = document.createElement('link');
		userStylesheetElement.rel = 'stylesheet';
		userStylesheetElement.media = 'none';
		userStylesheetElement.type = 'text/css';
		userStylesheetElement.id = 'stylesheet';
		let x = document.getElementsByTagName('head')[0];
		x.appendChild(userStylesheetElement);
	}

	// When the new one is loaded, disable the old one
	userStylesheetElement.onload = function() {
		this.media = 'all';
		mainStylesheetElement.media = 'none';
	}

	let style = styles[styleName];
	if (style !== '') {
		// Add the version of the resource if the style is not the embedded one.
		style = style + '?v=' + resourceVersion;
	}

	document.getElementById('stylesheet').href = style;
	selectedstyle = styleName;

	if (codestyles[styleName]) {
		// Code stylesheet
		if (!document.getElementById('code_stylesheet')) {
			var s = document.createElement('link');
			s.rel = 'stylesheet';
			s.type = 'text/css';
			s.id = 'code_stylesheet';
			var x = document.getElementsByTagName('head')[0];
			x.appendChild(s);
		}

		document.getElementById('code_stylesheet').href = codestyles[styleName];
	}

	if (document.getElementsByClassName('styles').length != 0) {
		var styleLinks = document.getElementsByClassName('styles')[0].childNodes;
		for (var i = 0; i < styleLinks.length; i++) {
			styleLinks[i].className = '';
		}
	}

	if (link) {
		link.className = 'selected';
	}

	if (typeof $ != 'undefined') {
		$(window).trigger('stylesheet', styleName);
	}
}


{% endraw %}
var resourceVersion = document.currentScript.getAttribute('data-resource-version');

{% if config.stylesheets_board %}
	{% raw %}

	if (!localStorage.board_stylesheets) {
		localStorage.board_stylesheets = '{}';
	}

	var stylesheet_choices = JSON.parse(localStorage.board_stylesheets);
	if (board_name && stylesheet_choices[board_name]) {
		for (var styleName in styles) {
			if (styleName && styleName == stylesheet_choices[board_name]) {
				changeStyle(styleName);
				break;
			}
		}
	}
	{% endraw%}
{% else %}
	{% raw %}
	if (localStorage.stylesheet) {
		for (var styleName in styles) {
			if (styleName && styleName == localStorage.stylesheet) {
				changeStyle(styleName);
				break;
			}
		}
	}
	{% endraw %}
{% endif %}
{% raw %}

function getCookie(cookie_name) {
	let results = document.cookie.match('(^|;) ?' + cookie_name + '=([^;]*)(;|$)');
	if (results) {
		return unescape(results[2]);
	} else {
		return null;
	}
}

{% endraw %}

/* BEGIN CAPTCHA REGION */
{% if config.captcha.mode == 'hcaptcha' or config.captcha.mode == 'turnstile' %} // If any captcha
// Global captcha object. Assigned by `onCaptchaLoad()`.
var captcha_renderer = null;
// Captcha widget id of the post form.
var postCaptchaId = null;

{% if config.captcha.mode == 'hcaptcha' %} // If hcaptcha
function onCaptchaLoadHcaptcha() {
	if ((captchaMode === 'static' || (captchaMode === 'dynamic' && isDynamicCaptchaEnabled()))
		&& captcha_renderer === null
		&& (active_page === 'index' || active_page === 'catalog' || active_page === 'thread')) {
		let renderer = {
			/**
			 * @returns {object} Opaque widget id.
			 */
			applyOn: (container, params) => hcaptcha.render(container, {
				sitekey: "{{ config.captcha.hcaptcha.public }}",
				callback: params['on-success'],
			}),
			/**
			 * @returns {void}
			 */
			remove: (widgetId) => { /* Not supported */ },
			/**
			 * @returns {void}
			 */
			reset: (widgetId) => hcaptcha.reset(widgetId),
			/**
			 * @returns {bool}
			 */
			hasResponse: (widgetId) => !!hcaptcha.getResponse(widgetId),
			/**
			 * @returns {void}
			 */
			execute: (widgetId) => hcaptcha.execute(widgetId)
		};

		onCaptchaLoad(renderer);
	}
}
{% endif %} // End if hcaptcha
{% if config.captcha.mode == 'turnstile' %} // If turnstile

// Wrapper function to be called from thread.html
window.onCaptchaLoadTurnstile_post_reply = function() {
	onCaptchaLoadTurnstile('post-reply');
}

// Wrapper function to be called from index.html and catalog.html
window.onCaptchaLoadTurnstile_post_thread = function() {
	onCaptchaLoadTurnstile('post-thread');
}

// Should be called by the captcha API when it's ready. Ugly I know... D:
function onCaptchaLoadTurnstile(action) {
	if ((captchaMode === 'static' || (captchaMode === 'dynamic' && isDynamicCaptchaEnabled()))
		&& captcha_renderer === null
		&& (active_page === 'index' || active_page === 'catalog' || active_page === 'thread')) {
		let renderer = {
			/**
			 * @returns {object} Opaque widget id.
			 */
			applyOn: function(container, params) {
				let widgetId = turnstile.render('#' + container, {
					sitekey: "{{ config.captcha.turnstile.public }}",
					action: action,
					callback: params['on-success'],
				});
				if (widgetId === undefined) {
					return null;
				}
				return widgetId;
			},
			/**
			 * @returns {void}
			 */
			remove: (widgetId) => turnstile.remove(widgetId),
			/**
			 * @returns {void}
			 */
			reset: (widgetId) => turnstile.reset(widgetId),
			/**
			 * @returns {bool}
			 */
			hasResponse: (widgetId) => !!turnstile.getResponse(widgetId),
			/**
			 * @returns {void}
			 */
			execute: (widgetId) => turnstile.execute(widgetId)
		};

		onCaptchaLoad(renderer);
	}
}
{% endif %} // End if turnstile

function onCaptchaLoad(renderer) {
	// Initialize the form identifier with a random password.
	document.getElementById('captcha-form-id').value = generatePassword();

	captcha_renderer = renderer;

	let widgetId = renderer.applyOn('captcha-container', {
		'on-success': function(token) {
			document.getElementById('captcha-response').value = token;
		}
	});
	if (widgetId === null) {
		console.error('Could not render captcha!');
	}
	postCaptchaId = widgetId;
	document.addEventListener('afterdopost', function(e) {
		// User posted! Reset the captcha.
		renderer.reset(widgetId);
	});
}

{% if config.dynamic_captcha %} // If dynamic captcha
var captchaMode = 'dynamic';

function isDynamicCaptchaEnabled() {
	let cookie = getCookie('captcha-required');
	return cookie === '1';
}

function initCaptcha() {
	if (isDynamicCaptchaEnabled()) {
		let captcha_hook = document.getElementById('captcha');
		if (captcha_hook) {
			captcha_hook.style = "";
		}
	}
}
{% else %}
var captchaMode = 'static';
{% endif %} // End if dynamic captcha
{% else %} // Else if any captcha
var captchaMode = 'none';

function isDynamicCaptchaEnabled() {
	return false;
}
// No-op for `init()`.
function initCaptcha() {}
{% endif %} // End if any captcha

/* END CAPTCHA REGION */

{% raw %}

function highlightReply(id) {
	if (typeof window.event != "undefined" && event.which == 2) {
		// don't highlight on middle click
		return true;
	}

	let divs = document.getElementsByTagName('div');
	for (var i = 0; i < divs.length; i++)
	{
		if (divs[i].className.indexOf('post') != -1) {
			divs[i].className = divs[i].className.replace(/highlighted/, '');
		}
	}
	if (id) {
		let post = document.getElementById('reply_' + id);
		if (post) {
			post.className += ' highlighted';
		}
		window.location.hash = id;
	}
	return true;
}

function generatePassword() {
	let pass = '';
	let chars = '{% endraw %}{{ config.genpassword_chars }}{% raw %}';
	for (let i = 0; i < 8; i++) {
		let rnd = Math.floor(Math.random() * chars.length);
		pass += chars.substring(rnd, rnd + 1);
	}
	return pass;
}

function doPost(form) {
	if (form.elements['name']) {
		localStorage.name = form.elements['name'].value.replace(/( |^)## .+$/, '');
	}
	if (form.elements['password']) {
		localStorage.password = form.elements['password'].value;
	}
	if (form.elements['email'] && form.elements['email'].value != 'sage') {
		localStorage.email = form.elements['email'].value;
	}

	saved[document.location] = form.elements['body'].value;
	sessionStorage.body = JSON.stringify(saved);

	if (captchaMode === 'static' || (captchaMode === 'dynamic' && isDynamicCaptchaEnabled())) {
		if (captcha_renderer && postCaptchaId && !captcha_renderer.hasResponse(postCaptchaId)) {
			captcha_renderer.execute(postCaptchaId);
			return false;
		}
	}

	// Needs to be delayed by at least 1 frame, otherwise it may reset the form (read captcha) fields before they're sent.
	setTimeout(() => document.dispatchEvent(new Event('afterdopost')));
	return form.elements['body'].value != "" || (form.elements['file'] && form.elements['file'].value != "") || (form.elements.file_url && form.elements['file_url'].value != "");
}

function reloadCaptcha() {
	// Reload captcha images (date reduces chance of caching)
	// If no securimage captcha is enabled, no elements will be found
	captchaImgs = document.querySelectorAll('[id=captcha-img]');
	for (let i = 0; i < captchaImgs.length; ++i) {
		captchaImgs[i].src = "/captcha.php?" + Date.now();
	}
	captchas = document.querySelectorAll('[id=captcha]');
	for (let i = 0; i < captchas.length; ++i) {
		captchas[i].value = "";
	}
}

function citeReply(id, with_link) {
	let textarea = document.getElementById('body');
	if (!textarea) {
		return false;
	}

	if (document.selection) {
		// IE
		textarea.focus();
		let sel = document.selection.createRange();
		sel.text = '>>' + id + '\n';
	} else if (textarea.selectionStart || textarea.selectionStart == '0') {
		let start = textarea.selectionStart;
		let end = textarea.selectionEnd;
		textarea.value = textarea.value.substring(0, start) + '>>' + id + '\n' + textarea.value.substring(end, textarea.value.length);

		textarea.selectionStart += ('>>' + id).length + 1;
		textarea.selectionEnd = textarea.selectionStart;
	} else {
		// ???
		textarea.value += '>>' + id + '\n';
	}
	if (typeof $ != 'undefined') {
		let select = document.getSelection().toString();
		if (select) {
			let body = $('#reply_' + id + ', #op_' + id).find('div.body');  // TODO: support for OPs
			// commenting out this condition, not sure of the purpose and gets in the way of citing
//			var index = body.text().indexOf(select.replace('\n', ''));  // for some reason this only works like this
//			if (index > -1) {
				// quote each line in the selection
				select = select.replace(/\n(.)/g, '\n>$1');
				textarea.value += '>' + select + '\n';
//			}
		}

		$(window).trigger('cite', [id, with_link]);
		$(textarea).change();
	}
	return false;
}

function rememberStuff() {
	if (document.forms.post) {
		if (document.forms.post.password) {
			if (!localStorage.password) {
				localStorage.password = generatePassword();
			}
			document.forms.post.password.value = localStorage.password;
		}

		if (localStorage.name && document.forms.post.elements['name']) {
			document.forms.post.elements['name'].value = localStorage.name;
		}
		if (localStorage.email && document.forms.post.elements['email']) {
			document.forms.post.elements['email'].value = localStorage.email;
		}

		if (window.location.hash.indexOf('q') == 1) {
			citeReply(window.location.hash.substring(2), true);
		}

		if (sessionStorage.body) {
			let saved = JSON.parse(sessionStorage.body);
			if (getCookie('{% endraw %}{{ config.cookies.js }}{% raw %}')) {
				// Remove successful posts
				let successful = JSON.parse(getCookie('{% endraw %}{{ config.cookies.js }}{% raw %}'));
				for (let url in successful) {
					saved[url] = null;
				}
				sessionStorage.body = JSON.stringify(saved);

				document.cookie = '{% endraw %}{{ config.cookies.js }}{% raw %}={};expires=0;path=/;';
			}
			if (saved[document.location]) {
				document.forms.post.body.value = saved[document.location];
			}
		}

		if (localStorage.body) {
			document.forms.post.body.value = localStorage.body;
			localStorage.body = '';
		}
	}
}

var script_settings = function(script_name) {
	this.script_name = script_name;
	this.get = function(var_name, default_val) {
		if (typeof tb_settings == 'undefined' ||
			typeof tb_settings[this.script_name] == 'undefined' ||
			typeof tb_settings[this.script_name][var_name] == 'undefined') {
			return default_val;
		}
		return tb_settings[this.script_name][var_name];
	}
};

function init() {
	initCaptcha();

	{% endraw %}
	{% if config.allow_delete %}
	if (document.forms.postcontrols) {
		document.forms.postcontrols.password.value = localStorage.password;
	}
	{% endif %}
	{% raw %}

	if (window.location.hash.indexOf('q') != 1 && window.location.hash.substring(1))
		highlightReply(window.location.hash.substring(1));
}

var RecaptchaOptions = {
	theme : 'clean'
};

onready_callbacks = [];
function onReady(fnc) {
	onready_callbacks.push(fnc);
}

function ready() {
	for (let i = 0; i < onready_callbacks.length; i++) {
		onready_callbacks[i]();
	}
}

{% endraw %}

var post_date = "{{ config.post_date }}";
var max_images = {{ config.max_images }};

onReady(init);

{% if config.google_analytics %}{% raw %}

var _gaq = _gaq || [];_gaq.push(['_setAccount', '{% endraw %}{{ config.google_analytics }}{% raw %}']);{% endraw %}{% if config.google_analytics_domain %}{% raw %}_gaq.push(['_setDomainName', '{% endraw %}{{ config.google_analytics_domain }}{% raw %}']){% endraw %}{% endif %}{% if not config.google_analytics_domain %}{% raw %}_gaq.push(['_setDomainName', 'none']){% endraw %}{% endif %}{% raw %};_gaq.push(['_trackPageview']);(function() {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();{% endraw %}{% endif %}

{% if config.statcounter_project and config.statcounter_security %}
var sc = document.createElement('script');
sc.type = 'text/javascript';
sc.innerHTML = 'var sc_project={{ config.statcounter_project }};var sc_invisible=1;var sc_security="{{ config.statcounter_security }}";var scJsHost=(("https:" == document.location.protocol) ? "https://secure." : "http://www.");document.write("<sc"+"ript type=text/javascript src="+scJsHost+"statcounter.com/counter/counter.js></"+"script>");';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(sc, s);
{% endif %}