Ronni Baslund
0bd4e5498e
- portal: new admin/ and partner/ surfaces with full component library (AppLauncher, Avatar, Badge, Card, Modal, Tabs, etc.), composables, layouts, partner-routing middleware, and supporting server APIs - pricing: Price schema/module with operator CRUD, pricing.vue catalog UI, Subscription extended with cycle/currency/perSeatAmount/seats snapshots for stable MRR aggregation - partner staff: User.partnerId, invite-partner-user DTO and flow, /partners/:slug/users endpoints, InvitePartnerUserModal, shared dezky-partner-staff Authentik group - /me: partner-aware endpoint returning user + partner context so portal can route between end-user and partner-admin surfaces - tenant: seats field for portfolio displays and future MRR calculations - operator: pricing page, signed-out page, useMe/useToast composables, ToastStack
49 lines
983 B
Vue
49 lines
983 B
Vue
<script setup lang="ts">
|
|
const props = withDefaults(
|
|
defineProps<{ name?: string; size?: number }>(),
|
|
{ name: '?', size: 32 },
|
|
)
|
|
|
|
const palette = ['#3D3D38', '#3F5B47', '#5B4D3F', '#3F4D5B', '#5B3F4D', '#4D5B3F']
|
|
|
|
const initials = computed(() =>
|
|
props.name
|
|
.split(' ')
|
|
.filter(Boolean)
|
|
.slice(0, 2)
|
|
.map((p) => p[0].toUpperCase())
|
|
.join(''),
|
|
)
|
|
|
|
const color = computed(() => {
|
|
let s = 0
|
|
for (let i = 0; i < props.name.length; i++) s = (s * 31 + props.name.charCodeAt(i)) >>> 0
|
|
return palette[s % palette.length]
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="avatar"
|
|
:style="{
|
|
width: size + 'px',
|
|
height: size + 'px',
|
|
background: color,
|
|
fontSize: size * 0.36 + 'px',
|
|
}"
|
|
>{{ initials }}</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.avatar {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 999px;
|
|
color: #F4F3EE;
|
|
font-weight: 600;
|
|
letter-spacing: -0.01em;
|
|
flex-shrink: 0;
|
|
}
|
|
</style>
|