You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.6 KiB
55 lines
1.6 KiB
/*
|
|
* 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 <[email protected]>
|
|
* Copyright (c) 2013-2014 Marcin Łabanowski <[email protected]>
|
|
*
|
|
* Usage:
|
|
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
|
* $config['additional_javascript'][] = 'js/style-select.js';
|
|
*
|
|
*/
|
|
|
|
$(document).ready(function() {
|
|
var stylesDiv = $('div.styles');
|
|
var pages = $('div.pages');
|
|
var stylesSelect = $('<select></select>').css({float:"none"});
|
|
var options = [];
|
|
|
|
var i = 1;
|
|
stylesDiv.children().each(function() {
|
|
var name = this.innerHTML.replace(/(^\[|\]$)/g, '');
|
|
var 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)
|
|
);
|
|
});
|
|
|