Edit File by line

<!DOCTYPE html>

[0] Fix | Delete

<html>

[1] Fix | Delete

[2] Fix | Delete

<head>

[3] Fix | Delete

<title>Debugging</title>

[4] Fix | Delete

[5] Fix | Delete

</head>

[6] Fix | Delete

[7] Fix | Delete

<body>

[8] Fix | Delete

[9] Fix | Delete

body {

[10] Fix | Delete

margin: 0;

[11] Fix | Delete

padding: 0;

[12] Fix | Delete

}

[13] Fix | Delete

[14] Fix | Delete

.viewer-container {

[15] Fix | Delete

height: 100vh;

[16] Fix | Delete

width: 100%;

[17] Fix | Delete

}

[18] Fix | Delete

[19] Fix | Delete

.fullscreen {

[20] Fix | Delete

background-color: #333;

[21] Fix | Delete

}

[22] Fix | Delete

</style>

[23] Fix | Delete

[24] Fix | Delete

[25] Fix | Delete

[26] Fix | Delete

[27] Fix | Delete

[28] Fix | Delete

[29] Fix | Delete

[30] Fix | Delete

[31] Fix | Delete

[32] Fix | Delete

[33] Fix | Delete

var template = {

[34] Fix | Delete

html: "templates/book-view.html",

[35] Fix | Delete

links: [],

[36] Fix | Delete

styles: ["css/ep-black-book-view.css"],

[37] Fix | Delete

script: "js/default-book-view.js",

[38] Fix | Delete

sounds: {

[39] Fix | Delete

startFlip: "sounds/start-flip.mp3",

[40] Fix | Delete

endFlip: "sounds/end-flip.mp3",

[41] Fix | Delete

[42] Fix | Delete

};

[43] Fix | Delete

</script>

[44] Fix | Delete

[45] Fix | Delete

[46] Fix | Delete

// Ensure the script runs after the page has fully loaded

[47] Fix | Delete

[48] Fix | Delete

// Function to extract the file URL from the query parameters

[49] Fix | Delete

function extractFileParamData(src, $param) {

[50] Fix | Delete

// Parse the URL

[51] Fix | Delete

var url = new URL(src);

[52] Fix | Delete

// Extract the 'file' parameter from the query string

[53] Fix | Delete

var fileUrl = url.searchParams.get($param);

[54] Fix | Delete

return fileUrl;

[55] Fix | Delete

}

[56] Fix | Delete

[57] Fix | Delete

var parentIframeSrc;

[58] Fix | Delete

[59] Fix | Delete

var params = {};

[60] Fix | Delete

[61] Fix | Delete

window.onload = function () {

[62] Fix | Delete

// Access the parent window

[63] Fix | Delete

var parentWindow = window.parent;

[64] Fix | Delete

[65] Fix | Delete

// Get the iframes within the parent window

[66] Fix | Delete

var iframes = parentWindow.document.getElementsByTagName("iframe");

[67] Fix | Delete

[68] Fix | Delete

for (var i = 0; i < iframes.length; i++) {

[69] Fix | Delete

if (iframes[i].contentWindow === window) {

[70] Fix | Delete

// Get the src attribute of the iframe

[71] Fix | Delete

parentIframeSrc = iframes[i].src;

[72] Fix | Delete

[73] Fix | Delete

// Book 1 {

[74] Fix | Delete

jQuery("#viewer-container").FlipBook({

[75] Fix | Delete

pdf: extractFileParamData(parentIframeSrc, "file"),

[76] Fix | Delete

template: template,

[77] Fix | Delete

});

[78] Fix | Delete

[79] Fix | Delete

// The encoded string you want to decode

[80] Fix | Delete

const encodedString = extractFileParamData(parentIframeSrc, "key");

[81] Fix | Delete

[82] Fix | Delete

// Step 1: Base64 Decode

[83] Fix | Delete

const decodedString = atob(encodedString);

[84] Fix | Delete

[85] Fix | Delete

// Step 1: Create URLSearchParams object

[86] Fix | Delete

const urlParams = new URLSearchParams(decodedString);

[87] Fix | Delete

[88] Fix | Delete

// Step 2: Convert URLSearchParams to Object

[89] Fix | Delete

const paramsObject = {};

[90] Fix | Delete

for (const [key, value] of urlParams.entries()) {

[91] Fix | Delete

params[key] =

[92] Fix | Delete

value == "yes" || value == "true"

[93] Fix | Delete

? true

[94] Fix | Delete

: value == "no"

[95] Fix | Delete

? false

[96] Fix | Delete

: value;

[97] Fix | Delete

}

[98] Fix | Delete

[99] Fix | Delete

[100] Fix | Delete

const newSettings = decodedString;

[101] Fix | Delete

[102] Fix | Delete

let oldData = localStorage.getItem("flipbook_settings");

[103] Fix | Delete

let settingsArray;

[104] Fix | Delete

[105] Fix | Delete

try {

[106] Fix | Delete

settingsArray = oldData ? JSON.parse(oldData) : [];

[107] Fix | Delete

if (!Array.isArray(settingsArray)) {

[108] Fix | Delete

settingsArray = [];

[109] Fix | Delete

}

[110] Fix | Delete

} catch (e) {

[111] Fix | Delete

settingsArray = [];

[112] Fix | Delete

}

[113] Fix | Delete

[114] Fix | Delete

settingsArray.push(newSettings);

[115] Fix | Delete

[116] Fix | Delete

let newData = JSON.stringify(settingsArray);

[117] Fix | Delete

localStorage.setItem("flipbook_settings", newData);

[118] Fix | Delete

[119] Fix | Delete

let updatedData = localStorage.getItem("flipbook_settings");

[120] Fix | Delete

[121] Fix | Delete

[122] Fix | Delete

break; // Exit the loop once the matching iframe is found and processed

[123] Fix | Delete

}

[124] Fix | Delete

}

[125] Fix | Delete

};

[126] Fix | Delete

</script>

[127] Fix | Delete

</body>

[128] Fix | Delete

[129] Fix | Delete

</html>

[130] Fix | Delete