McPringle/fitpub
1
0
Fork 0
Code Issues 24 Pull requests 6 Projects Releases Packages Wiki Activity Actions

Nice things

Browse source
This commit is contained in:
Tim Zöller 2025-12-04 09:09:12 +01:00
parent facade014a
commit da7d58b548
11 changed files with 768 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/main/resources/templates/notifications.html
View file

@ -1,12 +1,10 @@
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<html lang="en"
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{layout}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Notifications - FitPub</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<link rel="stylesheet" th:href="@{/css/fitpub.css}">
<style>
.notification-item {
border-bottom: 1px solid #dee2e6;
@ -82,16 +80,6 @@
margin-left: 0.5rem;
}
.empty-notifications {
text-align: center;
padding: 4rem 2rem;
}
.empty-notifications i {
font-size: 4rem;
color: #dee2e6;
margin-bottom: 1rem;
}
.filter-tabs {
border-bottom: 1px solid #dee2e6;
@ -100,9 +88,8 @@
</style>
</head>
<body>
<div th:replace="~{layout :: header}"></div>
<div class="container mt-4">
<div layout:fragment="content">
<div class="container mt-4">
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="d-flex justify-content-between align-items-center mb-3">
@ -249,10 +236,12 @@
if (data.content.length === 0) {
container.innerHTML = `
<div class="empty-notifications">
<i class="bi bi-bell-slash"></i>
<h4>No notifications</h4>
<p class="text-muted">You're all caught up!</p>
<div class="empty-state empty-state-notifications">
<div class="empty-state-icon">
<i class="bi bi-bell-slash"></i>
</div>
<h4 class="empty-state-title">No notifications</h4>
<p class="empty-state-message">You're all caught up! Check back later for updates.</p>
</div>
`;
return;