TBNilles/workorders
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initialize work order management system with database schema, API handlers, web client, and Docker configuration.

Browse Source
This commit is contained in:
Thomas Nilles
2026-05-16 16:36:49 -04:00
parent f904431ec3
commit 18c722e5bc
3 changed files with 83 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/components/wo-form.mjs
+8 -7
View File
@@ -26,21 +26,22 @@ class WoForm extends HTMLElement {
:host { display: block; }
form { display: grid; gap: 1rem; }
.row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
label { display: flex; flex-direction: column; gap: .3rem; font-size: .9rem; font-weight: 600; color: #1a2e3b; }
label { display: flex; flex-direction: column; gap: .3rem; font-size: .9rem; font-weight: 600; color: var(--text); }
input, select, textarea {
border: 1px solid #e2ebf0; border-radius: 8px;
padding: .5rem .75rem; font-size: .95rem; background: #fff; color: #1a2e3b;
border: 1px solid var(--border); border-radius: 8px;
padding: .5rem .75rem; font-size: .95rem; background: var(--surface); color: var(--text);
color-scheme: inherit;
}
input:focus, select:focus, textarea:focus { outline: none; border-color: #0a7ea4; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--accent); }
textarea { resize: vertical; min-height: 80px; }
.actions { display: flex; gap: .75rem; justify-content: flex-end; }
button {
padding: .5rem 1.25rem; border: none; border-radius: 8px;
font-weight: 600; cursor: pointer;
}
.btn-primary { background: #0a7ea4; color: #fff; }
.btn-cancel { background: transparent; border: 1px solid #e2ebf0; color: #1a2e3b; }
.error { color: #c0392b; font-size: .85rem; }
.btn-primary { background: var(--accent); color: #fff; }
.btn-cancel { background: transparent; border: 1px solid var(--border); color: var(--text); }
.error { color: var(--danger); font-size: .85rem; }
</style>
<form>
<label>Title *<input name="title" required value="${wo.title || ''}"></label>
web/components/wo-list.mjs
+12 -12
View File
@@ -20,28 +20,28 @@ class WoList extends HTMLElement {
this.shadowRoot.innerHTML = `
<style>
:host { display: block; }
.empty { color: #64748b; text-align: center; padding: 3rem; }
.empty { color: var(--muted); text-align: center; padding: 3rem; }
.grid { display: grid; gap: .75rem; }
.card {
background: #fff; border: 1px solid #e2ebf0;
background: var(--surface); border: 1px solid var(--border);
border-radius: 8px; padding: 1rem 1.25rem;
cursor: pointer; display: grid;
grid-template-columns: 1fr auto; gap: .25rem 1rem;
transition: box-shadow .15s;
}
.card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.wo-num { font-size: .75rem; color: #64748b; }
.title { font-weight: 600; }
.meta { font-size: .8rem; color: #64748b; }
.card:hover { box-shadow: var(--shadow); }
.wo-num { font-size: .75rem; color: var(--muted); }
.title { font-weight: 600; color: var(--text); }
.meta { font-size: .8rem; color: var(--muted); }
.badge { display:inline-block; padding:.2rem .6rem; border-radius:999px;
font-size:.7rem; font-weight:700; text-transform:uppercase;
align-self: start; margin-top:.25rem; }
.draft { background:#e2e8f0; color:#475569; }
.assigned { background:#dbeafe; color:#1d4ed8; }
.scheduled { background:#fef3c7; color:#92400e; }
.in_progress { background:#d1fae5; color:#065f46; }
.pending_review { background:#ede9fe; color:#5b21b6; }
.closed { background:#f3f4f6; color:#6b7280; }
.draft { background:var(--badge-draft-bg); color:var(--badge-draft-text); }
.assigned { background:var(--badge-assigned-bg); color:var(--badge-assigned-text); }
.scheduled { background:var(--badge-scheduled-bg); color:var(--badge-scheduled-text); }
.in_progress { background:var(--badge-in_progress-bg); color:var(--badge-in_progress-text); }
.pending_review { background:var(--badge-pending_review-bg); color:var(--badge-pending_review-text); }
.closed { background:var(--badge-closed-bg); color:var(--badge-closed-text); }
</style>
${this.#data.length === 0
? '<div class="empty">No work orders found.</div>'