aknuth/invoice-system
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

Technician

Browse Source
This commit is contained in:
Andreas Knuth
2026-05-26 13:55:27 -05:00
parent 1885224a5a
commit f062bd8168
8 changed files with 216 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
public/index.html
View File

@@ -167,6 +167,23 @@
</button>
<div id="upload-status" class="mt-4"></div>
<hr class="my-8 border-gray-200">
<h3 class="text-xl font-semibold mb-4 text-gray-800">Invoice Workers</h3>
<p class="text-gray-600 mb-4">
Comma-separated list of workers available in the invoice "Worker" dropdown.
Example: <code class="bg-gray-100 px-1 rounded">Wallie, Elvin, Andreas</code>
</p>
<div class="mb-4">
<input type="text" id="workers-input"
class="w-full max-w-lg px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
placeholder="Wallie, Elvin, Andreas">
</div>
<button onclick="saveWorkerSettings()"
class="bg-green-600 hover:bg-green-700 text-white px-6 py-2 rounded-lg">
Save Worker List
</button>
<div id="workers-status" class="mt-4"></div>
<hr class="my-8 border-gray-200">
@@ -448,12 +465,21 @@
</div>
</div>
<div>
<div class="grid grid-cols-3 gap-4">
<div class="col-span-2">
<label class="block text-sm font-medium text-gray-700 mb-1">Authorization (optional)</label>
<input type="text" id="invoice-authorization"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
placeholder="P.O. Number, Authorization Code, etc.">
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">Worker</label>
<select id="invoice-worker"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
<option value="">— None —</option>
</select>
</div>
</div>
<div>
<div class="flex justify-between items-center mb-3">

40
public/js/modals/invoice-modal.js
View File

