Removed internal ticketing features, made this a github/discord API tool instead
This commit is contained in:
@@ -4,98 +4,150 @@
|
|||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||||
<title>{% block title %}{{ brand }}{% endblock %}</title>
|
<title>{% block title %}{{ brand }}{% endblock %}</title>
|
||||||
|
|
||||||
<link rel="icon" href="{{ url_for('favicon') }}">
|
<link rel="icon" href="{{ url_for('favicon') }}">
|
||||||
<script src="https://cdn.tailwindcss.com"></script>
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
:root { --bt-accent: {{ accent|default('#9b5cf6') }}; }
|
:root {
|
||||||
.nav-link { @apply text-white/80 text-sm font-medium px-3 py-2 rounded-lg transition hover:text-white hover:bg-white/10; }
|
--bt-accent: {{ accent|default('#9b5cf6') }};
|
||||||
.nav-cta { @apply font-semibold text-black px-3 py-2 rounded-lg; background: var(--bt-accent); }
|
}
|
||||||
.nav-cta:hover { filter: brightness(0.95); }
|
|
||||||
.nav-active { @apply text-white bg-white/10; }
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="bg-[#080812] text-white min-h-screen flex flex-col">
|
<body class="bg-[#080812] text-white min-h-screen flex flex-col">
|
||||||
|
|
||||||
<!-- NAVBAR -->
|
<!-- NAVBAR -->
|
||||||
<header class="sticky top-0 z-40 backdrop-blur-md bg-[#0a0a15]/80 border-b border-white/10">
|
<header class="sticky top-0 z-40 backdrop-blur-md bg-[#0a0a15]/80 border-b border-white/10">
|
||||||
<div class="max-w-7xl mx-auto px-4 md:px-6">
|
<div class="max-w-7xl mx-auto px-4 md:px-6">
|
||||||
<!-- increased height + breathing room -->
|
|
||||||
<div class="h-16 flex items-center justify-between gap-4">
|
<div class="h-16 flex items-center justify-between gap-4">
|
||||||
|
|
||||||
<!-- Brand -->
|
<!-- Brand -->
|
||||||
<a href="{{ url_for('tickets') }}" class="shrink-0 text-lg md:text-xl font-bold tracking-tight flex items-center gap-1">
|
<a href="{{ url_for('dashboard') }}"
|
||||||
<span>Buff</span><span style="color:var(--bt-accent)">TEKS</span>
|
class="shrink-0 text-lg md:text-xl font-bold tracking-tight flex items-center gap-1">
|
||||||
|
<span>Buff</span>
|
||||||
|
<span style="color:var(--bt-accent)">TEKS</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
{% set u = session.get('discord_user') %}
|
{% set u = session.get('discord_user') %}
|
||||||
<!-- Desktop nav -->
|
|
||||||
<nav class="hidden md:flex items-center gap-3">
|
|
||||||
<a href="{{ url_for('tickets') }}" class="nav-link {% if request.endpoint == 'tickets' %}nav-active{% endif %}">Tickets</a>
|
|
||||||
{% if u and 'admin' in (u.get('site_roles') or []) %}
|
|
||||||
<a href="{{ url_for('admin_new_ticket') }}" class="nav-link {% if request.endpoint == 'admin_new_ticket' %}nav-active{% endif %}">New Ticket</a>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<!-- visual divider before auth area -->
|
<!-- Desktop Nav -->
|
||||||
<span class="h-6 w-px bg-white/10 mx-1"></span>
|
<nav class="hidden md:flex items-center gap-3">
|
||||||
|
|
||||||
|
<a href="{{ url_for('dashboard') }}"
|
||||||
|
class="text-white/80 text-sm font-medium px-3 py-2 rounded-lg transition hover:text-white hover:bg-white/10
|
||||||
|
{% if request.endpoint == 'dashboard' %}text-white bg-white/10{% endif %}">
|
||||||
|
Dashboard
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
{% if u %}
|
{% if u %}
|
||||||
<span class="text-white/60 text-sm px-1 md:px-2">Signed in as <b class="font-semibold" style="color:var(--bt-accent)">{{ u.username }}</b></span>
|
<span class="text-white/60 text-sm px-1 md:px-2">
|
||||||
<a href="{{ url_for('logout') }}" class="nav-link">Log out</a>
|
Signed in as
|
||||||
|
<b class="font-semibold" style="color:var(--bt-accent)">
|
||||||
|
{{ u.username }}
|
||||||
|
</b>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<a href="{{ url_for('logout') }}"
|
||||||
|
class="text-white/80 text-sm font-medium px-3 py-2 rounded-lg transition hover:text-white hover:bg-white/10">
|
||||||
|
Log out
|
||||||
|
</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a href="{{ url_for('discord_login') }}" class="nav-cta">Sign in</a>
|
<a href="{{ url_for('discord_login') }}"
|
||||||
|
class="font-semibold text-black px-3 py-2 rounded-lg"
|
||||||
|
style="background:var(--bt-accent)">
|
||||||
|
Sign in
|
||||||
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<!-- Mobile hamburger (force visible) -->
|
<!-- Mobile Toggle -->
|
||||||
<button id="navToggle" class="md:hidden inline-flex items-center justify-center w-10 h-10 rounded-lg text-white hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white/20" aria-label="Toggle menu" aria-expanded="false">
|
<button id="navToggle"
|
||||||
<!-- use stroked paths so they pop on dark bg -->
|
class="md:hidden inline-flex items-center justify-center w-10 h-10 rounded-lg
|
||||||
<svg id="iconOpen" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
text-white hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white/20"
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"/>
|
aria-label="Toggle menu"
|
||||||
|
aria-expanded="false">
|
||||||
|
|
||||||
|
<svg id="iconOpen" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
class="h-6 w-6" fill="none" viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor" stroke-width="2">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
d="M4 6h16M4 12h16M4 18h16" />
|
||||||
</svg>
|
</svg>
|
||||||
<svg id="iconClose" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
|
<svg id="iconClose" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
class="h-6 w-6 hidden" fill="none" viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor" stroke-width="2">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
d="M6 18L18 6M6 6l12 12" />
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Mobile menu -->
|
<!-- Mobile Menu -->
|
||||||
<div id="mobileMenu" class="hidden md:hidden border-t border-white/10 bg-[#0b0b17]/95 shadow-2xl">
|
<div id="mobileMenu"
|
||||||
|
class="hidden md:hidden border-t border-white/10 bg-[#0b0b17]/95 shadow-2xl transition-all duration-200">
|
||||||
<div class="max-w-7xl mx-auto px-4 md:px-6 py-4 flex flex-col gap-2">
|
<div class="max-w-7xl mx-auto px-4 md:px-6 py-4 flex flex-col gap-2">
|
||||||
<a href="{{ url_for('tickets') }}" class="nav-link {% if request.endpoint == 'tickets' %}nav-active{% endif %}">Tickets</a>
|
|
||||||
{% if u and 'admin' in (u.get('site_roles') or []) %}
|
<a href="{{ url_for('dashboard') }}"
|
||||||
<a href="{{ url_for('admin_new_ticket') }}" class="nav-link {% if request.endpoint == 'admin_new_ticket' %}nav-active{% endif %}">New Ticket</a>
|
class="text-white/80 text-sm font-medium px-3 py-2 rounded-lg transition hover:text-white hover:bg-white/10
|
||||||
{% endif %}
|
{% if request.endpoint == 'dashboard' %}text-white bg-white/10{% endif %}">
|
||||||
|
Dashboard
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
<span class="h-px bg-white/10 my-1"></span>
|
<span class="h-px bg-white/10 my-1"></span>
|
||||||
|
|
||||||
{% if u %}
|
{% if u %}
|
||||||
<div class="px-3 text-sm text-white/60">Signed in as <b class="text-white">{{ u.username }}</b></div>
|
<div class="px-3 text-sm text-white/60">
|
||||||
<a href="{{ url_for('logout') }}" class="nav-link">Log out</a>
|
Signed in as <b class="text-white">{{ u.username }}</b>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="{{ url_for('logout') }}"
|
||||||
|
class="text-white/80 text-sm font-medium px-3 py-2 rounded-lg transition hover:text-white hover:bg-white/10">
|
||||||
|
Log out
|
||||||
|
</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a href="{{ url_for('discord_login') }}" class="nav-cta w-fit">Sign in</a>
|
<a href="{{ url_for('discord_login') }}"
|
||||||
|
class="font-semibold text-black px-3 py-2 rounded-lg w-fit"
|
||||||
|
style="background:var(--bt-accent)">
|
||||||
|
Sign in
|
||||||
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!-- MAIN (added a touch more top padding so content isn't crowded) -->
|
<!-- MAIN -->
|
||||||
<main class="flex-1 max-w-7xl w-full mx-auto px-4 md:px-6 py-10">
|
<main class="flex-1 max-w-7xl w-full mx-auto px-4 md:px-6 py-10">
|
||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
<!-- FOOTER -->
|
||||||
<footer class="text-center py-6 text-white/40 text-sm border-t border-white/10">
|
<footer class="text-center py-6 text-white/40 text-sm border-t border-white/10">
|
||||||
© {{ brand }} · Built in-house by student engineers
|
© {{ brand }} · Built in-house by student engineers
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
<!-- Mobile Nav Script -->
|
||||||
<script>
|
<script>
|
||||||
const toggle = document.getElementById('navToggle');
|
const toggle = document.getElementById('navToggle');
|
||||||
const menu = document.getElementById('mobileMenu');
|
const menu = document.getElementById('mobileMenu');
|
||||||
const openIcon = document.getElementById('iconOpen');
|
const openIcon = document.getElementById('iconOpen');
|
||||||
const closeIcon = document.getElementById('iconClose');
|
const closeIcon = document.getElementById('iconClose');
|
||||||
|
|
||||||
toggle?.addEventListener('click', () => {
|
toggle?.addEventListener('click', () => {
|
||||||
menu.classList.toggle('hidden');
|
menu.classList.toggle('hidden');
|
||||||
|
|
||||||
const expanded = toggle.getAttribute('aria-expanded') === 'true';
|
const expanded = toggle.getAttribute('aria-expanded') === 'true';
|
||||||
toggle.setAttribute('aria-expanded', (!expanded).toString());
|
toggle.setAttribute('aria-expanded', (!expanded).toString());
|
||||||
|
|
||||||
openIcon.classList.toggle('hidden');
|
openIcon.classList.toggle('hidden');
|
||||||
closeIcon.classList.toggle('hidden');
|
closeIcon.classList.toggle('hidden');
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|||||||
230
templates/dashboard.html
Normal file
230
templates/dashboard.html
Normal file
@@ -0,0 +1,230 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
{% block title %}Dashboard · {{ brand }}{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<section class="space-y-8">
|
||||||
|
|
||||||
|
<!-- Header -->
|
||||||
|
<header class="flex flex-col md:flex-row md:items-end md:justify-between gap-4">
|
||||||
|
<div>
|
||||||
|
<h1 class="text-3xl md:text-4xl font-extrabold tracking-tight">
|
||||||
|
GitHub Dashboard
|
||||||
|
</h1>
|
||||||
|
<p class="text-white/60 mt-1">
|
||||||
|
Live view of active BuffTEKS projects
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Main Grid -->
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-[2fr_1fr] gap-6">
|
||||||
|
|
||||||
|
<!-- LEFT: Repo Grid -->
|
||||||
|
<div class="grid grid-cols-1 gap-6">
|
||||||
|
{% for repo, data in repos.items() %}
|
||||||
|
<article class="rounded-2xl border border-white/10 bg-white/5 hover:border-white/20 transition shadow-lg">
|
||||||
|
|
||||||
|
<!-- Repo Header -->
|
||||||
|
<div class="p-5 border-b border-white/10 flex items-center justify-between gap-4">
|
||||||
|
<div>
|
||||||
|
<h2 class="text-xl font-semibold tracking-tight">
|
||||||
|
{{ repo.split('/')[-1] }}
|
||||||
|
</h2>
|
||||||
|
<p class="text-sm text-white/50">
|
||||||
|
{{ repo }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="https://github.com/{{ repo }}"
|
||||||
|
target="_blank"
|
||||||
|
class="text-sm px-3 py-2 rounded-lg bg-white/10 hover:bg-white/20 transition">
|
||||||
|
Open Repo →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Stats -->
|
||||||
|
<div class="grid grid-cols-2 gap-4 p-5 border-b border-white/10">
|
||||||
|
<div class="rounded-xl bg-black/30 p-4">
|
||||||
|
<div class="text-sm text-white/50">Open Issues</div>
|
||||||
|
<div class="text-2xl font-bold mt-1">
|
||||||
|
{{ data.issues|length }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="rounded-xl bg-black/30 p-4">
|
||||||
|
<div class="text-sm text-white/50">Open PRs</div>
|
||||||
|
<div class="text-2xl font-bold mt-1">
|
||||||
|
{{ data.prs|length }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Issues -->
|
||||||
|
<div class="p-5">
|
||||||
|
<h3 class="text-sm uppercase tracking-wide text-white/50 mb-2">
|
||||||
|
Issues
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
{% if data.issues %}
|
||||||
|
<ul class="space-y-2">
|
||||||
|
{% for i in data.issues[:5] %}
|
||||||
|
<li>
|
||||||
|
<a href="{{ i.html_url }}"
|
||||||
|
target="_blank"
|
||||||
|
class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 bg-black/30 hover:bg-black/50 transition">
|
||||||
|
<span class="truncate">
|
||||||
|
<span class="text-white/40 mr-2">#{{ i.number }}</span>
|
||||||
|
{{ i.title }}
|
||||||
|
</span>
|
||||||
|
<span class="text-xs text-white/40">Issue</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
{% else %}
|
||||||
|
<div class="text-sm text-white/40 italic">
|
||||||
|
No open issues 🎉
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- PRs -->
|
||||||
|
<div class="p-5 pt-0">
|
||||||
|
<h3 class="text-sm uppercase tracking-wide text-white/50 mb-2">
|
||||||
|
Pull Requests
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
{% if data.prs %}
|
||||||
|
<ul class="space-y-2">
|
||||||
|
{% for p in data.prs[:5] %}
|
||||||
|
<li>
|
||||||
|
<a href="{{ p.html_url }}"
|
||||||
|
target="_blank"
|
||||||
|
class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 bg-black/30 hover:bg-black/50 transition">
|
||||||
|
<span class="truncate">
|
||||||
|
<span class="text-white/40 mr-2">#{{ p.number }}</span>
|
||||||
|
{{ p.title }}
|
||||||
|
</span>
|
||||||
|
<span class="text-xs text-white/40">PR</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
{% else %}
|
||||||
|
<div class="text-sm text-white/40 italic">
|
||||||
|
No open pull requests
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</article>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- RIGHT: Fun Console -->
|
||||||
|
<aside class="hidden lg:flex flex-col gap-4 sticky top-24 h-fit">
|
||||||
|
|
||||||
|
<div class="rounded-2xl border border-white/10 bg-white/5 p-5 space-y-4">
|
||||||
|
<h3 class="font-semibold text-lg">Very Important Stuff</h3>
|
||||||
|
|
||||||
|
<button onclick="startDisco()"
|
||||||
|
class="w-full px-3 py-2 rounded-lg bg-white/10 hover:bg-white/20 transition">
|
||||||
|
Disco Mode
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button onclick="deployConfetti()"
|
||||||
|
class="w-full px-3 py-2 rounded-lg bg-white/10 hover:bg-white/20 transition">
|
||||||
|
Deploy Confetti
|
||||||
|
</button>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="pt-2 text-xs text-white/40">
|
||||||
|
Tip: ↑ ↑ ↓ ↓ ← → ← → B A
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Fun + Konami Scripts -->
|
||||||
|
<script>
|
||||||
|
/* ───── Konami Code ───── */
|
||||||
|
const KONAMI = [
|
||||||
|
"ArrowUp","ArrowUp","ArrowDown","ArrowDown",
|
||||||
|
"ArrowLeft","ArrowRight","ArrowLeft","ArrowRight",
|
||||||
|
"b","a"
|
||||||
|
];
|
||||||
|
let buffer = [];
|
||||||
|
|
||||||
|
window.addEventListener("keydown", e => {
|
||||||
|
buffer.push(e.key);
|
||||||
|
buffer = buffer.slice(-KONAMI.length);
|
||||||
|
if (KONAMI.every((k,i) => k === buffer[i])) {
|
||||||
|
document.body.classList.add("konami");
|
||||||
|
alert("Why did Santa's helper see the doctor? Because he had a low *elf* esteem!");
|
||||||
|
buffer = [];
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/* ───── Disco Mode ───── */
|
||||||
|
let disco = null;
|
||||||
|
function startDisco() {
|
||||||
|
if (disco) {
|
||||||
|
clearInterval(disco);
|
||||||
|
disco = null;
|
||||||
|
document.documentElement.style.removeProperty('--bt-accent');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
disco = setInterval(() => {
|
||||||
|
document.documentElement.style.setProperty(
|
||||||
|
'--bt-accent',
|
||||||
|
`hsl(${Math.random()*360},90%,60%)`
|
||||||
|
);
|
||||||
|
}, 400);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ───── Confetti ───── */
|
||||||
|
function deployConfetti() {
|
||||||
|
for (let i=0;i<120;i++){
|
||||||
|
const c=document.createElement("div");
|
||||||
|
Object.assign(c.style,{
|
||||||
|
position:"fixed",
|
||||||
|
left:Math.random()*100+"vw",
|
||||||
|
top:"-10px",
|
||||||
|
width:"8px",
|
||||||
|
height:"8px",
|
||||||
|
background:`hsl(${Math.random()*360},90%,60%)`,
|
||||||
|
opacity:Math.random(),
|
||||||
|
zIndex:9999,
|
||||||
|
transition:"transform 2.5s, opacity 2.5s"
|
||||||
|
});
|
||||||
|
document.body.appendChild(c);
|
||||||
|
requestAnimationFrame(()=>{
|
||||||
|
c.style.transform=`translateY(110vh) rotate(${Math.random()*720}deg)`;
|
||||||
|
c.style.opacity=0;
|
||||||
|
});
|
||||||
|
setTimeout(()=>c.remove(),2500);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ───── Fake Discord Ping ───── */
|
||||||
|
function discordPing(){
|
||||||
|
["📡 Pinging Discord…","🟢 Webhook alive","⚡ BuffTEKS signal strong"]
|
||||||
|
.forEach((m,i)=>setTimeout(()=>console.log(m),i*500));
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body.konami {
|
||||||
|
animation: hue 3s linear infinite;
|
||||||
|
}
|
||||||
|
@keyframes hue {
|
||||||
|
from { filter: hue-rotate(0deg); }
|
||||||
|
to { filter: hue-rotate(360deg); }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
Reference in New Issue
Block a user