dg/grotti
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Grotti 3.6.0: Lauf-Identität nach Filament-Pause, robustere Queue, Projekte/Aufträge list-first und API-Polish.

Browse Source
This commit is contained in:
Dominic Gundel committed 2026-10-25 08:24:24 +01:00
1 parent d1eb87ba25
commit 2b1e36634a
53 files changed
+4254 -636
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

web/static/grotti.css
+177 -4
View File
@@ -396,6 +396,9 @@ body.shelf [data-role="hero"] { font-size: 1.35rem; }
min-width: 0;
}
.live-page {
margin-left: auto;
margin-right: auto;
max-width: 36rem;
}
.jetzt-eta {
@@ -548,7 +551,16 @@ button.warn:hover { background: var(--st-error-soft); filter: none; }
background: rgba(255, 255, 255, 0.025);
overflow: hidden;
}
.queue-box.is-empty { display: none; }
.live-pop .queue-box.is-empty { display: none; }
.live-page .queue-box.is-empty { display: block; }
.queue-empty {
list-style: none;
margin: 0;
padding: 0.85rem 0.7rem 1rem;
color: var(--muted);
font-size: var(--t-sm);
text-align: center;
}
.queue-box[open] { border-color: var(--line); }
.run-stack {
flex: none;
@@ -613,6 +625,8 @@ h2.queue-title { font-size: var(--t-xs); }
}
.icon-btn:hover { color: var(--ink); background: rgba(255, 255, 255, 0.06); filter: none; }
.icon-btn.danger:hover { color: var(--st-error); background: var(--st-error-soft); }
.ghost.tiny-btn.danger { color: var(--st-error); }
.ghost.tiny-btn.danger:hover { background: var(--st-error-soft); }
.queue-list { list-style: none; margin: 0; padding: 0 0.4rem 0.45rem; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.35rem; }
.queue-list > li { min-width: 0; }
.queue-empty {
@@ -895,6 +909,22 @@ h2 { font-size: 0.95rem; margin: 0 0 0.65rem; letter-spacing: -0.02em; font-weig
flex: 0 1 auto;
width: auto;
}
.stat-more {
border: 1px solid var(--line);
border-radius: 10px;
padding: 0.35rem 0.65rem 0.55rem;
background: rgba(255, 255, 255, 0.02);
}
.stat-more > summary {
list-style: none;
cursor: pointer;
color: var(--muted);
font-size: var(--t-sm);
font-weight: 650;
padding: 0.25rem 0;
}
.stat-more > summary::-webkit-details-marker { display: none; }
.stat-more[open] > summary { margin-bottom: 0.45rem; }
.stat-filters {
display: flex;
flex-wrap: wrap;
@@ -1328,6 +1358,15 @@ article.printer {
}
main > .card { margin-bottom: 0.85rem; }
.split { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 1rem; align-items: start; }
.edit-split { grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.95fr); }
.edit-split.is-idle { grid-template-columns: 1fr; }
.edit-panel { position: sticky; top: calc(var(--topbar-h) + 0.75rem); }
.cell-path {
max-width: 14rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0.55rem 0.75rem; }
.field { display: grid; gap: 0.28rem; min-width: 0; }
.field > label, .field-label {
@@ -2291,6 +2330,45 @@ body.desk-on main {
.strip.stopped .strip-actions button.ghost { color: #fecaca; border-color: rgba(248, 113, 113, 0.4); }
.waiting-note { font-size: var(--t-xs); color: var(--muted); display: flex; align-items: center; gap: 0.35rem; }
.waiting-note b { color: var(--accent); }
.desk-next {
margin-top: 0.65rem;
padding: 0.55rem 0.6rem;
border: 1px solid var(--line);
border-radius: var(--radius-sm);
background: rgba(255, 255, 255, 0.02);
display: grid;
gap: 0.45rem;
}
.desk-next-head {
display: flex;
align-items: center;
gap: 0.35rem;
font-weight: 650;
font-size: var(--t-sm);
}
.desk-next-row {
display: flex;
align-items: center;
gap: 0.35rem;
}
.desk-next-row .grow {
display: flex;
flex-direction: column;
gap: 0.05rem;
min-width: 0;
}
.desk-next-row .grow span,
.desk-next-row .grow b {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.desk-next-files {
display: grid;
gap: 0.3rem;
padding-top: 0.25rem;
border-top: 1px solid var(--line);
}
.segmented {
display: inline-grid;
@@ -2461,7 +2539,7 @@ article.machine.flash { animation: flash 2s var(--ease); }
margin: 0;
padding: 0.35rem 0.5rem;
}
@media (min-width: 1100px) {
@media (min-width: 1280px) {
.lib-tools { flex-wrap: nowrap; }
.lib-tools .search-wrap { max-width: 12rem; }
}
@@ -2638,11 +2716,49 @@ label.button:hover { background: rgba(255, 255, 255, 0.04); }
text-decoration: none;
color: inherit;
}
.proj-file { flex-direction: column; align-items: flex-start; gap: 0.15rem; }
.proj-file { flex-direction: column; align-items: flex-start; gap: 0.15rem; flex: 1 1 auto; min-width: 0; }
.proj-file:hover, .proj-asset:hover { border-color: var(--line-strong); }
.proj-asset a { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
.proj-asset .tiny { flex: none; color: var(--muted); }
.proj-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr));
gap: 0.45rem;
margin: 0.75rem 0 0.35rem;
}
.proj-stat {
padding: 0.45rem 0.55rem;
border: 1px solid var(--line);
border-radius: var(--radius-sm);
background: rgba(255, 255, 255, 0.02);
display: flex;
flex-direction: column;
gap: 0.1rem;
}
.proj-stat strong { font-size: var(--t-sm); }
.proj-file-row {
display: flex;
align-items: center;
gap: 0.45rem;
}
.proj-file-row .ghost { flex: none; }
.focus-flash {
outline: 2px solid var(--accent);
outline-offset: 2px;
border-radius: var(--radius-sm);
animation: focus-flash-fade 2.4s var(--ease) forwards;
}
@keyframes focus-flash-fade {
0% { outline-color: var(--accent); }
70% { outline-color: var(--accent); }
100% { outline-color: transparent; }
}
a.lib-proj {
color: var(--accent);
text-decoration: none;
}
a.lib-proj:hover { text-decoration: underline; }
.lib-card { position: relative; transition: box-shadow 0.2s var(--ease); }
.lib-card.drop { box-shadow: 0 0 0 2px var(--accent), var(--shadow); }
.drop-hint { margin: 0.6rem 0 0; font-size: var(--t-xs); color: var(--faint); text-align: center; }
@@ -2790,11 +2906,17 @@ label.button:hover { background: rgba(255, 255, 255, 0.04); }
@media (max-width: 1080px) {
.send-layout { grid-template-columns: 1fr; }
.send-panel { position: static; }
.split, .edit-split, .mat-split { grid-template-columns: 1fr; }
.edit-panel, .mat-form { position: static; }
.doc-layout { grid-template-columns: 1fr; }
.doc-toc { position: static; display: flex; flex-wrap: wrap; gap: 0.3rem; padding-bottom: 0.9rem; border-bottom: 1px solid var(--line); }
.doc-toc p { display: none; }
.doc-toc a { border: 1px solid var(--line-strong); border-radius: 99px; padding: 0.22rem 0.65rem; font-size: var(--t-xs); }
.doc-toc a.on { border-radius: 99px; border-color: rgba(249, 115, 22, 0.55); }
.proto-table th:nth-child(4),
.proto-table th:nth-child(5),
.proto-table td:nth-child(4),
.proto-table td:nth-child(5) { display: none; }
}
@media (max-width: 960px) {
@@ -2832,7 +2954,11 @@ label.button:hover { background: rgba(255, 255, 255, 0.04); }
.send-panel, .doc-toc { top: 1rem; }
.sidebar { border-right: 0; border-bottom: 1px solid var(--line); }
.live-bar { display: none; }
.split, .grid-2 { grid-template-columns: 1fr; }
.grid-2 { grid-template-columns: 1fr; }
.proto-table th:nth-child(6),
.proto-table th:nth-child(8),
.proto-table td:nth-child(6),
.proto-table td.proto-spool { display: none; }
.fleet { grid-template-columns: 1fr; }
main { padding: 1rem 0.85rem 2rem; }
.hero-main { font-size: 1.4rem; }
@@ -3049,6 +3175,16 @@ ul.plain li:last-child { border-bottom: 0; }
gap: 0.35rem;
margin-bottom: 0.75rem;
}
.mobile-more-sheet .nav-label {
margin: 0.45rem 0 0.1rem;
padding: 0 0.25rem;
font-size: var(--t-xs);
color: var(--faint);
text-transform: uppercase;
letter-spacing: 0.04em;
font-weight: 700;
}
.mobile-more-sheet .nav-label:first-child { margin-top: 0; }
.mobile-more-sheet a {
display: block;
padding: 0.65rem 0.75rem;
@@ -3480,6 +3616,36 @@ td .cell-file {
margin-top: 0.15rem;
opacity: 0.85;
}
.proto-table td.proto-file .warn-text {
color: var(--warn, #b45309);
margin-top: 0.2rem;
}
.proto-actions {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
justify-content: flex-end;
}
.proto-help {
margin: 0.35rem 0 0;
max-width: 36rem;
}
.proto-help summary {
cursor: pointer;
color: var(--muted);
}
.proto-help p { margin: 0.35rem 0 0; color: var(--muted); }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.proto-table td.proto-spool {
overflow: hidden;
text-overflow: ellipsis;
@@ -3493,6 +3659,13 @@ td.actions-cell {
text-align: right;
}
td.actions-cell .icon-btn { vertical-align: middle; }
td.actions-cell .act-label { margin-left: 0.15rem; font-size: var(--t-xs); }
td.actions-cell .ghost.tiny-btn.with-label {
display: inline-flex;
align-items: center;
gap: 0.2rem;
vertical-align: middle;
}
button.is-busy { position: relative; color: transparent !important; pointer-events: none; }
button.is-busy::after {
web/static/ui.js
+50
View File
@@ -374,6 +374,56 @@ function renderPager(el, state, onPage) {
el.querySelector(".pager-next").onclick = () => onPage(s.page + 1);
}
/**
* Einheitliche Querverlinkung zwischen Seiten.
* @param {"datei"|"projekt"|"spule"|"auftrag"|"lauf"|"drucker"} kind
* @param {string|number} id
* @param {string} [label]
* @returns {string} HTML-Anker oder escaped Text
*/
function linkTo(kind, id, label) {
const text = escapeHtml(label == null || label === "" ? String(id ?? "") : String(label));
if (id == null || id === "") return text;
const enc = encodeURIComponent(String(id));
let href = "";
switch (kind) {
case "datei":
href = "/dateien?file=" + enc;
break;
case "projekt":
href = "/projekte#" + enc;
break;
case "spule":
href = "/material?spule=" + enc;
break;
case "auftrag":
href = "/auftraege#" + enc;
break;
case "lauf":
href = "/protokoll/" + enc;
break;
case "drucker":
href = "/#" + enc;
break;
default:
return text;
}
return '<a href="' + href + '">' + text + "</a>";
}
/** Hash/Query-Fokus: Element hervorheben und scrollen. */
function focusById(id, opts) {
if (!id) return null;
const el = document.getElementById(id) || document.querySelector('[data-id="' + CSS.escape(String(id)) + '"]');
if (!el) return null;
el.classList.add("focus-flash");
el.scrollIntoView({ behavior: (opts && opts.behavior) || "smooth", block: "center" });
setTimeout(() => el.classList.remove("focus-flash"), 2400);
return el;
}
window.DEFAULT_PAGE_SIZE = DEFAULT_PAGE_SIZE;
window.pageSlice = pageSlice;
window.renderPager = renderPager;
window.linkTo = linkTo;
window.focusById = focusById;