Now w/ clientside switch
This commit is contained in:
parent
7cd4771fbc
commit
00da368436
|
@ -91,6 +91,15 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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="hidden" name="shorturl_container" id="shorturl_container">
|
||||||
<div class="inline-flex w-full" id="shorturl_copy" data-clipboard-target="#shorturl">
|
<div class="inline-flex w-full" id="shorturl_copy" data-clipboard-target="#shorturl">
|
||||||
<p name="shorturl" id="shorturl" class:bg-green-200={copied}
|
<p name="shorturl" id="shorturl" class:bg-green-200={copied}
|
||||||
|
|
|
@ -26,7 +26,8 @@ function createUrl() {
|
||||||
let shorturl = {
|
let shorturl = {
|
||||||
target: document.getElementById("target").value,
|
target: document.getElementById("target").value,
|
||||||
shortcode: document.getElementById("shortcode").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) {
|
if (shorturl.shortcode == "" | !shorturl.shortcode) {
|
||||||
|
@ -51,6 +52,7 @@ function createUrl() {
|
||||||
document.getElementById("target_container").className = "hidden";
|
document.getElementById("target_container").className = "hidden";
|
||||||
document.getElementById("shortcode_container").className = "hidden";
|
document.getElementById("shortcode_container").className = "hidden";
|
||||||
document.getElementById("bot_container").classList.add("hidden");
|
document.getElementById("bot_container").classList.add("hidden");
|
||||||
|
document.getElementById("clientside_container").classList.add("hidden");
|
||||||
document.getElementById("create").classList.add("hidden");
|
document.getElementById("create").classList.add("hidden");
|
||||||
document.getElementById("reset").classList.remove("hidden");
|
document.getElementById("reset").classList.remove("hidden");
|
||||||
});
|
});
|
||||||
|
@ -96,6 +98,10 @@ function reset() {
|
||||||
document.getElementById("target").value = tabs[0].url;
|
document.getElementById("target").value = tabs[0].url;
|
||||||
document.getElementById("target_container").className = "";
|
document.getElementById("target_container").className = "";
|
||||||
document.getElementById("shortcode_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");
|
document.getElementById("create").classList.remove("hidden");
|
||||||
});
|
});
|
||||||
}
|
}
|
Loading…
Reference in New Issue