STRLCPY/link-lock

■ ■ ■ ■ ■ ■

create/create.js

		skipped 95 lines
96	96		* Main UI Functions
97	97		******************************************************************************/
98	98
99		-	// Activated when the "Advanced" dropdown is pressed
100		-	function onAdvanced() {
101		-	let label = document.querySelector("#advanced-label");
102		-	let advanced = document.querySelector(".advanced");
103		-	if (advanced.style.display == "none" \|\| advanced.style.display == "") {
104		-	// Note: innerHTML used instead of innerText so that the entity could be
105		-	// used rather than having to literally put the unicode in. Same below.
106		-	label.innerHTML = "▾ advanced";
107		-	advanced.style.display = "flex";
108		-	} else {
109		-	label.innerHTML = "▸ advanced";
110		-	advanced.style.display = "none";
111		-	}
112		-	}
113		-
114		-
115	99		// Activated when the "Encrypt" button is pressed
116	100		async function onEncrypt() {
117	101		if (!validateInputs()) {
		skipped 66 lines

■ ■ ■ ■ ■ ■

create/index.html

		skipped 103 lines
104	104		</div>
105	105
106	106		<!-- Advanced options (JavaScript-activated dropdown) -->
107		-	<label onclick="onAdvanced()" id="advanced-label" for="advanced">▸ advanced</label>
108		-	<div class="advanced" id="advanced">
109		-	<div class="labeled-input">
110		-	<label for="iv">random initialization vector</label>
111		-	<input type="checkbox" id="iv" onclick="onIvCheck(this)" checked />
112		-	</div>
113		-	<div class="labeled-input">
114		-	<label for="salt">random salt</label>
115		-	<input type="checkbox" id="salt" />
	107	+	<details>
	108	+	<summary id="advanced-label">advanced</summary>
	109	+	<div class="advanced" id="advanced">
	110	+	<div class="labeled-input">
	111	+	<label for="iv">random initialization vector</label>
	112	+	<input type="checkbox" id="iv" onclick="onIvCheck(this)" checked />
	113	+	</div>
	114	+	<div class="labeled-input">
	115	+	<label for="salt">random salt</label>
	116	+	<input type="checkbox" id="salt" />
	117	+	</div>
116	118		</div>
117		-	</div>
	119	+	</details>
118	120		<button id="encrypt" onclick="onEncrypt()">Encrypt</button>
119	121		</div>
120	122
		skipped 26 lines

■ ■ ■ ■ ■ ■

style.css