forked from leftypol/leftypol
59 lines
1.6 KiB
JavaScript
59 lines
1.6 KiB
JavaScript
/*
|
|
* style-select.js
|
|
* https://github.com/savetheinternet/Tinyboard/blob/master/js/style-select.js
|
|
*
|
|
* Changes the stylesheet chooser links to a <select>
|
|
*
|
|
* Released under the MIT license
|
|
* Copyright (c) 2013 Michael Save <savetheinternet@tinyboard.org>
|
|
* Copyright (c) 2013-2014 Marcin Łabanowski <marcin@6irc.net>
|
|
*
|
|
* Usage:
|
|
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
|
* $config['additional_javascript'][] = 'js/style-select.js';
|
|
*/
|
|
|
|
$(document).ready(function() {
|
|
let stylesDiv = $('div.styles');
|
|
let pages = $('div.pages');
|
|
let stylesSelect = $('<select></select>').css({float:"none"});
|
|
let options = [];
|
|
|
|
let i = 1;
|
|
stylesDiv.children().each(function() {
|
|
let name = this.innerHTML.replace(/(^\[|\]$)/g, '');
|
|
let opt = $('<option></option>')
|
|
.html(name)
|
|
.val(i);
|
|
if ($(this).hasClass('selected')) {
|
|
opt.attr('selected', true);
|
|
}
|
|
options.push([name.toUpperCase (), opt]);
|
|
$(this).attr('id', 'style-select-' + i);
|
|
i++;
|
|
});
|
|
|
|
options.sort((a, b) => {
|
|
const keya = a [0];
|
|
const keyb = b [0];
|
|
if (keya < keyb) {
|
|
return -1;
|
|
}
|
|
if (keya > keyb) {
|
|
return 1;
|
|
}
|
|
return 0;
|
|
}).forEach(([key, opt]) => {
|
|
stylesSelect.append(opt);
|
|
});
|
|
|
|
stylesSelect.change(function() {
|
|
$('#style-select-' + $(this).val()).click();
|
|
});
|
|
|
|
stylesDiv.hide();
|
|
pages.after(
|
|
$('<div id="style-select"></div>')
|
|
.append(_('Select theme: '), stylesSelect)
|
|
);
|
|
});
|