From 46251292b5c8b431de66aeff473594ccec60e04c Mon Sep 17 00:00:00 2001
From: RaindropsSys <contact@minteck.org>
Date: Thu, 20 Jul 2023 18:29:09 +0200
Subject: Updated 19 files and added 26 files (automated)

---
 includes/components/2023ui.inc | 114 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 114 insertions(+)
 create mode 100644 includes/components/2023ui.inc

(limited to 'includes/components/2023ui.inc')

diff --git a/includes/components/2023ui.inc b/includes/components/2023ui.inc
new file mode 100644
index 0000000..556a8b5
--- /dev/null
+++ b/includes/components/2023ui.inc
@@ -0,0 +1,114 @@
+<div id="menu-bar" style="position: fixed; top: 0; left: 101px; right: 20px; height: 52px; display: grid; grid-template-columns: 1fr 1fr 1fr;">
+    <div style="display: grid; grid-template-columns: max-content 1fr;">
+        <div style="height: 52px; display: flex; align-items: center;">
+            <a href="/" style="color: inherit; text-decoration: inherit;">
+                <img src="/assets/logo/newlogo.png" style="width: 32px;">
+                <span style="margin-left: 5px; vertical-align: middle; position: relative; top: -1px; font-weight: bold;">Cold Haze</span>
+                <span data-bs-toggle="tooltip" data-bs-placement="bottom" title="This is the new Cold Haze experience and it is currently experimental" class="badge bg-warning" style="margin-left: 5px; vertical-align: middle; position: relative; top: -1px; font-weight: bold;">Beta</span>
+            </a>
+        </div>
+        <div style="display: flex; align-items: center;">
+            <?php global $isLowerLoggedIn; global $isLoggedIn; global $_PROFILE; if ($isLoggedIn || $isLowerLoggedIn): ?>
+            <div style="margin-left: auto; margin-right: auto;">
+                <a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Alerts" class="ui2023-side-bar-item" href="/-/alerts" style="padding: 10px; height: 48px; width: 48px; display: inline-block; border-radius: 999px;">
+                    <img src="<?= icon("alerts") ?>" style="max-width: 28px; max-height: 28px;">
+                </a><a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Member lists" class="ui2023-side-bar-item" href="/-/lists" style="padding: 10px; height: 48px; width: 48px; display: inline-block; border-radius: 999px;">
+                    <img src="<?= icon("lists") ?>" style="max-width: 28px; max-height: 28px;">
+                </a>
+            </div>
+            <?php endif; ?>
+        </div>
+    </div>
+    <div style="height: 52px; display: flex; align-items: center;">
+        <form action="/-/search" style="width: 100%;">
+            <input name="q" class="form-control" type="text" value="" placeholder="Search on Cold Haze..." style="width: 100%; margin-left: auto; margin-right: auto; border-color: var(--palette-4) !important; background-color: var(--palette-4) !important;">
+        </form>
+    </div>
+    <div style="display: grid; grid-template-columns: 1fr max-content;">
+        <div style="display: flex; align-items: center;">
+            <?php global $isLowerLoggedIn; global $isLoggedIn; global $_PROFILE; if ($isLoggedIn || $isLowerLoggedIn): ?>
+                <div style="margin-left: auto; margin-right: auto;">
+                    <a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Jobs" class="ui2023-side-bar-item" href="/-/jobs" style="padding: 10px; height: 48px; width: 48px; display: inline-block; border-radius: 999px;">
+                        <img src="<?= icon("jobs") ?>" style="max-width: 28px; max-height: 28px;">
+                    </a><a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Account" class="ui2023-side-bar-item" href="/-/account" style="padding: 10px; height: 48px; width: 48px; display: inline-block; border-radius: 999px;">
+                        <img src="<?= icon("sessions") ?>" style="max-width: 28px; max-height: 28px;">
+                    </a>
+                </div>
+            <?php endif; ?>
+        </div>
+        <div style="height: 52px; display: flex; align-items: center;">
+            <?php global $isLowerLoggedIn; global $isLoggedIn; global $_PROFILE; if ($isLoggedIn || $isLowerLoggedIn): ?>
+                <a href="https://account.equestria.dev/hub/users/<?= $_PROFILE["id"] ?>" target="_blank" style="color: inherit; text-decoration: inherit;">
+                    <?php $fronters = json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/" . ($_PROFILE["login"] === "raindrops" ? "gdapd" : ($_PROFILE["login"] === "cloudburst" ? "ynmuc" : "other")) . "/fronters.json"), true); if (isset($fronters["members"][0])): ?>
+                        <span style="margin-right: 5px; vertical-align: middle; margin-top: -2px;"><?= $fronters["members"][0]["display_name"] ?? $fronters["members"][0]["name"] ?></span>
+                        <img src="<?= getAsset(($_PROFILE["login"] === "raindrops" ? "gdapd" : ($_PROFILE["login"] === "cloudburst" ? "ynmuc" : "other")), $fronters["members"][0]["id"]) ?>" style="width: 32px; height: 32px; border-radius: 999px; background-color: var(--palette-2);">
+                    <?php else: ?>
+                        <span style="margin-right: 5px; vertical-align: middle; margin-top: -2px;"><?= $_PROFILE["name"] ?></span>
+                        <img src="https://account.equestria.dev/hub/api/rest/avatar/<?= $_PROFILE["id"] ?>?dpr=2&size=32" style="width: 32px; height: 32px; border-radius: 999px; background-color: var(--palette-2);">
+                    <?php endif; ?>
+                </a>
+            <?php else: ?>
+                <a href="/login" style="color: inherit; text-decoration: inherit;">
+                    <span style="margin-right: 5px; vertical-align: middle; margin-top: -2px;">Log in</span>
+                    <img src="<?= icon("login", false) ?>" class="light-only" style="width: 24px; height: 24px; margin: 4px;">
+                    <img src="<?= icon("login", true) ?>" class="dark-only" style="width: 24px; height: 24px; margin: 4px;">
+                </a>
+            <?php endif; ?>
+        </div>
+    </div>
+</div>
+
+<style>
+    .ui2023-side-bar-system:hover, .ui2023-side-bar-item:hover {
+        background-color: var(--palette-2);
+    }
+
+    .ui2023-side-bar-system:active {
+        background-color: var(--palette-1);
+    }
+
+    .ui2023-side-bar-system:active {
+        background-color: var(--palette-3);
+    }
+</style>
+
+<div id="side-bar" style="position: fixed; top: 62px; bottom: 20px; left: 0; width: 64px; display: flex; justify-content: center;">
+    <div>
+        <div style="background-color: var(--palette-4); height: max-content; border-radius: 999px;">
+            <a data-bs-toggle="tooltip" data-bs-placement="right" title="Raindrops System" class="ui2023-side-bar-system" href="/raindrops" style="padding: 8px; height: 48px; width: 48px; display: block; border-top-left-radius: 999px; border-top-right-radius: 999px;">
+                <img src="<?= getAsset("gdapd") ?>" style="max-width: 32px; max-height: 32px;">
+            </a>
+            <?php global $app; if ($isLoggedIn || $isLowerLoggedIn): ?>
+                <a data-bs-toggle="tooltip" data-bs-placement="right" title="<?= $app["other"]["name"] ?>" class="ui2023-side-bar-system" href="/<?= $app["other"]["slug"] ?>" style="padding: 8px; height: 48px; width: 48px; display: block;">
+                    <img src="<?= getAsset("other") ?>" style="max-width: 32px; max-height: 32px;">
+                </a>
+            <?php endif; ?>
+            <a data-bs-toggle="tooltip" data-bs-placement="right" title="Cloudburst System" class="ui2023-side-bar-system" href="/cloudburst" style="padding: 8px; height: 48px; width: 48px; display: block; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px;">
+                <img src="<?= getAsset("ynmuc") ?>" style="max-width: 32px; max-height: 32px;">
+            </a>
+        </div>
+
+        <div style="margin-top: 20px;">
+            <a data-bs-toggle="tooltip" data-bs-placement="right" title="Relations" class="ui2023-side-bar-item" href="/-/relations" style="padding: 10px; height: 48px; width: 48px; display: block; border-radius: 999px;">
+                <img src="<?= icon("relations") ?>" style="max-width: 28px; max-height: 28px;">
+            </a>
+
+            <?php if ($isLowerLoggedIn || $isLoggedIn): ?>
+            <div style="margin: 10px 0; width: 48px; height: 2px; background-color: var(--palette-2);"></div>
+
+            <a data-bs-toggle="tooltip" data-bs-placement="right" title="Schedules" class="ui2023-side-bar-item" href="/-/schedules" style="padding: 10px; height: 48px; width: 48px; display: block; border-radius: 999px;">
+                <img src="<?= icon("schedule") ?>" style="max-width: 28px; max-height: 28px;">
+            </a>
+            <a data-bs-toggle="tooltip" data-bs-placement="right" title="Money tracker" class="ui2023-side-bar-item" href="/-/money" style="padding: 10px; height: 48px; width: 48px; display: block; border-radius: 999px;">
+                <img src="<?= icon("money") ?>" style="max-width: 28px; max-height: 28px;">
+            </a>
+            <a data-bs-toggle="tooltip" data-bs-placement="right" title="Documents" class="ui2023-side-bar-item" href="/-/docs" style="padding: 10px; height: 48px; width: 48px; display: block; border-radius: 999px;">
+                <img src="<?= icon("documents") ?>" style="max-width: 28px; max-height: 28px;">
+            </a>
+            <a data-bs-toggle="tooltip" data-bs-placement="right" title="System travelling" class="ui2023-side-bar-item" href="/-/travelling" style="padding: 10px; height: 48px; width: 48px; display: block; border-radius: 999px;">
+                <img src="<?= icon("travelling") ?>" style="max-width: 28px; max-height: 28px;">
+            </a>
+            <?php endif; ?>
+        </div>
+    </div>
+</div>
\ No newline at end of file
-- 
cgit