Now w/ clientside switch

This commit is contained in:
Nicolai Ort 2021-09-25 18:50:00 +02:00
parent 7cd4771fbc
commit 00da368436
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
2 changed files with 16 additions and 1 deletions

View File

@ -91,6 +91,15 @@
</div>
</div>
</div>
<div id="clientside_container">
<div class="mt-1 flex rounded-md shadow-sm">
<label for="toggle" class="text-base text-gray-700 pr-2">Clientside Redirect:</label>
<div class="relative inline-block w-10 mr-2 align-middle select-none transition duration-200 ease-in">
<input type="checkbox" name="toggle" id="clientside_toggle" class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer"/>
<label for="toggle" class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-300 cursor-pointer"></label>
</div>
</div>
</div>
<div class="hidden" name="shorturl_container" id="shorturl_container">
<div class="inline-flex w-full" id="shorturl_copy" data-clipboard-target="#shorturl">
<p name="shorturl" id="shorturl" class:bg-green-200={copied}

View File

@ -26,7 +26,8 @@ function createUrl() {
let shorturl = {
target: document.getElementById("target").value,
shortcode: document.getElementById("shortcode").value,
no_preview: document.getElementById("bot_toggle").value
no_preview: document.getElementById("bot_toggle").value,
clientside: document.getElementById("clientside_toggle").value
};
if (shorturl.shortcode == "" | !shorturl.shortcode) {
@ -51,6 +52,7 @@ function createUrl() {
document.getElementById("target_container").className = "hidden";
document.getElementById("shortcode_container").className = "hidden";
document.getElementById("bot_container").classList.add("hidden");
document.getElementById("clientside_container").classList.add("hidden");
document.getElementById("create").classList.add("hidden");
document.getElementById("reset").classList.remove("hidden");
});
@ -96,6 +98,10 @@ function reset() {
document.getElementById("target").value = tabs[0].url;
document.getElementById("target_container").className = "";
document.getElementById("shortcode_container").className = "";
document.getElementById("bot_container").classList.remove("hidden");
document.getElementById("bot_container").value=false;
document.getElementById("clientside_container").classList.remove("hidden");
document.getElementById("clientside_container").value=false;
document.getElementById("create").classList.remove("hidden");
});
}