diff --git a/startpage.html b/startpage.html
index bb58880..f50da88 100644
--- a/startpage.html
+++ b/startpage.html
@@ -650,7 +650,6 @@
}
else {
numberTotalContainers++;
- console.log("plus one numberTotalContainers (image)");
if (name == "") this.name = "image " + numberOfImageContainers;
else this.name = name;
@@ -1881,30 +1880,6 @@
});
}
-
- /** inserts saved images in their saved order (postioning done upon return)
- function initializeSavedImages() {
- let numImages = 1;
- // render each image in the map!
- imageMap.forEach((value, test, map) => {
- let data = containerDataMap.get(value.id);
- document.body.insertAdjacentHTML(
- "beforeend",
- `
-
- `
- );
- numImages++;
- });
- }*/
-
/************************
* LOCAL STATE MANAGERS *
************************/
@@ -2006,35 +1981,6 @@
keepImageRatio = !document.getElementById("imageRatioToggle").checked;
}
- function toggleImageRemoval() {
- removing = document.getElementById("imageRemovalToggle").checked;
- let images = document.getElementsByClassName("userImage");
- if (removing) {
- for (let i = 0; i < images.length; i++) {
- images[i].addEventListener(
- "mousedown",
- mouseDownRemovableElement,
- false
- );
-
- document
- .getElementById("imageRemovalWarning")
- .classList.remove("hidden");
- }
- } else {
- for (let i = 0; i < images.length; i++) {
- images[i].removeEventListener(
- "mousedown",
- mouseDownRemovableElement,
- false
- );
- document
- .getElementById("imageRemovalWarning")
- .classList.add("hidden");
- }
- }
- }
-
/** handles the revealing/concealing of elements part of toggling edit mode */
function toggleEditingElements(show) {
const editButton = document.getElementById("editToggle");
@@ -2567,6 +2513,7 @@
}
document.getElementById("linkCursorInput").value = "";
}
+
/**********************
* BOOK MARK HANDLERS *
**********************/
@@ -2711,103 +2658,7 @@
container.loadBookmarks();
container.loadBookmarkListings();
}
-
- /******************
- * IMAGE HANDLERS *
- ******************/
-
- function addFloatingImage() {
- // get image url from form
- const form = document.getElementById("imageAndWallpaperForm");
- const formData = new FormData(form);
- let url = formData.get("url");
-
- if (url == "") {
- return;
- }
-
- // save image info to local arrays (saved for real upon stopping edit)
- let keys = imageMap.keys();
- let numImages = 1;
- for (const key of keys) {
- if (key.slice(-1) > numImages) {
- numImages = parseInt(key.slice(-1));
- }
- }
- numImages++;
- imageMap.set("img-" + numImages, { id: "img-" + numImages, url: url });
-
- // render image on page
- let body = document.body;
- body.insertAdjacentHTML(
- "beforeend",
- `
-
- `
- );
-
- changingElement = document.getElementById("img-" + numImages);
-
- // make image movable + resizable
- changingElement.addEventListener(
- "mousedown",
- mouseDownMovableElement,
- true
- );
- // prevent right click from opening context menu when resizing
- changingElement.addEventListener("contextmenu", (e) => {
- e.preventDefault();
- });
-
- // save image size data (don"t use parentheses when calling storeElementData so it's callback)
- changingElement.onload = storeElementData;
-
- form.reset();
- }
-
- function bringImageToTop(imageTouched) {
- // when an image gets clicked or dragged, bring it to top!
-
- if (editing) {
- // copy map values to temp list
- let tempValuesList = [];
- let orderHelper = [];
- imageMap.forEach((value, key) => {
- tempValuesList.push(value);
- orderHelper.push(value.id);
- });
-
- // put clicked image at end of temp array
- let imageIndex = orderHelper.indexOf(imageTouched.id);
- tempValuesList.splice(imageIndex, 1);
- tempValuesList.push(imageMap.get(imageTouched.id));
-
- // set new z-indexes and repopulate map based on temp array
- imageMap = new Map();
- for (let i = 0; i < tempValuesList.length; i++) {
- let element = document.getElementById(tempValuesList[i].id);
- element.style.zIndex = i.toString();
- imageMap.set(tempValuesList[i].id, tempValuesList[i]);
- }
- }
- }
-
- function mouseDownRemovableElement(mouseDown) {
- if (!removing) {
- return;
- }
- let imageToRemove = mouseDown.currentTarget.id;
- containerDataMap.delete(imageToRemove);
- imageMap.delete(imageToRemove);
- document.getElementById(imageToRemove).remove();
- }
-
+
/************************************
* CONTAINER CUSTOMIZATION HANDLERS *
************************************/