@@ -8,9 +8,35 @@
*/
import { addItem, getItems, resetItemCounter } from '../utils/item-editor.js';
import { setDefaultDate, showSpinner, hideSpinner } from '../utils/helpers.js';
import '../utils/api.js';
let currentInvoiceId = null;
let qboLaborRate = null;
let workerList = [];
export async function loadWorkers() {
try {
const result = await window.API.settings.get('invoice_workers');
if (result && result.value) {
workerList = result.value.split(',').map(w => w.trim()).filter(Boolean);
} else {
workerList = [];
}
populateWorkerDropdown();
console.log(`👷 ${workerList.length} Bearbeiter geladen`);
} catch (e) {
console.log('Worker-Liste konnte nicht geladen werden.');
}
}
function populateWorkerDropdown() {
const sel = document.getElementById('invoice-worker');
if (!sel) return;
const current = sel.value;
sel.innerHTML = `<option value="">— None —</option>` +
workerList.map(w => `<option value="${w}">${w}</option>`).join('');
if (current) sel.value = current;
}
export async function loadLaborRate() {
try {
@@ -180,6 +206,11 @@ async function loadInvoiceForEdit(invoiceId) {
document.getElementById('invoice-tax-exempt').checked = data.invoice.tax_exempt;
document.getElementById('invoice-bill-to-name').value = data.invoice.bill_to_name || '';
// Worker
populateWorkerDropdown();
const workerEl = document.getElementById('invoice-worker');
if (workerEl) workerEl.value = data.invoice.worker || '';
const sendDateEl = document.getElementById('invoice-send-date');
if (sendDateEl) {
sendDateEl.value = data.invoice.scheduled_send_date
@@ -227,6 +258,11 @@ function prepareNewInvoice() {
document.getElementById('invoice-number').value = '';
document.getElementById('invoice-send-date').value = '';
// Worker zurücksetzen
populateWorkerDropdown();
const workerEl = document.getElementById('invoice-worker');
if (workerEl) workerEl.value = '';
// Reset recurring
const recurringCb = document.getElementById('invoice-recurring');
const recurringGroup = document.getElementById('invoice-recurring-group');
@@ -278,6 +314,7 @@ export async function handleInvoiceSubmit(e) {
tax_exempt: document.getElementById('invoice-tax-exempt').checked,
scheduled_send_date: document.getElementById('invoice-send-date')?.value || null,
bill_to_name: document.getElementById('invoice-bill-to-name')?.value || null,
worker: document.getElementById('invoice-worker')?.value || null,
is_recurring: isRecurring,
recurring_interval: recurringInterval,
items: getItems('invoice-items')
@@ -315,6 +352,8 @@ export function initInvoiceModal() {
const form = document.getElementById('invoice-form');
if (form) form.addEventListener('submit', handleInvoiceSubmit);
loadWorkers(); // Bearbeiterliste laden
const taxExempt = document.getElementById('invoice-tax-exempt');
if (taxExempt) taxExempt.addEventListener('change', updateInvoiceTotals);
@@ -343,3 +382,4 @@ export function initInvoiceModal() {
window.openInvoiceModal = openInvoiceModal;
window.closeInvoiceModal = closeInvoiceModal;
window.addInvoiceItem = addInvoiceItem;
window.reloadInvoiceWorkers = loadWorkers;

8
public/js/utils/api.js
View File

@@ -212,7 +212,13 @@ const API = {
method: 'POST',
body: formData
}).then(r => r.json());
}
},
get: (key) => fetch(`/api/settings/${encodeURIComponent(key)}`).then(r => r.json()),
set: (key, value) => fetch(`/api/settings/${encodeURIComponent(key)}`, {
method: 'PUT',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ value })
}).then(r => r.json())
}
};

48
public/js/views/invoice-view.js
View File

@@ -5,6 +5,7 @@ let invoices = [];
let filterCustomer = localStorage.getItem('inv_filterCustomer') || '';
let filterStatus = localStorage.getItem('inv_filterStatus') || 'unpaid';
let groupBy = localStorage.getItem('inv_groupBy') || 'none';
let filterWorker = localStorage.getItem('inv_filterWorker') || '';
const OVERDUE_DAYS = 30;
@@ -194,6 +195,7 @@ function saveSettings() {
localStorage.setItem('inv_filterStatus', filterStatus);
localStorage.setItem('inv_groupBy', groupBy);
localStorage.setItem('inv_filterCustomer', filterCustomer);
localStorage.setItem('inv_filterWorker', filterWorker);
}
// ============================================================
@@ -237,6 +239,13 @@ function getFilteredInvoices() {
const s = filterCustomer.toLowerCase();
f = f.filter(i => (i.customer_name || '').toLowerCase().includes(s));
}
if (filterWorker) {
if (filterWorker === '__none__') {
f = f.filter(i => !i.worker);
} else {
f = f.filter(i => i.worker === filterWorker);
}
}
f.sort((a, b) => (parseLocalDate(b.invoice_date) || 0) - (parseLocalDate(a.invoice_date) || 0));
return f;
}
@@ -563,6 +572,13 @@ export function injectToolbar() {
class="px-3 py-1.5 border border-gray-300 rounded-md text-sm w-48 focus:ring-blue-500 focus:border-blue-500">
</div>
<div class="w-px h-8 bg-gray-300"></div>
<div class="flex items-center gap-2">
<label class="text-sm font-medium text-gray-700">Worker:</label>
<select id="invoice-filter-worker" class="px-3 py-1.5 border border-gray-300 rounded-md text-sm bg-white">
<option value="">All</option>
</select>
</div>
<div class="w-px h-8 bg-gray-300"></div>
<div class="flex items-center gap-2">
<label class="text-sm font-medium text-gray-700">Group:</label>
<select id="invoice-group-by" class="px-3 py-1.5 border border-gray-300 rounded-md text-sm bg-white">
@@ -592,6 +608,11 @@ export function injectToolbar() {
document.getElementById('invoice-group-by').addEventListener('change', (e) => {
groupBy = e.target.value; saveSettings(); renderInvoiceView();
});
// Worker-Filter befüllen und verdrahten
populateWorkerFilter();
document.getElementById('invoice-filter-worker').addEventListener('change', (e) => {
filterWorker = e.target.value; saveSettings(); renderInvoiceView();
});
}
// ============================================================
@@ -806,6 +827,33 @@ async function _saveSentDates(invoiceId) {
alert('Network error.');
}
}
async function populateWorkerFilter() {
const sel = document.getElementById('invoice-filter-worker');
if (!sel) return;
// Worker aus den geladenen Rechnungen
const fromInvoices = new Set(invoices.map(i => i.worker).filter(Boolean));
// Plus konfigurierte Liste aus Settings
try {
const result = await window.API.settings.get('invoice_workers');
if (result && result.value) {
result.value.split(',').map(w => w.trim()).filter(Boolean)
.forEach(w => fromInvoices.add(w));
}
} catch (e) { /* ignore */ }
const workers = [...fromInvoices].sort();
const hasNoWorker = invoices.some(i => !i.worker);
sel.innerHTML =
`<option value="">All</option>` +
workers.map(w => `<option value="${w}">${w}</option>`).join('') +
(hasNoWorker ? `<option value="__none__">— No worker —</option>` : '');
sel.value = filterWorker;
}
// ============================================================
// Expose
// ============================================================

