156 lines
5.5 KiB
HTML
156 lines
5.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>INDEX DEV x QUASAR STORE</title>
|
||
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
|
||
|
|
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|
||
|
|
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"
|
||
|
|
integrity="sha256-hlKLmzaRlE8SCJC1Kw8zoUbU8BxA+8kR3gseuKfMjxA=" crossorigin="anonymous"></script>
|
||
|
|
<link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css">
|
||
|
|
<script src="https://use.fortawesome.com/1ce05b4b.js"></script>
|
||
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js'></script>
|
||
|
|
|
||
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/locale/pt-br.js'></script>
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<script src="../config.js"></script>
|
||
|
|
<script src="./js/notifys.js"></script>
|
||
|
|
<script src="./tailwind.config.js"></script>
|
||
|
|
<link rel="stylesheet" href="./css/custom.css">
|
||
|
|
<script>
|
||
|
|
function PlaySound(url) {
|
||
|
|
const audio = new Audio();
|
||
|
|
audio.volume = 0.3;
|
||
|
|
audio.addEventListener("error", function () {
|
||
|
|
console.warn(`The file of sound "${url}" is not valid. -> TYING USE DEFAULT FILE`);
|
||
|
|
audio.src = "./sound/example.mp3";
|
||
|
|
});
|
||
|
|
audio.addEventListener("canplay", function () {
|
||
|
|
audio.play();
|
||
|
|
});
|
||
|
|
audio.src = "./sound/" + url + "?t=" + new Date().getTime();
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.menu {
|
||
|
|
position: fixed;
|
||
|
|
top: 8px;
|
||
|
|
right: 8px;
|
||
|
|
padding: 16px;
|
||
|
|
border-radius: 8px;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.append {
|
||
|
|
position: absolute;
|
||
|
|
min-height: 10vh;
|
||
|
|
display: flex;
|
||
|
|
overflow: hidden;
|
||
|
|
flex-direction: column-reverse;
|
||
|
|
}
|
||
|
|
|
||
|
|
.noti {
|
||
|
|
position: relative;
|
||
|
|
height: 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.noti-bar {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 3px;
|
||
|
|
left: 50%;
|
||
|
|
transform: translateX(-50%);
|
||
|
|
width: 9vw;
|
||
|
|
height: 1.5px;
|
||
|
|
background-color: white;
|
||
|
|
box-shadow: 0 0 4px black;
|
||
|
|
border-radius: 4px;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-header {
|
||
|
|
cursor: move;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-header button {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.typecolor {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
-moz-appearance: none;
|
||
|
|
appearance: none;
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
background-color: transparent;
|
||
|
|
border: none;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.typecolor::-webkit-color-swatch {
|
||
|
|
border-radius: 15px;
|
||
|
|
border: 1px black solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
.typecolor::-moz-color-swatch {
|
||
|
|
border-radius: 15px;
|
||
|
|
border: 1px black solid;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<body class="bg-transparent radius-xl h-[100vh] overflow-hidden">
|
||
|
|
|
||
|
|
<div id="append" class='append'></div>
|
||
|
|
<!-- <button id="configopen"
|
||
|
|
class="mt-4 w-full bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-md">OpenCFG TEST</button> -->
|
||
|
|
<div id="config" class="bg-[#202938] min-h-[41vh] w-[20vw] menu" hidden>
|
||
|
|
<div class="flex flex-row justify-between menu-header">
|
||
|
|
<h1 class="text-white">Notify Config</h1>
|
||
|
|
<button id="configclose" class="text-white"><i class="fas fa-times"></i></button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<hr class="my-4">
|
||
|
|
<div class="overflow-auto h-[90%] p-4">
|
||
|
|
<h3 class="text-white">Border Radius:</h3>
|
||
|
|
<input type="range" id="borderradius" min="0" max="50" step="1" value="8">
|
||
|
|
<div class="w-full h-[10px] bg-gray-300 mt-2" id="borderradius-preview" hidden></div>
|
||
|
|
|
||
|
|
<h3 class="text-white mt-4">Text Color:</h3>
|
||
|
|
<input class="typecolor" type="color" id="textcolor" value="#858f9e">
|
||
|
|
<div class="w-full h-[30px] bg-gray-300 mt-2" id="textcolor-preview" hidden></div>
|
||
|
|
|
||
|
|
<h3 class="text-white mt-4">Background Color:</h3>
|
||
|
|
<input class="typecolor" type="color" id="bgcolor" value="#202938">
|
||
|
|
|
||
|
|
<div class="w-full h-[30px] bg-gray-300 mt-2" id="bgcolor-preview" hidden></div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<label for="text" class="block mb-2 text-sm font-medium text-white">Text to test:</label>
|
||
|
|
<input type="text" id="text"
|
||
|
|
class="border block w-full p-2.5 rounded-lg bg-gray-700 border-gray-600 placeholder-gray-400 text-white focus:ring-blue-500 focus:border-blue-500"
|
||
|
|
placeholder="Place te text to test" required>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
<div class="flex items-center mb-4">
|
||
|
|
<input id="disablesounds" type="checkbox" value=""
|
||
|
|
class="w-4 h-4 rounded focus:ring-blue-600 ring-offset-gray-800 focus:ring-2 bg-gray-700 border-gray-600">
|
||
|
|
<label for="disablesounds" class="ml-2 text-sm font-medium text-gray-300">No play sounds</label>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center mb-4">
|
||
|
|
<input id="enablemove" type="checkbox" value=""
|
||
|
|
class="w-4 h-4 rounded focus:ring-blue-600 ring-offset-gray-800 focus:ring-2 bg-gray-700 border-gray-600">
|
||
|
|
<label for="enablemove" class="ml-2 text-sm font-medium text-gray-300">Edit Notifys Pos</label>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div id="noti-cfg-alert" class="text-white text-center fixed bottom-0 left-0 right-0 p-2">
|
||
|
|
If you can't see the configuration menu, use the command "/resetnotifycfg" to reset the configuration.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|