Merge pull request #806 from ubyssey/poll-embed-button

Poll embed button

dispatch/modules/content/embeds.py

@@ -97,16 +97,6 @@ def render(self, data):
             return ''
 
         return widget.render(data=data['data'])
-
-        # except ZoneNotFound:
-        #     return ''
-
-        # try:
-        #     return zone.widget.render(add_context=kwargs)
-        # except (WidgetNotFound, AttributeError):
-        #     pass
-
-        # return ''
 
 class ImageEmbed(AbstractTemplateEmbed):
     TEMPLATE = 'embeds/image.html'

dispatch/modules/content/render.py

@@ -12,6 +12,10 @@ def render_node(html, node):
             return html + '<p>%s</p>' % node['data']
         else:
             try:
+                if node['type'] == 'poll':
+                    node['type'] = 'widget'
+                    node['data']['data'] = node['data']
+
                 return html + embeds.render(node['type'], node['data'])
             except EmbedException:
                 return html

dispatch/static/manager/src/js/components/ArticleEditor/ArticleContentEditor.js

@@ -9,7 +9,8 @@ import {
   PullQuoteEmbed,
   GalleryEmbed,
   CodeEmbed,
-  WidgetEmbed
+  WidgetEmbed,
+  PollEmbed
 } from '../../vendor/dispatch-editor'
 
 const embeds = [
@@ -18,7 +19,8 @@ const embeds = [
   CodeEmbed,
   PullQuoteEmbed,
   GalleryEmbed,
-  WidgetEmbed
+  WidgetEmbed,
+  PollEmbed
 ]
 
 export default class ArticleContentEditor extends React.Component {

dispatch/static/manager/src/js/components/fields/PollField.js

@@ -9,4 +9,4 @@ export default function PollField(props) {
       many={props.field.many}
       onChange={selected => props.onChange(selected)} />
   )
-}
+}

dispatch/static/manager/src/js/components/inputs/selects/PollSelectInput.js

@@ -22,7 +22,7 @@ class PollSelectInputComponent extends React.Component {
 
     return (
       <ItemSelectInput
-        many={this.props.many}
+        many={false}
         selected={this.props.selected}
         results={this.props.polls.ids}
         entities={this.props.entities.polls}

dispatch/static/manager/src/js/vendor/dispatch-editor/embeds/PollEmbed.js

@@ -0,0 +1,32 @@
+import React from 'react'
+
+import PollSelectInput from '../../../components/inputs/selects/PollSelectInput'
+import { FormInput } from '../../../components/inputs'
+
+function PollEmbedComponent(props) {
+  return (
+    <div className='o-embed o-embed--poll'>
+      <form>
+        <FormInput label='Poll'>
+        <PollSelectInput
+          fill={true}
+          selected={props.data.poll}
+          onChange={selected => {
+            props.updateField('poll',selected)
+            props.stopEditing()
+          }
+        } />
+        </FormInput>
+      </form>
+    </div>
+  )
+}
+
+export default {
+  type: 'poll',
+  component: PollEmbedComponent,
+  defaultData: {
+    poll:'',
+    widget_id: 'poll'
+  }
+}

dispatch/static/manager/src/js/vendor/dispatch-editor/embeds/index.js

@@ -4,12 +4,14 @@ import CodeEmbed from './CodeEmbed'
 import PullQuoteEmbed from './PullQuoteEmbed'
 import GalleryEmbed from './GalleryEmbed'
 import WidgetEmbed from './WidgetEmbed'
+import PollEmbed from './PollEmbed'
 
 export {
   ImageEmbed,
   VideoEmbed,
   PullQuoteEmbed,
   CodeEmbed,
   GalleryEmbed,
-  WidgetEmbed
+  WidgetEmbed,
+  PollEmbed
 }

dispatch/static/manager/src/js/vendor/dispatch-editor/index.js

@@ -6,7 +6,8 @@ import {
   PullQuoteEmbed,
   VideoEmbed,
   CodeEmbed,
-  WidgetEmbed
+  WidgetEmbed,
+  PollEmbed
 } from './embeds'
 
 import {
@@ -28,5 +29,6 @@ export {
   PullQuoteEmbed,
   VideoEmbed,
   CodeEmbed,
-  WidgetEmbed
+  WidgetEmbed,
+  PollEmbed
 }