Support for polls (can be created by room admins)

src/assets/css/_variables.scss

@@ -14,4 +14,6 @@ $chat-button-height: 50px;
 
 $voice-recorder-color: #6f6f6f;
 $voice-recording-color: red;
-$voice-recorded-color: #3ae17d;
+$voice-recorded-color: #3ae17d;
+
+$poll-hilite-color: $very-very-purple;

src/assets/css/components/_poll.scss

@@ -0,0 +1,61 @@
+.poll-bubble {
+  width: 70%;
+}
+
+.poll-answer {
+  border: 1px solid #666;
+  border-radius: 5px;
+  padding: 10px;
+  margin: 10px;
+  &.selected {
+    border: 1px solid $poll-hilite-color;
+  }
+  .poll-answer-title {
+    color: #444;
+  }
+  .poll-answer-num-votes {
+    font-size: 0.7rem;
+  }
+  justify-content: space-between;
+  position: relative;
+}
+
+.poll-percent-indicator {
+  position: absolute;
+  bottom: 2px;
+  left: 2px;
+  right: 2px;
+  height: 4px;
+  .bar {
+    background-color: $poll-hilite-color;
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    top: 0px;
+    border-radius: 3px;
+  }
+}
+
+.poll-status {
+  margin: 10px;
+  justify-content: space-between;
+  .poll-status-title {
+    font-size: 0.7rem;
+  }
+
+  .poll-status-close {
+    font-size: 0.7rem;
+    color: $poll-hilite-color;
+  }
+}
+
+// Creation dialog
+//
+.poll-create-dialog-content {
+  max-height: 50vh;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.poll-create-status {
+  font-size: 0.7rem;
+}

src/assets/translations/en.json

@@ -233,5 +233,25 @@
     "video_file": "Video file",
     "original_text": "<original text>",
     "download_name": "Download"
+  },
+  "poll_create": {
+    "title": "Create poll",
+    "intro": "Please fill in details below.",
+    "create": "Create",
+    "creating": "Creating poll",
+    "poll_disclosed": "Open - current results are shown at all times.",
+    "poll_undisclosed": "Closed - users will see the results when poll is closed.",
+    "add_answer": "Add answer",
+    "failed": "Failed to create poll, please try again later.",
+    "question_label": "Type your question here",
+    "question_required": "You need to enter a question!",
+    "answer_label": "Answer no {index}",
+    "answer_required": "Answer can't be empty. Please enter some text or remove this option.",
+    "create_poll_menu_option": "Create poll",
+    "poll_status_closed": "Poll is closed",
+    "poll_status_disclosed": "Results will be shown when poll is closed.",
+    "poll_status_open": "Poll is open",
+    "poll_status_open_not_voted": "Poll is open - vote to see the results",
+    "close_poll": "Close poll"
   }
 }