Added abbreviations in lang

Author: Drarig29

src/dom.ts

@@ -1,5 +1,6 @@
 import { ParticipantResult } from "brackets-model";
 import { rankingHeader } from "./helpers";
+import { abbreviations } from "./lang";
 import { Connection, FinalType, Placement, Ranking } from "./types";
 
 /**
@@ -187,7 +188,7 @@ export function setupWin(participantContainer: HTMLElement, resultContainer: HTM
         participantContainer.classList.add('win');
 
         if (participant.score === undefined)
-            resultContainer.innerText = 'W';
+            resultContainer.innerText = abbreviations.win;
     }
 }
 
@@ -203,9 +204,9 @@ export function setupLoss(participantContainer: HTMLElement, resultContainer: HT
         participantContainer.classList.add('loss');
 
         if (participant.forfeit)
-            resultContainer.innerText = 'F'; // Forfeit.
+            resultContainer.innerText = abbreviations.forfeit;
         else if (participant.score === undefined)
-            resultContainer.innerText = 'L';
+            resultContainer.innerText = abbreviations.loss;
     }
 }
 

src/helpers.ts

@@ -1,5 +1,6 @@
 import { Match, ParticipantResult } from "brackets-model";
-import { RankingHeader, Ranking, RankingFormula, RankingHeaders, RankingItem, RankingMap } from "./types";
+import { headers } from "./lang";
+import { RankingHeader, Ranking, RankingFormula, RankingItem, RankingMap } from "./types";
 
 /**
  * Splits an array based on values of a given key of the objects of the array.
@@ -29,56 +30,6 @@ export function isMajorRound(roundNumber: number): boolean {
     return roundNumber === 1 || roundNumber % 2 === 0;
 }
 
-/**
- * Headers of the ranking.
- */
-const headers: RankingHeaders = {
-    'rank': {
-        text: '#',
-        tooltip: 'Rank',
-    },
-    'id': {
-        text: 'Name',
-        tooltip: 'Name',
-    },
-    'played': {
-        text: 'P',
-        tooltip: 'Played',
-    },
-    'wins': {
-        text: 'W',
-        tooltip: 'Wins',
-    },
-    'draws': {
-        text: 'D',
-        tooltip: 'Draws',
-    },
-    'losses': {
-        text: 'L',
-        tooltip: 'Losses',
-    },
-    'forfeits': {
-        text: 'F',
-        tooltip: 'Forfeits',
-    },
-    'scoreFor': {
-        text: 'SF',
-        tooltip: 'Score For',
-    },
-    'scoreAgainst': {
-        text: 'SA',
-        tooltip: 'Score Against',
-    },
-    'scoreDifference': {
-        text: '+/-',
-        tooltip: 'Score Difference',
-    },
-    'points': {
-        text: 'Pts',
-        tooltip: 'Points',
-    },
-}
-
 /**
  * Returns the header for a ranking property.
  *

src/lang.ts

@@ -1,6 +1,6 @@
 import { Status } from "brackets-model";
 import { isMajorRound } from "./helpers";
-import { FinalType, OriginHint } from "./types";
+import { FinalType, OriginHint, RankingHeaders } from "./types";
 
 /**
  * Returns an origin hint function based on rounds information.
@@ -159,4 +159,63 @@ export function getLoserBracketRoundName(roundNumber: number): string {
     return `LB Round ${roundNumber}`;
 }
 
-// TODO: add letters as traduction (W, L, D, F and all ranking headers)
+/** 
+ * Abbreviations used in the viewer.
+ */
+export const abbreviations = {
+    win: 'W',
+    loss: 'L',
+    forfeit: 'F',
+    position: 'P',
+    seed: '#',
+}
+
+/**
+ * Headers of the ranking.
+ */
+export const headers: RankingHeaders = {
+    rank: {
+        text: '#',
+        tooltip: 'Rank',
+    },
+    id: {
+        text: 'Name',
+        tooltip: 'Name',
+    },
+    played: {
+        text: 'P',
+        tooltip: 'Played',
+    },
+    wins: {
+        text: abbreviations.win,
+        tooltip: 'Wins',
+    },
+    draws: {
+        text: 'D',
+        tooltip: 'Draws',
+    },
+    losses: {
+        text: abbreviations.loss,
+        tooltip: 'Losses',
+    },
+    forfeits: {
+        text: abbreviations.forfeit,
+        tooltip: 'Forfeits',
+    },
+    scoreFor: {
+        text: 'SF',
+        tooltip: 'Score For',
+    },
+    scoreAgainst: {
+        text: 'SA',
+        tooltip: 'Score Against',
+    },
+    scoreDifference: {
+        text: '+/-',
+        tooltip: 'Score Difference',
+    },
+    points: {
+        text: 'Pts',
+        tooltip: 'Points',
+    },
+}

src/main.ts

@@ -366,9 +366,7 @@ export class BracketsViewer {
         if (!this.config.showSlotsOrigin) return;
         if (!this.config.showLowerBracketSlotsOrigin && inLowerBracket) return;
 
-        // 'P' for position (where the participant comes from) and '#' for actual seeding.
-        const origin = inLowerBracket ? `P${participant.position}` : `#${participant.position}`;
-
+        const origin = (inLowerBracket ? lang.abbreviations.position : lang.abbreviations.seed) + participant.position;
         dom.addTeamOrigin(nameContainer, origin, this.config.participantOriginPlacement);
     }