From 463a8f6d30fda8140eff57d2657338e55b7a6c1c Mon Sep 17 00:00:00 2001
From: javier-barea <javierbarealara@gmail.com>
Date: Mon, 7 Sep 2020 21:06:06 -0500
Subject: [PATCH] Add label to rows (#2)

---
 src/components/GameBoard.component.js | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/GameBoard.component.js b/src/components/GameBoard.component.js
index 89973e7..326ba1b 100644
--- a/src/components/GameBoard.component.js
+++ b/src/components/GameBoard.component.js
@@ -22,13 +22,14 @@ import game_service from '../services/GameState.service.js'
 const template  = `
 <div class="game-board-component" v-if="ready">
     <div class="grid-container">
-        <div class="grid-row" v-for="row of rows">
+        <div class="grid-row" v-for="(row,i) of rows">
+        <br> {{i}}
             <app-game-cell
                 v-for="cell of row"
                 v-bind:render="cell.render"
             ></app-game-cell>
         </div>
-    </div>
+     </div>
 </div>
 `
 export default class GameBoardComponent extends Component {
@@ -49,9 +50,20 @@ export default class GameBoardComponent extends Component {
      * @type {Array<Array<*>>}
      */
     rows = []
+    column_labels = ["A", "B", "C", "D", "E", "F", "G", "H", "I"]
 
     async vue_on_create() {
         this.rows = game_service.get_current_player_state()
         this.ready = true
+        //this.columnlabels = gam      
+
+        // var letters = [];
+
+        // for (let i = 0; i < this.n_rows; i++)
+        // {
+        //     this.rows[0][i] = letters[i];        
+        // }
+    
+
     }
 }