admin: Display student needing help on home page

ui/src/lib/users.js

@@ -51,6 +51,15 @@ export async function getUserScore(uid, survey) {
   }
 }
 
+export async function getUserNeedingHelp() {
+  const res = await fetch(`api/help`, {headers: {'Accept': 'application/json'}})
+  if (res.status == 200) {
+    return await res.json();
+  } else {
+    throw new Error((await res.json()).errmsg);
+  }
+}
+
 export async function getScore(survey) {
   const res = await fetch(`api/surveys/${survey.id}/score`, {headers: {'Accept': 'application/json'}})
   if (res.status == 200) {

ui/src/routes/index.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
  import { user } from '../stores/user';
+ import { getUser, getUserNeedingHelp } from '../lib/users';
  import SurveyList from '../components/SurveyList.svelte';
  import ValidateSubmissions from '../components/ValidateSubmissions.svelte';
 
@@ -37,6 +38,26 @@
 
             <ValidateSubmissions />
 
+            {#if $user.is_admin}
+                <p class="lead">Demande d'aide&nbsp;:</p>
+                {#await getUserNeedingHelp()}
+                    <span class="spinner-border spinner-border" role="status" aria-hidden="true"></span>
+                {:then nhs}
+                    <ul style="columns: 2">
+                        {#each nhs as user (user.id)}
+                            <li>
+                                {#await getUser(user.id_user)}
+                                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+                                {:then u}
+                                    <a href="users/{u.id}">{u.login}</a>
+                                {/await}
+                                ({user.date})
+                            </li>
+                        {/each}
+                    </ul>
+                {/await}
+            {/if}
+
             <p class="lead">Voici la liste des questionnaires&nbsp;:</p>
         {:else}
             <p class="card-text lead">