Oliver/brandize_bi
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

not bad

Browse Source
This commit is contained in:
oliver committed 2026-10-12 10:09:44 -03:00
1 parent 1ea3de74f2
commit 9db080faea
8 files changed
+2064 -55
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

index.html
+199 -13
View File
@@ -5,6 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Brandize · BI Dashboard</title>
<link rel="stylesheet" href="styles.css" />
<!-- PivotTable.js experiment (needs jQuery UI styles) -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pivottable@2.23.0/dist/pivot.min.css" />
</head>
<body>
<div class="layout">
@@ -65,8 +68,54 @@
</svg>
</button>
<div class="submenu">
<a class="submenu-item" href="#" data-view="odoo-dashboard">
Dashboard
<a class="submenu-item" href="#" data-view="odoo-rechnungen">
ODOO Rechnungen pro Monat
</a>
</div>
</div>
<!-- Gesamt -->
<div class="menu-group" data-group>
<button class="menu-main" type="button" data-toggle aria-expanded="false">
<span class="menu-logo">
<svg viewBox="0 0 48 48" aria-hidden="true">
<rect width="48" height="48" rx="12" fill="#4f46e5" />
<text x="24" y="32" text-anchor="middle" font-size="24" font-weight="700"
fill="#ffffff" font-family="Arial, sans-serif">Σ</text>
</svg>
</span>
<span class="menu-name">Gesamt</span>
<svg class="chevron" viewBox="0 0 24 24" aria-hidden="true">
<path d="M9 6l6 6-6 6" fill="none" stroke="currentColor" stroke-width="2.2"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<div class="submenu">
<a class="submenu-item" href="#" data-view="gesamt-rechnungen-pivot">
Alle Rechnungen pro Monat
</a>
</div>
</div>
<!-- Schweiz -->
<div class="menu-group" data-group>
<button class="menu-main" type="button" data-toggle aria-expanded="false">
<span class="menu-logo">
<svg viewBox="0 0 48 48" aria-hidden="true">
<rect width="48" height="48" rx="12" fill="#d52b1e" />
<text x="24" y="30" text-anchor="middle" font-size="15" font-weight="700"
fill="#ffffff" font-family="Arial, sans-serif">CH</text>
</svg>
</span>
<span class="menu-name">Schweiz</span>
<svg class="chevron" viewBox="0 0 24 24" aria-hidden="true">
<path d="M9 6l6 6-6 6" fill="none" stroke="currentColor" stroke-width="2.2"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<div class="submenu">
<a class="submenu-item" href="#" data-view="schweiz-quartal">
Quartal Schweiz
</a>
</div>
</div>
@@ -108,6 +157,12 @@
<span class="field-label">Zeitraum</span>
<div class="period">
<select id="month-select" aria-label="Monat"></select>
<select id="quarter-select" aria-label="Quartal" class="hidden">
<option value="1">Q1</option>
<option value="2">Q2</option>
<option value="3">Q3</option>
<option value="4">Q4</option>
</select>
<select id="year-select" aria-label="Jahr"></select>
</div>
</label>
@@ -192,19 +247,146 @@
<div class="state" id="vat-state"></div>
</main>
<!-- View: ODOO · Dashboard (placeholder) -->
<main id="view-odoo-dashboard" class="view hidden">
<section class="panel placeholder">
<div class="placeholder-icon">
<svg viewBox="0 0 48 48" aria-hidden="true">
<rect width="48" height="48" rx="12" fill="#714B67" />
<text x="24" y="30" text-anchor="middle" font-size="14" font-weight="700"
fill="#ffffff" font-family="Arial, sans-serif">odoo</text>
</svg>
<!-- View: ODOO · Rechnungen pro Monat -->
<main id="view-odoo-rechnungen" class="view hidden">
<section class="kpis" id="odoo-kpis"></section>
<section class="panel">
<div class="panel-head">
<h2>Gesamtpreis brutto je Rechnungsland</h2>
<div class="legend" id="odoo-legend"></div>
</div>
<h2>ODOO Dashboard</h2>
<p class="muted">Dieses Dashboard folgt in Kürze.</p>
<div class="chart" id="odoo-chart"></div>
</section>
<section class="panel">
<div class="panel-head">
<h2>Pivot — Summe Gesamtpreis brutto</h2>
<div class="panel-head-actions">
<span class="muted" id="odoo-period"></span>
<label class="field">
<span class="field-label">Vorlage</span>
<select id="odoo-pivot-preset" aria-label="Pivot-Vorlage">
<option value="standard">Standard</option>
<option value="zahlart">Zahlart</option>
</select>
</label>
</div>
</div>
<div class="table-filters">
<label class="field">
<span class="field-label">Tag</span>
<input id="odoo-filter-tag" type="text" />
</label>
<label class="field">
<span class="field-label">Bestellnummer</span>
<input id="odoo-filter-bestellnummer" type="text" />
</label>
<label class="field">
<span class="field-label">Lieferland</span>
<input id="odoo-filter-lieferland" type="text" />
</label>
<label class="field">
<span class="field-label">Rechnungsnummer</span>
<input id="odoo-filter-rechnungsnummer" type="text" />
</label>
</div>
<div id="odoo-pivot"></div>
</section>
<div class="state" id="odoo-state"></div>
</main>
<!-- View: Gesamt · Alle Rechnungen pro Monat -->
<main id="view-gesamt-rechnungen-pivot" class="view hidden">
<section class="kpis" id="pivot-kpis"></section>
<section class="panel">
<div class="panel-head">
<h2>Pivot — Summe Gesamtpreis brutto</h2>
<div class="panel-head-actions">
<span class="muted" id="pivot-period"></span>
<label class="field">
<span class="field-label">Vorlage</span>
<select id="pivot-preset" aria-label="Pivot-Vorlage">
<option value="standard">Standard</option>
<option value="rechnungsland">Rechnungsland (Spalten)</option>
</select>
</label>
</div>
</div>
<div class="table-filters">
<label class="field">
<span class="field-label">Quelle</span>
<input id="pivot-filter-quelle" type="text" />
</label>
<label class="field">
<span class="field-label">Tag</span>
<input id="pivot-filter-tag" type="text" />
</label>
<label class="field">
<span class="field-label">Bestellnummer</span>
<input id="pivot-filter-bestellnummer" type="text" />
</label>
<label class="field">
<span class="field-label">Lieferland</span>
<input id="pivot-filter-lieferland" type="text" />
</label>
<label class="field">
<span class="field-label">Rechnungsnummer</span>
<input id="pivot-filter-rechnungsnummer" type="text" />
</label>
</div>
<div id="pivot"></div>
</section>
<div class="state" id="pivot-state"></div>
</main>
<!-- View: Schweiz · Quartal Schweiz (AMAZON + ODOO, Lieferung in die CH) -->
<main id="view-schweiz-quartal" class="view hidden">
<section class="kpis" id="ch-kpis"></section>
<section class="panel">
<div class="panel-head">
<h2>Pivot — Quartal Schweiz (Summe Gesamtpreis brutto)</h2>
<div class="panel-head-actions">
<span class="muted" id="ch-period"></span>
<label class="field">
<span class="field-label">Vorlage</span>
<select id="ch-pivot-preset" aria-label="Pivot-Vorlage">
<option value="standard">Standard</option>
<option value="rechnungsland">Rechnungsland (Spalten)</option>
</select>
</label>
</div>
</div>
<div class="table-filters">
<label class="field">
<span class="field-label">Quelle</span>
<input id="ch-filter-quelle" type="text" />
</label>
<label class="field">
<span class="field-label">Tag</span>
<input id="ch-filter-tag" type="text" />
</label>
<label class="field">
<span class="field-label">Bestellnummer</span>
<input id="ch-filter-bestellnummer" type="text" />
</label>
<label class="field">
<span class="field-label">Lieferland</span>
<input id="ch-filter-lieferland" type="text" />
</label>
<label class="field">
<span class="field-label">Rechnungsnummer</span>
<input id="ch-filter-rechnungsnummer" type="text" />
</label>
</div>
<div id="ch-pivot"></div>
</section>
<div class="state" id="ch-state"></div>
</main>
</div>
</div>
@@ -241,6 +423,10 @@
</form>
</div>
<!-- PivotTable.js experiment — requires jQuery + jQuery UI -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/pivottable@2.23.0/dist/pivot.min.js"></script>
<script src="app.js"></script>
</body>
</html>