simon/diy-startpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

all container settings have been implemented! menu reorganization next

Browse Source
This commit is contained in:
simon
2025-07-02 17:43:13 -04:00
parent 22d2f704a6
commit 4cfc6f53d2
1 changed files with 24 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
startpage.html
+24 -21
View File
@@ -2250,7 +2250,7 @@
let containerId = alignmentChanged.target.id.split("-")[0]; let containerId = alignmentChanged.target.id.split("-")[0];
let container = containerDataMap.get(containerId); let container = containerDataMap.get(containerId);
if (document.getElementById(containerId + "-settings-left-align").checked) { if (document.getElementById(containerId + "-settings-left-align").checked) {
container.containerSettings.centerAlign = false; container.containerSettings.centerAlign = false;
document.getElementById(containerId).style.textAlign = "left"; document.getElementById(containerId).style.textAlign = "left";
} else if (document.getElementById(containerId + "-settings-center-align").checked) { } else if (document.getElementById(containerId + "-settings-center-align").checked) {
@@ -2267,14 +2267,14 @@
return; return;
} }
// parse input // parse input to extract name of font
fontCode = input; fontCode = input;
fontName = fontCode.slice(fontCode.indexOf("family=") + 7); fontName = fontCode.slice(fontCode.indexOf("family=") + 7);
if (fontName.indexOf("&") != -1) { if (fontName.indexOf("&") != -1) {
fontName = fontName.slice(0, fontName.indexOf("&") + 1); fontName = fontName.slice(0, fontName.indexOf("&") + 1);
} }
fontName = fontName.slice(0, fontName.indexOf(":")).replaceAll("+", " "); fontName = fontName.slice(0, fontName.indexOf(":")).replaceAll("+", " ");
// set new font // set font on container
document.head.insertAdjacentHTML("beforeend", fontCode); document.head.insertAdjacentHTML("beforeend", fontCode);
document.getElementById(containerId).style.fontFamily = fontName; document.getElementById(containerId).style.fontFamily = fontName;
document.getElementById(containerId + "-settings-font-name").innerHTML = fontName; document.getElementById(containerId + "-settings-font-name").innerHTML = fontName;
@@ -2283,35 +2283,38 @@
} }
// SHADOW // SHADOW
function changeContainerShadow() { function changeContainerShadow(valueChanged) {
containerSettings.shadowX = let containerId = valueChanged.target.id.split("-")[0];
document.getElementById("shadowX").value == "" let container = containerDataMap.get(containerId);
container.containerSettings.shadowX =
document.getElementById(containerId + "-settings-shadow-x").value == ""
? 0 ? 0
: document.getElementById("shadowX").value; : document.getElementById(containerId + "-settings-shadow-x").value;
containerSettings.shadowY = container.containerSettings.shadowY =
document.getElementById("shadowY").value == "" document.getElementById(containerId + "-settings-shadow-y").value == ""
? 0 ? 0
: document.getElementById("shadowY").value; : document.getElementById(containerId + "-settings-shadow-y").value;
containerSettings.shadowBlur = container.containerSettings.shadowBlur =
document.getElementById("shadowBlur").value == "" document.getElementById(containerId + "-settings-shadow-blur").value == ""
? 0 ? 0
: document.getElementById("shadowBlur").value; : document.getElementById(containerId + "-settings-shadow-blur").value;
containerSettings.shadowRgba = hexToRgba( container.containerSettings.shadowRgba = hexToRgba(
document.getElementById("shadowColorPicker").value, document.getElementById(containerId + "-settings-shadow-color").value,
document.getElementById("shadowAlpha").value document.getElementById(containerId + "-settings-shadow-alpha").value
); );
let shadow = let shadow =
containerSettings.shadowX + container.containerSettings.shadowX +
"px " + "px " +
containerSettings.shadowY + container.containerSettings.shadowY +
"px " + "px " +
containerSettings.shadowBlur + container.containerSettings.shadowBlur +
"px " + "px " +
containerSettings.shadowRgba; container.containerSettings.shadowRgba;
// set shadow // set shadow
document.getElementById("mainContainer").style.boxShadow = shadow; document.getElementById(containerId).style.boxShadow = shadow;
} }
/************************************ /************************************