Add position to team name

Author: Drarig29

package.json

@@ -8,7 +8,8 @@
     "scripts": {
         "db": "json-server --watch demo/db.json",
         "build": "npx webpack --mode production",
-        "start": "npx webpack --watch --mode development"
+        "start": "npx webpack --watch --mode development",
+        "prepublishOnly": "npm run build"
     },
     "repository": {
         "type": "git",

src/main.ts

@@ -89,7 +89,7 @@ class BracketsViewer {
                     if (participant !== undefined) {
                         const cell = $('<td>').text(participant.name);
                         const id = participant.id;
-                        
+
                         this.teamRefsDOM[id].push(cell.get(0));
                         cell.hover(
                             () => $(this.teamRefsDOM[id]).addClass('hover'),
@@ -226,6 +226,9 @@ class BracketsViewer {
             nameDOM.text(participant === undefined ? 'TBD' : participant.name);
             scoreDOM.text(team.score === undefined ? '-' : team.score);
 
+            if (team.position !== undefined)
+                nameDOM.append($('<span>').text(` (#${team.position})`));
+
             if (team.result && team.result === 'win') {
                 nameDOM.addClass('win');
                 scoreDOM.addClass('win');

src/style.scss

@@ -241,6 +241,10 @@ h3 {
   &.win {
     font-weight: bold;
   }
+
+  & > span {
+    color: rgb(170, 170, 170);
+  }
 }
 
 .score {