37
public/js/views/settings-view.js
View File

@@ -2,6 +2,7 @@
* settings-view.js — Logo upload, QBO import, QBO connection test
* Extracted from app.js
*/
import '../utils/api.js';
let currentLogoFile = null;
@@ -69,6 +70,8 @@ export function initSettingsView() {
}
});
}
loadWorkerSettings();
}
export async function checkQboOverdue() {
@@ -175,8 +178,42 @@ export async function importFromQBO() {
btn.disabled = false;
}
}
export async function loadWorkerSettings() {
try {
const result = await window.API.settings.get('invoice_workers');
const input = document.getElementById('workers-input');
if (input) input.value = (result && result.value) ? result.value : '';
} catch (e) {
console.error('Error loading worker settings:', e);
}
}
export async function saveWorkerSettings() {
const input = document.getElementById('workers-input');
const statusEl = document.getElementById('workers-status');
if (!input) return;
const value = input.value.trim();
statusEl.innerHTML = '<p class="text-blue-600">Saving...</p>';
try {
const result = await window.API.settings.set('invoice_workers', value);
if (result.success) {
statusEl.innerHTML = '<p class="text-green-600">✓ Worker list saved.</p>';
// Dropdown im Invoice-Modal aktualisieren
if (typeof window.reloadInvoiceWorkers === 'function') {
window.reloadInvoiceWorkers();
}
} else {
statusEl.innerHTML = `<p class="text-red-600">✗ ${result.error || 'Save failed'}</p>`;
}
} catch (e) {
console.error('Error saving worker settings:', e);
statusEl.innerHTML = '<p class="text-red-600">✗ Save failed</p>';
}
}
// Expose for onclick handlers
window.uploadLogo = uploadLogo;
window.checkQboOverdue = checkQboOverdue;
window.importFromQBO = importFromQBO;
window.saveWorkerSettings = saveWorkerSettings;

2
src/index.js
View File

