@dcrackel/meyersquaredui 1.0.191 → 1.0.195

package/src/stories/Organisms/ScoreBoardParts/ScoreBar/ScoreBar.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="flex w-full">
+    <FencerScore
+        :score="score1"
+    />
+    <ScoreBoardTimer v-if="!bout.MaxPasses"
+        :initialTime="bout.TimeLeft"
+        :timerStatus="bout.TimerStatus"
+        :ringName="bout.Pool.RingName"
+        :directorName="bout.RefName"
+        :showClock="showClock"
+    />
+    <ScoreBoardPasses v-if="bout.MaxPasses"
+        :currentPass="bout.CurrentPass || 0"
+        :totalPasses="bout.MaxPasses"
+        :ringName="bout.Pool.RingName"
+        :directorName="bout.RefName"
+    />
+    <FencerScore
+        :score="score2"
+    />
+  </div>
+</template>
+
+<script>
+import FencerScore from '../../../Molecules/ScoreBoardSections/FencerScore/FencerScore.vue';
+import ScoreBoardTimer from "../../../Molecules/ScoreBoardSections/ScoreBoardTimer/ScoreBoardTimer.vue";
+import ScoreBoardPasses from "../../../Molecules/ScoreBoardSections/ScoreBoardPasses/ScoreBoardPasses.vue";
+
+export default {
+  name: 'ScoreBar',
+  components: {
+    ScoreBoardPasses,
+    ScoreBoardTimer,
+    FencerScore
+  },
+  props: {
+    bout: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    score1() {
+      if (!this.bout.IsCountingUp) {
+        return this.bout.MaxPoints - this.bout.Score1;
+      }
+      return this.bout.Score1;
+    },
+    score2() {
+      if (!this.bout.IsCountingUp) {
+        return this.bout.MaxPoints - this.bout.Score2;
+      }
+      return this.bout.Score2;
+    },
+    showClock() {
+      return this.bout.ShowTimerBox;
+    }
+  },
+};
+</script>