1 files changed, 101 insertions, 0 deletions
diff --git a/pages/travelling.php b/pages/travelling.php
new file mode 100644
index 0000000..260ea15
--- /dev/null
+++ b/pages/travelling.php
@@ -0,0 +1,101 @@
+<?php
+
+require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $isLoggedIn;
+if (!$isLoggedIn) header("Location: /login") and die();
+$travelling = json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/travelling.json"), true);
+
+if (isset($_GET['toggleTravel'])) {
+    if (isset($travelling[$_GET['member']])) {
+        if ($travelling[$_GET['member']]["travelling"]) {
+            $travelling[$_GET['member']]["travelling"] = false;
+            $travelling[$_GET['member']]["history"][count($travelling[$_GET['member']]["history"]) - 1]["end"] = date("c");
+        } else {
+            $travelling[$_GET['member']]["travelling"] = true;
+            $travelling[$_GET['member']]["history"][] = [
+                "start" => date("c"),
+                "end" => null
+            ];
+        }
+    }
+
+    header("Location: /-/travelling");
+    file_put_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/travelling.json", json_encode($travelling, JSON_PRETTY_PRINT));
+    die();
+}
+
+$title = "System Travelling"; require_once $_SERVER['DOCUMENT_ROOT'] . '/includes/header.php';
+global $travelling;
+
+?>
+
+<style>
+    .member-link:hover, .relation-intro:hover {
+        opacity: .75;
+    }
+
+    .member-link:active, .relation-intro:active {
+        opacity: .5;
+    }
+</style>
+
+<br>
+<div class="container">
+    <div>
+        <h2>System Travelling</h2>
+        <?php foreach (scoreOrderGlobal() as $member): ?>
+        <div class="relation" style="background-color:rgba(255, 255, 255, .1);margin-bottom:10px;padding:10px;border-radius:10px;display:grid;grid-template-columns: 1fr 2fr max-content;">
+            <a class="relation-intro" style="background-color:rgba(255, 255, 255, .05);border-right:1px solid rgba(255, 255, 255, .1);margin:-10px;padding:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;color: white;display:flex;align-items:center;text-decoration: none;" href="/<?= $member["_system"] === "gdapd" ? "raindrops" : "cloudburst" ?>/<?= $member["name"] ?>">
+                <img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;">&nbsp;<?= $member["display_name"] ?? $member["name"] ?>
+            </a>
+
+            <div class="relation-item" style="display:flex;align-items:center;margin-left:10px;padding:0 20px;">
+                <div>
+                    <b style="padding-right:5px;">Current System:</b><span class="list-separator-mobile"><br></span>
+                    <?php $system = $member['_system'] === "gdapd" ? ($travelling[$member['id']]["travelling"] ? "ynmuc" : "gdapd") : ($travelling[$member['id']]["travelling"] ? "gdapd" : "ynmuc"); ?>
+                    <a class="member-link" href="/<?= $system === "gdapd" ? "raindrops" : "cloudburst" ?>"><img style="width:24px;border-radius:5px;" src="/assets/uploads/<?= $system === "gdapd" ? "raindrops" : "cloudburst" ?>.png"> <?= $system === "gdapd" ? "Raindrops" : "Cloudburst" ?> System</a>
+                    <?php if ($travelling[$member['id']]["travelling"]): ?>
+                    <span class="text-muted">(<?= timeAgo($travelling[$member['id']]["history"][count($travelling[$member['id']]["history"]) - 1]["start"]) ?>)</span>
+                    <?php endif; ?>
+                </div>
+            </div>
+
+            <div>
+                <?php if ($travelling[$member['id']]["travelling"]): ?>
+                <a href="?toggleTravel&member=<?= $member['id'] ?>" class="btn btn-outline-danger">Stop travelling</a>
+                <?php else: ?>
+                <a href="?toggleTravel&member=<?= $member['id'] ?>" class="btn btn-outline-success">Start travelling</a>
+                <?php endif; ?>
+            </div>
+        </div>
+        <?php endforeach; ?>
+    </div>
+
+    <style>
+        @media (max-width: 991px) {
+            .relation {
+                grid-template-columns: 1fr !important;
+            }
+
+            .relation-intro {
+                text-align: center;
+                border-bottom-left-radius: 0 !important;
+                border-top-right-radius: 10px;
+                border-right: none !important;
+                border-bottom: 1px solid rgba(255, 255, 255, .1);
+            }
+
+            .relation-item-marefriends {
+                margin-top: 20px !important;
+            }
+
+            .relation-item {
+                margin-top: 10px;
+                margin-left: 0 !important;
+                padding: 10px 0 !important;
+                text-align: center;
+            }
+        }
+    </style>
+</div>
+
+<?php require_once $_SERVER['DOCUMENT_ROOT'] . '/includes/footer.php'; ?>