+
+`;
+
+exports[`Editor Storyshots ActivityFeedItem comment 1`] = `
+
+
+ ",
+ }
+ }
+ style={
+ Object {
+ "fill": "currentColor",
+ }
+ }
+ />
+
+
+ 
+ নাম
+
+
+
+ ",
+ }
+ }
+ style={
+ Object {
+ "fill": "currentColor",
+ }
+ }
+ />
+
+
+
+ Dec 16, 2016
+
+
+
+ 2:19 AM
+
+
+
+
+`;
+
+exports[`Editor Storyshots ActivityFeedItem fuzzy 1`] = `
+
+
+ ",
+ }
+ }
+ style={
+ Object {
+ "fill": "currentColor",
+ }
+ }
+ />
+
+
+
+ What in the world does this mean?
+
+
+
+ ",
+ }
+ }
+ style={
+ Object {
+ "fill": "currentColor",
+ }
+ }
+ />
+
+
+
+ Dec 16, 2016
+
+
+
+ 2:19 AM
+
+
+
+
+`;
+
+exports[`Editor Storyshots ActivityFeedItem rejected 1`] = `
+
+
+ ",
+ }
+ }
+ style={
+ Object {
+ "fill": "currentColor",
+ }
+ }
+ />
+
+
+
+ নাম
+
+
+
+ ",
+ }
+ }
+ style={
+ Object {
+ "fill": "currentColor",
+ }
+ }
+ />
+
+
+
+ Dec 16, 2016
+
+
+
+ 2:19 AM
+
+
+
+
+`;
+
+exports[`Editor Storyshots ActivityFeedItem translated 1`] = `
+
+
+ ",
+ }
+ }
+ style={
+ Object {
+ "fill": "currentColor",
+ }
+ }
+ />
+
+
+
+ নাম
+
+
+
+ ",
+ }
+ }
+ style={
+ Object {
+ "fill": "currentColor",
+ }
+ }
+ />
+
+
+
+ Dec 16, 2016
+
+
+
+ 2:19 AM
+
+
+
+
+`;
+
+exports[`Editor Storyshots ActivitySelectList default 1`] = `
+
+
+ ",
+ }
+ }
+ style={
+ Object {
+ "fill": "currentColor",
+ }
+ }
+ />
+
+
+
+ নাম
+
+
+
+ ",
+ }
+ }
+ style={
+ Object {
+ "fill": "currentColor",
+ }
+ }
+ />
+
+
+
+ Dec 16, 2016
+
+
+
+ 2:19 AM
+
+
+
+
+
+
+
+`;
+
exports[`Editor Storyshots Button BUTTON BUILDER 1`] = `
`;
-exports[`Editor Storyshots GlossarySearchInput empty 1`] = `
+exports[`Editor Storyshots CommentBox default 1`] = `
`;
-exports[`Editor Storyshots GlossarySearchInput with text 1`] = `
-
-
",
+ "__html": "",
}
}
style={
@@ -4439,31 +4932,278 @@ exports[`Editor Storyshots GlossarySearchInput empty 1`] = `
}
/>
-
-
+
+
+
+
-
-
- ",
+ }
+ }
+ style={
+ Object {
+ "fill": "currentColor",
+ }
+ }
+ />
+
+
+
+ Dec 16, 2016
+
+
+
+ 2:18 AM
+
+
+`;
+
+exports[`Editor Storyshots DateAndTimeDisplay styling examples 1`] = `
+
-
+
- + + + ", + } + } + style={ + Object { + "fill": "currentColor", + } + } + /> + + + + Oct 26, 1985 + + + + 1:21 AM + + + +
- + + + ", + } + } + style={ + Object { + "fill": "currentColor", + } + } + /> + + + + Oct 26, 1985 + + + + 1:22 AM + + + +
- + + + ", + } + } + style={ + Object { + "fill": "currentColor", + } + } + /> + + + + Oct 26, 1985 + + + + 1:20 AM + + + +
- + + + ", + } + } + style={ + Object { + "fill": "currentColor", + } + } + /> + + + + Oct 21, 2015 + + + + 12:00 AM + + + +
- + + + ", + } + } + style={ + Object { + "fill": "currentColor", + } + } + /> + + + + Nov 12, 1955 + + + + 12:00 AM + + + +
+
+`;
+
+exports[`Editor Storyshots GlossarySearchInput with text 1`] = `
+
+
+
+ ",
+ }
+ }
+ style={
+ Object {
+ "fill": "currentColor",
+ }
+ }
+ />
+
+
+
+
+
+
+
+
@@ -5352,6 +6092,92 @@ exports[`Editor Storyshots GlossaryTermModal with 3 detail items 1`] = `
`;
+exports[`Editor Storyshots LanguageSelectList default 1`] = `
+
+
+
+
+
+`;
+
exports[`Editor Storyshots ProgressBar Large 1`] = `
`;
-exports[`Editor Storyshots RejectTranslationModal Other [major] 1`] = `
-
-
- Lorem Ipsum -
-Sit nulla est ex deserunt exercitation anim occaecat. Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure nisi. Mollit officia cillum Lorem ullamco minim nostrud elit officia tempor esse quis.",
- }
- }
- />
-
- Sit nulla est ex deserunt exercitation anim occaecat. Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure nisi. Mollit officia cillum Lorem ullamco minim nostrud elit officia tempor esse quis.
-
- Sunt ad dolore quis aute consequat. Magna exercitation reprehenderit magna aute tempor cupidatat consequat elit dolor adipisicing. Mollit dolor eiusmod sunt ex incididunt cillum quis. Velit duis sit officia eiusmod Lorem aliqua enim laboris do dolor eiusmod. Et mollit incididunt nisi consectetur esse laborum eiusmod pariatur proident Lorem eiusmod et. Culpa deserunt nostrud ad veniam. -
- Est velit labore esse esse cupidatat. Velit id elit consequat minim. Mollit enim excepteur ea laboris adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat. Consequat pariatur ullamco aute sunt esse. Irure excepteur eu non eiusmod. Commodo commodo et ad ipsum elit esse pariatur sit adipisicing sunt excepteur enim. -
- Incididunt duis commodo mollit esse veniam non exercitation dolore occaecat ea nostrud laboris. Adipisicing occaecat fugiat fugiat irure fugiat in magna non consectetur proident fugiat. Commodo magna et aliqua elit sint cupidatat. Sint aute ullamco enim cillum anim ex. Est eiusmod commodo occaecat consequat laboris est do duis. Enim incididunt non culpa velit quis aute in elit magna ullamco in consequat ex proident. -
- Dolore incididunt mollit fugiat pariatur cupidatat ipsum laborum cillum. Commodo consequat velit cupidatat duis ex nisi non aliquip ad ea pariatur do culpa. Eiusmod proident adipisicing tempor tempor qui pariatur voluptate dolor do ea commodo. Veniam voluptate cupidatat ex nisi do ullamco in quis elit. ", - } - } - /> -
- Sunt ad dolore quis aute consequat. Magna exercitation reprehenderit magna aute tempor cupidatat consequat elit dolor adipisicing. Mollit dolor eiusmod sunt ex incididunt cillum quis. Velit duis sit officia eiusmod Lorem aliqua enim laboris do dolor eiusmod. Et mollit incididunt nisi consectetur esse laborum eiusmod pariatur proident Lorem eiusmod et. Culpa deserunt nostrud ad veniam. -
- Est velit labore esse esse cupidatat. Velit id elit consequat minim. Mollit enim excepteur ea laboris adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat. Consequat pariatur ullamco aute sunt esse. Irure excepteur eu non eiusmod. Commodo commodo et ad ipsum elit esse pariatur sit adipisicing sunt excepteur enim. -
- Incididunt duis commodo mollit esse veniam non exercitation dolore occaecat ea nostrud laboris. Adipisicing occaecat fugiat fugiat irure fugiat in magna non consectetur proident fugiat. Commodo magna et aliqua elit sint cupidatat. Sint aute ullamco enim cillum anim ex. Est eiusmod commodo occaecat consequat laboris est do duis. Enim incididunt non culpa velit quis aute in elit magna ullamco in consequat ex proident. -
- Dolore incididunt mollit fugiat pariatur cupidatat ipsum laborum cillum. Commodo consequat velit cupidatat duis ex nisi non aliquip ad ea pariatur do culpa. Eiusmod proident adipisicing tempor tempor qui pariatur voluptate dolor do ea commodo. Veniam voluptate cupidatat ex nisi do ullamco in quis elit. ", - } - } - /> -
- Sunt ad dolore quis aute consequat. Magna exercitation reprehenderit magna aute tempor cupidatat consequat elit dolor adipisicing. Mollit dolor eiusmod sunt ex incididunt cillum quis. Velit duis sit officia eiusmod Lorem aliqua enim laboris do dolor eiusmod. Et mollit incididunt nisi consectetur esse laborum eiusmod pariatur proident Lorem eiusmod et. Culpa deserunt nostrud ad veniam. -
- Est velit labore esse esse cupidatat. Velit id elit consequat minim. Mollit enim excepteur ea laboris adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat. Consequat pariatur ullamco aute sunt esse. Irure excepteur eu non eiusmod. Commodo commodo et ad ipsum elit esse pariatur sit adipisicing sunt excepteur enim. -
- Incididunt duis commodo mollit esse veniam non exercitation dolore occaecat ea nostrud laboris. Adipisicing occaecat fugiat fugiat irure fugiat in magna non consectetur proident fugiat. Commodo magna et aliqua elit sint cupidatat. Sint aute ullamco enim cillum anim ex. Est eiusmod commodo occaecat consequat laboris est do duis. Enim incididunt non culpa velit quis aute in elit magna ullamco in consequat ex proident. -
- Dolore incididunt mollit fugiat pariatur cupidatat ipsum laborum cillum. Commodo consequat velit cupidatat duis ex nisi non aliquip ad ea pariatur do culpa. Eiusmod proident adipisicing tempor tempor qui pariatur voluptate dolor do ea commodo. Veniam voluptate cupidatat ex nisi do ullamco in quis elit. ", - } - } - /> -
- Sunt ad dolore quis aute consequat. Magna exercitation reprehenderit magna aute tempor cupidatat consequat elit dolor adipisicing. Mollit dolor eiusmod sunt ex incididunt cillum quis. Velit duis sit officia eiusmod Lorem aliqua enim laboris do dolor eiusmod. Et mollit incididunt nisi consectetur esse laborum eiusmod pariatur proident Lorem eiusmod et. Culpa deserunt nostrud ad veniam. -
- Est velit labore esse esse cupidatat. Velit id elit consequat minim. Mollit enim excepteur ea laboris adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat. Consequat pariatur ullamco aute sunt esse. Irure excepteur eu non eiusmod. Commodo commodo et ad ipsum elit esse pariatur sit adipisicing sunt excepteur enim. -
- Incididunt duis commodo mollit esse veniam non exercitation dolore occaecat ea nostrud laboris. Adipisicing occaecat fugiat fugiat irure fugiat in magna non consectetur proident fugiat. Commodo magna et aliqua elit sint cupidatat. Sint aute ullamco enim cillum anim ex. Est eiusmod commodo occaecat consequat laboris est do duis. Enim incididunt non culpa velit quis aute in elit magna ullamco in consequat ex proident. -
- Dolore incididunt mollit fugiat pariatur cupidatat ipsum laborum cillum. Commodo consequat velit cupidatat duis ex nisi non aliquip ad ea pariatur do culpa. Eiusmod proident adipisicing tempor tempor qui pariatur voluptate dolor do ea commodo. Veniam voluptate cupidatat ex nisi do ullamco in quis elit. ", - } - } - /> - +exports[`Editor Storyshots SelectButtonList first button active 1`] = ` +
-
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+
- Dolor Sit Amet -
-Sit nulla est ex deserunt exercitation anim occaecat. Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure nisi. Mollit officia cillum Lorem ullamco minim nostrud elit officia tempor esse quis.
-
+ />
+
+
+ All
+
`;
-exports[`Editor Storyshots RejectTranslationModal Style Guide and Glossary Violations [minor] 1`] = `
-Sunt ad dolore quis aute consequat. Magna exercitation reprehenderit magna aute tempor cupidatat consequat elit dolor adipisicing. Mollit dolor eiusmod sunt ex incididunt cillum quis. Velit duis sit officia eiusmod Lorem aliqua enim laboris do dolor eiusmod. Et mollit incididunt nisi consectetur esse laborum eiusmod pariatur proident Lorem eiusmod et. Culpa deserunt nostrud ad veniam.
-Est velit labore esse esse cupidatat. Velit id elit consequat minim. Mollit enim excepteur ea laboris adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat. Consequat pariatur ullamco aute sunt esse. Irure excepteur eu non eiusmod. Commodo commodo et ad ipsum elit esse pariatur sit adipisicing sunt excepteur enim.
-Incididunt duis commodo mollit esse veniam non exercitation dolore occaecat ea nostrud laboris. Adipisicing occaecat fugiat fugiat irure fugiat in magna non consectetur proident fugiat. Commodo magna et aliqua elit sint cupidatat. Sint aute ullamco enim cillum anim ex. Est eiusmod commodo occaecat consequat laboris est do duis. Enim incididunt non culpa velit quis aute in elit magna ullamco in consequat ex proident.
-Dolore incididunt mollit fugiat pariatur cupidatat ipsum laborum cillum. Commodo consequat velit cupidatat duis ex nisi non aliquip ad ea pariatur do culpa. Eiusmod proident adipisicing tempor tempor qui pariatur voluptate dolor do ea commodo. Veniam voluptate cupidatat ex nisi do ullamco in quis elit.
", +exports[`Editor Storyshots SelectButton active 1`] = ` +
-
- Lorem Ipsum -
-Sit nulla est ex deserunt exercitation anim occaecat. Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure nisi. Mollit officia cillum Lorem ullamco minim nostrud elit officia tempor esse quis.",
- }
- }
- />
-
- Sit nulla est ex deserunt exercitation anim occaecat. Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure nisi. Mollit officia cillum Lorem ullamco minim nostrud elit officia tempor esse quis.
-
- Dolor Sit Amet -
-Sit nulla est ex deserunt exercitation anim occaecat. Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure nisi. Mollit officia cillum Lorem ullamco minim nostrud elit officia tempor esse quis.
-
Sunt ad dolore quis aute consequat. Magna exercitation reprehenderit magna aute tempor cupidatat consequat elit dolor adipisicing. Mollit dolor eiusmod sunt ex incididunt cillum quis. Velit duis sit officia eiusmod Lorem aliqua enim laboris do dolor eiusmod. Et mollit incididunt nisi consectetur esse laborum eiusmod pariatur proident Lorem eiusmod et. Culpa deserunt nostrud ad veniam.
-Est velit labore esse esse cupidatat. Velit id elit consequat minim. Mollit enim excepteur ea laboris adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat. Consequat pariatur ullamco aute sunt esse. Irure excepteur eu non eiusmod. Commodo commodo et ad ipsum elit esse pariatur sit adipisicing sunt excepteur enim.
-Incididunt duis commodo mollit esse veniam non exercitation dolore occaecat ea nostrud laboris. Adipisicing occaecat fugiat fugiat irure fugiat in magna non consectetur proident fugiat. Commodo magna et aliqua elit sint cupidatat. Sint aute ullamco enim cillum anim ex. Est eiusmod commodo occaecat consequat laboris est do duis. Enim incididunt non culpa velit quis aute in elit magna ullamco in consequat ex proident.
-Dolore incididunt mollit fugiat pariatur cupidatat ipsum laborum cillum. Commodo consequat velit cupidatat duis ex nisi non aliquip ad ea pariatur do culpa. Eiusmod proident adipisicing tempor tempor qui pariatur voluptate dolor do ea commodo. Veniam voluptate cupidatat ex nisi do ullamco in quis elit.
", +exports[`Editor Storyshots SelectButton default 1`] = ` + +`; + +exports[`Editor Storyshots SelectButtonList default 1`] = ` +
+
+
+
`;
-exports[`Editor Storyshots RejectTranslationModal Translation errors [critical] 1`] = `
-
-
- Lorem Ipsum -
-Sit nulla est ex deserunt exercitation anim occaecat. Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure nisi. Mollit officia cillum Lorem ullamco minim nostrud elit officia tempor esse quis.",
- }
- }
- />
-
- Sit nulla est ex deserunt exercitation anim occaecat. Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure nisi. Mollit officia cillum Lorem ullamco minim nostrud elit officia tempor esse quis.
-
- Dolor Sit Amet -
-Sit nulla est ex deserunt exercitation anim occaecat. Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure nisi. Mollit officia cillum Lorem ullamco minim nostrud elit officia tempor esse quis.
-
Sunt ad dolore quis aute consequat. Magna exercitation reprehenderit magna aute tempor cupidatat consequat elit dolor adipisicing. Mollit dolor eiusmod sunt ex incididunt cillum quis. Velit duis sit officia eiusmod Lorem aliqua enim laboris do dolor eiusmod. Et mollit incididunt nisi consectetur esse laborum eiusmod pariatur proident Lorem eiusmod et. Culpa deserunt nostrud ad veniam.
-Est velit labore esse esse cupidatat. Velit id elit consequat minim. Mollit enim excepteur ea laboris adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat. Consequat pariatur ullamco aute sunt esse. Irure excepteur eu non eiusmod. Commodo commodo et ad ipsum elit esse pariatur sit adipisicing sunt excepteur enim.
-Incididunt duis commodo mollit esse veniam non exercitation dolore occaecat ea nostrud laboris. Adipisicing occaecat fugiat fugiat irure fugiat in magna non consectetur proident fugiat. Commodo magna et aliqua elit sint cupidatat. Sint aute ullamco enim cillum anim ex. Est eiusmod commodo occaecat consequat laboris est do duis. Enim incididunt non culpa velit quis aute in elit magna ullamco in consequat ex proident.
-Dolore incididunt mollit fugiat pariatur cupidatat ipsum laborum cillum. Commodo consequat velit cupidatat duis ex nisi non aliquip ad ea pariatur do culpa. Eiusmod proident adipisicing tempor tempor qui pariatur voluptate dolor do ea commodo. Veniam voluptate cupidatat ex nisi do ullamco in quis elit.
", - } - } - /> -- Sit nulla est ex deserunt exercitation anim occaecat. Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure nisi. Mollit officia cillum Lorem ullamco minim nostrud elit officia tempor esse quis.
-
+
+
+
`;
diff --git a/server/zanata-frontend/src/frontend/.storybook-editor/config.js b/server/zanata-frontend/src/frontend/.storybook-editor/config.js
index c9ef7b135a6..5c72e210462 100644
--- a/server/zanata-frontend/src/frontend/.storybook-editor/config.js
+++ b/server/zanata-frontend/src/frontend/.storybook-editor/config.js
@@ -2,6 +2,7 @@
import React from 'react'
import Icons from '../app/components/Icons'
import { addLocaleData, IntlProvider } from 'react-intl'
+import enLocaleData from 'react-intl/locale-data/en.js'
import { locale, formats } from '../app/editor/config/intl'
import { addDecorator, configure } from '@storybook/react'
import './storybook.css'
@@ -18,9 +19,7 @@ if (typeof document !== 'undefined') {
}
// Set up locale data so formats etc. will work properly
-addLocaleData({
- locale: 'en-US'
-})
+addLocaleData([...enLocaleData])
/*
* This sets up the context that all the components are expecting to be in.
@@ -32,7 +31,7 @@ addLocaleData({
* 300, 400 (plain and italic), 600 and 700
*/
addDecorator((story) => (
-
+
+ {content}
+
+ )
+ }
+}
+
+export default ActivityFeedItem
diff --git a/server/zanata-frontend/src/frontend/app/editor/components/ActivitySelectList/ActivitySelectList.story.js b/server/zanata-frontend/src/frontend/app/editor/components/ActivitySelectList/ActivitySelectList.story.js
new file mode 100644
index 00000000000..deb55d4aa15
--- /dev/null
+++ b/server/zanata-frontend/src/frontend/app/editor/components/ActivitySelectList/ActivitySelectList.story.js
@@ -0,0 +1,33 @@
+import React from 'react'
+import { storiesOf, action } from '@storybook/react'
+import ActivitySelectList from '.'
+
+/*
+ * Copyright 2016, Red Hat, Inc. and individual contributors as indicated by the
+ * @author tags. See the copyright.txt file in the distribution for a full
+ * listing of individual contributors.
+ *
+ * This is free software; you can redistribute it and/or modify it under the
+ * terms of the GNU Lesser General Public License as published by the Free
+ * Software Foundation; either version 2.1 of the License, or (at your option)
+ * any later version.
+ *
+ * This software is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this software; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA, or see the FSF
+ * site: http://www.fsf.org.
+ */
+
+/*
+ * See .storybook/README.md for info on the component storybook.
+ */
+
+storiesOf('ActivitySelectList', module)
+ .add('default', () => (
+
+
+
+ {this.getMessage()}
+
+
+
+
+
+
+
+ )
+ }
+}
+
+export default CommentBox
diff --git a/server/zanata-frontend/src/frontend/app/editor/components/DateAndTimeDisplay/DateAndTimeDisplay.story.js b/server/zanata-frontend/src/frontend/app/editor/components/DateAndTimeDisplay/DateAndTimeDisplay.story.js
new file mode 100644
index 00000000000..4d06f36ce5a
--- /dev/null
+++ b/server/zanata-frontend/src/frontend/app/editor/components/DateAndTimeDisplay/DateAndTimeDisplay.story.js
@@ -0,0 +1,31 @@
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import DateAndTimeDisplay from '.'
+
+storiesOf('DateAndTimeDisplay', module)
+ .add('default', () => (
+ +
-
+
+
diff --git a/server/zanata-frontend/src/frontend/app/editor/components/GlossaryTermModal/GlossaryTermModal.story.js b/server/zanata-frontend/src/frontend/app/editor/components/GlossaryTermModal/GlossaryTermModal.story.js
index 2a3e547b7fc..6b93e739b21 100644
--- a/server/zanata-frontend/src/frontend/app/editor/components/GlossaryTermModal/GlossaryTermModal.story.js
+++ b/server/zanata-frontend/src/frontend/app/editor/components/GlossaryTermModal/GlossaryTermModal.story.js
@@ -1,8 +1,6 @@
import React from 'react'
import { storiesOf } from '@storybook/react'
-import { action, decorateAction } from '@storybook/addon-actions'
-import { Button, Panel, Row, Table } from 'react-bootstrap'
-import { Icon, Modal } from '../../../components'
+import { action } from '@storybook/addon-actions'
import Lorem from 'react-lorem-component'
import GlossaryTermModal from './component'
@@ -25,7 +23,7 @@ storiesOf('GlossaryTermModal', module)
))
.add('with 1 detail item', () => (
(
(
+
+ {items.map(({ id, icon, label }) => (
+
+)
+
+SelectButtonList.propTypes = {
+ items: PropTypes.arrayOf(PropTypes.shape({
+ icon: PropTypes.oneOf(['clock', 'comment', 'refresh', 'language']),
+ buttonName: PropTypes.string,
+ className: PropTypes.string
+ })).isRequired,
+ selected: PropTypes.string,
+ className: PropTypes.string,
+ selectItem: PropTypes.func.isRequired
+}
+
+export default SelectButtonList
diff --git a/server/zanata-frontend/src/frontend/app/editor/components/components.story.js b/server/zanata-frontend/src/frontend/app/editor/components/components.story.js
index bc45fb2bc54..059a158b9f1 100644
--- a/server/zanata-frontend/src/frontend/app/editor/components/components.story.js
+++ b/server/zanata-frontend/src/frontend/app/editor/components/components.story.js
@@ -4,13 +4,20 @@
* See .storybook-editor for main config
*/
+require('./ActivityFeedItem/ActivityFeedItem.story')
+require('./ActivitySelectList/ActivitySelectList.story')
require('./Button/Button.story.js')
-require('./TextDiff/TextDiff.story.js')
+require('./CommentBox/CommentBox.story')
+require('./DateAndTimeDisplay/DateAndTimeDisplay.story')
require('./EditorSearchInput/EditorSearchInput.story.js')
-require('./ProgressBar/ProgressBar.story.js')
require('./GlossarySearchInput/GlossarySearchInput.story.js')
require('./GlossaryTerm/GlossaryTerm.story.js')
require('./GlossaryTermModal/GlossaryTermModal.story.js')
+require('./LanguageSelectList/LanguageSelectList.story')
+require('./ProgressBar/ProgressBar.story.js')
+require('./SelectButton/SelectButton.story')
+require('./SelectButtonList/SelectButtonList.story')
require('./SettingOption/SettingOption.story.js')
require('./SettingsOptions/SettingsOptions.story.js')
require('./RejectTranslationModal/RejectTranslationModal.story')
+require('./TextDiff/TextDiff.story.js')
diff --git a/server/zanata-frontend/src/frontend/app/editor/config/index.js b/server/zanata-frontend/src/frontend/app/editor/config/index.js
deleted file mode 100644
index 3af21818a74..00000000000
--- a/server/zanata-frontend/src/frontend/app/editor/config/index.js
+++ /dev/null
@@ -1,10 +0,0 @@
-/* Responsible for loading config to present to other modules */
-
-// assumption: config will always be attached to the window object if present
-const config = window.config || {}
-
-/* The part of the path that is just the server deployment path. e.g. if the
- * server is deployed at example.com/zanata then this will be /zanata */
-export const baseUrl = config.baseUrl || ''
-
-export default config
diff --git a/server/zanata-frontend/src/frontend/app/editor/containers/ActivityTab.js b/server/zanata-frontend/src/frontend/app/editor/containers/ActivityTab.js
new file mode 100644
index 00000000000..4c2c757c83a
--- /dev/null
+++ b/server/zanata-frontend/src/frontend/app/editor/containers/ActivityTab.js
@@ -0,0 +1,139 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { connect } from 'react-redux'
+import { Tab } from 'react-bootstrap'
+import ActivitySelectList from '../components/ActivitySelectList'
+import LanguageSelectList from '../components/LanguageSelectList'
+import CommentBox from '../components/CommentBox'
+import ActivityFeedItem from '../components/ActivityFeedItem'
+
+class ActivityTab extends React.Component {
+
+ static propTypes = {
+ activityItems: PropTypes.arrayOf(PropTypes.shape({
+ type: PropTypes.oneOf(['comment', 'revision']).isRequired,
+
+ content: PropTypes.string.isRequired,
+ lastModifiedTime: PropTypes.instanceOf(Date).isRequired,
+ // TODO damason define type for status
+ status: PropTypes.oneOf(['translated', 'fuzzy', 'approved', 'rejected',
+ 'untranslated']),
+ user: PropTypes.shape({
+ name: PropTypes.string.isRequired,
+ imageUrl: PropTypes.string.isRequired
+ }).isRequired
+ })).isRequired,
+ // eventKey prop to use for the bootstrap Tab
+ eventKey: PropTypes.number.isRequired,
+ postComment: PropTypes.func.isRequired,
+ selectActivityTypeFilter: PropTypes.func.isRequired,
+ selectLanguageFilter: PropTypes.func.isRequired,
+ selectedActivites: ActivitySelectList.idType,
+ selectedLanguages: LanguageSelectList.idType
+ }
+
+ render () {
+ const {
+ activityItems,
+ eventKey,
+ postComment,
+ selectActivityTypeFilter,
+ selectLanguageFilter,
+ selectedActivites,
+ selectedLanguages
+ } = this.props
+
+ return (
+
+
+ )
+ }
+}
+
+function mapStateToProps (state) {
+ // Dummy data. Kept for structure reference.
+ // FIXME delete when the component is wired into the app.
+ const lastModifiedTime = new Date()
+ return {
+ activityItems: [
+ {
+ type: 'revision',
+ content: 'নাম',
+ lastModifiedTime,
+ status: 'approved',
+ user: {
+ name: 'Reviewdude',
+ imageUrl:
+ 'https://gravatar.com/avatar/a0c33fb16389ac6c3d7034efb1f3f305'
+ }
+ }, {
+ type: 'revision',
+ content: 'নাম',
+ lastModifiedTime,
+ status: 'translated',
+ user: {
+ name: 'Kathryn',
+ imageUrl:
+ 'https://gravatar.com/avatar/7e5aaf4eee27288eab09561fa201675a'
+ }
+ }, {
+ type: 'comment',
+ content: 'I have no idea what I am doing',
+ lastModifiedTime,
+ user: {
+ name: 'Kathryn',
+ imageUrl:
+ 'https://gravatar.com/avatar/7e5aaf4eee27288eab09561fa201675a'
+ }
+ }, {
+ type: 'revision',
+ content: 'নাম',
+ lastModifiedTime,
+ status: 'fuzzy',
+ user: {
+ name: 'Kathryn',
+ imageUrl:
+ 'https://gravatar.com/avatar/7e5aaf4eee27288eab09561fa201675a'
+ }
+ }, {
+ type: 'revision',
+ content: 'নাম',
+ lastModifiedTime,
+ status: 'rejected',
+ user: {
+ name: 'Reviewdude',
+ imageUrl:
+ 'https://gravatar.com/avatar/a0c33fb16389ac6c3d7034efb1f3f305'
+ }
+ }
+ ],
+ selectedActivites: 'all',
+ selectedLanguages: 'current'
+ }
+}
+
+function mapDispatchToProps (dispatch) {
+ // FIXME dummy actions
+ /* eslint-disable no-console */
+ return {
+ postComment: (e) => console.log('postComment: ' + e),
+ selectActivityTypeFilter:
+ (e) => console.log('selectActivityTypeFilter: ' + e),
+ selectLanguageFilter:
+ (e) => console.log('selectLanguageFilter: ' + e)
+ }
+ /* eslint-enable no-console */
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(ActivityTab)
diff --git a/server/zanata-frontend/src/frontend/app/editor/containers/GlossaryTab.js b/server/zanata-frontend/src/frontend/app/editor/containers/GlossaryTab.js
index 2852f75662c..7ba567d5155 100644
--- a/server/zanata-frontend/src/frontend/app/editor/containers/GlossaryTab.js
+++ b/server/zanata-frontend/src/frontend/app/editor/containers/GlossaryTab.js
@@ -103,7 +103,7 @@ class GlossaryTab extends React.Component {
const { eventKey, searchText, onGlossaryTextChange } = this.props
return (
-
+
+
+
+
+
- { /*
- */ }
)
diff --git a/server/zanata-frontend/src/frontend/app/editor/index.html b/server/zanata-frontend/src/frontend/app/editor/index.html
index a28b61c478b..9b597744549 100644
--- a/server/zanata-frontend/src/frontend/app/editor/index.html
+++ b/server/zanata-frontend/src/frontend/app/editor/index.html
@@ -30,15 +30,20 @@
+
@@ -130,12 +140,9 @@ class SidebarContent extends React.Component { {this.sidebarDetails()}
- Tab 1 content
-
-
+ data-app-url="http://localhost:8000"
+ data-server-url="http://localhost:8080"
+ data-api-server-url="http://localhost:8080/rest"
+
+ data-user="{}"
+ data-links='{
+ "loginUrl": "http://localhost:8080/account/sign_in",
+ "registerUrl": "http://localhost:8080/account/register"
+ }'>