[bugfix] Add missing new game event to UI

Author: g3force

src/components/create-event/EventAccordion.vue

@@ -20,6 +20,7 @@
     import AttackerTouchedBallInDefenseArea from "./inputs/AttackerTouchedBallInDefenseArea"
     import AttackerTooCloseToDefenseArea from "./inputs/AttackerTooCloseToDefenseArea"
     import AttackerTouchedOpponentInDefenseArea from "./inputs/AttackerTouchedOpponentInDefenseArea"
+    import AttackerTouchedOpponentInDefenseAreaSkipped from "./inputs/AttackerTouchedOpponentInDefenseAreaSkipped"
     import BallLeftFieldGoalLine from "./inputs/BallLeftFieldGoalLine"
     import BallLeftFieldTouchLine from "./inputs/BallLeftFieldTouchLine"
     import BotCrashDrawn from "./inputs/BotCrashDrawn"
@@ -61,6 +62,7 @@
             AttackerTouchedBallInDefenseArea,
             AttackerTooCloseToDefenseArea,
             AttackerTouchedOpponentInDefenseArea,
+            AttackerTouchedOpponentInDefenseAreaSkipped,
             BallLeftFieldGoalLine,
             BallLeftFieldTouchLine,
             BotCrashDrawn,

src/components/create-event/inputs/AttackerTouchedOpponentInDefenseAreaSkipped.vue

@@ -0,0 +1,54 @@
+<template>
+    <div>
+        <TeamSelection :model="model" label="By: "/>
+        <BotSelection :model="model" label="By Bot: "/>
+        <LocationSelection :model="model.location" label="Location [m]: "/>
+        <b-button variant="primary"
+                  @click="sendEvent()"
+                  :disabled="model.team === null">
+            Add
+        </b-button>
+    </div>
+</template>
+
+<script>
+    import TeamSelection from "@/components/common/TeamSelection";
+    import BotSelection from "@/components/common/BotSelection";
+    import LocationSelection from "@/components/common/LocationSelection";
+    import {convertStringLocation} from "@/refereeState";
+
+    export default {
+        name: "AttackerTouchedOpponentInDefenseAreaSkipped",
+        components: {BotSelection, TeamSelection, LocationSelection},
+        data() {
+            return {
+                model: {
+                    team: null,
+                    id: null,
+                    location: {x: null, y: null}
+                }
+            }
+        },
+        methods: {
+            sendEvent: function () {
+                this.$socket.sendObj({
+                    gameEvent: {
+                        type: 'attackerTouchedOpponentInDefenseAreaSkipped',
+                        details: {
+                            ['attackerTouchedOpponentInDefenseAreaSkipped']: {
+                                by_team: this.model.team.toLocaleUpperCase(),
+                                by_bot: parseInt(this.model.id),
+                                location: convertStringLocation(this.model.location)
+                            }
+                        }
+                    }
+                });
+                this.$root.$emit('bv::hide::modal', 'new-event-modal');
+            }
+        },
+    }
+</script>
+
+<style scoped>
+
+</style>

src/components/protocol/ProtocolTable.vue

@@ -103,6 +103,8 @@
                         return 'exclamation-triangle';
                     case 'ignoredGameEvent':
                         return 'exclamation';
+                    case 'gameEventQueued':
+                        return 'recycle';
                     case 'modify':
                         return 'edit';
                     case 'teamAction':

src/main.js

@@ -32,6 +32,7 @@ import {
     faUsers,
     faBullhorn,
     faChessBoard,
+    faRecycle,
 } from '@fortawesome/free-solid-svg-icons'
 import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome'
 // Connect to the backend with a single websocket that communicates with JSON format and is attached to the store
@@ -68,6 +69,7 @@ library.add(faClock);
 library.add(faExclamation);
 library.add(faUsers);
 library.add(faBullhorn);
+library.add(faRecycle);
 Vue.component('font-awesome-icon', FontAwesomeIcon);