fix: overflow turnout, results

frontend/src/commons/utils.ts

@@ -44,19 +44,21 @@ export function formatTime(date: Date) {
 }
 
 /**
- * Returns the entry of the given record with the highest value.
+ * Returns the entries of the given record with the highest value.
  * @param data the record to analyze.
  */
-export function highestOf(data: Record<string, number>): { key: string, value: number } {
-  let maxKey: string = '';
-  let maxValue: number = 0;
+export function highestOf(data: Record<string, number>): { key: string, value: number }[] {
+  let maxEntries: { key: string, value: number }[] = [];
+  let maxValue = 0;
   for (const [key, value] of Object.entries(data)) {
     if (value > maxValue) {
-      maxKey = key;
       maxValue = value;
+      maxEntries = [{ key, value }];
+    } else if (value === maxValue) {
+      maxEntries.push({ key, value });
     }
   }
-  return { key: maxKey, value: maxValue as number };
+  return maxEntries;
 }
 
 /**

frontend/src/stores/voting.ts

@@ -81,7 +81,7 @@ export const useVotingStore = defineStore('voting', () => {
       start: new Date(electionInfos.startDate),
       end: new Date(electionInfos.endDate),
       choices: electionInfos.choices.map((i: any) => ({ name: i.choice })),
-      turnout: electionDetails.affluence,
+      turnout: `${parseFloat(electionDetails.affluence.replace('%', '')).toFixed(2)}%`,
       results: electionDetails.results
     }
   }

frontend/src/views/ElectionDetails.vue

@@ -81,20 +81,20 @@ async function getVotingDetails(id: string) {
       <div class="col">
         <Tile title="Results">
           <template #default>
-            <p v-if="highestOf(election.results).value === 0 && Date.now() < election.start.getTime()">
+            <p v-if="Object.keys(election.results).length === 0 && Date.now() < election.start.getTime()">
               Voting has not been opened, yet.
             </p>
             <p v-else-if="Object.keys(election.results).length === 0">
               Voting is still open, results will be made available after closing date.
             </p>
-            <p v-else-if="Object.keys(election.results).length !== 0 && highestOf(election.results).value == 0">
+            <p v-else-if="Object.keys(election.results).length !== 0 && highestOf(election.results)[0].value === 0">
               No votes have been casted.
             </p>
             <p v-else>
-              The option '<strong>{{ highestOf(election.results).key }}</strong>' has collected the highest number of votes.
+              <strong>{{ Object.keys(highestOf(election.results)).reduce((p, c) => p + ", " + c) }}</strong> collected the highest number of votes.
             </p>
           </template>
-          <template #details v-if="Object.keys(election.results).length !== 0 && highestOf(election.results).value !== 0">
+          <template #details v-if="Object.keys(election.results).length !== 0 && highestOf(election.results)[0].value !== 0">
             <p class="text-black">Results are here presented: </p>
             <table class="table table-striped">
               <thead>