JS injects dynamic CSS based on config

This commit is contained in:
2026-04-16 15:10:35 +02:00
parent 732c553245
commit c8332d0947
2 changed files with 20 additions and 30 deletions

View File

@@ -1,16 +1 @@
/* Hide all profile fields by default */
.personal-settings-setting-box:has(#account-property-pronouns) { display: none !important; }
.personal-settings-setting-box:has(#account-property-role) { display: none !important; }
.personal-settings-setting-box:has(#account-property-headline) { display: none !important; }
.personal-settings-setting-box:has(#account-property-biography) { display: none !important; }
.personal-settings-setting-box:has(#account-property-organisation) { display: none !important; }
.personal-settings-setting-box:has(#account-property-phone) { display: none !important; }
.personal-settings-setting-box:has(#account-property-address) { display: none !important; }
.personal-settings-setting-box:has(#account-property-birthdate) { display: none !important; }
.personal-settings-setting-box:has(#account-property-website) { display: none !important; }
.personal-settings-setting-box:has(#account-property-twitter) { display: none !important; }
.personal-settings-setting-box:has(#account-property-fediverse) { display: none !important; }
.personal-settings-setting-box:has(#account-property-location) { display: none !important; }
/* Show fields in this list */
.show-field { display: block !important; }
/* Base styles - can add custom styles here */

View File

@@ -1,5 +1,5 @@
/**
* Minimal Profile - Show fields based on config
* Minimal Profile - Hide specific fields based on config
*/
(function() {
'use strict';
@@ -19,20 +19,25 @@
'location': '#account-property-location'
};
function showFields(hiddenFields) {
var allFields = Object.keys(fieldSelectors);
allFields.forEach(function(field) {
if (!hiddenFields.includes(field)) {
function hideFields(hiddenFields) {
if (!hiddenFields || hiddenFields.length === 0) {
return;
}
var css = '';
hiddenFields.forEach(function(field) {
var selector = fieldSelectors[field];
var el = document.querySelector(selector);
if (el) {
var box = el.closest('.personal-settings-setting-box');
if (box) {
box.style.display = '';
}
}
if (selector) {
css += '.personal-settings-setting-box:has(' + selector + ') { display: none !important; } ';
}
});
if (css) {
var style = document.createElement('style');
style.id = 'minimalprofile-dynamic';
style.textContent = css;
document.head.appendChild(style);
}
}
function init() {
@@ -41,7 +46,7 @@
if (req.status === 200) {
try {
var data = JSON.parse(req.responseText);
showFields(data.hiddenFields || []);
hideFields(data.hiddenFields || []);
} catch (e) {}
}
};