feat(projekter): del et projekt med en, der allerede er her
Et projekt kunne kun deles ved at stave en e-mailadresse. Det er den forkerte
vej at spørge om en kollega, man kender navnet på og sidder i samme rum som —
og beslutningen om, hvorvidt en instans' konti må vises for hinanden, var
allerede taget: `UsersForSharing` har gjort det for noter hele tiden, med
begrundelsen skrevet ved siden af. Der er ingen åben oprettelse, så konti er en
lukket, inviteret mængde, og det er en adressebog frem for en udlevering.
Projekterne bruger nu den samme.
`GET /members` svarer med tre lister frem for én, så panelet åbner færdigt i ét
kald — samme form som notens delingspanel. `POST /invites` tager `user_id` ved
siden af `email`, og de to veje mødes ét sted: en adresse, der viser sig at høre
til en konto, ER den konto, og skal ikke gennem en oprettelsesside, den ikke kan
komme igennem.
De ventende invitationer kom med, fordi den nye liste skabte behovet for dem:
den, der er inviteret og ikke kommet, har ingen konto og står derfor hverken
blandt medlemmerne eller blandt dem, man kan vælge. Før betød det, at man ikke
kunne se sin egen invitation; nu ville det betyde, at man leder efter en person,
der mangler i listen, og inviterer igen. Det andet link virker lige så godt som
det første. De kan trækkes tilbage, for ellers er den ventende liste kun til at
se på.
Tre ting, der kostede en kørsel hver:
`OpenAPI is valid` fangede den nye DELETE-rute, før jeg selv gjorde.
To felter hed "Rolle" på den samme side. Det er ikke kun en prøve, der brokker
sig — en skærmlæser siger "Rolle" to gange uden at kunne skelne. De har nu hver
sin tilstand og hvert sit navn, og den gamle prøves `getByLabel('Rolle')` er
blevet `exact`, fordi den matchede som understreng.
Og e2e-prøven lånte først sin anden person fra prøven ovenfor. Det så jeg kun,
fordi jeg kørte den alene: basen tømmes for hver kørsel, så en prøve, der kun
består, når hele filen kører i rækkefølge, består ikke af sine egne grunde. Den
laver nu selv sin — og viser dermed skiftet: den samme person er først en
ventende adresse og bagefter et navn, der kan vælges.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
kristianwind
co-authored by
Claude Opus 5
Claude Opus 5
parent
a39f655565
commit
9b21b3eac5
+5
-1
@@ -338,7 +338,11 @@ export const api = {
|
||||
reorderSections: (projectId, ids) => post(`/projects/${projectId}/sections/reorder`, { ids }),
|
||||
|
||||
listMembers: (projectId) => get(`/projects/${projectId}/members`),
|
||||
invite: (projectId, email, role) => post(`/projects/${projectId}/invites`, { email, role }),
|
||||
// Én vej ind, to måder at sige hvem: et id, man har peget på, eller en adresse,
|
||||
// man har skrevet. Serveren slår adressen op og ender det samme sted, hvis den
|
||||
// hører til en konto her.
|
||||
invite: (projectId, who, role) => post(`/projects/${projectId}/invites`, { ...who, role }),
|
||||
withdrawInvite: (projectId, inviteId) => del(`/projects/${projectId}/invites/${inviteId}`),
|
||||
setMemberRole: (projectId, userId, role) =>
|
||||
patch(`/projects/${projectId}/members/${userId}`, { role }),
|
||||
removeMember: (projectId, userId) => del(`/projects/${projectId}/members/${userId}`),
|
||||
|
||||
@@ -908,6 +908,12 @@ export const da = {
|
||||
'project.canEdit': 'Kan redigere',
|
||||
'project.canView': 'Kan kun se',
|
||||
'project.invite': 'Inviter',
|
||||
'project.pickPerson': 'Vælg en person…',
|
||||
'project.roleForPicked': 'Rolle for den valgte',
|
||||
'project.shareWith': 'Del',
|
||||
'project.orByEmail': 'Eller en, der ikke er her endnu:',
|
||||
'project.invited': 'Inviteret, ikke kommet endnu',
|
||||
'project.withdrawInvite': 'Træk invitationen til {email} tilbage',
|
||||
'project.inviteByEmail': 'Inviter via e-mail',
|
||||
'project.emailAddress': 'e-mailadresse',
|
||||
'project.role': 'Rolle',
|
||||
|
||||
@@ -902,6 +902,12 @@ export const en = {
|
||||
'project.canEdit': 'Can edit',
|
||||
'project.canView': 'Can only view',
|
||||
'project.invite': 'Invite',
|
||||
'project.pickPerson': 'Pick somebody…',
|
||||
'project.roleForPicked': 'Role for the person picked',
|
||||
'project.shareWith': 'Share',
|
||||
'project.orByEmail': 'Or somebody who is not here yet:',
|
||||
'project.invited': 'Invited, not arrived yet',
|
||||
'project.withdrawInvite': 'Withdraw the invitation to {email}',
|
||||
'project.inviteByEmail': 'Invite by email',
|
||||
'project.emailAddress': 'email address',
|
||||
'project.role': 'Role',
|
||||
|
||||
@@ -41,6 +41,13 @@
|
||||
let inviteRole = $state('editor');
|
||||
let inviteLink = $state('');
|
||||
let inviteError = $state('');
|
||||
// De to andre halvdele af delingspanelet: hvem der kan tilføjes, og hvem der er
|
||||
// inviteret og ikke kommet endnu. Begge kommer fra det samme svar som
|
||||
// medlemmerne, så panelet åbner færdigt i ét kald.
|
||||
let candidates = $state([]);
|
||||
let pending = $state([]);
|
||||
let sharePick = $state('');
|
||||
let pickRole = $state('editor');
|
||||
|
||||
let id = $derived($page.params.id);
|
||||
|
||||
@@ -101,7 +108,7 @@
|
||||
|
||||
$effect(() => {
|
||||
if (showShare && project) {
|
||||
api.listMembers(project.id).then((r) => (members = r.members));
|
||||
api.listMembers(project.id).then(readMembers);
|
||||
}
|
||||
});
|
||||
|
||||
@@ -512,23 +519,46 @@
|
||||
}
|
||||
}
|
||||
|
||||
async function invite(event) {
|
||||
event.preventDefault();
|
||||
// Ét sted at læse svaret, fordi der nu er tre lister i det og fire steder, der
|
||||
// henter det. Tre tildelinger skrevet fire gange er tre, der kan blive glemt.
|
||||
function readMembers(r) {
|
||||
members = r.members;
|
||||
candidates = r.candidates ?? [];
|
||||
pending = r.pending ?? [];
|
||||
}
|
||||
|
||||
async function share(who, role) {
|
||||
inviteError = '';
|
||||
inviteLink = '';
|
||||
try {
|
||||
const result = await api.invite(project.id, inviteEmail, inviteRole);
|
||||
inviteEmail = '';
|
||||
const result = await api.invite(project.id, who, role);
|
||||
if (result.link && !result.emailed) {
|
||||
// No mail server, or delivery failed. The link is the only way this
|
||||
// invite reaches anybody, so it is shown rather than swallowed.
|
||||
inviteLink = result.link;
|
||||
}
|
||||
members = (await api.listMembers(project.id)).members;
|
||||
readMembers(await api.listMembers(project.id));
|
||||
} catch (e) {
|
||||
inviteError = humanMessage(e);
|
||||
}
|
||||
}
|
||||
|
||||
async function invite(event) {
|
||||
event.preventDefault();
|
||||
const email = inviteEmail.trim();
|
||||
if (!email) return;
|
||||
await share({ email }, inviteRole);
|
||||
if (!inviteError) inviteEmail = '';
|
||||
}
|
||||
|
||||
async function withdraw(invite) {
|
||||
try {
|
||||
await api.withdrawInvite(project.id, invite.id);
|
||||
readMembers(await api.listMembers(project.id));
|
||||
} catch (e) {
|
||||
app.toast(humanMessage(e));
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Wide for a board and a month grid, narrow for a list. Decided here rather than
|
||||
@@ -765,7 +795,7 @@
|
||||
class="remove"
|
||||
onclick={async () => {
|
||||
await api.removeMember(project.id, member.user_id);
|
||||
members = (await api.listMembers(project.id)).members;
|
||||
readMembers(await api.listMembers(project.id));
|
||||
}}
|
||||
aria-label={t('project.removeMember', { name: member.name })}>×</button
|
||||
>
|
||||
@@ -774,7 +804,60 @@
|
||||
{/each}
|
||||
</ul>
|
||||
|
||||
<!-- De inviterede står ved siden af medlemmerne. Uden dem er en invitation
|
||||
sendt i går usynlig: personen har ingen konto, så de er hverken
|
||||
medlem eller nogen, man kan vælge — og så bliver den sendt igen. -->
|
||||
{#if pending.length}
|
||||
<ul class="members invited">
|
||||
{#each pending as invite (invite.id)}
|
||||
<li>
|
||||
<span class="avatar waiting">@</span>
|
||||
<span class="member-name">{invite.email}</span>
|
||||
<span class="role">{t('project.invited')}</span>
|
||||
{#if isOwner}
|
||||
<button
|
||||
class="remove"
|
||||
onclick={() => withdraw(invite)}
|
||||
aria-label={t('project.withdrawInvite', { email: invite.email })}>×</button
|
||||
>
|
||||
{/if}
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
{/if}
|
||||
|
||||
{#if isOwner}
|
||||
<!-- Den, der allerede er her, vælges. Indtil nu kunne et projekt kun
|
||||
deles ved at stave en e-mailadresse, altså ved at kende adressen på
|
||||
en kollega, man kender navnet på — og konti her bliver kun til ved
|
||||
invitation, så listen er en adressebog og ikke en udlevering. -->
|
||||
{#if candidates.length}
|
||||
<div class="addshare">
|
||||
<select bind:value={sharePick} aria-label={t('project.pickPerson')}>
|
||||
<option value="">{t('project.pickPerson')}</option>
|
||||
{#each candidates as person (person.id)}
|
||||
<option value={person.id}>{person.name}</option>
|
||||
{/each}
|
||||
</select>
|
||||
<select bind:value={pickRole} aria-label={t('project.roleForPicked')}>
|
||||
<option value="editor">{t('project.canEdit')}</option>
|
||||
<option value="viewer">{t('project.canView')}</option>
|
||||
</select>
|
||||
<button
|
||||
disabled={!sharePick}
|
||||
onclick={async () => {
|
||||
const id = sharePick;
|
||||
sharePick = '';
|
||||
await share({ user_id: id }, pickRole);
|
||||
}}>{t('project.shareWith')}</button
|
||||
>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<!-- Og den, der ikke er her endnu. Samme felt til begge udfald: har
|
||||
adressen en konto, bliver det en deling med det samme, og ellers en
|
||||
invitation. Hvem der har en konto, skal man ikke vide for at dele. -->
|
||||
<p class="byemail-hint">{t('project.orByEmail')}</p>
|
||||
<form onsubmit={invite}>
|
||||
<input
|
||||
bind:value={inviteEmail}
|
||||
@@ -1396,6 +1479,34 @@
|
||||
font-size: var(--text-sm);
|
||||
}
|
||||
|
||||
/* De inviterede står under medlemmerne med en tynd streg imellem: de er på vej
|
||||
ind, ikke inde, og en liste uden skel læses som om de allerede var det. */
|
||||
.invited {
|
||||
border-top: 1px solid var(--line);
|
||||
padding-top: var(--s2);
|
||||
}
|
||||
|
||||
/* Ingen farve at give dem: en invitation har en adresse og ellers ingenting,
|
||||
og en tilfældig farve ville love et menneske, der ikke findes endnu. */
|
||||
.avatar.waiting {
|
||||
background: var(--surface-sunken);
|
||||
border: 1px dashed var(--line);
|
||||
color: var(--ink-muted);
|
||||
}
|
||||
|
||||
.addshare {
|
||||
display: flex;
|
||||
gap: var(--s2);
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.byemail-hint {
|
||||
margin: 0;
|
||||
font-size: var(--text-xs);
|
||||
color: var(--ink-muted);
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
|
||||
Reference in New Issue
Block a user