harmacist/vichan
1
0
Fork 0
forked from GithubBackups/vichan
Code Pull Requests Activity

style-select.js: adapt and port to pure js

Browse Source
This commit is contained in:
Zankaria 2025-02-06 00:52:22 +01:00 committed by Zankaria
parent ae9ee56940
commit dcc4060986
1 changed files with 29 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
js/style-select.js
View File

@ -7,39 +7,47 @@
* Released under the MIT license
* Copyright (c) 2013 Michael Save <savetheinternet@tinyboard.org>
* Copyright (c) 2013-2014 Marcin Łabanowski <marcin@6irc.net>
* Copyright (c) 2025 Zankaria Auxa <zankaria.auxa@mailu.io>
*
* Usage:
* $config['additional_javascript'][] = 'js/jquery.min.js';
* $config['additional_javascript'][] = 'js/style-select.js';
*
* // $config['additional_javascript'][] = 'js/style-select-simple.js'; // Conflicts with this file.
*/
onReady(function() {
let stylesDiv = $('div.styles');
let stylesSelect = $('<select></select>');
let stylesSelect = document.createElement('select');
stylesSelect.style.setProperty('float', 'none');
let i = 1;
stylesDiv.children().each(function() {
let opt = $('<option></option>')
.html(this.innerHTML.replace(/(^\[|\]$)/g, ''))
.val(i);
if ($(this).hasClass('selected')) {
opt.attr('selected', true);
for (styleName in styles) {
if (styleName) {
let opt = document.createElement('option');
opt.innerText = styleName;
opt.value = i;
if (selectedstyle == styleName) {
opt.setAttribute('selected', true);
}
opt.setAttribute('id', 'style-select-' + i);
stylesSelect.appendChild(opt);
i++;
}
stylesSelect.append(opt);
$(this).attr('id', 'style-select-' + i);
i++;
}
stylesSelect.addEventListener('change', function() {
let sel = document.getElementById(`style-select-${this.value}`);
sel.click();
});
stylesSelect.change(function() {
$('#style-select-' + $(this).val()).click();
stylesSelect.addEventListener('change', function() {
let sel = document.getElementById(`style-select-${this.value}`);
let styleName = sel.innerHTML;
changeStyle(styleName, sel);
});
stylesDiv.hide();
let newElement = document.createElement('div');
newElement.className = 'styles';
newElement.innerHTML = _('Select theme: ');
newElement.appendChild(stylesSelect);
stylesDiv.after(
$('<div id="style-select" style="float:right;margin-bottom:10px"></div>')
.text(_('Style: '))
.append(stylesSelect)
);
document.getElementsByTagName('body')[0].insertBefore(newElement, document.getElementsByTagName('body')[0].lastChild.nextSibling);
});