Implement need-help feature

This commit is contained in:
nemunaire 2022-03-02 02:09:45 +01:00
commit 4b64b91473
3 changed files with 104 additions and 13 deletions

View file

@ -1,6 +1,27 @@
<script>
function needhelp() {
import { user } from '../stores/user';
import { ToastsStore } from '../stores/toasts';
function needhelp() {
fetch('api/help', {
method: 'POST',
}).then((response) => {
response.json().then((data) => {
ToastsStore.addToast({
color: "info",
title: "Assistance",
msg: data.comment,
});
})
}, (response) => {
pleaseWait = false;
if (response.data)
ToastsStore.addToast({
color: "danger",
title: "Une erreur s'est produite",
msg: (response.data ? response.data.errmsg : "Impossible de contacter le serveur"),
});
});
}
</script>
@ -22,19 +43,21 @@
<p>
Si tu souhaites me parler d'une situation qui t'a troublé&middot;e, d'un problème que tu rencontres ou me faire une remarque,
n'hésite pas à venir me voir lors d'un cours, par exemple à la pause ou à la fin&nbsp;;
je suis aussi joignable <a href="mailto:nemunaire@nemunai.re">par e-mail</a> ou bien <a href="https://matrix.to/#/@nemunaire:nemunai.re">sur Matrix</a> ou Teams.
n'hésite pas à venir me voir lors d'un cours, par exemple à la pause ou à la fin{#if $user}&nbsp;;
je suis aussi joignable <a href="mailto:nemunaire@nemunai.re">par e-mail</a> ou bien <a href="https://matrix.to/#/@nemunaire:nemunai.re">sur Matrix</a> ou Teams{/if}.
</p>
<p class="mt-4">
Si tu souhaites juste avoir un peu plus d'attention, soit parce que tu te sens à l'écart, en difficulté ou autre&nbsp;:
<button
type="button"
class="btn btn-sm btn-primary"
on:click={needhelp}
>
Clique ce bouton
</button>
</p>
{#if $user}
<p class="mt-4">
Si tu souhaites juste avoir un peu plus d'attention, soit parce que tu te sens à l'écart, en difficulté ou autre&nbsp;:
<button
type="button"
class="btn btn-sm btn-primary"
on:click={needhelp}
>
Clique ce bouton
</button>
</p>
{/if}
<div class="mb-5"></div>