Widget:FryasFontPicker - Revision history

Pax at 16:01, 7 June 2023

2023-06-07T16:01:11Z

← Older revision		Revision as of 18:01, 7 June 2023
Line 13:		Line 13:
	var fryas = document.querySelectorAll(".fryas");		var fryas = document.querySelectorAll(".fryas");
	switch (option) {		switch (option) {
	case "~~latin~~":		case "standskrift":
	fryas.forEach((element) => {		fryas.forEach((element) => {
	~~element.classList.remove("standskrift");~~
	element.classList.remove("wagumskrift");		element.classList.remove("wagumskrift");
			element.classList.remove("latin");
	});		});
	break;		break;
	case "~~standskrift~~":		case "wagumskrift":
	fryas.forEach((element) => {		fryas.forEach((element) => {
	element.classList.add("~~standskrift~~");		element.classList.add("wagumskrift");
	element.classList.remove("~~wagumskrift~~");		element.classList.remove("latin");
	});		});
	break;		break;
	case "~~wagumskrift~~":		case "latin":
	fryas.forEach((element) => {		fryas.forEach((element) => {
	element.classList.remove("~~standskrift~~");		element.classList.remove("wagumskrift");
	element.classList.add("~~wagumskrift~~");		element.classList.add("latin");
	});		});
	break;		break;

Pax at 12:19, 7 June 2023

2023-06-07T12:19:52Z

← Older revision		Revision as of 14:19, 7 June 2023
Line 1:		Line 1:
	<div id="fryas_font_picker">		<div id="fryas_font_picker">
	<div class="label">~~Choose a Fryas~~ font:</div>		<div class="label">Change font:</div>
	<select class="picker">		<select class="picker">
	~~<option value="latin">Latin</option>~~
	<option value="standskrift">Standskrift</option>		<option value="standskrift">Standskrift</option>
	<option value="wagumskrift">Wagumskrift</option>		<option value="wagumskrift">Wagumskrift</option>
			<option value="latin">Latin</option>
	</select>		</select>
	</div>		</div>

Pax at 10:16, 2 June 2023

2023-06-02T10:16:37Z

← Older revision		Revision as of 12:16, 2 June 2023
Line 11:		Line 11:
	var lang_picker = document.querySelector("#fryas_font_picker > .picker");		var lang_picker = document.querySelector("#fryas_font_picker > .picker");
	function pick_font(option) {		function pick_font(option) {
	var ~~fryas_text~~ = document.~~getElementById~~("~~fryas_text~~");		var fryas = document.querySelectorAll(".fryas");
	switch (option) {		switch (option) {
	case "latin":		case "latin":
	~~fryas_text~~.classList.remove("standskrift");		fryas.forEach((element) => {
	~~fryas_text~~.classList.remove("wagumskrift");		element.classList.remove("standskrift");
			element.classList.remove("wagumskrift");
			});
	break;		break;
	case "standskrift":		case "standskrift":
	~~fryas_text~~.classList.add("standskrift");		fryas.forEach((element) => {
	~~fryas_text~~.classList.remove("wagumskrift");		element.classList.add("standskrift");
			element.classList.remove("wagumskrift");
			});
	break;		break;
	case "wagumskrift":		case "wagumskrift":
	~~fryas_text~~.classList.remove("standskrift");		fryas.forEach((element) => {
	~~fryas_text~~.classList.add("wagumskrift");		element.classList.remove("standskrift");
			element.classList.add("wagumskrift");
			});
	break;		break;
	}		}

Pax at 09:02, 2 June 2023

2023-06-02T09:02:28Z

← Older revision		Revision as of 11:02, 2 June 2023
Line 8:		Line 8:
	</div>		</div>
	<script>		<script>
	var lang_picker = document.querySelector("#fryas_font_picker > .picker");		window.addEventListener("DOMContentLoaded", (win_ev) => {
	function pick_font(option) {		var lang_picker = document.querySelector("#fryas_font_picker > .picker");
	var fryas_text = document.getElementById("fryas_text");		function pick_font(option) {
	switch (option) {		var fryas_text = document.getElementById("fryas_text");
	case "latin":		switch (option) {
	fryas_text.classList.remove("standskrift");		case "latin":
	fryas_text.classList.remove("wagumskrift");		fryas_text.classList.remove("standskrift");
	break;		fryas_text.classList.remove("wagumskrift");
	case "standskrift":		break;
	fryas_text.classList.add("standskrift");		case "standskrift":
	fryas_text.classList.remove("wagumskrift");		fryas_text.classList.add("standskrift");
	break;		fryas_text.classList.remove("wagumskrift");
	case "wagumskrift":		break;
	fryas_text.classList.remove("standskrift");		case "wagumskrift":
	fryas_text.classList.add("wagumskrift");		fryas_text.classList.remove("standskrift");
	break;		fryas_text.classList.add("wagumskrift");
			break;
			}
			}
			lang_picker.addEventListener("change", (ch_ev) => {
			pick_font(lang_picker.value);
			localStorage.setItem("preferred_fryas_font", lang_picker.value);
			});
			var pref_font = localStorage.getItem("preferred_fryas_font");
			if (pref_font != null) {
			lang_picker.value = pref_font;
			pick_font(pref_font);
	}		}
	}
	~~lang_picker.addEventListener("change", (event) => {~~
	~~pick_font(lang_picker.value);~~
	~~localStorage.setItem("preferred_fryas_font", lang_picker.value);~~
	});		});
	~~var pref_font = localStorage.getItem("preferred_fryas_font");~~
	~~if (pref_font != null) {~~
	~~lang_picker.value = pref_font;~~
	~~pick_font(pref_font);~~
	}
	</script>		</script>

Pax at 08:56, 2 June 2023

2023-06-02T08:56:59Z

← Older revision		Revision as of 10:56, 2 June 2023
Line 10:		Line 10:
	var lang_picker = document.querySelector("#fryas_font_picker > .picker");		var lang_picker = document.querySelector("#fryas_font_picker > .picker");
	function pick_font(option) {		function pick_font(option) {
			var fryas_text = document.getElementById("fryas_text");
	switch (option) {		switch (option) {
	case "latin":		case "latin":
	~~lang_picker~~.classList.remove("standskrift");		fryas_text.classList.remove("standskrift");
	~~lang_picker~~.classList.remove("wagumskrift");		fryas_text.classList.remove("wagumskrift");
	break;		break;
	case "standskrift":		case "standskrift":
	~~lang_picker~~.classList.add("standskrift");		fryas_text.classList.add("standskrift");
	~~lang_picker~~.classList.remove("wagumskrift");		fryas_text.classList.remove("wagumskrift");
	break;		break;
	case "wagumskrift":		case "wagumskrift":
	~~lang_picker~~.classList.remove("standskrift");		fryas_text.classList.remove("standskrift");
	~~lang_picker~~.classList.add("wagumskrift");		fryas_text.classList.add("wagumskrift");
	break;		break;
	}		}

Pax at 08:55, 2 June 2023

2023-06-02T08:55:55Z

← Older revision		Revision as of 10:55, 2 June 2023
Line 1:		Line 1:
	<~~select~~ id="fryas_font_picker">		<div id="fryas_font_picker">
			<div class="label">Choose a Fryas font:</div>
			<select class="picker">
	<option value="latin">Latin</option>		<option value="latin">Latin</option>
	<option value="standskrift">Standskrift</option>		<option value="standskrift">Standskrift</option>
	<option value="wagumskrift">Wagumskrift</option>		<option value="wagumskrift">Wagumskrift</option>
	</select>		</select>
			</div>
	<script>		<script>
	var lang_picker = document.querySelector("#fryas_font_picker > .picker");		var lang_picker = document.querySelector("#fryas_font_picker > .picker");

Pax at 08:54, 2 June 2023

2023-06-02T08:54:54Z

← Older revision		Revision as of 10:54, 2 June 2023
Line 1:		Line 1:
	<~~div~~ id="fryas_font_picker">		<select id="fryas_font_picker">
	~~<div class="label">Choose a Fryas font:</div>~~
	~~<select class="picker~~">
	<option value="latin">Latin</option>		<option value="latin">Latin</option>
	<option value="standskrift">Standskrift</option>		<option value="standskrift">Standskrift</option>
	<option value="wagumskrift">Wagumskrift</option>		<option value="wagumskrift">Wagumskrift</option>
	</select>		</select>
	~~</div>~~
	<script>		<script>
	var lang_picker = document.querySelector("#fryas_font_picker > .picker");		var lang_picker = document.querySelector("#fryas_font_picker > .picker");
	~~lang_picker.addEventListener~~(~~"change", (event~~) => {		function pick_font(option) {
	~~var fryas_text = document.getElementById("fryas_text");~~		switch (option) {
	switch (~~event.target.value~~) {
	case "latin":		case "latin":
	~~fryas_text~~.classList.remove("standskrift");		lang_picker.classList.remove("standskrift");
	~~fryas_text~~.classList.remove("wagumskrift");		lang_picker.classList.remove("wagumskrift");
	break;		break;
	case "standskrift":		case "standskrift":
	~~fryas_text~~.classList.add("standskrift");		lang_picker.classList.add("standskrift");
	~~fryas_text~~.classList.remove("wagumskrift");		lang_picker.classList.remove("wagumskrift");
	break;		break;
	case "wagumskrift":		case "wagumskrift":
	~~fryas_text~~.classList.remove("standskrift");		lang_picker.classList.remove("standskrift");
	~~fryas_text~~.classList.add("wagumskrift");		lang_picker.classList.add("wagumskrift");
	break;		break;
	}		}
			}
			lang_picker.addEventListener("change", (event) => {
			pick_font(lang_picker.value);
	localStorage.setItem("preferred_fryas_font", lang_picker.value);		localStorage.setItem("preferred_fryas_font", lang_picker.value);
	});		});
Line 30:		Line 29:
	if (pref_font != null) {		if (pref_font != null) {
	lang_picker.value = pref_font;		lang_picker.value = pref_font;
			pick_font(pref_font);
	}		}
	</script>		</script>

Pax at 08:49, 2 June 2023

2023-06-02T08:49:02Z

← Older revision		Revision as of 10:49, 2 June 2023
Line 9:		Line 9:
	<script>		<script>
	var lang_picker = document.querySelector("#fryas_font_picker > .picker");		var lang_picker = document.querySelector("#fryas_font_picker > .picker");
	lang_picker.addEventListener("~~select~~", (event) => {		lang_picker.addEventListener("change", (event) => {
	var fryas_text = document.getElementById("fryas_text");		var fryas_text = document.getElementById("fryas_text");
	switch (event.target.value) {		switch (event.target.value) {

Pax at 08:48, 2 June 2023

2023-06-02T08:48:04Z

← Older revision		Revision as of 10:48, 2 June 2023
Line 11:		Line 11:
	lang_picker.addEventListener("select", (event) => {		lang_picker.addEventListener("select", (event) => {
	var fryas_text = document.getElementById("fryas_text");		var fryas_text = document.getElementById("fryas_text");
	switch (~~lang_picker~~.value) {		switch (event.target.value) {
	case "latin":		case "latin":
	fryas_text.classList.remove("standskrift");		fryas_text.classList.remove("standskrift");
Line 27:		Line 27:
	localStorage.setItem("preferred_fryas_font", lang_picker.value);		localStorage.setItem("preferred_fryas_font", lang_picker.value);
	});		});
	var pref_font = localStorage.getItem("preferred_fryas_font")		var pref_font = localStorage.getItem("preferred_fryas_font");
	if (pref_font != null) {		if (pref_font != null) {
	lang_picker.value = pref_font;		lang_picker.value = pref_font;
	}		}
	</script>		</script>

Pax at 08:43, 2 June 2023

2023-06-02T08:43:15Z

← Older revision		Revision as of 10:43, 2 June 2023
Line 9:		Line 9:
	<script>		<script>
	var lang_picker = document.querySelector("#fryas_font_picker > .picker");		var lang_picker = document.querySelector("#fryas_font_picker > .picker");
	lang_picker.addEventListener((event) => {		lang_picker.addEventListener("select", (event) => {
	var fryas_text = document.getElementById("fryas_text");		var fryas_text = document.getElementById("fryas_text");
	switch (lang_picker.value) {		switch (lang_picker.value) {