tic tac toe

.container(ng-controller='tictactoeController', ng-app='app')

  .well.absolute-center.tictactoe.center.transition    

    .game.animated(ng-show="gameStarted")

      .game-row.transitionResize(data-ng-repeat="row in gameObject track by $index")

        .column.transitionResize(ng-repeat="col in row track by $index",

            ng-class="{'empty' : !col ,  'fa fa-times' : col == 1 ,  'fa fa-circle-o' : col == 2 }",

            ng-click="gameClick(row, $index)")

    .peer-details.transition(ng-show="is2Player")

      .panel.panel-primary

        .panel-heading

          .panel-title Connection Details

        .panel-body Your ID: {{peerID}}

      .panel.panel-warning(ng-show="!connection")

        .panel-heading

          .panel-title Connect to Peer

        .panel-body

          form

            input(ng-model="opponentID")

            button.btn.btn-primary(ng-click="connectToPeer()")

​

      .panel.panel-warning(ng-show="!!connection")

        .panel-heading

          .panel-title Connected

        .panel-body Opponent: {{opponentID}}

​

    .please-wait(ng-show="gameStarted && isThinking")

      i.fa.fa-cog.fa-spin

    .play-again(ng-show="gameStarted && move === 0 && !is2Player")

      div

        small click a tile to play first, or choose an opponent

      button.btn.btn-feault.fa.fa-laptop(ng-click="aiClick()")

      button.btn.btn-feault.fa.fa-user(ng-click="showPeer()")

    .play-again(ng-show="gameOver && gameStarted")

      button.btn.btn-feault(ng-click="playAgain()") Play Again?

      button.btn.btn-feault(ng-click="newOpponent()", ng-show="is2Player") New Opponent?

​