Add Status tooltip

Author: Drarig29

dist/brackets-viewer.min.js

@@ -43,6 +43,6 @@
         "webpack-cli": "^3.3.11"
     },
     "dependencies": {
-        "brackets-model": "^1.1.0"
+        "brackets-model": "^1.2.0"
     }
 }

package-lock.json

@@ -25,9 +25,10 @@ export function createMatchContainer() {
     return match;
 }
 
-export function createMatchLabel(label: string) {
+export function createMatchLabel(label: string, status: string) {
     const span = document.createElement('span');
     span.innerText = label;
+    span.title = status;
     return span;
 }
 

package.json

@@ -1,4 +1,4 @@
-import { Match } from "brackets-model";
+import { Match, Status } from "brackets-model";
 import { isMajorRound } from "./helpers";
 
 export function getMatchHint(roundNumber: number, roundCount: number, inLowerBracket?: boolean): MatchHint {
@@ -58,6 +58,17 @@ export function getFinalMatchHint(type: string, i: number): MatchHint {
     return undefined;
 }
 
+export function getMatchStatus(status: Status) {
+    switch (status) {
+        case Status.Locked: return 'Locked';
+        case Status.Waiting: return 'Waiting';
+        case Status.Ready: return 'Ready';
+        case Status.Running: return 'Running';
+        case Status.Completed: return 'Completed';
+        case Status.Archived: return 'Archived';
+    }
+}
+
 export function getGrandFinalName(matches: Match[]) {
     return matches.length === 1 ? () => 'Grand Final' : (i: number) => `GF Round ${i + 1}`;
 }

src/dom.ts

@@ -187,7 +187,7 @@ class BracketsViewer {
         const team2 = this.createTeam(results.opponent2, hint, inLowerBracket);
 
         if (label)
-            teams.append(dom.createMatchLabel(label));
+            teams.append(dom.createMatchLabel(label, lang.getMatchStatus(results.status)));
 
         teams.append(team1, team2);
         match.append(teams);