From 1e149f7bb038f14e975d22c92d4616a8f1882114 Mon Sep 17 00:00:00 2001
From: Jeudi Prando <jeudiprando@gmail.com>
Date: Thu, 27 Aug 2020 20:47:13 -0300
Subject: [PATCH] adicionando arquivos do projeto ao repositorio

---
 src/App.vue                     |  39 ++++++----
 src/components/HelloWorld.vue   |  58 ---------------
 src/components/jvBoard.vue      |  39 ++++++++++
 src/components/jvCell.vue       |  41 +++++++++++
 src/main.js                     |   7 +-
 src/services/ganhador.js        |  31 ++++++++
 src/services/posicaoGanhador.js |  10 +++
 src/views/jv.vue                | 125 ++++++++++++++++++++++++++++++++
 8 files changed, 275 insertions(+), 75 deletions(-)
 delete mode 100644 src/components/HelloWorld.vue
 create mode 100644 src/components/jvBoard.vue
 create mode 100644 src/components/jvCell.vue
 create mode 100644 src/services/ganhador.js
 create mode 100644 src/services/posicaoGanhador.js
 create mode 100644 src/views/jv.vue

diff --git a/src/App.vue b/src/App.vue
index 55df315..b7b8159 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,28 +1,37 @@
 <template>
   <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
+    <a href="https://github.com/jprando/vuejv">projeto no github</a>
+    <jv></jv>
+    <span> v0.082.72045 </span>
   </div>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
-
+import jv from '@/views/jv'
 export default {
-  name: 'App',
-  components: {
-    HelloWorld
-  }
+  name: 'app',
+  components: { jv }
 }
 </script>
 
 <style>
