summaryrefslogtreecommitdiff
path: root/tmpl/staff.html
diff options
context:
space:
mode:
Diffstat (limited to 'tmpl/staff.html')
-rw-r--r--tmpl/staff.html117
1 files changed, 5 insertions, 112 deletions
diff --git a/tmpl/staff.html b/tmpl/staff.html
index bf74d8b..820f259 100644
--- a/tmpl/staff.html
+++ b/tmpl/staff.html
@@ -3,7 +3,7 @@
<html lang="en">
<head>
<title>
- {{ .user.Name }} &ndash; CCA Selection System
+ {{ .Name }} (Staff) &ndash; CCA Selection System
</title>
<link rel="stylesheet" href="/static/style.css" />
<meta charset="utf-8" />
@@ -17,7 +17,7 @@
<header>
<div class="header-content">
<div class="header-left">
- <h1><a id="site-title" href="./">CCASS Staff Page</a></h1>
+ <h1><a id="site-title" href="./">CCA Selection System</a></h1>
</div>
<div class="header-middle">
<nav>
@@ -38,7 +38,7 @@
</nav>
</div>
<div class="header-right">
- <p>{{- .user.Name }} ({{ .user.Department -}})</p>
+ <p>{{- .Name }} (Staff)</p>
</div>
</div>
</header>
@@ -47,116 +47,9 @@
This site is still a work in progress and may contain bugs! Please contact <a href="mailto:s22537@stu.ykpaoschool.cn">Runxi Yu</a> for any issues.
</p>
</div>
- <div class="script-unavailable message-box">
- <p>
- JavaScript is required to use this page. One of the following conditions are present:
- </p>
- <ul>
- <li>
- The JavaScript hasn&rsquo;t finished loading.
- </li>
- <li>
- JavaScript is not supported by your browser.
- </li>
- <li>
- JavaScript is disabled/blocked.
- </li>
- </ul>
- <p>
- All JavaScript hosted on this site are licensed under the GNU Affero General Public License, version 3.0 or any later version.
- </p>
- </div>
- <div class="script-required">
- <div class="before-connection message-box">
- <p>
- Attempting to establish an WebSocket connection.
- </p>
- <p>
- If this message does not disappear soon, it means that one of the following conditions are true:
- </p>
- <ul>
- <li>
- Your browser does not <a href="https://caniuse.com/websockets">support WebSocket</a>, or they are being blocked.
- </li>
- <li>
- The server is overloaded or encountered an error.
- </li>
- <li>
- The network is over-saturated, or you just have a bad network.
- </li>
- </ul>
- </div>
- <div class="broken-connection message-box">
- <p>
- Your WebSocket connection has been closed. This means that one of the following occurred:
- </p>
- <ul>
- <li>
- You logged in on another session.
- </li>
- <li>
- The network is over-saturated and connections cannot be maintained.
- </li>
- <li>
- There was an internal server error that closed your connection.
- </li>
- <li>
- There was an error in the JavaScript running on your browser.
- </li>
- </ul>
- <p>
- If you believe that your networking is in good condition, you may wish to report this to the system administrator.
- </p>
- <p>
- <a href="javascript:window.location.reload(true)" class="btn btn-primary">Reconnect</a>
- <!-- TODO: Add a quicker reconnect -->
- </p>
- </div>
- <div class="need-connection">
- <div id="alreadyopen" class="reading-width">
- <table id="table-of-courses">
- <thead>
- <tr>
- <th scope="col"><abbr title="Used/Max"><i>n</i></abbr></th>
- <th scope="col">Name</th>
- <th scope="col">Type</th>
- <th scope="col">Teacher</th>
- <th scope="col">Location</th>
- </tr>
- <tr>
- <th colspan="6" class="tdinput">
- <input type="text" id="search" placeholder="Search..." />
- </th>
- </tr>
- </thead>
- <tbody>
- {{- range .courses }}
- <tr class="courseitem" id="course{{.ID}}">
- <td><span id="selected{{.ID}}">{{.Selected}}</span>/<span id="max{{.ID}}">{{.Max}}</span></td>
- <td>{{.Title}}</td>
- <td id="type{{.ID}}">{{.Type}}</td>
- <td>{{.Teacher}}</td>
- <td>{{.Location}}</td>
- </tr>
- {{- end }}
- </tbody>
- </table>
- </div>
- </div>
+ <div>
+ <a href="./export" class="btn-primary btn">Export all choices as a spreadsheet</a>
</div>
- <script src="static/staff.js"></script>
- <script>
- document.addEventListener("DOMContentLoaded", () => {
- const search = document.getElementById("search")
- search.addEventListener("input", () => {
- const s = search.value.toLowerCase().trim().normalize('NFD')
- document.querySelectorAll(".courseitem").forEach(c => {
- const m = c.textContent.toLowerCase().normalize('NFD').includes(s)
- c.hidden = (!m) && (s.length > 0)
- })
- })
- })
- </script>
</body>
</html>
{{- end -}}