From c58b4b19a6aced4bd9d663b9fcbc5bc42c0d751a Mon Sep 17 00:00:00 2001
From: Alec <alecmills34@gmail.com>
Date: Wed, 9 Sep 2020 18:02:57 -0500
Subject: [PATCH] Add buttons for # of ships #1

---
 .DS_Store                            | Bin 0 -> 6148 bytes
 src/components/TopLevel.component.js |  24 +++++++++++++++++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 .DS_Store

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..c62eebc9bb680b2add0608f3b1770e1d443a4956
GIT binary patch
literal 6148
zcmeHKPfrs;6n_I%wnb$5kI}=%#)Jf7Ab{e5PzyvGW2ls131Hdn4rRl3r`g?7pkjLT
z>P-)R1`i(n0(=8cM!$hxJ?Wc26)1Q$#OzCEesA8q_h#p}J2N`~K+;uv0zd}<4GYIu
z0;>yz_w#a2+LWaOk%%1oa2IwUgfh72ydy)zK*YdhV}P&S1UTS<4HQnT-;B$Omdh;c
z=bOVgmXTjVPy=Yk74Cr5;`RDsFRK<*RIX#I;yOV%KK_}swa2bp?a;J@mgq`s=5|;u
z7n)%;NSppTZ)MGJ$5Q$VW9}c_v{oHjE9m|6%nMD&qrM1sY>F-$&mGTZwKS`Gb|CWP
zWQV53wRk}vs@G?xCdZ8X(??@Qefq)lm@zeZ@8~G54c(cT&1{tq4(l(EUcD8w1cLjT
zkZy%dc!!GOz$xyj*^!UU*?raZ=KSJ`&TC!QyY-&lzMlS`fq{X+p@HGS!J7rW&oYa<
zC7(a(Jad_!cB^!~<U4k*Vip~*ln?2Cm~#$kLGNvGU8eSn6Vu8;1%3KY3?khlpHffc
zTiV_ZXqYeP-9gc3uA60n6FSUWJJq|k5g_N8kd`yvHp3D3kmIEacMDdjA0VEK&##%j
zZ+az~KG<|ki@Hl*nuQ@Nb5EYF$h@pid8WLBI-g5&?uX<snMyZ=mQ0OEiw;St0K|2&
z;xUiL<H=N388sM%hwv0uVHXbJ4ZMdB@ClCL3w(#4q=Vcbx5+4(BC}+UJSG|Pgk;Gx
zvMi(9nlJKJa|nrK9Z|i=y`1m4%qyXVd&glJ7IDM{9CHy5wldf)pZhoTI=d(W@S%9t
zi_ElmVe@i`qD1Sw9FG${MZ`eFz$IdU?+*qRjwyu=iDK)(N?ZXDV`vtFI{#hZF^0mF
z!iGfbK_M~}QHBzA#UL^q?S}G8DQrlT;Xu^ogQ$^-x}gv;I_5WoJCKybsE!zj7&yy7
zyKL(G{9pY0{r_xG)QT9082GOkAhCtqLK>%}&en62<7cgbWeW=z?$?kgLa<WDu~7I?
eJd8yM_8DA3Oet(gL<>svBOqvqs)&Jq%D`{^Zu%4e

literal 0
HcmV?d00001

diff --git a/src/components/TopLevel.component.js b/src/components/TopLevel.component.js
index c704aed..437c130 100644
--- a/src/components/TopLevel.component.js
+++ b/src/components/TopLevel.component.js
@@ -5,7 +5,14 @@ import game_service from '../services/GameState.service.js'
 const template = `
 <div class="top-level-component">
     <div v-if="current_state === GameState.ChoosingNumberOfShips">
-        Choose number of ships <button @click="bypass">Bypass for now</button>
+        Choose number of ships
+        <button @click="ship1" class="shipBtn">1 ship</button>
+        <button @click="ship2" class="shipBtn">2 ships</button>
+        <button @click="ship3" class="shipBtn">3 ships</button>
+        <button @click="ship4" class="shipBtn">4 ships</button>
+        <button @click="ship5" class="shipBtn">5 ships</button>
+
+        <button @click="bypass">Bypass for now</button>
     </div>
     <div v-if="current_state !== GameState.ChoosingNumberOfShips" class="game-boards-container">
         <!-- Opponent's board -->
@@ -51,6 +58,21 @@ export default class TopLevelComponent extends Component {
         })
     }
 
+    ship1(){
+        game_service.advance_game_state()
+    }
+    ship2(){
+        game_service.advance_game_state()
+    }
+    ship3(){
+        game_service.advance_game_state()
+    }
+    ship4(){
+        game_service.advance_game_state()
+    }
+    ship5(){
+        game_service.advance_game_state()
+    }
     bypass() {
         game_service.advance_game_state()
     }