Feat : display the votes in admin and allow to update

Closes #48 (closed)

web/components/management/round-desks.js

@@ -2,11 +2,11 @@
 import * as Auth from "/services/auth/auth.js";
 import * as Common from "/services/common/common.js";
 import * as DeskModel from "/services/model/desk-model.js";
+import * as SectionModel from "/services/model/section-model.js";
 import * as DeskRoundModel from "/services/model/deskRound-model.js";
 import * as CapturerModel from "/services/model/capturer-model.js";
 import * as Messages from "/services/messages/messages.js";
-
-// DOM elements
+import * as Votes from "/components/vote/votes.js";
 
 export async function mount(where, parent) {
   const roundDesksComponent = new RoundDesk(parent);
@@ -20,12 +20,14 @@ class RoundDesk {
     this.DeskModel = DeskModel.getDeskModel();
     this.DeskRoundModel = DeskRoundModel.getDeskRoundModel();
     this.CapturerModel = CapturerModel.getCapturerModel();
+    this.SectionModel = SectionModel.getSectionModel();
   }
 
   async mount(where) {
     this.DeskModel.current_user = await Auth.GetUser();
     this.DeskRoundModel.current_user = await Auth.GetUser();
     this.CapturerModel.current_user = await Auth.GetUser();
+    this.SectionModel.current_user = await Auth.GetUser();
     const mountpoint = where;
     document.getElementById(mountpoint).innerHTML = /* HTML */ `
       <header class="card-header">
@@ -41,11 +43,12 @@ class RoundDesk {
           <div id="desk-round-details"></div>
         </div>
         <div class="column is-half">
-          <div id="vote-list" class="card"></div>
+          <div id="vote-section" class="card"></div>
         </div>
       </div>
     `;
     this.mountModal("capturers-modal");
+    this.votesHandler = await Votes.mount(this);
     this.handleDom();
   }
 
@@ -214,6 +217,7 @@ class RoundDesk {
             deskRound.ID
           );
           deskRoundHandler.displayDeskRoundsDetails();
+          deskRoundHandler.displayVotes(deskRound);
         });
       document
         .getElementById(`deskrounds-deskround-capturers-${deskRound.ID}`)
@@ -327,13 +331,31 @@ class RoundDesk {
 
   emptyDesks() {
     this.round = null;
-    document.getElementById("desk-round").innerHTML = ""
+    document.getElementById("desk-round").innerHTML = "";
     this.emptyDesksDetails();
   }
 
   emptyDesksDetails() {
     this.desk = null;
     document.getElementById("desk-round-details").innerHTML = "";
-    document.getElementById("vote-list").innerHTML = "";
+    document.getElementById("vote-section").innerHTML = "";
+  }
+
+  async displayVotes(deskRound) {
+    let desk = await this.DeskModel.getDesk(this.deskRound.DeskID);
+    let section = await this.SectionModel.getSection(desk.SectionID);
+    await this.votesHandler.displayVotes(
+      deskRound.RoundID,
+      section.AreaID,
+      deskRound.ID
+    );
+    document.getElementById("votes-breadcrumb").innerHTML = "";
+    document.getElementById("votes-return").remove();
+  }
+
+  async refreshVotes() {
+    this.DeskRoundModel.refreshDeskRounds();
+    this.deskRound = await this.DeskRoundModel.getDeskRound(this.deskRound.ID);
+    this.displayDeskRoundsDetails();
   }
 }