Merge pull request #21 from fehnkera/develop

Add simple point up mechanics Issue #18

src/components/app-chat.vue

@@ -10,6 +10,9 @@
         <!--        <button type="submit">Send message</button>-->
       </div>
     </form>
+    <form>
+      <button @click="pointOut" type ="submit"><img src="./img/aufzeigen.png" ref="pointPic" style=""></button>
+    </form>
   </div>
 </template>
 
@@ -21,13 +24,32 @@ import { sendChatMessage } from '../state'
 export default {
   name: 'app-chat',
   data() {
-    return {}
+    return {pointsOut : false}
   },
   methods: {
     doSend() {
       sendChatMessage(this.message)
       this.message = ''
     },
+    pointOut() {
+      this.message = this.message //wtf, warning prevention...
+
+      let pic = this.$refs.pointPic
+
+
+      if(!this.pointsOut)
+      {
+        pic.style.backgroundColor = "orange"
+        sendChatMessage("*Zeigt auf!*")
+        this.pointsOut = true
+      }
+      else
+      {
+        pic.style.backgroundColor = ""
+        sendChatMessage("*Zeigt nicht mehr auf!*")
+        this.pointsOut = false
+      }
+    },
   },
   async mounted() {