System-End/YSWS-Catalog
1
0
Fork 0
mirror of https://github.com/System-End/YSWS-Catalog.git synced 2026-04-19 19:55:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Rename 'upcoming' to 'draft' and update styles for draft status

Browse source
This commit is contained in:
PawiX25 2024-12-19 22:40:49 +01:00
parent 4df75b750b
commit 7769748be6
3 changed files with 27 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -26,7 +26,7 @@
<button class="filter-btn active" data-category="all">All</button>
<button class="filter-btn" data-category="active">Active</button>
<button class="filter-btn" data-category="ending-soon">Ending Soon</button>
<button class="filter-btn" data-category="upcoming">Drafts</button>
<button class="filter-btn" data-category="draft">Draft</button>
<button class="filter-btn" data-category="completed">Completed</button>
</div>

2
script.js
View file

@ -211,7 +211,7 @@ function sortPrograms(programs, sortType) {
return new Date(a.deadline) - new Date(b.deadline);
});
case 'status':
const statusOrder = { active: 0, upcoming: 1, completed: 2 };
const statusOrder = { active: 0, draft: 1, completed: 2 };
return flattened.sort((a, b) => statusOrder[a.status] - statusOrder[b.status]);
default:
return flattened;

25
styles.css
View file

@ -646,6 +646,31 @@ td {
color: var(--white);
}
.status-draft {
background-color: var(--yellow);
color: var(--black);
border: 1px dashed var(--text);
font-weight: var(--font-weight-bold);
background-size: 28.28px 28.28px;
animation: dash-animation 1s linear infinite;
background-image: repeating-linear-gradient(
45deg,
var(--yellow) 0,
var(--yellow) 10px,
var(--orange) 10px,
var(--orange) 20px
);
}
@keyframes dash-animation {
from {
background-position: 0 0;
}
to {
background-position: 28.28px 0;
}
}
.program-links {
margin-top: var(--spacing-2);
display: flex;