add admin nav link

public/js/nav.js

@@ -0,0 +1,18 @@
+document.addEventListener('DOMContentLoaded', async () => {
+    const adminLink = document.getElementById('admin-link');
+    if (adminLink === null) {
+        return;
+    }
+
+    const response = await fetch('/api/auth/me', {
+        credentials: 'same-origin',
+    });
+    if (!response.ok) {
+        return;
+    }
+
+    const body = await response.json();
+    if (body.user && body.user.isAdmin === true) {
+        adminLink.hidden = false;
+    }
+});

views/templates/home.php

@@ -17,6 +17,8 @@
                 <a class="btn btn-secondary" href="/today">
                     Today's schedule
                 </a>
+                <a id="admin-link" class="btn btn-secondary"
+                   href="/admin" hidden>Admin</a>
                 <button id="logout" class="btn btn-danger">Logout</button>
             </div>
         </div>
@@ -43,6 +45,7 @@
         </div>
     </div>
     <script src="/js/auth.js"></script>
+    <script src="/js/nav.js"></script>
     <script src="/js/home.js"></script>
 </body>
 </html>

views/templates/today.php

@@ -12,6 +12,8 @@
             <h1>Today</h1>
             <div class="cluster">
                 <a class="btn btn-secondary" href="/home">Home</a>
+                <a id="admin-link" class="btn btn-secondary"
+                   href="/admin" hidden>Admin</a>
                 <button id="logout" class="btn btn-danger">Logout</button>
             </div>
         </div>
@@ -23,6 +25,7 @@
         </p>
     </main>
     <script src="/js/auth.js"></script>
+    <script src="/js/nav.js"></script>
     <script src="/js/today.js"></script>
 </body>
 </html>

views/templates/userText.php

@@ -14,6 +14,8 @@
                 <a class="btn btn-secondary" href="/texts" id="back">
                     My texts
                 </a>
+                <a id="admin-link" class="btn btn-secondary"
+                   href="/admin" hidden>Admin</a>
                 <button id="logout" class="btn btn-danger">Logout</button>
             </div>
         </div>
@@ -22,6 +24,7 @@
         <div id="text-detail" class="node-tree stack"></div>
     </main>
     <script src="/js/auth.js"></script>
+    <script src="/js/nav.js"></script>
     <script src="/js/text.js"></script>
 </body>
 </html>

views/templates/userTexts.php

@@ -14,6 +14,8 @@
                 <a class="btn btn-secondary" href="/home" id="back">
                     Back to Home
                 </a>
+                <a id="admin-link" class="btn btn-secondary"
+                   href="/admin" hidden>Admin</a>
                 <button id="logout" class="btn btn-danger">Logout</button>
             </div>
         </div>
@@ -33,6 +35,7 @@
         </form>
     </main>
     <script src="/js/auth.js"></script>
+    <script src="/js/nav.js"></script>
     <script src="/js/userTexts.js"></script>
 </body>
 </html>