Extension users can now disable bot preview
This commit is contained in:
parent
595695fe4f
commit
f389f88825
|
@ -13,6 +13,19 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
<style>
|
||||||
|
/* CHECKBOX TOGGLE SWITCH */
|
||||||
|
/* @apply rules for documentation, these do not work as inline style */
|
||||||
|
.toggle-checkbox:checked {
|
||||||
|
@apply: right-0 border-green-400;
|
||||||
|
right: 0;
|
||||||
|
border-color: #68D391;
|
||||||
|
}
|
||||||
|
.toggle-checkbox:checked + .toggle-label {
|
||||||
|
@apply: bg-green-400;
|
||||||
|
background-color: #68D391;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="p-4 flex items-center justify-center bg-white">
|
<div class="p-4 flex items-center justify-center bg-white">
|
||||||
|
@ -69,6 +82,15 @@
|
||||||
placeholder="custom url" />
|
placeholder="custom url" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="bot_container">
|
||||||
|
<div class="mt-1 flex rounded-md shadow-sm">
|
||||||
|
<label for="toggle" class="text-base text-gray-700 pr-2">Disable Preview:</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="bot_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}
|
||||||
|
|
|
@ -25,7 +25,8 @@ document.getElementById("create").onclick = createUrl;
|
||||||
function createUrl() {
|
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
|
||||||
};
|
};
|
||||||
|
|
||||||
if (shorturl.shortcode == "" | !shorturl.shortcode) {
|
if (shorturl.shortcode == "" | !shorturl.shortcode) {
|
||||||
|
@ -49,6 +50,7 @@ function createUrl() {
|
||||||
document.getElementById("shorturl_container").className = "";
|
document.getElementById("shorturl_container").className = "";
|
||||||
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("create").classList.add("hidden");
|
document.getElementById("create").classList.add("hidden");
|
||||||
document.getElementById("reset").classList.remove("hidden");
|
document.getElementById("reset").classList.remove("hidden");
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue