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

Adds comprehensive customers list and management components

Browse source 
Introduces customer-related view components for table and row display
Implements mock data loading and customer list rendering
Adds localization support for customer-related text
Enhances UI with detailed customer information and interactions
This commit is contained in:
Janus C. H. Knudsen 2026-01-21 18:00:53 +01:00
parent cd7acaf490
commit 6ef001e35f
11 changed files with 869 additions and 675 deletions
Download patch file Download diff file Expand all files Collapse all files

283
PlanTempus.Application/Features/Customers/Pages/Index.cshtml
View file

@ -31,288 +31,7 @@
</swp-sticky-header>
<swp-page-container>
<swp-action-bar>
<swp-search-input>
<i class="ph ph-magnifying-glass"></i>
<input type="text" id="searchInput" placeholder="Søg kunde (navn, telefon, email...)" />
</swp-search-input>
<swp-btn-group>
<swp-btn class="secondary">
<i class="ph ph-export"></i>
<span localize="customers.export">Eksporter</span>
</swp-btn>
<swp-btn class="primary">
<i class="ph ph-plus"></i>
<span localize="customers.create">Ny kunde</span>
</swp-btn>
</swp-btn-group>
</swp-action-bar>
<swp-card class="customers-list">
<swp-data-table>
<swp-data-table-header>
<swp-data-table-cell></swp-data-table-cell>
<swp-data-table-cell localize="customers.column.name">Navn</swp-data-table-cell>
<swp-data-table-cell localize="customers.column.phone">Telefon</swp-data-table-cell>
<swp-data-table-cell localize="customers.column.email">Email</swp-data-table-cell>
<swp-data-table-cell localize="customers.column.visits">Besøg</swp-data-table-cell>
<swp-data-table-cell localize="customers.column.lastVisit">Sidste</swp-data-table-cell>
<swp-data-table-cell localize="customers.column.hairdresser">Frisør</swp-data-table-cell>
<swp-data-table-cell localize="customers.column.created">Oprettet</swp-data-table-cell>
<swp-data-table-cell localize="customers.column.tags">Tags</swp-data-table-cell>
</swp-data-table-header>
<swp-data-table-row data-name="Anna Jensen" data-visits="6" data-created="2024-09" data-href="/kunder/anna-jensen">
<swp-data-table-cell class="quick-view">
<swp-quick-view-btn data-drawer-trigger="customer-drawer">
<i class="ph ph-sidebar"></i>
</swp-quick-view-btn>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-avatar>AJ</swp-avatar>
<span>Anna Jensen</span>
</swp-data-table-cell>
<swp-data-table-cell>+45 22 33 44 55</swp-data-table-cell>
<swp-data-table-cell>anna.j@hotmail.dk</swp-data-table-cell>
<swp-data-table-cell>6</swp-data-table-cell>
<swp-data-table-cell>15. nov</swp-data-table-cell>
<swp-data-table-cell>Nina K.</swp-data-table-cell>
<swp-data-table-cell>Sep 2024</swp-data-table-cell>
<swp-data-table-cell></swp-data-table-cell>
</swp-data-table-row>
<swp-data-table-row data-name="Camilla Holm" data-visits="25" data-created="2022-12" data-tags="vip" data-href="/kunder/camilla-holm">
<swp-data-table-cell class="quick-view">
<swp-quick-view-btn data-drawer-trigger="customer-drawer">
<i class="ph ph-sidebar"></i>
</swp-quick-view-btn>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-avatar>CH</swp-avatar>
<span>Camilla Holm</span>
</swp-data-table-cell>
<swp-data-table-cell>+45 66 77 88 99</swp-data-table-cell>
<swp-data-table-cell>camilla.h@outlook.dk</swp-data-table-cell>
<swp-data-table-cell>25</swp-data-table-cell>
<swp-data-table-cell>28. okt</swp-data-table-cell>
<swp-data-table-cell>Emma L.</swp-data-table-cell>
<swp-data-table-cell>Dec 2022</swp-data-table-cell>
<swp-data-table-cell>
<swp-tag class="vip">VIP</swp-tag>
</swp-data-table-cell>
</swp-data-table-row>
<swp-data-table-row data-name="Emma Larsen" data-visits="8" data-created="2024-06" data-href="/kunder/emma-larsen">
<swp-data-table-cell class="quick-view">
<swp-quick-view-btn data-drawer-trigger="customer-drawer">
<i class="ph ph-sidebar"></i>
</swp-quick-view-btn>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-avatar>EL</swp-avatar>
<span>Emma Larsen</span>
</swp-data-table-cell>
<swp-data-table-cell>+45 12 34 56 78</swp-data-table-cell>
<swp-data-table-cell>emma.l@gmail.com</swp-data-table-cell>
<swp-data-table-cell>8</swp-data-table-cell>
<swp-data-table-cell>5. dec</swp-data-table-cell>
<swp-data-table-cell>Nina K.</swp-data-table-cell>
<swp-data-table-cell>Jun 2024</swp-data-table-cell>
<swp-data-table-cell></swp-data-table-cell>
</swp-data-table-row>
<swp-data-table-row data-name="Freja Christensen" data-visits="31" data-created="2022-08" data-tags="vip,allergi" data-href="/kunder/freja-christensen">
<swp-data-table-cell class="quick-view">
<swp-quick-view-btn data-drawer-trigger="customer-drawer">
<i class="ph ph-sidebar"></i>
</swp-quick-view-btn>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-avatar>FC</swp-avatar>
<span>Freja Christensen</span>
</swp-data-table-cell>
<swp-data-table-cell>+45 55 66 77 88</swp-data-table-cell>
<swp-data-table-cell>freja.c@outlook.dk</swp-data-table-cell>
<swp-data-table-cell>31</swp-data-table-cell>
<swp-data-table-cell>20. nov</swp-data-table-cell>
<swp-data-table-cell>Emma L.</swp-data-table-cell>
<swp-data-table-cell>Aug 2022</swp-data-table-cell>
<swp-data-table-cell>
<swp-tag class="vip">VIP</swp-tag>
<swp-tag class="allergi">Allergi</swp-tag>
</swp-data-table-cell>
</swp-data-table-row>
<swp-data-table-row data-name="Ida Andersen" data-visits="3" data-created="2025-10" data-tags="ny" data-href="/kunder/ida-andersen">
<swp-data-table-cell class="quick-view">
<swp-quick-view-btn data-drawer-trigger="customer-drawer">
<i class="ph ph-sidebar"></i>
</swp-quick-view-btn>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-avatar>IA</swp-avatar>
<span>Ida Andersen</span>
</swp-data-table-cell>
<swp-data-table-cell>+45 11 22 33 44</swp-data-table-cell>
<swp-data-table-cell>ida@firma.dk</swp-data-table-cell>
<swp-data-table-cell>3</swp-data-table-cell>
<swp-data-table-cell>28. nov</swp-data-table-cell>
<swp-data-table-cell>Sofie M.</swp-data-table-cell>
<swp-data-table-cell>Okt 2025</swp-data-table-cell>
<swp-data-table-cell>
<swp-tag class="ny">Ny</swp-tag>
</swp-data-table-cell>
</swp-data-table-row>
<swp-data-table-row data-name="Katrine Berg" data-visits="12" data-created="2024-04" data-href="/kunder/katrine-berg">
<swp-data-table-cell class="quick-view">
<swp-quick-view-btn data-drawer-trigger="customer-drawer">
<i class="ph ph-sidebar"></i>
</swp-quick-view-btn>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-avatar>KB</swp-avatar>
<span>Katrine Berg</span>
</swp-data-table-cell>
<swp-data-table-cell>+45 55 66 77 88</swp-data-table-cell>
<swp-data-table-cell>katrine.b@firma.dk</swp-data-table-cell>
<swp-data-table-cell>12</swp-data-table-cell>
<swp-data-table-cell>1. nov</swp-data-table-cell>
<swp-data-table-cell>Nina K.</swp-data-table-cell>
<swp-data-table-cell>Apr 2024</swp-data-table-cell>
<swp-data-table-cell></swp-data-table-cell>
</swp-data-table-row>
<swp-data-table-row data-name="Line Frost" data-visits="9" data-created="2024-05" data-tags="sensitiv" data-href="/kunder/line-frost">
<swp-data-table-cell class="quick-view">
<swp-quick-view-btn data-drawer-trigger="customer-drawer">
<i class="ph ph-sidebar"></i>
</swp-quick-view-btn>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-avatar>LF</swp-avatar>
<span>Line Frost</span>
</swp-data-table-cell>
<swp-data-table-cell>+45 88 99 00 11</swp-data-table-cell>
<swp-data-table-cell>line.f@mail.dk</swp-data-table-cell>
<swp-data-table-cell>9</swp-data-table-cell>
<swp-data-table-cell>15. okt</swp-data-table-cell>
<swp-data-table-cell>Nina K.</swp-data-table-cell>
<swp-data-table-cell>Maj 2024</swp-data-table-cell>
<swp-data-table-cell>
<swp-tag class="sensitiv">Sensitiv</swp-tag>
</swp-data-table-cell>
</swp-data-table-row>
<swp-data-table-row data-name="Louise Hansen" data-visits="18" data-created="2023-02" data-tags="stamkunde" data-href="/kunder/louise-hansen">
<swp-data-table-cell class="quick-view">
<swp-quick-view-btn data-drawer-trigger="customer-drawer">
<i class="ph ph-sidebar"></i>
</swp-quick-view-btn>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-avatar class="purple">LH</swp-avatar>
<span>Louise Hansen</span>
</swp-data-table-cell>
<swp-data-table-cell>+45 33 44 55 66</swp-data-table-cell>
<swp-data-table-cell>louise.h@gmail.com</swp-data-table-cell>
<swp-data-table-cell>18</swp-data-table-cell>
<swp-data-table-cell>10. nov</swp-data-table-cell>
<swp-data-table-cell>Emma L.</swp-data-table-cell>
<swp-data-table-cell>Feb 2023</swp-data-table-cell>
<swp-data-table-cell>
<swp-tag class="stamkunde">Stamkunde</swp-tag>
</swp-data-table-cell>
</swp-data-table-row>
<swp-data-table-row data-name="Maja Petersen" data-visits="22" data-created="2023-01" data-tags="stamkunde" data-href="/kunder/maja-petersen">
<swp-data-table-cell class="quick-view">
<swp-quick-view-btn data-drawer-trigger="customer-drawer">
<i class="ph ph-sidebar"></i>
</swp-quick-view-btn>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-avatar class="blue">MP</swp-avatar>
<span>Maja Petersen</span>
</swp-data-table-cell>
<swp-data-table-cell>+45 98 76 54 32</swp-data-table-cell>
<swp-data-table-cell>maja.p@mail.dk</swp-data-table-cell>
<swp-data-table-cell>22</swp-data-table-cell>
<swp-data-table-cell>1. dec</swp-data-table-cell>
<swp-data-table-cell>Emma L.</swp-data-table-cell>
<swp-data-table-cell>Jan 2023</swp-data-table-cell>
<swp-data-table-cell>
<swp-tag class="stamkunde">Stamkunde</swp-tag>
</swp-data-table-cell>
</swp-data-table-row>
<swp-data-table-row data-name="Maria Olsen" data-visits="2" data-created="2025-11" data-tags="ny" data-href="/kunder/maria-olsen">
<swp-data-table-cell class="quick-view">
<swp-quick-view-btn data-drawer-trigger="customer-drawer">
<i class="ph ph-sidebar"></i>
</swp-quick-view-btn>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-avatar class="amber">MO</swp-avatar>
<span>Maria Olsen</span>
</swp-data-table-cell>
<swp-data-table-cell>+45 44 55 66 77</swp-data-table-cell>
<swp-data-table-cell>maria.o@mail.dk</swp-data-table-cell>
<swp-data-table-cell>2</swp-data-table-cell>
<swp-data-table-cell>5. nov</swp-data-table-cell>
<swp-data-table-cell>Sofie M.</swp-data-table-cell>
<swp-data-table-cell>Nov 2025</swp-data-table-cell>
<swp-data-table-cell>
<swp-tag class="ny">Ny</swp-tag>
</swp-data-table-cell>
</swp-data-table-row>
<swp-data-table-row data-name="Rikke Skov" data-visits="4" data-created="2025-08" data-href="/kunder/rikke-skov">
<swp-data-table-cell class="quick-view">
<swp-quick-view-btn data-drawer-trigger="customer-drawer">
<i class="ph ph-sidebar"></i>
</swp-quick-view-btn>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-avatar>RS</swp-avatar>
<span>Rikke Skov</span>
</swp-data-table-cell>
<swp-data-table-cell>+45 77 88 99 00</swp-data-table-cell>
<swp-data-table-cell>rikke.s@gmail.com</swp-data-table-cell>
<swp-data-table-cell>4</swp-data-table-cell>
<swp-data-table-cell>20. okt</swp-data-table-cell>
<swp-data-table-cell>Sofie M.</swp-data-table-cell>
<swp-data-table-cell>Aug 2025</swp-data-table-cell>
<swp-data-table-cell></swp-data-table-cell>
</swp-data-table-row>
<swp-data-table-row data-name="Sofie Nielsen" data-visits="14" data-created="2024-03" data-tags="vip" data-href="/kunder/sofie-nielsen">
<swp-data-table-cell class="quick-view">
<swp-quick-view-btn data-drawer-trigger="customer-drawer">
<i class="ph ph-sidebar"></i>
</swp-quick-view-btn>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-avatar>SN</swp-avatar>
<span>Sofie Nielsen</span>
</swp-data-table-cell>
<swp-data-table-cell>+45 23 45 67 89</swp-data-table-cell>
<swp-data-table-cell>sofie@email.dk</swp-data-table-cell>
<swp-data-table-cell>14</swp-data-table-cell>
<swp-data-table-cell>9. dec</swp-data-table-cell>
<swp-data-table-cell>Emma L.</swp-data-table-cell>
<swp-data-table-cell>Mar 2024</swp-data-table-cell>
<swp-data-table-cell>
<swp-tag class="vip">VIP</swp-tag>
</swp-data-table-cell>
</swp-data-table-row>
</swp-data-table>
<swp-empty-state id="emptyState" style="display: none;">
<i class="ph ph-users"></i>
<span localize="customers.emptySearch">Ingen kunder matcher din søgning</span>
</swp-empty-state>
</swp-card>
@await Component.InvokeAsync("CustomerTable")
</swp-page-container>
<!-- Customer Drawer -->