Visualize bot substitution intent

Author: g3force

src/components/Card.vue

@@ -21,6 +21,7 @@
         border-style: dotted;
         border-width: 0.4vh;
         display: inline-block;
+        margin: 0.1em;
     }
 
     .card-pic {

src/components/TeamStatus.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :class="{'bot-substitution-intent': botSubstitutionIntent}">
         <div :class="{'team-yellow': color === 'yellow', 'team-blue': color === 'blue'}" class="team-name">
             <div class="team-name-text">{{team.name}}</div>
         </div>
@@ -36,12 +36,20 @@
             },
             markYellowCard() {
                 return this.team.yellowCards > 0 && this.team.yellowCards % 3 === 0;
+            },
+            botSubstitutionIntent() {
+                return this.team.botSubstitutionIntent;
             }
         }
     }
 </script>
 
 <style scoped>
+
+    .bot-substitution-intent {
+        background-color: #c2c3d0;
+    }
+
     .team-name {
         height: 15vh;
         display: flex;

src/proto/ssl_referee.proto

@@ -147,6 +147,8 @@ message Referee {
         optional bool can_place_ball = 12;
         // The maximum number of bots allowed on the field based on division and cards
         optional uint32 max_allowed_bots = 13;
+        // The team has submitted an intent to substitute one or more robots at the next chance
+        optional bool bot_substitution_intent = 14;
     }
 
     // Information about the two teams.

src/sslProto.js

@@ -12872,6 +12872,7 @@ export const Referee = $root.Referee = (() => {
          * @property {number|null} [ballPlacementFailures] TeamInfo ballPlacementFailures
          * @property {boolean|null} [canPlaceBall] TeamInfo canPlaceBall
          * @property {number|null} [maxAllowedBots] TeamInfo maxAllowedBots
+         * @property {boolean|null} [botSubstitutionIntent] TeamInfo botSubstitutionIntent
          */
 
         /**
@@ -12986,6 +12987,14 @@ export const Referee = $root.Referee = (() => {
          */
         TeamInfo.prototype.maxAllowedBots = 0;
 
+        /**
+         * TeamInfo botSubstitutionIntent.
+         * @member {boolean} botSubstitutionIntent
+         * @memberof Referee.TeamInfo
+         * @instance
+         */
+        TeamInfo.prototype.botSubstitutionIntent = false;
+
         /**
          * Creates a new TeamInfo instance using the specified properties.
          * @function create
@@ -13031,6 +13040,8 @@ export const Referee = $root.Referee = (() => {
                 writer.uint32(/* id 12, wireType 0 =*/96).bool(message.canPlaceBall);
             if (message.maxAllowedBots != null && message.hasOwnProperty("maxAllowedBots"))
                 writer.uint32(/* id 13, wireType 0 =*/104).uint32(message.maxAllowedBots);
+            if (message.botSubstitutionIntent != null && message.hasOwnProperty("botSubstitutionIntent"))
+                writer.uint32(/* id 14, wireType 0 =*/112).bool(message.botSubstitutionIntent);
             return writer;
         };
 
@@ -13108,6 +13119,9 @@ export const Referee = $root.Referee = (() => {
                 case 13:
                     message.maxAllowedBots = reader.uint32();
                     break;
+                case 14:
+                    message.botSubstitutionIntent = reader.bool();
+                    break;
                 default:
                     reader.skipType(tag & 7);
                     break;
@@ -13190,6 +13204,9 @@ export const Referee = $root.Referee = (() => {
             if (message.maxAllowedBots != null && message.hasOwnProperty("maxAllowedBots"))
                 if (!$util.isInteger(message.maxAllowedBots))
                     return "maxAllowedBots: integer expected";
+            if (message.botSubstitutionIntent != null && message.hasOwnProperty("botSubstitutionIntent"))
+                if (typeof message.botSubstitutionIntent !== "boolean")
+                    return "botSubstitutionIntent: boolean expected";
             return null;
         };
 
@@ -13234,6 +13251,8 @@ export const Referee = $root.Referee = (() => {
                 message.canPlaceBall = Boolean(object.canPlaceBall);
             if (object.maxAllowedBots != null)
                 message.maxAllowedBots = object.maxAllowedBots >>> 0;
+            if (object.botSubstitutionIntent != null)
+                message.botSubstitutionIntent = Boolean(object.botSubstitutionIntent);
             return message;
         };
 
@@ -13264,6 +13283,7 @@ export const Referee = $root.Referee = (() => {
                 object.ballPlacementFailures = 0;
                 object.canPlaceBall = false;
                 object.maxAllowedBots = 0;
+                object.botSubstitutionIntent = false;
             }
             if (message.name != null && message.hasOwnProperty("name"))
                 object.name = message.name;
@@ -13292,6 +13312,8 @@ export const Referee = $root.Referee = (() => {
                 object.canPlaceBall = message.canPlaceBall;
             if (message.maxAllowedBots != null && message.hasOwnProperty("maxAllowedBots"))
                 object.maxAllowedBots = message.maxAllowedBots;
+            if (message.botSubstitutionIntent != null && message.hasOwnProperty("botSubstitutionIntent"))
+                object.botSubstitutionIntent = message.botSubstitutionIntent;
             return object;
         };