kaufi/kantinen-wrapper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: correct day header status logic and text color (v1.8.4)

Browse Source
This commit is contained in:
Michael Kaufmann
2026-02-13 11:06:22 +01:00
parent 3500790b5d
commit 7008b40987
6 changed files with 56 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
dist/bookmarklet-payload.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/bookmarklet.txt vendored
View File

File diff suppressed because one or more lines are too long

2
dist/install.html vendored
View File

File diff suppressed because one or more lines are too long

38
dist/kantine-standalone.html vendored
View File

@@ -1116,6 +1116,7 @@ body {
box-shadow: 0 0 10px rgba(16, 185, 129, 0.3); box-shadow: 0 0 10px rgba(16, 185, 129, 0.3);
} }
} }
/* Day Header Badges */ /* Day Header Badges */
.day-header-left { .day-header-left {
display: flex; display: flex;
@@ -1126,7 +1127,8 @@ body {
.menu-code-badge { .menu-code-badge {
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 700; font-weight: 700;
color: #8b5cf6; /* Violet 500 */ color: #8b5cf6;
/* Violet 500 */
background-color: rgba(139, 92, 246, 0.15); background-color: rgba(139, 92, 246, 0.15);
border: 1px solid rgba(139, 92, 246, 0.3); border: 1px solid rgba(139, 92, 246, 0.3);
padding: 2px 6px; padding: 2px 6px;
@@ -1136,33 +1138,45 @@ body {
} }
/* Detailed Badge Colors */ /* Detailed Badge Colors */
.nav-badge.badge-violet { background-color: #8b5cf6; } .nav-badge.badge-violet {
.nav-badge.badge-green { background-color: var(--success-color); } background-color: #8b5cf6;
.nav-badge.badge-red { background-color: var(--error-color); } }
.nav-badge.badge-blue { background-color: var(--accent-color); }
.nav-badge.badge-green {
background-color: var(--success-color);
}
.nav-badge.badge-red {
background-color: var(--error-color);
}
.nav-badge.badge-blue {
background-color: var(--accent-color);
}
/* Day Header Status Colors (User Request) */ /* Day Header Status Colors (User Request) */
.card-header.header-violet { .card-header.header-violet {
background-color: rgba(139, 92, 246, 0.15); background-color: rgba(139, 92, 246, 0.15);
border-bottom: 2px solid #8b5cf6; border-bottom: 2px solid #8b5cf6;
color: #8b5cf6;
} }
.card-header.header-green { .card-header.header-green {
background-color: rgba(16, 185, 129, 0.15); background-color: rgba(16, 185, 129, 0.15);
border-bottom: 2px solid var(--success-color); border-bottom: 2px solid var(--success-color);
color: var(--success-color);
} }
.card-header.header-red { .card-header.header-red {
background-color: rgba(239, 68, 68, 0.15); background-color: rgba(239, 68, 68, 0.15);
border-bottom: 2px solid var(--error-color); border-bottom: 2px solid var(--error-color);
color: var(--error-color);
} }
.card-header.header-violet .day-name, .card-header.header-violet .day-name,
.card-header.header-green .day-name, .card-header.header-green .day-name,
.card-header.header-red .day-name { .card-header.header-red .day-name {
font-weight: 700; font-weight: 700;
} color: var(--text-primary);
</style> /* Ensure text remains standard color */
} </style>
</head> </head>
<body> <body>
<script> <script>
@@ -2273,8 +2287,8 @@ body {
}); });
const hasOrderable = day.items && day.items.some(item => { const hasOrderable = day.items && day.items.some(item => {
// Logic from updateNextWeekBadge // Use pre-calculated available flag from loadMenuDataFromAPI calculation
return (item.amount_tracking === false) || (parseInt(item.available_amount) > 0); return item.available;
}); });
if (hasAnyOrder) { if (hasAnyOrder) {

4
kantine.js
View File

@@ -1105,8 +1105,8 @@
}); });
const hasOrderable = day.items && day.items.some(item => { const hasOrderable = day.items && day.items.some(item => {
// Logic from updateNextWeekBadge // Use pre-calculated available flag from loadMenuDataFromAPI calculation
return (item.amount_tracking === false) || (parseInt(item.available_amount) > 0); return item.available;
}); });
if (hasAnyOrder) { if (hasAnyOrder) {

33
style.css
View File

@@ -1105,6 +1105,7 @@ body {
box-shadow: 0 0 10px rgba(16, 185, 129, 0.3); box-shadow: 0 0 10px rgba(16, 185, 129, 0.3);
} }
} }
/* Day Header Badges */ /* Day Header Badges */
.day-header-left { .day-header-left {
display: flex; display: flex;
@@ -1115,7 +1116,8 @@ body {
.menu-code-badge { .menu-code-badge {
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 700; font-weight: 700;
color: #8b5cf6; /* Violet 500 */ color: #8b5cf6;
/* Violet 500 */
background-color: rgba(139, 92, 246, 0.15); background-color: rgba(139, 92, 246, 0.15);
border: 1px solid rgba(139, 92, 246, 0.3); border: 1px solid rgba(139, 92, 246, 0.3);
padding: 2px 6px; padding: 2px 6px;
@@ -1125,29 +1127,42 @@ body {
} }
/* Detailed Badge Colors */ /* Detailed Badge Colors */
.nav-badge.badge-violet { background-color: #8b5cf6; } .nav-badge.badge-violet {
.nav-badge.badge-green { background-color: var(--success-color); } background-color: #8b5cf6;
.nav-badge.badge-red { background-color: var(--error-color); } }
.nav-badge.badge-blue { background-color: var(--accent-color); }
.nav-badge.badge-green {
background-color: var(--success-color);
}
.nav-badge.badge-red {
background-color: var(--error-color);
}
.nav-badge.badge-blue {
background-color: var(--accent-color);
}
/* Day Header Status Colors (User Request) */ /* Day Header Status Colors (User Request) */
.card-header.header-violet { .card-header.header-violet {
background-color: rgba(139, 92, 246, 0.15); background-color: rgba(139, 92, 246, 0.15);
border-bottom: 2px solid #8b5cf6; border-bottom: 2px solid #8b5cf6;
color: #8b5cf6;
} }
.card-header.header-green { .card-header.header-green {
background-color: rgba(16, 185, 129, 0.15); background-color: rgba(16, 185, 129, 0.15);
border-bottom: 2px solid var(--success-color); border-bottom: 2px solid var(--success-color);
color: var(--success-color);
} }
.card-header.header-red { .card-header.header-red {
background-color: rgba(239, 68, 68, 0.15); background-color: rgba(239, 68, 68, 0.15);
border-bottom: 2px solid var(--error-color); border-bottom: 2px solid var(--error-color);
color: var(--error-color);
} }
.card-header.header-violet .day-name, .card-header.header-violet .day-name,
.card-header.header-green .day-name, .card-header.header-green .day-name,
.card-header.header-red .day-name { .card-header.header-red .day-name {
font-weight: 700; font-weight: 700;
} color: var(--text-primary);
/* Ensure text remains standard color */
}