playing-field: always mirror for convenience

even if a field is not mirrored and only cyan is shown, teams may want to use magenta.
robocup-logistics · Jul 16, 2024 · 760d572 · 760d572
1 parent a4e0988
commit 760d572
Showing 1 changed file with 26 additions and 28 deletions.
diff --git a/src/components/spectator/PlayingField.vue b/src/components/spectator/PlayingField.vue
@@ -10,34 +10,32 @@
       <div id="playingField" ref="playingField">
         <template v-for="vIndex in verticalFieldSize">
           <!-- negative x coordinates only if field is mirrored -->
-          <template v-if="isFieldMirrored">
-            <template v-for="hIndex in horizontalFieldSize">
-              <PlayingFieldSquare
-                :zone="
-                  getZoneNameFor(
-                    -(horizontalFieldSize - hIndex + 1),
-                    verticalFieldSize - vIndex + 1,
-                  )
-                "
-                :with-dot="vIndex != 1 && hIndex != 1"
-                :isSelected="
-                  selectedSquare?.zone ===
-                  getZoneNameFor(
-                    -(horizontalFieldSize - hIndex + 1),
-                    verticalFieldSize - vIndex + 1,
-                  )
-                "
-                :isTargeted="
-                  targetSquare?.zone ===
-                  getZoneNameFor(
-                    -(horizontalFieldSize - hIndex + 1),
-                    verticalFieldSize - vIndex + 1,
-                  )
-                "
-                @square-selected="handleSquareSelected"
-                @square-targeted="handleSquareTargeted"
-              />
-            </template>
+          <template v-for="hIndex in horizontalFieldSize">
+            <PlayingFieldSquare
+              :zone="
+                getZoneNameFor(
+                  -(horizontalFieldSize - hIndex + 1),
+                  verticalFieldSize - vIndex + 1,
+                )
+              "
+              :with-dot="vIndex != 1 && hIndex != 1"
+              :isSelected="
+                selectedSquare?.zone ===
+                getZoneNameFor(
+                  -(horizontalFieldSize - hIndex + 1),
+                  verticalFieldSize - vIndex + 1,
+                )
+              "
+              :isTargeted="
+                targetSquare?.zone ===
+                getZoneNameFor(
+                  -(horizontalFieldSize - hIndex + 1),
+                  verticalFieldSize - vIndex + 1,
+                )
+              "
+              @square-selected="handleSquareSelected"
+              @square-targeted="handleSquareTargeted"
+            />
           </template>
           <!-- positive x coordinates -->
           <template v-for="hIndex in horizontalFieldSize">