@@ -122,7 +122,7 @@ app.use('/api/invoices', invoiceRoutes);
app.use('/api/payments', paymentRoutes);
app.use('/api/qbo', qboRoutes);
app.use('/api/accounting', accountingRoutes);
app.use('/api', settingsRoutes);
app.use('/api/settings', settingsRoutes);
// Start server
async function startServer() {

23
src/routes/invoices.js
View File

@@ -135,7 +135,7 @@ router.get('/:id', async (req, res) => {
// POST create invoice
router.post('/', async (req, res) => {
const { invoice_number, customer_id, invoice_date, terms, auth_code, tax_exempt, items, scheduled_send_date, bill_to_name, created_from_quote_id, is_recurring, recurring_interval } = req.body;
const { invoice_number, customer_id, invoice_date, terms, auth_code, tax_exempt, items, scheduled_send_date, bill_to_name, created_from_quote_id, is_recurring, recurring_interval, worker } = req.body;
const client = await pool.connect();
try {
@@ -184,9 +184,9 @@ router.post('/', async (req, res) => {
const total = subtotal + tax_amount;
const next_recurring_date = is_recurring ? calculateNextRecurringDate(invoice_date, recurring_interval) : null;
const invoiceResult = await client.query(
`INSERT INTO invoices (invoice_number, customer_id, invoice_date, terms, auth_code, tax_exempt, tax_rate, subtotal, tax_amount, total, scheduled_send_date, bill_to_name, created_from_quote_id, is_recurring, recurring_interval, next_recurring_date)
VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14, $15, $16) RETURNING *`,
[tempNumber, customer_id, invoice_date, terms, auth_code, tax_exempt, tax_rate, subtotal, tax_amount, total, scheduled_send_date || null, bill_to_name || null, created_from_quote_id, is_recurring || false, recurring_interval || null, next_recurring_date]
`INSERT INTO invoices (invoice_number, customer_id, invoice_date, terms, auth_code, tax_exempt, tax_rate, subtotal, tax_amount, total, scheduled_send_date, bill_to_name, created_from_quote_id, is_recurring, recurring_interval, next_recurring_date, worker)
VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14, $15, $16, $17) RETURNING *`,
[tempNumber, customer_id, invoice_date, terms, auth_code, tax_exempt, tax_rate, subtotal, tax_amount, total, scheduled_send_date || null, bill_to_name || null, created_from_quote_id, is_recurring || false, recurring_interval || null, next_recurring_date, worker || null]
);
const invoiceId = invoiceResult.rows[0].id;
@@ -228,8 +228,7 @@ router.post('/', async (req, res) => {
// PUT update invoice
router.put('/:id', async (req, res) => {
const { id } = req.params;
const { invoice_number, customer_id, invoice_date, terms, auth_code, tax_exempt, items, scheduled_send_date, bill_to_name, is_recurring, recurring_interval } = req.body;
const { invoice_number, customer_id, invoice_date, terms, auth_code, tax_exempt, items, scheduled_send_date, bill_to_name, is_recurring, recurring_interval, worker } = req.body;
const client = await pool.connect();
try {
await client.query('BEGIN');
@@ -278,16 +277,16 @@ router.put('/:id', async (req, res) => {
if (invoice_number) {
await client.query(
`UPDATE invoices SET invoice_number = $1, customer_id = $2, invoice_date = $3, terms = $4, auth_code = $5, tax_exempt = $6,
tax_rate = $7, subtotal = $8, tax_amount = $9, total = $10, scheduled_send_date = $11, bill_to_name = $12, updated_at = CURRENT_TIMESTAMP
WHERE id = $13`,
[invoice_number, customer_id, invoice_date, terms, auth_code, tax_exempt, tax_rate, subtotal, tax_amount, total, scheduled_send_date || null, bill_to_name || null, id]
tax_rate = $7, subtotal = $8, tax_amount = $9, total = $10, scheduled_send_date = $11, bill_to_name = $12, worker = $13, updated_at = CURRENT_TIMESTAMP
WHERE id = $14`,
[invoice_number, customer_id, invoice_date, terms, auth_code, tax_exempt, tax_rate, subtotal, tax_amount, total, scheduled_send_date || null, bill_to_name || null, worker || null, id]
);
} else {
await client.query(
`UPDATE invoices SET customer_id = $1, invoice_date = $2, terms = $3, auth_code = $4, tax_exempt = $5,
tax_rate = $6, subtotal = $7, tax_amount = $8, total = $9, scheduled_send_date = $10, bill_to_name = $11, updated_at = CURRENT_TIMESTAMP
WHERE id = $12`,
[customer_id, invoice_date, terms, auth_code, tax_exempt, tax_rate, subtotal, tax_amount, total, scheduled_send_date || null, bill_to_name || null, id]
tax_rate = $6, subtotal = $7, tax_amount = $8, total = $9, scheduled_send_date = $10, bill_to_name = $11, worker = $12, updated_at = CURRENT_TIMESTAMP
WHERE id = $13`,
[customer_id, invoice_date, terms, auth_code, tax_exempt, tax_rate, subtotal, tax_amount, total, scheduled_send_date || null, bill_to_name || null, worker || null, id]
);
}

37
src/routes/settings.js
View File

@@ -68,4 +68,41 @@ router.post('/upload-logo', upload.single('logo'), async (req, res) => {
}
});
// GET /api/settings/:key — liefert einen einzelnen Settings-Wert
router.get('/:key', async (req, res) => {
try {
const result = await pool.query(
'SELECT value FROM settings WHERE key = $1',
[req.params.key]
);
if (result.rows.length === 0) {
return res.json({ key: req.params.key, value: null });
}
res.json({ key: req.params.key, value: result.rows[0].value });
} catch (error) {
console.error('Error fetching setting:', error);
res.status(500).json({ error: 'Error fetching setting' });
}
});
// PUT /api/settings/:key — setzt einen Settings-Wert (upsert)
router.put('/:key', express.json(), async (req, res) => {
const { value } = req.body;
if (typeof value !== 'string') {
return res.status(400).json({ error: 'value must be a string' });
}
try {
await pool.query(
`INSERT INTO settings (key, value)
VALUES ($1, $2)
ON CONFLICT (key) DO UPDATE SET value = EXCLUDED.value`,
[req.params.key, value]
);
res.json({ success: true, key: req.params.key, value });
} catch (error) {
console.error('Error saving setting:', error);
res.status(500).json({ error: 'Error saving setting' });
}
});
module.exports = router;