diff --git a/.claude/settings.local.json b/.claude/settings.local.json index 3200db8..ada38c0 100644 --- a/.claude/settings.local.json +++ b/.claude/settings.local.json @@ -21,7 +21,8 @@ "WebFetch(domain:unpkg.com)", "Bash(node -e:*)", "Bash(ls:*)", - "Bash(find:*)" + "Bash(find:*)", + "WebFetch(domain:www.elegantthemes.com)" ], "deny": [], "ask": [] diff --git a/wwwroot/poc-employee.html b/wwwroot/poc-employee.html index 4c5e5f6..a829540 100644 --- a/wwwroot/poc-employee.html +++ b/wwwroot/poc-employee.html @@ -2154,6 +2154,118 @@ height: 14px; fill: currentColor; } + + /* ========================================== + HR TAB - DOCUMENTS + ========================================== */ + swp-document-list { + display: flex; + flex-direction: column; + gap: 8px; + margin-top: 16px; + } + + swp-document-item { + display: flex; + align-items: center; + gap: 12px; + padding: 12px 16px; + background: var(--color-background-alt); + border-radius: 6px; + border: 1px solid var(--color-border); + } + + swp-document-icon { + font-size: 20px; + } + + swp-document-info { + flex: 1; + } + + swp-document-name { + display: block; + font-weight: 500; + color: var(--color-text); + } + + swp-document-meta { + display: block; + font-size: 12px; + color: var(--color-text-secondary); + margin-top: 2px; + } + + swp-document-actions { + display: flex; + gap: 8px; + } + + /* ========================================== + HR TAB - COURSES + ========================================== */ + swp-course-section { + margin-bottom: 20px; + } + + swp-course-section:last-of-type { + margin-bottom: 0; + } + + swp-course-section-title { + display: block; + font-size: 12px; + font-weight: 600; + color: var(--color-text-secondary); + margin-bottom: 8px; + } + + swp-course-list { + display: flex; + flex-direction: column; + gap: 6px; + } + + swp-course-item { + display: flex; + align-items: center; + gap: 12px; + padding: 10px 14px; + background: var(--color-background-alt); + border-radius: 6px; + } + + swp-course-item.upcoming { + background: color-mix(in srgb, var(--color-teal) 8%, white); + border: 1px solid color-mix(in srgb, var(--color-teal) 20%, white); + } + + swp-course-info { + flex: 1; + } + + swp-course-name { + display: block; + font-size: 14px; + font-weight: 500; + color: var(--color-text); + } + + swp-course-meta { + display: block; + font-size: 12px; + color: var(--color-text-secondary); + margin-top: 2px; + } + + swp-course-status { + font-size: 11px; + font-weight: 500; + padding: 4px 10px; + border-radius: 12px; + background: color-mix(in srgb, var(--color-teal) 15%, white); + color: var(--color-teal); + } @@ -2225,6 +2337,7 @@ Arbejdstid Services Løn + HR Statistik @@ -2481,44 +2594,6 @@ — - -
- - Planlagt fravær - - - 23. dec – 2. jan 2026 - Ferie - - - 14. feb 2025 - Fri - - - 7. apr – 11. apr 2025 - Ferie - - - - - - Ferie-saldo - - - Optjente feriedage - 25 dage - - - Brugte feriedage - 12 dage - - - Resterende - 13 dage - - - -
+ +
+ +
+ + + Kontrakt & Dokumenter + + + + + Kontrakttype + + + + + + Opsigelsesvarsel + + + + + + Kontraktudløb + — (ingen udløb) + + + + + + + 📄 + + Ansættelseskontrakt.pdf + Uploadet 1. aug 2019 + + + Vis + + + + 📄 + + Tillæg - Lønforhøjelse 2023.pdf + Uploadet 15. jan 2023 + + + Vis + + + + + + + Upload dokument + + +
+ + +
+ + + Certificeringer + + + 🎓 + + Balayage Specialist + Udløber: 15. juni 2026 + + Gyldig + + + 🎓 + + Farvecertificering (Wella) + Udløber: 1. marts 2025 + + Udløber snart + + + + + Tilføj certificering + + + + + + Kurser + + + Gennemførte kurser + + + + Avanceret balayage teknikker + Wella Academy · Marts 2024 + + + + + Kundeservice & mersalg + SalonUp · November 2023 + + + + + + + Planlagte kurser + + + + Olaplex certificering + Olaplex DK · 15. februar 2026 + + Tilmeldt + + + + + + + Tilføj kursus + + +
+
+ + +
+ + Ferie-saldo + + + Optjente feriedage + 25 dage + + + Brugte feriedage + 12 dage + + + Resterende + 13 dage + + + + + + Fravær & Sygdom + + + Sygefravær 2025 + 3 dage + + + Sygefravær 2024 + 7 dage + + + Børns sygdom 2025 + 1 dag + + + Barsel + — (ingen planlagt) + + + +
+ + + + Planlagt fravær + + + 23. dec – 2. jan 2026 + Ferie + + + 14. feb 2025 + Fri + + + 7. apr – 11. apr 2025 + Ferie + + + + + Tilføj fravær + + + + diff --git a/wwwroot/poc-indstillinger.html b/wwwroot/poc-indstillinger.html index a2bbfa0..6fe4e3c 100644 --- a/wwwroot/poc-indstillinger.html +++ b/wwwroot/poc-indstillinger.html @@ -1467,6 +1467,10 @@ transition: all 150ms ease; } + swp-module-card.full-width { + grid-column: 1 / -1; + } + swp-module-card:hover { border-color: var(--color-teal); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); @@ -3134,6 +3138,57 @@ Tak for din handel! Indstillinger + + + + + + + + + Website Builder + Byg din salons hjemmeside med drag-and-drop blokke. Vælg mellem færdige designs, tilpas farver og fonte, og integrer din booking. + + + + Til + Fra + + + + + + +149 kr/md + Ny + + Åbn Builder + + + + + + + + + + + HR & Dokumenter + Komplet medarbejderstyring: Kontrakter, certificeringer, kurser, ferie-saldo, sygefravær og barsel. Upload dokumenter og få påmindelser om udløbsdatoer. + + + + Til + Fra + + + + + + Inkluderet + + Indstillinger + + diff --git a/wwwroot/poc-website-builder.html b/wwwroot/poc-website-builder.html new file mode 100644 index 0000000..5fd5fdd --- /dev/null +++ b/wwwroot/poc-website-builder.html @@ -0,0 +1,3633 @@ + + + + + + Website Builder - Salon OS + + + + + + + + + + + + + + + Website Builder + + + + + + + + + + + + + + + + + + + + + + + + + Preview + + + + Gem + + + + Publicer + + + + + + + + + + + + Blokke + + + + Design + + + + + + + Layout + + + + Hero + + + + Kolonner + + + + Spacer + + + + Divider + + + + + + Indhold + + + + Tekst + + + + Ydelser + + + + Team + + + + Galleri + + + + Anmeldelser + + + + CTA Banner + + + + Prisliste + + + + FAQ + + + + + + Kontakt & Booking + + + + Kontakt + + + + Åbningstider + + + + Book tid + + + + Kort + + + + Social + + + + + + + + Farveskema + + + + + Typografi + + + Velkommen til salonen + Poppins — Moderne & venlig + + + Velkommen til salonen + Playfair Display — Elegant & klassisk + + + Velkommen til salonen + Inter — Ren & professionel + + + Velkommen til salonen + Montserrat — Bold & stilfuld + + + + Sociale medier + + + Instagram + + + + Facebook + + + + TikTok + + + + LinkedIn + + + + + + + + + + + + + + + + + + + + Indstillinger + + + + Indhold + Styling + + + + + +

Vælg en blok for at redigere

+ + + + + + + + +