scott/crabfit
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Added feature to copy the list of availabilities

Browse source
This commit is contained in:
Midas 2023-06-20 09:22:25 +01:00
parent ab8bea81c7
commit 84517d06a3
5 changed files with 40 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/components/AvailabilityViewer/AvailabilityViewer.tsx
View file

@ -101,7 +101,18 @@ const AvailabilityViewer = ({ times, people, table }: AvailabilityViewerProps) =
people: peopleHere,
})
}}
onMouseDown={e => {
setTooltip({
anchor: e.currentTarget,
available: `${peopleHere.length} / ${filteredPeople.length} ${t('available')}`,
date: cell.label,
people: peopleHere,
})
let text2Clipboard = t("copy.message") + cell.label + ":\n" + peopleHere.join(';\n') + ";";
navigator.clipboard.writeText(text2Clipboard);
}}
onMouseLeave={() => setTooltip(undefined)}
/>
})}
</div>
@ -130,7 +141,7 @@ const AvailabilityViewer = ({ times, people, table }: AvailabilityViewerProps) =
/>
<span className={styles.info}>{t('group.info1')}</span>
<span className={styles.info}>{t('group.info3')}</span>
{people.length > 1 && <>
<span className={styles.info}>{t('group.info2')}</span>
<div className={styles.people}>

8
frontend/src/i18n/locales/en-GB/event.json
View file

@ -49,7 +49,13 @@
"group": {
"legend_tooltip": "Click to highlight highest availability",
"info1": "Hover or tap the calendar below to see who is available",
"info2": "Click the names below to view people individually"
"info2": "Click the names below to view people individually",
"info3": "Click on a time slot to copy a list of people who are available then"
},
"copy": {
"alert": "List of available people copied to clipboard!",
"message": "List of available people at "
},
"you": {

9
frontend/src/i18n/locales/en/event.json
View file

@ -49,7 +49,14 @@
"group": {
"legend_tooltip": "Click to highlight highest availability",
"info1": "Hover or tap the calendar below to see who is available",
"info2": "Click the names below to view people individually"
"info2": "Click the names below to view people individually",
"info3": "Click on a time slot to copy a list of people who are available then"
},
"copy": {
"alert": "List of available people copied to clipboard!",
"message": "List of available people at "
},
"you": {

8
frontend/src/i18n/locales/pt-BR/event.json
View file

@ -49,7 +49,13 @@
"group": {
"legend_tooltip": "Clique para destacar o melhor tempo",
"info1": "Passe o mouse ou toque o calendário pra ver quem está livre",
"info2": "Clique nos nomes pra ver a disponibilidade de cada um"
"info2": "Clique nos nomes pra ver a disponibilidade de cada um",
"info3": "Clica num slot para copiar uma lista das pessoas disponíveis nesse horário"
},
"copy": {
"alert": "Lista de pessoas disponíveis copiada!",
"message": "Pessoas diponíveis a "
},
"you": {

7
frontend/src/i18n/locales/pt-PT/event.json
View file

@ -49,7 +49,12 @@
"group": {
"legend_tooltip": "Clica para realçar as horas com maior disponibilidade",
"info1": "Passa o cursor ou clica no calendário abaixo para ver quem está disponível",
"info2": "Clica nos nomes abaixo para ver a disponibilidade de cada pessoa"
"info2": "Clica nos nomes abaixo para ver a disponibilidade de cada pessoa",
"info3": "Clica num slot para copiar uma lista das pessoas disponíveis nesse horário"
},
"copy": {
"alert": "Lista de pessoas disponíveis copiada!",
"message": "Pessoas diponíveis a "
},
"you": {