bert.hausmans/crewli
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: slug in parentheses, capitalize status, lighter timestamps, rename button

Browse Source 
Both organisation pages: slug wrapped in parentheses, billing status
label capitalized, timestamps use text-disabled for lighter appearance,
edit button labeled "Bewerken" consistently.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
bert.hausmans
2026-04-15 01:15:16 +02:00
parent 1629b514e2
commit c7dd6aa59c
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/app/src/pages/organisation/index.vue
View File

@@ -225,16 +225,16 @@ function confirmRevokeInvitation() {
<div class="d-flex align-center gap-x-2"> <div class="d-flex align-center gap-x-2">
<h4 class="text-h4"> <h4 class="text-h4">
{{ organisation.name }} {{ organisation.name }}
<span class="text-body-2 text-medium-emphasis font-weight-regular ms-2">{{ organisation.slug }}</span> <span class="text-body-2 text-medium-emphasis font-weight-regular ms-2">({{ organisation.slug }})</span>
</h4> </h4>
<VChip <VChip
:color="statusColor[organisation.billing_status]" :color="statusColor[organisation.billing_status]"
size="small" size="small"
> >
{{ organisation.billing_status }} {{ organisation.billing_status.charAt(0).toUpperCase() + organisation.billing_status.slice(1) }}
</VChip> </VChip>
</div> </div>
<span class="text-caption text-medium-emphasis"> <span class="text-caption text-disabled">
Aangemaakt op {{ formatDate(organisation.created_at) }} Aangemaakt op {{ formatDate(organisation.created_at) }}
&middot; Gewijzigd op {{ formatDate(organisation.updated_at) }} &middot; Gewijzigd op {{ formatDate(organisation.updated_at) }}
</span> </span>
@@ -244,7 +244,7 @@ function confirmRevokeInvitation() {
prepend-icon="tabler-edit" prepend-icon="tabler-edit"
@click="isEditDialogOpen = true" @click="isEditDialogOpen = true"
> >
Naam bewerken Bewerken
</VBtn> </VBtn>
</div> </div>

4
apps/app/src/pages/platform/organisations/[id].vue
View File

@@ -243,7 +243,7 @@ function formatDate(iso: string): string {
<div class="d-flex align-center gap-x-2"> <div class="d-flex align-center gap-x-2">
<h4 class="text-h4"> <h4 class="text-h4">
{{ org.name }} {{ org.name }}
<span class="text-body-2 text-medium-emphasis font-weight-regular ms-2">{{ org.slug }}</span> <span class="text-body-2 text-medium-emphasis font-weight-regular ms-2">({{ org.slug }})</span>
</h4> </h4>
<VChip <VChip
:color="billingStatusColor[org.billing_status]" :color="billingStatusColor[org.billing_status]"
@@ -252,7 +252,7 @@ function formatDate(iso: string): string {
{{ org.billing_status_label ?? org.billing_status }} {{ org.billing_status_label ?? org.billing_status }}
</VChip> </VChip>
</div> </div>
<span class="text-caption text-medium-emphasis"> <span class="text-caption text-disabled">
Aangemaakt op {{ formatDate(org.created_at) }} Aangemaakt op {{ formatDate(org.created_at) }}
&middot; Gewijzigd op {{ formatDate(org.updated_at) }} &middot; Gewijzigd op {{ formatDate(org.updated_at) }}
</span> </span>