feat(Tracking): add checkbox to post worklog comment also as issue co…

…mment

ISSUES CLOSED: #90

app/actions/actionTypes/ui.js

@@ -10,3 +10,4 @@ export const ADD_FLAG = 'ui/ADD_FLAG';
 export const DELETE_FLAG = 'ui/DELETE_FLAG';
 export const ISSUE_WORKLOGS_SCROLL_TO_INDEX_REQUEST = 'ui/ISSUE_WORKLOGS_SCROLL_TO_INDEX_REQUEST';
 export const ACKNOWLEDGE_FEATURE = 'ui/ACKNOWLEDGE_FEATURE';
+export const SET_POST_ALSO_AS_ISSUE_COMMENT = 'ui/SET_POST_ALSO_AS_ISSUE_COMMENT';

app/actions/ui.js

@@ -84,3 +84,10 @@ export const acknowlegdeFeature = (payload: {
   type: actionTypes.ACKNOWLEDGE_FEATURE,
   payload,
 });
+
+export const setPostAlsoAsIssueComment = (postAlsoAsIssueComment: boolean): UiAction => ({
+  type: actionTypes.SET_POST_ALSO_AS_ISSUE_COMMENT,
+  payload: {
+    postAlsoAsIssueComment,
+  },
+});

app/containers/IssueView/TrackingBar/TrackingBar.jsx

@@ -97,6 +97,7 @@ const TrackingBar: StatelessFunctionalComponent<Props> = ({
           issue={trackingIssue}
           onSetComment={(comment) => {
             dispatch(uiActions.setUiState('worklogComment', comment));
+            if (!comment) dispatch(uiActions.setPostAlsoAsIssueComment(false));
           }}
           onRemainingEstimateChange={(value) => {
             dispatch(uiActions.setUiState('remainingEstimateValue', value));

app/containers/IssueView/TrackingBar/WorklogCommentDialog/WorklogCommentDialog.jsx

@@ -23,6 +23,7 @@ import {
   EditButtonContainer,
 } from './styled';
 
+import WorklogCommentOptions from './WorklogCommentOptions';
 
 type Props = {
   issue: Issue,
@@ -106,6 +107,7 @@ class WorklogCommentDialog extends PureComponent<Props, State> {
           onConfirm={this.onConfirm}
           onCancel={this.onCancel}
         />
+        <WorklogCommentOptions />
         <RemainingEstimatePicker
           issue={this.props.issue}
           value={this.props.remainingEstimateValue}

app/containers/IssueView/TrackingBar/WorklogCommentDialog/WorklogCommentOptions.jsx

@@ -0,0 +1,66 @@
+// @flow
+import React from 'react';
+import { connect } from 'react-redux';
+import { compose, withHandlers } from 'recompose';
+
+import {
+  CheckboxStateless as Checkbox,
+  CheckboxGroup,
+} from '@atlaskit/checkbox';
+
+import {
+  uiActions,
+} from 'actions';
+import {
+  getUiState,
+} from 'selectors';
+
+import type {
+  StatelessFunctionalComponent,
+  Node,
+} from 'react';
+
+import type {
+  Dispatch,
+} from 'types';
+
+type Props = {
+  postAlsoAsIssueComment: boolean,
+  isOptionUnavailable: boolean,
+  changePostOption: () => void,
+};
+
+const WorklogCommentOptions: StatelessFunctionalComponent<Props> = ({
+  postAlsoAsIssueComment,
+  changePostOption,
+  isOptionUnavailable,
+}: Props): Node =>
+<CheckboxGroup>
+  <Checkbox
+    isChecked={postAlsoAsIssueComment}
+    value={postAlsoAsIssueComment}
+    name="postAlsoAsIssueComment"
+    label="Post also as comment to issue"
+    onChange={changePostOption}
+    isDisabled={isOptionUnavailable}
+  />
+</CheckboxGroup>;
+
+export default compose(
+  connect(
+    state => ({
+      postAlsoAsIssueComment: getUiState('postAlsoAsIssueComment')(state),
+      isOptionUnavailable: !getUiState('worklogComment')(state),
+    }),
+    dispatch => ({ dispatch }),
+  ),
+  withHandlers({
+    changePostOption: ({
+      dispatch,
+      postAlsoAsIssueComment,
+    }: {
+      postAlsoAsIssueComment: boolean,
+      dispatch: Dispatch,
+    }) => () => dispatch(uiActions.setPostAlsoAsIssueComment(!postAlsoAsIssueComment))
+  })
+)(WorklogCommentOptions);

app/reducers/ui.js

@@ -45,6 +45,7 @@ const initialState: UiState = {
   editWorklogId: null,
   worklogFormIssueId: null,
   worklogComment: '',
+  postAlsoAsIssueComment: false,
   remainingEstimateValue: 'auto',
   remainingEstimateNewValue: '',
   remainingEstimateReduceByValue: '',
@@ -119,6 +120,11 @@ export default function ui(
         flags: state.flags.filter(f => f.id !== id),
       };
     }
+    case actionTypes.SET_POST_ALSO_AS_ISSUE_COMMENT: 
+      return {
+        ...state,
+        postAlsoAsIssueComment: action.payload.postAlsoAsIssueComment,
+      };
     case actionTypes.__CLEAR_ALL_REDUCERS__:
       return initialState;
     default:

app/sagas/worklogs.js

@@ -22,6 +22,7 @@ import {
 import {
   types,
   uiActions,
+  issuesActions,
 } from 'actions';
 import {
   getResourceIds,
@@ -266,9 +267,15 @@ export function* uploadWorklog(options: any): Generator<*, *, *> {
       },
     });
 
+    const postAlsoAsIssueComment = yield select(getUiState('postAlsoAsIssueComment'));
+    if (postAlsoAsIssueComment && options.comment) {
+      yield put(issuesActions.commentRequest(options.comment, options.issueId));
+    }
+
     // reset ui state
     yield put(uiActions.resetUiState([
       'worklogComment',
+      'postAlsoAsIssueComment',
       'remainingEstimateValue',
       'remainingEstimateNewValue',
       'remainingEstimateReduceByValue',

app/types/ui.js

@@ -54,6 +54,11 @@ export type UiAction =
     payload: {
       featureId: string,
     },
+  |} | {|
+    type: typeof actionTypes.SET_POST_ALSO_AS_ISSUE_COMMENT,
+    payload: {
+      postAlsoAsIssueComment: boolean,
+    },
   |};
 
 export type RemainingEstimate = 'auto' | 'new' | 'manual' | 'leave';
@@ -89,6 +94,7 @@ export type UiState = {|
   editWorklogId: Id | null,
   worklogFormIssueId: Id | null,
   worklogComment: string,
+  postAlsoAsIssueComment: boolean,
   remainingEstimateValue: RemainingEstimate,
   remainingEstimateNewValue: string,
   remainingEstimateReduceByValue: string,