Bruker og tenant
Denne siden dekker komponenter for avatarer, ansvarlige/tildelinger og tenantbytte.
Feature-tabell
| Komponent |
Selector |
Hovedfunksjoner |
Import |
| UserAvatarComponent |
app-user-avatar |
Initialer, stabil bakgrunnsfarge, valgfri navnevisning |
Standalone |
| UserAssignmentComponent |
app-user-assignment |
Leser og endrer tildelte brukere, readonly, fallback-navn |
Standalone |
| TenantSelectorComponent |
app-tenant-selector |
Leser tilgjengelige tenants og bytter tenant |
Deklarert i AppModule (ligger i components/shared/, ikke standalone) |
| TenantSelectorHeaderComponent |
app-tenant-selector-header |
Kompakt header-variant av tenant selector |
Arver tenant-selector-logikk |
User-avatar
| Del |
Sti |
| Komponent |
ui/ePortal.ui/src/app/shared/user-avatar/user-avatar.component.ts |
Brukseksempel
<app-user-avatar
[name]="assignedUser.fullName"
size="sm"
[showName]="true">
</app-user-avatar>
API
| Type |
Navn |
Default |
Beskrivelse |
| Input |
name |
'' |
Navnet som brukes for initialer og fargehash. |
| Input |
size |
sm |
xs, sm eller md. |
| Input |
showName |
false |
Viser navnet ved siden av avatarboblen. |
User-assignment
| Del |
Sti |
| Komponent |
ui/ePortal.ui/src/app/shared/user-assignment/user-assignment.component.ts |
app-user-assignment viser og vedlikeholder ansvarlige brukere for et objekt. Komponenten henter tildelinger via CRM-assignment service når entityType og entityId er satt.
Brukseksempel
<app-user-assignment
entityType="Deal"
[entityId]="dealId"
[readonly]="!canEdit"
[maxVisible]="4"
avatarSize="sm"
[fallbackNames]="fallbackAssigneeNames"
(assignmentsChanged)="updateAssignments($event)">
</app-user-assignment>
API
| Type |
Navn |
Default |
Beskrivelse |
| Input |
entityType |
'' |
Objekttype, for eksempel Deal, Task eller Activity. |
| Input |
entityId |
0 |
Objekt-id. |
| Input |
readonly |
false |
Viser ansvarlige uten redigering. |
| Input |
maxVisible |
5 |
Maks synlige avatarer før overflow. |
| Input |
avatarSize |
sm |
Avatarstørrelse. |
| Input |
preloadedAssignments |
null |
Når satt (ikke null): første visning bruker disse tildelingene uten server-kall. Redigerbarhet styres av readonly; redigering (når tillatt) henter på nytt fra server. Brukes for forhåndslastede deloppgave-rader. Null = normal selvhentende modus. |
| Input |
fallbackNames |
[] |
Navn som vises hvis tildelinger ikke kan lastes. |
| Input |
shareContextObjectType |
null |
Valgfri delingskontekst. |
| Input |
shareContextObjectId |
null |
Valgfri id for delingskontekst. |
| Output |
assignmentsChanged |
|
Emitter CrmAssignmentDto[] etter endring. |
Tenant selectors
| Del |
Sti |
| Standard |
ui/ePortal.ui/src/app/components/shared/tenant-selector/tenant-selector.component.ts |
| Header |
ui/ePortal.ui/src/app/components/shared/tenant-selector-header/tenant-selector-header.component.ts |
Tenant selector-komponentene henter tilgjengelige tenants fra TenantSwitchService og håndterer redirect ved bytte. Header-varianten har inputen compact; når den er true, vises bare byggikonet slik at tenantbytte fortsatt er tilgjengelig i en trang portalheader.
| Type |
Navn |
Default |
Beskrivelse |
| Input (header) |
compact |
false |
Skjuler tenantnavn og antallsmerke, men beholder tenantmenyen på ikonknappen. |
Brukseksempel
<app-tenant-selector></app-tenant-selector>
Header-variant:
<app-tenant-selector-header [compact]="true"></app-tenant-selector-header>
Kjente fallgruver
| Fallgruve |
Riktig mønster |
| Bruke user-assignment før objektet har id |
Vent til entityId er satt, eller vis readonly fallback. |
| Forvente at tenant selector emitter event |
Komponenten eier bytteflyten via service og redirect. |
| Vise for mange avatarer i trange lister |
Sett maxVisible og bruk avatarSize="xs" eller sm. |
| Hardkode fallback-tekst |
Send faktiske navn eller oversatt tomtilstand fra parent. |
Relaterte sider