[refactoring] Remove and reorganize buttons and texts

Author: g3force

src/components/control/ControlTeam.vue

@@ -38,14 +38,6 @@
         <br/>
 
         <ControlTeamTimeout :team-color="teamColor"/>
-        <b-button v-on:click="addGoal">
-            Goal
-        </b-button>
-        <b-button v-on:click="addYellowCard">
-            Yellow Card
-        </b-button>
-
-        <br/>
 
         <b-button v-on:click="revokeYellowCard"
                   v-bind:disabled="teamState.yellowCardTimes.length===0">
@@ -70,15 +62,9 @@
                     'command': {'forTeam': this.teamColor, 'commandType': command}
                 })
             },
-            addYellowCard: function () {
-                this.$socket.sendObj({'card': {'forTeam': this.teamColor, 'cardType': 'yellow', 'operation': 'add'}})
-            },
             revokeYellowCard: function () {
                 this.$socket.sendObj({'card': {'forTeam': this.teamColor, 'cardType': 'yellow', 'operation': 'revoke'}})
             },
-            addGoal: function () {
-                this.$socket.sendObj({'modify': {'forTeam': this.teamColor, 'goals': this.teamState.goals + 1}})
-            },
             sendKickoff() {
                 if (!this.$refs.btnKickoff.disabled) {
                     this.send('kickoff')
@@ -147,6 +133,6 @@
 
 <style scoped>
     button {
-        margin: 0.5em;
+        margin: 0.25em;
     }
 </style>

src/components/control/ControlTeamTimeout.vue

@@ -44,5 +44,7 @@
 </script>
 
 <style scoped>
-
+    button {
+        margin: 0.25em;
+    }
 </style>

src/components/team/TeamHalf.vue

@@ -1,7 +1,7 @@
 <template>
     <span>
-        <label v-show="teamState.onPositiveHalf">On positive half</label>
-        <label v-show="!teamState.onPositiveHalf">On negative half</label>
+        <label v-show="teamState.onPositiveHalf">Goal is on positive half.</label>
+        <label v-show="!teamState.onPositiveHalf">Goal is on negative half.</label>
     </span>
 </template>
 

src/components/team/TeamOverview.vue

@@ -24,10 +24,6 @@
                         :team-color="teamColor"
                         :goalie="team.goalie"/>
             </div>
-            <div>
-                <TeamHalf
-                        :team-color="teamColor"/>
-            </div>
             <div>
                 <TeamTimeouts
                         :team-color="teamColor"
@@ -58,7 +54,11 @@
                         :team-color="teamColor"/>
             </div>
             <div>
-                Max <b>{{maxAllowedBots}}</b> bots allowed on the field
+                <TeamHalf
+                        :team-color="teamColor"/>
+            </div>
+            <div>
+                At most <b>{{maxAllowedBots}}</b> bots allowed on the field.
             </div>
         </div>
     </div>