From 7cbe687c18a073c1b6801577c5594712ccb6d01c Mon Sep 17 00:00:00 2001 From: Matthew Taylor Date: Thu, 21 Dec 2017 11:24:38 -0500 Subject: [PATCH] Add coming soon for bitmap, text tool --- package.json | 1 + src/components/button/button.css | 2 +- src/components/coming-soon/aww-cat.png | Bin 0 -> 4467 bytes src/components/coming-soon/coming-soon.css | 72 +++++++++ src/components/coming-soon/coming-soon.jsx | 147 ++++++++++++++++++ src/components/coming-soon/cool-cat.png | Bin 0 -> 3829 bytes src/components/paint-editor/icons/bitmap.svg | 12 ++ src/components/paint-editor/paint-editor.css | 26 ++++ src/components/paint-editor/paint-editor.jsx | 93 +++++++---- src/components/text-mode/text-mode.jsx | 27 ++++ src/components/text-mode/text.svg | 12 ++ .../tool-select-base/tool-select-base.jsx | 2 + src/css/colors.css | 2 + 13 files changed, 362 insertions(+), 34 deletions(-) create mode 100644 src/components/coming-soon/aww-cat.png create mode 100644 src/components/coming-soon/coming-soon.css create mode 100644 src/components/coming-soon/coming-soon.jsx create mode 100644 src/components/coming-soon/cool-cat.png create mode 100644 src/components/paint-editor/icons/bitmap.svg create mode 100644 src/components/text-mode/text-mode.jsx create mode 100644 src/components/text-mode/text.svg diff --git a/package.json b/package.json index d94ad504..f1e98c5f 100644 --- a/package.json +++ b/package.json @@ -71,6 +71,7 @@ "react-responsive": "3.0.0", "react-style-proptype": "3.1.0", "react-test-renderer": "^16.0.0", + "react-tooltip": "3.4.0", "redux": "3.7.0", "redux-mock-store": "^1.2.3", "redux-throttle": "0.1.1", diff --git a/src/components/button/button.css b/src/components/button/button.css index 1633ab18..9d331158 100644 --- a/src/components/button/button.css +++ b/src/components/button/button.css @@ -11,7 +11,7 @@ :local(.mod-disabled) { cursor: auto; - opacity: .3; + opacity: .5; } :local(.mod-disabled:active) { background: none; diff --git a/src/components/coming-soon/aww-cat.png b/src/components/coming-soon/aww-cat.png new file mode 100644 index 0000000000000000000000000000000000000000..bddfb8de9ee95ccef600bcb6a67ce5ed3c5ed4d5 GIT binary patch literal 4467 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 + ) + }} + /> + ); + } + render () { + return ( + + ); + } +} + +ComingSoonContent.propTypes = { + className: PropTypes.string, + intl: intlShape, + place: PropTypes.oneOf(['top', 'right', 'bottom', 'left']), + tooltipId: PropTypes.string.isRequired +}; + +ComingSoonContent.defaultProps = { + place: 'bottom' +}; + +const ComingSoon = injectIntl(ComingSoonContent); + +const ComingSoonTooltip = props => ( +
+
+ {props.children} +
+ +
+); + +ComingSoonTooltip.propTypes = { + children: PropTypes.node.isRequired, + className: PropTypes.string, + delayHide: PropTypes.number, + delayShow: PropTypes.number, + place: PropTypes.oneOf(['top', 'right', 'bottom', 'left']), + tooltipClassName: PropTypes.string, + tooltipId: PropTypes.string.isRequired +}; + +ComingSoonTooltip.defaultProps = { + delayHide: 0, + delayShow: 0 +}; + +export { + ComingSoon as ComingSoonComponent, + ComingSoonTooltip +}; diff --git a/src/components/coming-soon/cool-cat.png b/src/components/coming-soon/cool-cat.png new file mode 100644 index 0000000000000000000000000000000000000000..15b2151e35bd84cfa154e6af8fd20607ca4d5e9e GIT binary patch literal 3829 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 literal 0 HcmV?d00001 diff --git a/src/components/paint-editor/icons/bitmap.svg b/src/components/paint-editor/icons/bitmap.svg new file mode 100644 index 00000000..8b07f54e --- /dev/null +++ b/src/components/paint-editor/icons/bitmap.svg @@ -0,0 +1,12 @@ + + + + bitmap + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/src/components/paint-editor/paint-editor.css b/src/components/paint-editor/paint-editor.css index ea1dc341..0bcfb9a1 100644 --- a/src/components/paint-editor/paint-editor.css +++ b/src/components/paint-editor/paint-editor.css @@ -157,6 +157,32 @@ $border-radius: 0.25rem; overflow: hidden; } +.canvas-controls { + display: flex; + justify-content: space-between; +} + +.bitmap-tooltip { + margin-left: $grid-unit; + max-width: 10rem; +} + +.bitmap-button { + display: flex; + border-radius: 5px; + background-color: hsla(0, 0%, 0%, .25); + padding: calc(2 * $grid-unit); + line-height: 1.5rem; + font-size: calc(3 * $grid-unit); + font-weight: bold; + justify-content: center; + opacity: .5; +} + +.bitmap-button-icon { + margin-right: calc(2 * $grid-unit); +} + @media only screen and (max-width: $full-size-paint) { .editor-container { padding: calc(3 * $grid-unit) $grid-unit; diff --git a/src/components/paint-editor/paint-editor.jsx b/src/components/paint-editor/paint-editor.jsx index 46562a96..6c083d23 100644 --- a/src/components/paint-editor/paint-editor.jsx +++ b/src/components/paint-editor/paint-editor.jsx @@ -15,6 +15,7 @@ import Button from '../button/button.jsx'; import ButtonGroup from '../button-group/button-group.jsx'; import BrushMode from '../../containers/brush-mode.jsx'; import BufferedInputHOC from '../forms/buffered-input-hoc.jsx'; +import {ComingSoonTooltip} from '../coming-soon/coming-soon.jsx'; import Dropdown from '../dropdown/dropdown.jsx'; import EraserMode from '../../containers/eraser-mode.jsx'; import FillColorIndicatorComponent from '../../containers/fill-color-indicator.jsx'; @@ -32,10 +33,12 @@ import ReshapeMode from '../../containers/reshape-mode.jsx'; import SelectMode from '../../containers/select-mode.jsx'; import StrokeColorIndicatorComponent from '../../containers/stroke-color-indicator.jsx'; import StrokeWidthIndicatorComponent from '../../containers/stroke-width-indicator.jsx'; +import TextModeComponent from '../text-mode/text-mode.jsx'; import layout from '../../lib/layout-constants'; import styles from './paint-editor.css'; +import bitmapIcon from './icons/bitmap.svg'; import groupIcon from './icons/group.svg'; import redoIcon from './icons/redo.svg'; import sendBackIcon from './icons/send-back.svg'; @@ -99,6 +102,11 @@ const messages = defineMessages({ defaultMessage: 'More', description: 'Label for dropdown to access more action buttons', id: 'paint.paintEditor.more' + }, + bitmap: { + defaultMessage: 'Convert to Bitmap', + description: 'Label for button that converts the paint editor to bitmap mode', + id: 'paint.paintEditor.bitmap' } }); @@ -350,6 +358,8 @@ const PaintEditorComponent = props => { + {/* text tool, coming soon */} + ) : null} @@ -379,41 +389,58 @@ const PaintEditorComponent = props => { ) : null } - {/* Zoom controls */} - - - - - - - + + {props.intl.formatMessage(messages.bitmap)} + + + + {/* Zoom controls */} + + + + + + + + diff --git a/src/components/text-mode/text-mode.jsx b/src/components/text-mode/text-mode.jsx new file mode 100644 index 00000000..b76036d5 --- /dev/null +++ b/src/components/text-mode/text-mode.jsx @@ -0,0 +1,27 @@ +import React from 'react'; + +import {ComingSoonTooltip} from '../coming-soon/coming-soon.jsx'; +import ToolSelectComponent from '../tool-select-base/tool-select-base.jsx'; + +import textIcon from './text.svg'; + +const TextModeComponent = () => ( + + + +); + +export default TextModeComponent; diff --git a/src/components/text-mode/text.svg b/src/components/text-mode/text.svg new file mode 100644 index 00000000..847a903e --- /dev/null +++ b/src/components/text-mode/text.svg @@ -0,0 +1,12 @@ + + + + text + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/src/components/tool-select-base/tool-select-base.jsx b/src/components/tool-select-base/tool-select-base.jsx index b8e29169..1c27268e 100644 --- a/src/components/tool-select-base/tool-select-base.jsx +++ b/src/components/tool-select-base/tool-select-base.jsx @@ -14,6 +14,7 @@ const ToolSelectComponent = props => ( [styles.isSelected]: props.isSelected }) } + disabled={props.disabled} onClick={props.onMouseDown} > ( ToolSelectComponent.propTypes = { className: PropTypes.string, + disabled: PropTypes.bool, imgDescriptor: PropTypes.shape({ defaultMessage: PropTypes.string, description: PropTypes.string, diff --git a/src/css/colors.css b/src/css/colors.css index 0fe15fca..14d539c4 100644 --- a/src/css/colors.css +++ b/src/css/colors.css @@ -20,4 +20,6 @@ $sound-tertiary: #A63FA6; $control-primary: #FFAB19; +$data-primary: #FF8C1A; + $form-border: #E9EEF2;