Merge pull request #969 from ubyssey/DropCapFunction

Drop cap function

dispatch/__init__.py

@@ -1,3 +1,3 @@
-__version__ = '1.0.3'
+__version__ = '1.1.0'
 
 

dispatch/modules/content/embeds.py

@@ -126,6 +126,15 @@ def prepare_data(self, data):
 
 class PageBreakEmbed(AbstractTemplateEmbed):
     TEMPLATE = 'embeds/pagebreak.html'
+
+class DropCapEmbed(AbstractTemplateEmbed):
+    TEMPLATE = 'embeds/dropcap.html'
+
+    @classmethod
+    def prepare_data(self, data):
+        return {
+            'paragraph': data.get('paragraph', None)
+        }
 
 class GalleryEmbed(AbstractTemplateEmbed):
     TEMPLATE = 'embeds/gallery.html'
@@ -165,3 +174,4 @@ def prepare_data(self, data):
 embeds.register('image', ImageEmbed)
 embeds.register('gallery', GalleryEmbed)
 embeds.register('pagebreak', PageBreakEmbed)
+embeds.register('dropcap', DropCapEmbed)

dispatch/static/manager/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dispatch",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "The frontend framework for the Dispatch publishing platform.",
   "author": "Peter Siemens <[email protected]>",
   "homepage": "https://www.ubyssey.ca",

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

@@ -13,7 +13,8 @@ import {
   PollEmbed,
   PodcastEmbed,
   InteractiveMapEmbed,
-  PageBreakEmbed
+  PageBreakEmbed,
+  DropCapEmbed
 } from '../../vendor/dispatch-editor'
 
 const embeds = [
@@ -26,7 +27,8 @@ const embeds = [
   PollEmbed,
   PodcastEmbed,
   InteractiveMapEmbed,
-  PageBreakEmbed
+  PageBreakEmbed,
+  DropCapEmbed
 ]
 
 export default class ArticleContentEditor extends React.Component {

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

@@ -0,0 +1,29 @@
+import React from 'react'
+import { TextInput } from '../../../components/inputs'
+
+import * as Form from '../../../components/Form'
+
+function DropCapEmbedComponent(props) {
+  return (
+    <div className='drop-cap'>
+      <Form.Container>
+        <Form.Input label='Dropcap paragraph'>
+        <TextInput
+            fill={true}
+            value={props.data.paragraph}
+            onChange={e => props.updateField('paragraph', e.target.value)} />
+        </Form.Input>
+      </Form.Container>
+    </div>
+  )
+}
+
+
+export default {
+  type: 'dropcap',
+  component: DropCapEmbedComponent,
+  defaultData: {
+    paragraph: ''
+  }
+}
+

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

@@ -1,9 +1,7 @@
 import React from 'react'
-import { TextInput } from '../../../components/inputs'
-
 import * as Form from '../../../components/Form'
 
-function PageBreakEmbedComponent(props) {
+function PageBreakEmbedComponent() {
   return (
     <div className='page-break'>
       <Form.Container>

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

@@ -8,6 +8,7 @@ import PollEmbed from './PollEmbed'
 import PodcastEmbed from './PodcastEmbed'
 import InteractiveMapEmbed from './InteractiveMapEmbed'
 import PageBreakEmbed from './PageBreakEmbed'
+import DropCapEmbed from './DropCapEmbed'
 
 export {
   ImageEmbed,
@@ -19,5 +20,6 @@ export {
   PollEmbed,
   PodcastEmbed,
   InteractiveMapEmbed,
-  PageBreakEmbed
+  PageBreakEmbed,
+  DropCapEmbed
 }

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

@@ -10,7 +10,8 @@ import {
   PollEmbed,
   PodcastEmbed,
   InteractiveMapEmbed,
-  PageBreakEmbed
+  PageBreakEmbed,
+  DropCapEmbed
 } from './embeds'
 
 import {
@@ -36,5 +37,6 @@ export {
   PollEmbed,
   PodcastEmbed,
   InteractiveMapEmbed,
-  PageBreakEmbed
+  PageBreakEmbed,
+  DropCapEmbed
 }

setup.py

@@ -1,7 +1,7 @@
 from setuptools import setup, find_packages
 
 setup(name='dispatch',
-    version='1.0.3',
+    version='1.1.0',
     description='A publishing platform for modern newspapers',
     url='https://github.com/ubyssey/dispatch',
     author='Peter Siemens',