|
|
|
@ -21,7 +21,7 @@
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<?php if (!isset($_COOKIE["DeltaHandoffPalette"])): ?><div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div><?php endif; ?>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex; justify-content: end; width: 100%;">
|
|
|
|
@ -52,7 +52,7 @@
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<?php if (!isset($_COOKIE["DeltaHandoffPalette"])): ?><div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div><?php endif; ?>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex; justify-content: end; width: 100%;">
|
|
|
|
@ -85,7 +85,7 @@
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<?php if (!isset($_COOKIE["DeltaHandoffPalette"])): ?><div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div><?php endif; ?>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex; justify-content: end; width: 100%;">
|
|
|
|
@ -118,11 +118,11 @@
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<?php if (!isset($_COOKIE["DeltaHandoffPalette"])): ?><div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px; margin-right: 5px;"></div><?php endif; ?>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex; justify-content: end; width: 100%;">
|
|
|
|
|
<a onclick="page(5);" class="btn btn-primary"><?= l("lang_oobe_next") ?></a>
|
|
|
|
|
<a onclick="if (document.cookie.includes('DeltaHandoffPalette=')) { page(6); } else { page(5); }" class="btn btn-primary"><?= l("lang_oobe_next") ?></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -151,7 +151,7 @@
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<?php if (!isset($_COOKIE["DeltaHandoffPalette"])): ?><div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div><?php endif; ?>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-3); border-radius: 999px;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex; justify-content: end; width: 100%;">
|
|
|
|
@ -191,14 +191,14 @@
|
|
|
|
|
|
|
|
|
|
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
|
|
|
|
|
<div style="display: flex; justify-content: start; width: 100%;">
|
|
|
|
|
<a onclick="page(5, true);" class="btn btn-outline-primary"><?= l("lang_oobe_back") ?></a>
|
|
|
|
|
<a onclick="if (document.cookie.includes('DeltaHandoffPalette=')) { page(4, true); } else { page(5, true); }" class="btn btn-outline-primary"><?= l("lang_oobe_back") ?></a>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex; justify-content: center; align-items: center; width: 100%;">
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div>
|
|
|
|
|
<?php if (!isset($_COOKIE["DeltaHandoffPalette"])): ?><div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px; margin-right: 5px;"></div><?php endif; ?>
|
|
|
|
|
<div style="width: 12px; height: 12px; background-color: var(--palette-9); border-radius: 999px;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex; justify-content: end; width: 100%;">
|
|
|
|
@ -222,7 +222,7 @@
|
|
|
|
|
<div style="display: flex; justify-content: start; width: 100%;"></div>
|
|
|
|
|
<div style="display: flex; justify-content: center; align-items: center; width: 100%;"></div>
|
|
|
|
|
<div style="display: flex; justify-content: end; width: 100%;">
|
|
|
|
|
<a onclick="localStorage.setItem('oobe', '1');" data-bs-dismiss="modal" class="btn btn-primary"><?= l("lang_oobe_finish") ?></a>
|
|
|
|
|
<a onclick="document.cookie = 'DeltaOOBECompleted=1; Path=/';" data-bs-dismiss="modal" class="btn btn-primary"><?= l("lang_oobe_finish") ?></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -324,11 +324,13 @@
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
function page(n, back) {
|
|
|
|
|
let m = parseInt(Array.from(document.getElementsByClassName("oobe-page")).filter(i => i.style.display !== "none")[0].id.split("-")[2]);
|
|
|
|
|
|
|
|
|
|
if (back) {
|
|
|
|
|
document.getElementById("oobe-page-" + (n + 1)).classList.add("hiding-back");
|
|
|
|
|
document.getElementById("oobe-page-" + m).classList.add("hiding-back");
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
document.getElementById("oobe-page-" + (n + 1)).classList.remove("hiding-back");
|
|
|
|
|
document.getElementById("oobe-page-" + (n + 1)).style.display = "none";
|
|
|
|
|
document.getElementById("oobe-page-" + m).classList.remove("hiding-back");
|
|
|
|
|
document.getElementById("oobe-page-" + m).style.display = "none";
|
|
|
|
|
document.getElementById("oobe-page-" + n).classList.add("showing-back");
|
|
|
|
|
document.getElementById("oobe-page-" + n).style.display = "";
|
|
|
|
|
setTimeout(() => {
|
|
|
|
@ -336,10 +338,10 @@
|
|
|
|
|
}, 200);
|
|
|
|
|
}, 200);
|
|
|
|
|
} else {
|
|
|
|
|
document.getElementById("oobe-page-" + (n - 1)).classList.add("hiding");
|
|
|
|
|
document.getElementById("oobe-page-" + m).classList.add("hiding");
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
document.getElementById("oobe-page-" + (n - 1)).classList.remove("hiding");
|
|
|
|
|
document.getElementById("oobe-page-" + (n - 1)).style.display = "none";
|
|
|
|
|
document.getElementById("oobe-page-" + m).classList.remove("hiding");
|
|
|
|
|
document.getElementById("oobe-page-" + m).style.display = "none";
|
|
|
|
|
document.getElementById("oobe-page-" + n).classList.add("showing");
|
|
|
|
|
document.getElementById("oobe-page-" + n).style.display = "";
|
|
|
|
|
setTimeout(() => {
|
|
|
|
@ -351,8 +353,7 @@
|
|
|
|
|
|
|
|
|
|
const oobe = new bootstrap.Modal(document.getElementById("oobe"));
|
|
|
|
|
|
|
|
|
|
if (localStorage.getItem("oobe") !== "1") {
|
|
|
|
|
localStorage.removeItem("oobe");
|
|
|
|
|
if (!document.cookie.includes("DeltaOOBECompleted=1")) {
|
|
|
|
|
oobe.show();
|
|
|
|
|
document.getElementById("oobe").classList.add("fade");
|
|
|
|
|
}
|
|
|
|
|