add dashboard display

3 weeks ago · 4dc3bf2cab
parent c53482cbe3
commit 4dc3bf2cab
2 changed files with 150 additions and 0 deletions
--- a/main.go
+++ b/main.go
@ -60,6 +60,21 @@ func handleLoginPost(w http.ResponseWriter, r *http.Request) {
 		return
 	}

+	if user.Status == "admin" {
+		items, err := dbi.GetReportedItems(conn)
+		if err != nil {
+			fail()
+			return
+		}
+		html, err := pages.DashboardPage(items)
+		if err != nil {
+			fail()
+			return
+		}
+		writeHTML(w, html)
+		return
+	}
+
 	token, err := dbi.GenJWT(user)
 	if err != nil {
 		fail()
--- a/pages/dashboard.go
+++ b/pages/dashboard.go
@ -0,0 +1,135 @@
+package pages
+
+import (
+	"bytes"
+	"html/template"
+
+	"faculty_media_report/dbi"
+)
+
+var dashboardTmpl = template.Must(template.New("dashboard").Parse(`<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dashboard — Maurer School of Law</title>
+    <link rel="stylesheet" href="https://unpkg.com/rivet-core@2/css/rivet.min.css">
+</head>
+<body>
+    <header class="rvt-header-wrapper">
+      <a class="rvt-header-wrapper__skip-link" href="#main-content">Skip to main content</a>
+      <div class="rvt-header-global">
+        <div class="rvt-container-xl">
+          <div class="rvt-header-global__inner">
+            <div class="rvt-header-global__logo-slot">
+              <a class="rvt-lockup" href="/">
+                <div class="rvt-lockup__tab">
+                  <svg xmlns="http://www.w3.org/2000/svg" class="rvt-lockup__trident" viewBox="0 0 28 34">
+                    <path d="M-3.34344e-05 4.70897H8.83308V7.174H7.1897V21.1426H10.6134V2.72321H8.83308V0.121224H18.214V2.65476H16.2283V21.1426H19.7889V7.174H18.214V4.64047H27.0471V7.174H25.0614V23.6761L21.7746 26.8944H16.2967V30.455H18.214V33.8787H8.76463V30.592H10.6819V26.8259H5.20403L1.91726 23.6077V7.174H-3.34344e-05V4.70897Z" fill="currentColor"></path>
+                  </svg>
+                </div>
+                <div class="rvt-lockup__body">
+                  <span class="rvt-lockup__title">Maurer School of Law</span>
+                  <span class="rvt-lockup__subtitle">Faculty Public Activity Report</span>
+                </div>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <main id="main-content" class="rvt-container-xl rvt-p-top-xxl rvt-p-bottom-xxl">
+        <h1 class="rvt-ts-xxl rvt-m-bottom-xxl">Activity Report Dashboard</h1>
+        {{if .}}
+        <div class="rvt-m-bottom-lg">
+            <button class="rvt-button rvt-button--secondary" type="button" id="download-csv">Download CSV Report</button>
+        </div>
+        <div style="overflow-x:auto;">
+        <table class="rvt-table rvt-table--cells" id="report-table">
+            <thead>
+                <tr>
+                    <th scope="col">Date Submitted</th>
+                    <th scope="col">Name</th>
+                    <th scope="col">Title</th>
+                    <th scope="col">Description</th>
+                    <th scope="col">Hyperlink</th>
+                    <th scope="col">Type</th>
+                </tr>
+            </thead>
+            <tbody>
+                {{range .}}
+                <tr>
+                    <td>{{.Created}}</td>
+                    <td>{{.LastName}}, {{.FirstName}}</td>
+                    <td>{{.Title}}</td>
+                    <td>{{.Description}}</td>
+                    <td>{{if .Hyperlink}}<a href="{{.Hyperlink}}" target="_blank" rel="noopener">Link</a>{{end}}</td>
+                    <td>{{.ItemType}}</td>
+                </tr>
+                {{end}}
+            </tbody>
+        </table>
+        </div>
+        {{else}}
+        <p class="rvt-ts-lg">No reported items.</p>
+        {{end}}
+    </main>
+    <script>
+    var dlBtn = document.getElementById('download-csv');
+    if (dlBtn) {
+        dlBtn.addEventListener('click', function() {
+            var now = new Date();
+            var p = function(n) { return n < 10 ? '0' + n : '' + n; };
+            var stamp = '' + now.getFullYear() + p(now.getMonth()+1) + p(now.getDate()) + p(now.getHours()) + p(now.getMinutes()) + p(now.getSeconds());
+            var filename = 'Faculty_Activity_Report-' + stamp + '.csv';
+
+            function esc(val) {
+                val = val || '';
+                if (val.indexOf('|') !== -1 || val.indexOf('"') !== -1 || val.indexOf('\n') !== -1) {
+                    return '"' + val.replace(/"/g, '""') + '"';
+                }
+                return val;
+            }
+
+            var lines = ['sep=|'];
+            lines.push(['Date Submitted', 'Name', 'Title', 'Description', 'Hyperlink', 'Type'].map(esc).join('|'));
+
+            var rows = document.querySelectorAll('#report-table tbody tr');
+            rows.forEach(function(row) {
+                var cells = row.querySelectorAll('td');
+                var fields = [];
+                cells.forEach(function(cell, i) {
+                    if (i === 4) {
+                        var a = cell.querySelector('a');
+                        fields.push(esc(a ? a.href : ''));
+                    } else {
+                        fields.push(esc(cell.textContent.trim()));
+                    }
+                });
+                lines.push(fields.join('|'));
+            });
+
+            var csv = lines.join('\r\n');
+            var blob = new Blob([csv], {type: 'text/csv;charset=utf-8;'});
+            var url = URL.createObjectURL(blob);
+            var a = document.createElement('a');
+            a.href = url;
+            a.download = filename;
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+            URL.revokeObjectURL(url);
+        });
+    }
+    </script>
+</body>
+</html>`))
+
+func DashboardPage(items []dbi.DashboardItem) (string, error) {
+	var buf bytes.Buffer
+	if err := dashboardTmpl.Execute(&buf, items); err != nil {
+		return "", err
+	}
+	return buf.String(), nil
+}