Janus007/Calendar
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactors design system documentation and layout

Browse source 
Updates design system documentation with comprehensive component overview
Enhances UI layout across multiple pages with consistent styling and new components
Adds support for charts, pagination, and responsive design elements

Improves overall system documentation and visual consistency
This commit is contained in:
Janus C. H. Knudsen 2026-01-07 22:12:25 +01:00
parent 35b15294e3
commit fac7754d7a
14 changed files with 3492 additions and 281 deletions
Download patch file Download diff file Expand all files Collapse all files

34
wwwroot/poc-gavekort.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gavekort - Salon OS</title>
<title>Fordelskort - Salon OS</title>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
<script src="https://unpkg.com/@phosphor-icons/web@2.1.1"></script>
<style>
@ -802,12 +802,12 @@
<!-- Topbar -->
<swp-topbar>
<swp-topbar-left>
<swp-page-title>Gavekort</swp-page-title>
<swp-page-title>Fordelskort</swp-page-title>
</swp-topbar-left>
<swp-topbar-right>
<swp-btn class="primary" id="openCreateDrawer">
<i class="ph ph-plus"></i>
Opret gavekort
Opret fordelskort
</swp-btn>
</swp-topbar-right>
</swp-topbar>
@ -817,7 +817,7 @@
<swp-stats-bar>
<swp-stat-card class="highlight">
<swp-stat-value>47</swp-stat-value>
<swp-stat-label>Aktive gavekort</swp-stat-label>
<swp-stat-label>Aktive fordelskort</swp-stat-label>
</swp-stat-card>
<swp-stat-card>
<swp-stat-value>23.500 DKK</swp-stat-value>
@ -863,7 +863,7 @@
<!-- Table -->
<swp-table>
<swp-table-header>
<swp-th>Gavekort</swp-th>
<swp-th>Fordelskort</swp-th>
<swp-th>Modtager</swp-th>
<swp-th class="right">Original</swp-th>
<swp-th>Saldo</swp-th>
@ -875,7 +875,7 @@
<swp-table-row onclick="location.href='poc-gavekort-detail.html'">
<swp-td>
<swp-giftcard-cell>
<swp-giftcard-code>GC-A7X2-9KM4</swp-giftcard-code>
<swp-giftcard-code>FK-A7X2-9KM4</swp-giftcard-code>
<swp-giftcard-date>Oprettet 15. jan 2024</swp-giftcard-date>
</swp-giftcard-cell>
</swp-td>
@ -902,7 +902,7 @@
<swp-table-row>
<swp-td>
<swp-giftcard-cell>
<swp-giftcard-code>GC-B3K9-2LM7</swp-giftcard-code>
<swp-giftcard-code>FK-B3K9-2LM7</swp-giftcard-code>
<swp-giftcard-date>Oprettet 20. dec 2024</swp-giftcard-date>
</swp-giftcard-cell>
</swp-td>
@ -928,7 +928,7 @@
<swp-table-row>
<swp-td>
<swp-giftcard-cell>
<swp-giftcard-code>GC-C5P1-8NQ3</swp-giftcard-code>
<swp-giftcard-code>FK-C5P1-8NQ3</swp-giftcard-code>
<swp-giftcard-date>Oprettet 10. nov 2024</swp-giftcard-date>
</swp-giftcard-cell>
</swp-td>
@ -955,7 +955,7 @@
<swp-table-row>
<swp-td>
<swp-giftcard-cell>
<swp-giftcard-code>GC-D2R4-6TY9</swp-giftcard-code>
<swp-giftcard-code>FK-D2R4-6TY9</swp-giftcard-code>
<swp-giftcard-date>Oprettet 5. sep 2024</swp-giftcard-date>
</swp-giftcard-cell>
</swp-td>
@ -982,7 +982,7 @@
<swp-table-row>
<swp-td>
<swp-giftcard-cell>
<swp-giftcard-code>GC-E8W3-4VX1</swp-giftcard-code>
<swp-giftcard-code>FK-E8W3-4VX1</swp-giftcard-code>
<swp-giftcard-date>Oprettet 1. jun 2024</swp-giftcard-date>
</swp-giftcard-cell>
</swp-td>
@ -1008,7 +1008,7 @@
<swp-table-row>
<swp-td>
<swp-giftcard-cell>
<swp-giftcard-code>GC-F9Q7-3WK5</swp-giftcard-code>
<swp-giftcard-code>FK-F9Q7-3WK5</swp-giftcard-code>
<swp-giftcard-date>Oprettet 28. dec 2024</swp-giftcard-date>
</swp-giftcard-cell>
</swp-td>
@ -1033,7 +1033,7 @@
</swp-table-row>
</swp-table-body>
<swp-table-footer>
<span>Viser 6 af 47 gavekort</span>
<span>Viser 6 af 47 fordelskort</span>
<span>Side 1 af 8</span>
</swp-table-footer>
</swp-table>
@ -1045,7 +1045,7 @@
<!-- Create Gift Card Drawer -->
<swp-drawer id="createDrawer">
<swp-drawer-header>
<swp-drawer-title>Opret gavekort</swp-drawer-title>
<swp-drawer-title>Opret fordelskort</swp-drawer-title>
<swp-drawer-close id="closeDrawer">
<i class="ph ph-x"></i>
</swp-drawer-close>
@ -1053,9 +1053,9 @@
<swp-drawer-content>
<swp-form-field>
<swp-form-label>Gavekortkode</swp-form-label>
<swp-form-label>Kortkode</swp-form-label>
<swp-input-group>
<input type="text" id="giftcardCode" class="mono" value="GC-K8M2-5NP7" readonly />
<input type="text" id="giftcardCode" class="mono" value="FK-K8M2-5NP7" readonly />
<button type="button" id="generateCode">
<i class="ph ph-arrows-clockwise"></i>
Ny kode
@ -1116,7 +1116,7 @@
<swp-drawer-footer>
<swp-btn class="secondary" id="cancelCreate">Annuller</swp-btn>
<swp-btn class="primary" id="saveGiftcard">Opret gavekort</swp-btn>
<swp-btn class="primary" id="saveGiftcard">Opret fordelskort</swp-btn>
</swp-drawer-footer>
</swp-drawer>
@ -1156,7 +1156,7 @@
// Generate random code
function generateCode() {
const chars = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789';
let code = 'GC-';
let code = 'FK-';
for (let i = 0; i < 4; i++) {
code += chars.charAt(Math.floor(Math.random() * chars.length));
}