+a {
+  text-decoration: none;
+  color: gray;
+  position: relative;
+  top: -25px;
+}
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
+  font-family: Courier New, Courier, monospace;
+  float: left;
+  margin: 20px;
+  padding: 50px;
+  height: 480px;
+  width: 370px;
+  max-width: 370px;
+  max-height: 480px;
+  min-width: 370px;
+  min-height: 540px;
+  background-color: #eef;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index 879051a..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>
diff --git a/src/components/jvBoard.vue b/src/components/jvBoard.vue
new file mode 100644
index 0000000..8db31e8
--- /dev/null
+++ b/src/components/jvBoard.vue
@@ -0,0 +1,39 @@
+<template>
+  <div class="board">
+    <div class="row">
+      <jv-cell v-model="value.A1" @jogar="jogarPartida"></jv-cell>
+      <jv-cell v-model="value.B1" @jogar="jogarPartida"></jv-cell>
+      <jv-cell v-model="value.C1" @jogar="jogarPartida"></jv-cell>
+    </div>
+    <div class="row">
+      <jv-cell v-model="value.A2" @jogar="jogarPartida"></jv-cell>
+      <jv-cell v-model="value.B2" @jogar="jogarPartida"></jv-cell>
+      <jv-cell v-model="value.C2" @jogar="jogarPartida"></jv-cell>
+    </div>
+    <div class="row">
+      <jv-cell v-model="value.A3" @jogar="jogarPartida"></jv-cell>
+      <jv-cell v-model="value.B3" @jogar="jogarPartida"></jv-cell>
+      <jv-cell v-model="value.C3" @jogar="jogarPartida"></jv-cell>
+    </div>
+  </div>
+</template>
+
+<script>
+import jvCell from './jvCell'
+export default {
+  name: 'jvBoard',
+  components: { jvCell },
+  props: ['value'],
+  methods: {
+    jogarPartida(pos) {
+      this.$emit('jogar', pos)
+    }
+  }
+}
+</script>
+
+<style>
+.row {
+  clear: left;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/jvCell.vue b/src/components/jvCell.vue
new file mode 100644
index 0000000..af3e69e
--- /dev/null
+++ b/src/components/jvCell.vue
@@ -0,0 +1,41 @@
+<template>
+  <button class="cell"
+    :class="{ganhou:value.ganhou}"
+    :disabled="value.exibir"
+    @click="jogar" > {{ value.exibir }}
+  </button>
+</template>
+
+<script>
+export default {
+  name: 'jvCell',
+  props: ['value'],
+  methods: {
+    jogar() {
+      this.$emit('jogar', this.value)
+    }
+  }
+}
+</script>
+
+<style>
+.cell {
+  cursor: pointer;
+  float: left;
+  border: solid 1px black;
+  width: 100px;
+  height: 100px;
+  text-align: center;
+  line-height: 100px;
+  font-size: 60px;
+}
+.cell:hover {
+  background-color: #fee;
+}
+.ganhou {
+  background-color: #aaffaa;
+}
+.ganhou:hover {
+  background-color: #aaffaa;
+}
+</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 63eb05f..bf1adf1 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,11 @@
 import Vue from 'vue'
-import App from './App.vue'
+import App from './App'
 
 Vue.config.productionTip = false
 
 new Vue({
-  render: h => h(App),
+  name: 'WebApp',
+  render: h => h(App)
 }).$mount('#app')
+
+// teste git commit -S
\ No newline at end of file
diff --git a/src/services/ganhador.js b/src/services/ganhador.js
new file mode 100644
index 0000000..176c95b
--- /dev/null
+++ b/src/services/ganhador.js
@@ -0,0 +1,31 @@
+const vitorias = [448, 56, 7, 292, 146, 73, 273, 84]
+const convertLetra = letra => value => (value == letra ? 1 : 0)
+const toBinario = (arr, verificaLetra) => arr.map(verificaLetra).join``
+const haGanhador = valor => element => (element & valor) == element
+
+import posicaoGanhador from './posicaoGanhador'
+
+const verificaSe = letra => {
+  const nessa = partida => parseInt(toBinario(partida, convertLetra(letra)), 2)
+  return {
+    ganhou: partida => ({
+      ganhou: vitorias.some(haGanhador(nessa(partida))) && letra,
+      posicaoVitoria: vitorias.filter(haGanhador(nessa(partida))).map(i => posicaoGanhador[i])
+    })
+    
+  }
+}
+
+const ganhador = partida => {
+  const xResult = verificaSe`X`.ganhou(partida)
+  if(xResult.ganhou) {
+    return xResult
+  } else {
+    const oResult = verificaSe`O`.ganhou(partida)
+    if(oResult) {
+      return oResult
+    }
+  }
+}
+
+export default ganhador
\ No newline at end of file
diff --git a/src/services/posicaoGanhador.js b/src/services/posicaoGanhador.js
new file mode 100644
index 0000000..aa76cc7
--- /dev/null
+++ b/src/services/posicaoGanhador.js
@@ -0,0 +1,10 @@
+export default {
+    448: ['A1', 'A2', 'A3'],
+    56: ['B1', 'B2', 'B3'],
+    7:['C1', 'C2', 'C3'],
+    292:['A1','B1','C1'],
+    146:['A2','B2','C2'],
+    73:['A3', 'B3', 'C3'],
+    273:['A1','B2','C3'],
+    84:['A3','B2','C1']
+}
\ No newline at end of file
diff --git a/src/views/jv.vue b/src/views/jv.vue
new file mode 100644
index 0000000..b73250a
--- /dev/null
+++ b/src/views/jv.vue
@@ -0,0 +1,125 @@
+<template>
+  <div>
+    <jv-board v-model="posicoes" @jogar="jogarPartida"></jv-board>
+    <div class="options">
+      <button class="reset" @click="reiniciar">reiniciar</button>
+      <div style="margin-bottom: 10px">
+        <h1>
+          JOGADOR
+          {{ vezDe }}
+          <h1 v-show="alguemGanhou">GANHOU</h1>
+        </h1>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import jvBoard from '@/components/jvBoard'
+import ganhador from '@/services/ganhador'
+export default {
+  name: 'jv',
+  components: { jvBoard },
+  data () {
+    return {
+      vezDe: 'X',
+      alguemGanhou: false,
+      posicoes: {
+        A1: {
+          exibir: null,
+          ganhou: false
+        },
+        A2: {
+          exibir: null,
+          ganhou: false
+        },
+        A3: {
+          exibir: null,
+          ganhou: false
+        },
+        B1: {
+          exibir: null,
+          ganhou: false
+        },
+        B2: {
+          exibir: null,
+          ganhou: false
+        },
+        B3: {
+          exibir: null,
+          ganhou: false
+        },
+        C1: {
+          exibir: null,
+          ganhou: false
+        },
+        C2: {
+          exibir: null,
+          ganhou: false
+        },
+        C3: {
+          exibir: null,
+          ganhou: false
+        }
+      }
+    }
+  },
+  computed: {
+    jogada () {
+      const getExibir = i => i.exibir
+      const getValues = value => Object.values(value).map(getExibir)
+      return getValues(this.posicoes)
+    },
+  },
+  methods: {
+    jogarPartida (pos) {
+      let vezDeJogar = this.vezDe
+      let ninguemGanhou = !this.alguemGanhou
+      if (ninguemGanhou) {
+        let self = this
+        pos.exibir = vezDeJogar
+        const result = ganhador(self.jogada)
+        self.alguemGanhou = result.ganhou == vezDeJogar
+        if(self.alguemGanhou) {
+          if(result.ganhou){
+            result.posicaoVitoria.forEach(a => {
+              a.forEach(i => self.posicoes[i].ganhou = true)
+            })
+          }
+        }
+        ninguemGanhou = !self.alguemGanhou
+        if (ninguemGanhou) {
+          self.vezDe = vezDeJogar === 'X' ? 'O' : 'X'
+        }
+      }
+    },
+    reiniciar () {
+      const self = this
+      for (const item in self.posicoes) {
+        let posicao = self.posicoes[item]
+        posicao.exibir = null
+        posicao.ganhou = false
+      }
+      self.alguemGanhou = false
+    }
+  }
+}
+</script>
+
+<style>
+h1 {
+  margin-bottom: 0px;
+  margin-top: 0px;
+}
+.reset {
+  margin-bottom: 20px;
+  padding: 20px;
+  font-size: 15px;
+  font-family: monospace;
+}
+.options {
+  clear: left;
+  padding-top: 30px;
+  padding-bottom: 30px;
+}
+</style>
\ No newline at end of file