linkr/templates/dash.html
Nathan Woodburn bcb77d67b2
All checks were successful
Build Docker / Build Main Image (push) Successful in 18s
feat: Track creating link
2023-12-21 16:19:58 +11:00

136 lines
9.5 KiB
HTML

<!DOCTYPE html>
<html data-bs-theme="dark" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Dashboard - Linkr</title>
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="assets/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="180x180" href="assets/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/android-chrome-512x512.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;display=swap">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/dash.css">
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://analytics.woodburn.au/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '4']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
<script async src="https://umami.woodburn.au/script.js" data-website-id="45d91688-692c-40de-be01-6779034dcdd8"></script>
</head>
<body id="page-top" style="background: rgb(0,0,0);">
<div id="wrapper">
<div class="d-flex flex-column" id="content-wrapper" style="background: #000000;color: rgb(255,255,255);">
<div id="content">
<nav class="navbar navbar-expand bg-white shadow mb-4 topbar static-top navbar-light" style="background: transparent;">
<div class="container-fluid"><button class="btn btn-link d-md-none rounded-circle me-3" id="sidebarToggleTop" type="button"><i class="fas fa-bars"></i></button><a class="no_display" href="/">
<div class="d-flex align-items-center" style="display: inline-flex;"><img src="assets/img/favicon-32x32.png" width="32px" height="32px">
<h1 style="color: rgb(0,0,0);margin-bottom: 0px;margin-left: 10px;">Linkr/</h1>
</div>
</a>
<ul class="navbar-nav flex-nowrap ms-auto">
<li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
<div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
<form class="me-auto navbar-search w-100">
<div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
<div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
</div>
</form>
</div>
</li>
<li class="nav-item dropdown no-arrow">
<div class="nav-item dropdown no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><span style="margin-right: 10px;"><span style="color: rgb(0, 0, 0);">{{domain}}</span></span><img class="border rounded-circle img-profile" src="{{avatar}}"></a>
<div class="dropdown-menu shadow dropdown-menu-end animated--grow-in"><a class="dropdown-item" href="/logout"><i class="fas fa-sign-out-alt fa-sm fa-fw me-2 text-gray-400"></i>&nbsp;Logout</a></div>
</div>
</li>
</ul>
</div>
</nav>
<div class="container-fluid" style="margin-bottom: 100px;">
<div class="d-sm-flex justify-content-between align-items-center mb-4">
<h3 class="mb-0">Dashboard</h3>
<h3 class="mb-0" style="margin: auto;color: rgb(255,0,0);">{{message}}</h3>
</div>
<div class="row">
<div class="col-md-6 col-xl-3 mb-4">
<div class="card shadow border-start-primary py-2">
<div class="card-body">
<div class="row align-items-center no-gutters">
<div class="col me-2">
<div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>Links</span></div>
<div class="fw-bold h5 mb-0"><span>{{link_count}}</span></div>
</div>
<div class="col-auto"><i class="fas fa-link fa-2x text-gray-300"></i></div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xl-3 mb-4"><a class="no_display" href="https://l.woodburn.au/donate" target="_blank">
<div class="card shadow border-start-primary py-2">
<div class="card-body">
<div class="row align-items-center no-gutters">
<div class="col me-2">
<div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>Support</span></div>
<div class="fw-bold h5 mb-0"><span>Donate</span></div>
</div>
<div class="col-auto"><i class="fas fa-hands-helping fa-2x text-gray-300"></i></div>
</div>
</div>
</div>
</a></div>
</div>
<div class="row">
<div class="col-lg-7 col-xl-8">
<div class="card shadow mb-4">
<div class="card-header d-flex justify-content-between align-items-center">
<h6 class="text-primary fw-bold m-0">Links</h6>
</div>
<div class="card-body">{{links|safe}}</div>
</div>
</div>
<div class="col-lg-5 col-xl-4">
<div class="card shadow mb-4">
<div class="card-header d-flex justify-content-between align-items-center">
<h6 class="text-primary fw-bold m-0">New Link</h6>
</div>
<div class="card-body">
<form class="text-center" method="post">
<div class="text-end"><label class="form-label" style="display: inline-block;">https://{{host}}/</label><input class="form-control form-control-sm" type="text" style="margin-top: 10px;display: inline-block;width: auto;" name="link" required="" pattern="^[a-zA-Z0-9]+$"><span style="display: block;">Can only contain a-z 0-9</span></div>
<div class="text-end" style="margin-top: 20px;"><label class="form-label" style="display: inline-block;margin-right: 20px;">Links to</label><input class="form-control form-control-sm" type="text" style="margin-top: 10px;display: inline-block;width: auto;" placeholder="URL" name="url" required=""></div><input class="btn btn-primary" type="submit" style="margin: 10px;" value="Create" data-umami-event="Created Link">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="bg-white sticky-footer" style="background: #000000;position: absolute;">
<div class="container my-auto" style="color: rgb(0,0,0);">
<div class="text-center my-auto copyright"><span style="font-size: 20px;">Copyright © Nathan.Woodburn/ 2023</span></div>
</div>
</footer>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://nathan.woodburn/https.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>