Poll WIP (#231):

* frontend WIP
* backend fix

conversejs/custom/plugins/poll/components/poll-view.js

@@ -10,21 +10,49 @@ import '../styles/poll.scss'
 export default class MUCPollView extends CustomElement {
   static get properties () {
     return {
-      model: { type: Object, attribute: true }
+      model: { type: Object, attribute: true },
+      collapsed: { type: Boolean, attribute: false },
+      buttonDisabled: { type: Boolean, attribute: false }
     }
   }
 
   async initialize () {
+    this.collapsed = false
+    this.buttonDisabled = false
     if (!this.model) {
       return
     }
-    this.listenTo(this.model, 'change:current_poll', () => this.requestUpdate())
+    this.listenTo(this.model, 'change:current_poll', () => {
+      this.buttonDisabled = false
+      this.requestUpdate()
+    })
   }
 
   render () {
     const currentPoll = this.model?.get('current_poll')
     return tplPoll(this, currentPoll)
   }
+
+  toggle () {
+    this.collapsed = !this.collapsed
+  }
+
+  voteFor (choice) {
+    if (this.buttonDisabled) { return }
+
+    const currentPoll = this.model?.get('current_poll')
+    if (!currentPoll) { return }
+    if (currentPoll.over) { return }
+
+    console.info('User has voted for choice: ', choice)
+    // We disable vote buttons until next refresh:
+    this.buttonDisabled = true
+    this.requestUpdate()
+
+    this.model.sendMessage({
+      body: '!' + choice.choice
+    })
+  }
 }
 
 api.elements.define('livechat-converse-muc-poll', MUCPollView)