From 5d94c0074904fab1455814889521296eb493afec Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Mon, 27 Jul 2020 10:07:18 -0400
Subject: [PATCH] Add a button to select a unit's predator

---
 src/components/Combat.vue    | 4 ++--
 src/components/Statblock.vue | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Combat.vue b/src/components/Combat.vue
index ff0155e..d090bef 100644
--- a/src/components/Combat.vue
+++ b/src/components/Combat.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="combat-layout">
     <div @wheel="horizWheelLeft" class="stat-column" id="left-stats">
-      <Statblock @selectAlly="right = combatant" @select="left = combatant" class="left-stats" :data-active="combatant === left" :data-active-ally="combatant === right" :data-eaten="combatant.containedIn !== null" :data-dead="combatant.vigors.Health <= 0" v-for="(combatant, index) in combatants.filter(c => c.side == Side.Heroes && !c.destroyed).slice().reverse()" v-bind:key="'left-stat-' + index" :subject="combatant" />
+      <Statblock @selectPredator="right = combatant.containedIn.owner" @selectAlly="right = combatant" @select="left = combatant" class="left-stats" :data-active="combatant === left" :data-active-ally="combatant === right" :data-eaten="combatant.containedIn !== null" :data-dead="combatant.vigors.Health <= 0" v-for="(combatant, index) in combatants.filter(c => c.side == Side.Heroes && !c.destroyed).slice().reverse()" v-bind:key="'left-stat-' + index" :subject="combatant" />
     </div>
     <div @wheel="horizWheelRight" class="stat-column" id="right-stats">
-      <Statblock @selectAlly="left = combatant" @select="right = combatant" class="right-stats" :data-active="combatant === right" :data-active-ally="combatant === left" :data-eaten="combatant.containedIn !== null" :data-dead="combatant.vigors.Health <= 0" v-for="(combatant, index) in combatants.filter(c => c.side == Side.Monsters && !c.destroyed)" v-bind:key="'right-stat-' + index" :subject="combatant" />
+      <Statblock @selectPredator="left = combatant.containedIn.owner" @selectAlly="left = combatant" @select="right = combatant" class="right-stats" :data-active="combatant === right" :data-active-ally="combatant === left" :data-eaten="combatant.containedIn !== null" :data-dead="combatant.vigors.Health <= 0" v-for="(combatant, index) in combatants.filter(c => c.side == Side.Monsters && !c.destroyed)" v-bind:key="'right-stat-' + index" :subject="combatant" />
     </div>
     <div id="log">
     </div>
diff --git a/src/components/Statblock.vue b/src/components/Statblock.vue
index 13c71f9..1c14cef 100644
--- a/src/components/Statblock.vue
+++ b/src/components/Statblock.vue
@@ -43,6 +43,7 @@
           </div>
         </div>
       </div>
+      <button @click.stop="$emit('selectPredator')" v-if="subject.containedIn !== null">Select predator</button>
       <div>Status: {{subject.status}}</div>
       <button v-if="subject.perspective === POV.Third" @click.stop="subject.perspective = POV.Second">Second-person</button>
       <button v-if="subject.perspective === POV.First" @click.stop="subject.perspective = POV.Third">Third-person</button>