first commit

templates/index.php

@@ -0,0 +1,68 @@
+<?php $this->layout('template', ['title' => '首頁']) ?>
+
+<div class="card m-3 mt-5 mx-auto w-fit-content">
+    <div class="card-body">
+        <div class="d-flex justify-content-center flex-column flex-lg-row">
+            <div class="mx-2">伺服器狀態：<code><?= $this->e($status ?? '') ?></code></div>
+            <?php if (isset($query)): ?>
+                <?php if (isset($query['version']) && isset($query['version']['name'])): ?>
+                    <div class="mx-2">伺服器版本：<code><?= $this->e($query['version']['name']) ?></code></div>
+                <?php endif ?>
+                <?php if (isset($query['players'])): ?>
+                    <?php if (isset($query['players']['online']) && isset($query['players']['max'])): ?>
+                        <div class="mx-2">
+                            線上人數：
+                            <code><?= $this->e($query['players']['online']) ?></code>
+                            /
+                            <code><?= $this->e($query['players']['max']) ?></code>
+                        </div>
+                    <?php endif ?>
+                    <?php if (isset($query['players']['sample']) && count($query['players']['sample']) > 0): ?>
+                        <ul class="mx-2 list-group list-group-horizontal-lg">
+                            <?php foreach ($query['players']['sample'] as $player) : ?>
+                                <li class="py-0 list-group-item"><code><?= $this->e($player['name']) ?></code></li>
+                            <?php endforeach ?>
+                        </ul>
+                    <?php endif ?>
+                <?php endif ?>
+            <?php endif ?>
+        </div>
+        <?php if (isset($isStarting) && $isStarting): ?>
+            <div class="alert alert-success my-3 mx-auto d-table" role="alert">
+                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                     class="bi bi-exclamation-triangle-fill flex-shrink-0 me-2" viewBox="0 0 16 16" role="img"
+                     aria-label="Success:">
+                    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
+                </svg>
+                已送出伺服器啟動訊號。
+            </div>
+        <?php else: ?>
+            <?php if (isset($status) && $status === 'exited'): ?>
+                <form method="POST">
+                    <button class="btn btn-primary btn-block" name="start" type="submit">啟動伺服器</button>
+                </form>
+            <?php endif ?>
+        <?php endif ?>
+    </div>
+</div>
+
+<div class="card m-3 mx-auto w-fit-content">
+    <div class="card-body">
+        <p class="fs-5">【更新紀錄】</p>
+        <ul class="list-group">
+            <li class="list-group-item">
+                <p>首頁現在可以看到伺服器版本與線上人數等資訊了。</p>
+                <p>更新日期：2022/07/05 02:02:02</p>
+            </li>
+            <li class="list-group-item">
+                <p>首頁現在可以看到伺服器狀態了，也可以從首頁直接啟動伺服器。</p>
+                <p>更新日期：2022/07/04 16:52:30</p>
+            </li>
+            <li class="list-group-item">
+                <p>查看檔案功能已移至新的網址，請透過上方選單進入。</p>
+                <p>更多其他功能將陸續推出，敬請期待。</p>
+                <p>更新日期：2022/07/04 13:44:30</p>
+            </li>
+        </ul>
+    </div>
+</div>