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

Merge pull request #910 from Zankaria/simple-style-select

Browse Source 
Simple style select
This commit is contained in:
Lorenzo Yario 2025-02-22 14:49:33 -06:00 committed by GitHub
commit 568c177982
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 64 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
js/style-select-simple.js Normal file
View File

@ -0,0 +1,35 @@
/*
* style-select-simple.js
*
* Changes the stylesheet chooser links to a <select>
*
* Released under the MIT license
* Copyright (c) 2025 Zankaria Auxa <zankaria.auxa@mailu.io>
*
* Usage:
* $config['additional_javascript'][] = 'js/style-select-simple.js';
* // $config['additional_javascript'][] = 'js/style-select.js'; // Conflicts with this file.
*/
onReady(function() {
let newElement = document.createElement('div');
newElement.className = 'styles';
// styles is defined in main.js.
for (styleName in styles) {
if (styleName) {
let style = document.createElement('a');
style.innerHTML = `[${styleName}]`;
style.onclick = function() {
changeStyle(this.innerHTML.substring(1, this.innerHTML.length - 1), this);
};
if (styleName == selectedstyle) {
style.className = 'selected';
}
style.href = 'javascript:void(0);';
newElement.appendChild(style);
}
}
document.getElementsByTagName('body')[0].insertBefore(newElement, document.getElementsByTagName('body')[0].lastChild.nextSibling);
});

50
js/style-select.js
View File

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

22
templates/main.js
View File

@ -220,26 +220,6 @@ var resourceVersion = document.currentScript.getAttribute('data-resource-version
{% endif %} {% endif %}
{% verbatim %} {% verbatim %}
function initStyleChooser() {
let newElement = document.createElement('div');
newElement.className = 'styles';
for (styleName in styles) {
let style = document.createElement('a');
style.innerHTML = '[' + styleName + ']';
style.onclick = function() {
changeStyle(this.innerHTML.substring(1, this.innerHTML.length - 1), this);
};
if (styleName == selectedstyle) {
style.className = 'selected';
}
style.href = 'javascript:void(0);';
newElement.appendChild(style);
}
document.getElementsByTagName('body')[0].insertBefore(newElement, document.getElementsByTagName('body')[0].lastChild.nextSibling);
}
function getCookie(cookie_name) { function getCookie(cookie_name) {
let results = document.cookie.match('(^|;) ?' + cookie_name + '=([^;]*)(;|$)'); let results = document.cookie.match('(^|;) ?' + cookie_name + '=([^;]*)(;|$)');
if (results) { if (results) {
@ -418,8 +398,6 @@ var script_settings = function(script_name) {
}; };
function init() { function init() {
initStyleChooser();
{% endverbatim %} {% endverbatim %}
{% if config.allow_delete %} {% if config.allow_delete %}
if (document.forms.postcontrols) { if (document.forms.postcontrols) {