@import 'components/tree';
@import 'components/customModal';
@import 'components/scrollbars';
+@import 'components/archiveLabel';
\ No newline at end of file
--- /dev/null
+.archive-label {
+ @include body-3;
+ color: $white;
+ background-color: $dark-purple;
+ margin-left: 20px;
+ border-radius: 3px;
+ padding: 1px 10px;
+ align-self: center;
+ text-transform: none;
+}
\ No newline at end of file
}
.version-status-container {
+ display: flex;
+ align-items: center;
.version-selector-more-versions {
@include body-1-emphasis;
color: $blue;
.wf-catalog {
overflow: auto;
background-color: $light-silver;
- display: grid;
grid-template-rows: 35px 1fr;
height: 100vh;
padding-bottom: 20px;
.header {
align-items: center;
display: flex;
- justify-content: flex-end;
+ justify-content: space-between;
background-color: $silver;
margin-bottom: 2px;
@include box-shadow(0px 1px 3px 0 rgba(0, 0, 0, 0.2));
- padding: 8px 60px 0 60px;
+ padding: 8px 60px 0 0px;
+ .wf-status-select {
+
+ display: grid;
+ width: 200px;
+ height: 34px;
+ margin-top: -8px;
+ background-color: $light-silver;
+ color: $blue;
+ }
&__search {
height: 25px;
}
color: $blue;
justify-content: space-between;
.title {
+ display: flex;
@include heading-1;
text-transform: uppercase;
}
height: 16px;
}
}
+ .restore-btn {
+ margin-left: 20px;
+ }
+ .archive-btn {
+ margin-left: 20px;
+ fill: $gray;
+ &:hover {
+ fill: $blue;
+ color: $light-blue;
+ cursor: pointer;
+ }
+ }
}
@mixin version-page-box-shadow() {
});
const mapDispatchToProps = dispatch => ({
- handleFetchWorkflow: (sort, offset, searchNameFilter) =>
- dispatch(fetchWorkflow(sort, offset, searchNameFilter)),
+ handleFetchWorkflow: ({ sort, offset, searchNameFilter, status }) =>
+ dispatch(fetchWorkflow({ sort, offset, searchNameFilter, status })),
clearWorkflow: () => dispatch(clearWorkflowAction),
showNewWorkflowModal: () =>
dispatch(
const {
handleFetchWorkflow,
- catalog: { sort, searchNameFilter }
+ catalog: { sort, status, searchNameFilter }
} = this.props;
const payload = {
...sort
};
+
payload[NAME] = payload[NAME] === ASC ? DESC : ASC;
- handleFetchWorkflow(payload, undefined, searchNameFilter);
+ handleFetchWorkflow({
+ sort: payload,
+ searchNameFilter,
+ status
+ });
};
+ handleStatusChange = value => {
+ const {
+ handleFetchWorkflow,
+ searchNameFilter,
+ catalog: { sort }
+ } = this.props;
+ handleFetchWorkflow({
+ sort,
+ searchNameFilter,
+ status: value
+ });
+ };
handleScroll = () => {
const {
catalog: {
paging: { offset },
sort,
+ status,
searchNameFilter
},
handleFetchWorkflow
} = this.props;
- handleFetchWorkflow(sort, offset, searchNameFilter);
+ handleFetchWorkflow({
+ sort,
+ offset,
+ searchNameFilter,
+ status
+ });
};
goToOverviewPage = id => {
sort,
paging: { hasMore, total },
items,
+ status,
searchNameFilter
} = catalog;
const alphabeticalOrder = sort[NAME];
return (
<div className="wf-catalog">
<Header
+ status={status}
+ statusChange={this.handleStatusChange}
searchChange={this.searchChange}
searchValue={searchNameFilter}
/>
NAME,
ASC
} from 'features/catalog/catalogConstants';
+import { WORKFLOW_STATUS } from 'features/workflow/workflowConstants';
import { fetchWorkflow, updateWorkflow } from 'features/catalog/catalogActions';
describe('Catalog Actions', () => {
it('should have `fetchWorkflow` action', () => {
const sort = { [NAME]: ASC };
const offset = 0;
-
- expect(fetchWorkflow(sort, offset)).toEqual({
+ const status = WORKFLOW_STATUS.ACTIVE;
+ expect(fetchWorkflow({ sort, offset, status })).toEqual({
type: FETCH_WORKFLOW,
payload: {
sort,
limit: LIMIT,
+ status,
offset
}
});
import { NAME, ASC, DESC } from 'features/catalog/catalogConstants';
import catalogReducer, { initialState } from 'features/catalog/catalogReducer';
import { updateWorkflow } from 'features/catalog/catalogActions';
+import { WORKFLOW_STATUS } from 'features/workflow/workflowConstants';
describe('Catalog Reducer', () => {
const state = {
hasMore: false,
total: 2
},
+ status: WORKFLOW_STATUS.ACTIVE,
sort: {
[NAME]: ASC
},
expect.arrayContaining([...dataPayload.items, ...state.items])
);
});
-
});
LIMIT,
SEARCH_CHANGED
} from 'features/catalog/catalogConstants';
+import { WORKFLOW_STATUS } from 'features/workflow/workflowConstants';
import catalogApi from '../catalogApi';
import { fetchWorkflow, updateWorkflow } from 'features/catalog/catalogActions';
import catalogSaga, {
const sort = {
[NAME]: DESC
};
+ const status = WORKFLOW_STATUS.ACTIVE;
const offset = 0;
const searchNameFilter = undefined;
const data = {
hasMore: false,
total: 2
},
+ status: WORKFLOW_STATUS.ACTIVE,
searchNameFilter: 'w',
items: [
{
dispatch: action => dispatched.push(action)
},
fetchWorkflowSaga,
- fetchWorkflow(sort, offset)
+ fetchWorkflow({ sort, offset, status })
).done;
expect(dispatched).toEqual(
expect.arrayContaining([updateWorkflow({ sort, ...data })])
);
- expect(catalogApi.getWorkflows).toBeCalledWith(
+ expect(catalogApi.getWorkflows).toBeCalledWith({
sort,
- LIMIT,
- offset + LIMIT,
+ status,
+ limit: LIMIT,
+ offset: offset + LIMIT,
searchNameFilter
- );
+ });
});
});
export const fetchWorkflow = createAction(
FETCH_WORKFLOW,
- (sort, offset, searchNameFilter) => ({
+ ({ sort, offset, searchNameFilter, status }) => ({
sort,
limit: LIMIT,
offset,
- searchNameFilter
+ searchNameFilter,
+ status
})
);
}
const Api = {
- getWorkflows: (sort, limit, offset, searchNameFilter) => {
+ getWorkflows: ({ sort, limit, offset, searchNameFilter, status }) => {
const queryParams = {
sort: Object.keys(sort).map(key => `${key}:${sort[key]}`),
limit,
- offset
+ offset,
+ archiving: status
};
if (searchNameFilter) queryParams.searchNameFilter = searchNameFilter;
const queryString = qs.stringify(queryParams, {
* limitations under the License.
*/
-import { NAME, ASC, UPDATE_WORKFLOW } from 'features/catalog/catalogConstants';
-import { SEARCH_CHANGED } from './catalogConstants';
-
+import {
+ NAME,
+ ASC,
+ UPDATE_WORKFLOW,
+ SEARCH_CHANGED
+} from 'features/catalog/catalogConstants';
+import { WORKFLOW_STATUS } from 'features/workflow/workflowConstants';
export const initialState = {
paging: {
hasMore: true,
},
sort: {
[NAME]: ASC
- }
+ },
+ status: WORKFLOW_STATUS.ACTIVE
};
const catalogReducer = (state = initialState, action) => {
const noOp = () => {};
export function* fetchWorkflowSaga({ payload }) {
- const { sort, limit, offset, searchNameFilter } = payload;
+ const { sort, limit, offset, searchNameFilter, status } = payload;
try {
- const data = yield call(
- catalogApi.getWorkflows,
+ const data = yield call(catalogApi.getWorkflows, {
sort,
- LIMIT,
- offset === undefined ? 0 : offset + limit,
- searchNameFilter
- );
- yield put(updateWorkflow({ sort, ...data }));
+ limit: LIMIT,
+ offset: offset === undefined ? 0 : offset + limit,
+ searchNameFilter,
+ status
+ });
+ yield put(updateWorkflow({ sort, status, ...data }));
} catch (e) {
noOp();
}
import React from 'react';
import PropTypes from 'prop-types';
-
import SearchInput from 'shared/searchInput/SearchInput';
+import StatusSelect from './StatusSelector';
-const Header = ({ searchChange, searchValue }) => (
+const Header = ({ searchChange, searchValue, statusChange, status }) => (
<div className="header">
+ <StatusSelect status={status} onChange={statusChange} />
<div className="header__search">
<SearchInput
dataTestId="wf-catalog-search"
Header.propTypes = {
searchChange: PropTypes.func,
- searchValue: PropTypes.string
+ searchValue: PropTypes.string,
+ statusChange: PropTypes.func,
+ status: PropTypes.string
};
Header.defaultProps = {
--- /dev/null
+import React from 'react';
+import PropTypes from 'prop-types';
+import { WORKFLOW_STATUS } from 'features/workflow/workflowConstants';
+
+const StatusSelect = ({ status, onChange }) => (
+ <select
+ className="wf-status-select"
+ value={status}
+ data-test-id="status-select"
+ onChange={e => onChange(e.target.value)}>
+ {Object.keys(WORKFLOW_STATUS).map((type, i) => (
+ <option key={`type.${i}`} value={WORKFLOW_STATUS[type]}>
+ {type}
+ </option>
+ ))}
+ </select>
+);
+
+StatusSelect.propTypes = {
+ status: PropTypes.string,
+ onChange: PropTypes.func
+};
+
+export default StatusSelect;
import { getInputOutputForComposition } from 'features/version/inputOutput/inputOutputSelectors';
import { getVersionInfo } from 'features/version/general/generalSelectors';
import { getIsCertified } from 'features/version/general/generalSelectors';
+import { isWorkflowArchive } from 'features/workflow/workflowSelectors';
+
function mapStateToProps(state) {
return {
composition: getComposition(state),
activities: activitiesSelector(state),
inputOutput: getInputOutputForComposition(state),
errors: getErrors(state),
- isReadOnly: getIsCertified(state)
+ isReadOnly: getIsCertified(state) || isWorkflowArchive(state)
};
}
getIsCertified
} from 'features/version/general/generalSelectors';
import { workflowVersionDetailsChangedAction } from 'features/version/versionConstants';
-
+import { isWorkflowArchive } from 'features/workflow/workflowSelectors';
const mapStateToProps = state => ({
versionInfo: getVersionInfo(state),
- isCertified: getIsCertified(state)
+ isReadOnly: getIsCertified(state) || isWorkflowArchive(state)
});
const mapDispatchToProps = dispatch => ({
import Description from 'shared/components/Description';
import { VersionInfo, LabeledValue } from 'shared/components/VersionInfo';
-const GeneralView = ({ onDataChange, versionInfo, isCertified }) => {
+const GeneralView = ({ onDataChange, versionInfo, isReadOnly }) => {
const modifiedValue = I18n.l(versionInfo.modificationTime, {
dateFormat: 'date.short'
});
<Description
description={versionInfo.description}
onDataChange={onDataChange}
- disabled={isCertified}
+ disabled={isReadOnly}
/>
<VersionInfo>
<LabeledValue
GeneralView.propTypes = {
onDataChange: PropTypes.func,
versionInfo: PropTypes.object,
- isCertified: PropTypes.bool
+ isReadOnly: PropTypes.bool
};
export default GeneralView;
changeMandatory,
remove
} from 'features/version/inputOutput/inputOutputActions';
-
+import { isWorkflowArchive } from 'features/workflow/workflowSelectors';
import InputOutputView from 'features/version/inputOutput/InputOutputView';
const mapStateToProps = state => ({
dataRows: getDataRows(state),
types: getTypes(state),
error: getError(state),
- isCertified: getIsCertified(state)
+ isReadOnly: getIsCertified(state) || isWorkflowArchive(state)
});
const mapDispatchToProps = dispatch => ({
};
render() {
- const { isShowInputs, search, handleAdd, isCertified } = this.props;
+ const { isShowInputs, search, handleAdd, isReadOnly } = this.props;
const addLabel = isShowInputs
? I18n.t('workflow.inputOutput.addInput')
</div>
<div
className={cn('input-output__add', {
- disabled: isCertified
+ disabled: isReadOnly
})}
data-test-id="wf-input-output-add"
onClick={handleAdd}>
</div>
<div className="input-output__table">
<TableHead />
- <TableBody isCertified={isCertified}>
+ <TableBody isReadOnly={isReadOnly}>
<Scrollbars className="scrollbars">
{dataRowsView}
</Scrollbars>
),
types: PropTypes.array,
error: PropTypes.object,
- isCertified: PropTypes.bool,
+ isReadOnly: PropTypes.bool,
handleChangeError: PropTypes.func,
handleShowInputs: PropTypes.func,
handleShowOutputs: PropTypes.func,
};
render() {
- const { isCertified, children } = this.props;
+ const { isReadOnly, children } = this.props;
return (
<div
className={cn('input-output__table__tbody', {
- disabled: isCertified
+ disabled: isReadOnly
})}>
{children}
</div>
}
TableBody.propTypes = {
- isCertified: PropTypes.bool,
+ isReadOnly: PropTypes.bool,
children: PropTypes.node
};
getVersions,
getSortedVersions
} from 'features/workflow/overview/overviewSelectors';
+import { isWorkflowArchive } from 'features/workflow/workflowSelectors';
import {
getWorkflowId,
getWorkflowName
savedParams: getSavedObjParams(state),
hasErrors: getIOErrors(state) || getCompositionHasErrors(state),
isCertifyDisable: getIsCertified(state),
+ isArchive: isWorkflowArchive(state),
currentWorkflowVersion: state.currentVersion.general
};
}
certifyVersion: PropTypes.func,
changeVersion: PropTypes.func,
isCertifyDisable: PropTypes.bool,
- hasErrors: PropTypes.bool
+ hasErrors: PropTypes.bool,
+ isArchive: PropTypes.bool
};
constructor(props) {
workflowName,
versionsList,
hasErrors,
- isCertifyDisable
+ isCertifyDisable,
+ isArchive
} = this.props;
+ const isReadonly = isCertifyDisable || hasErrors || isArchive;
return (
<div className="version-controller-bar">
<WorkflowTitle workflowName={workflowName} />
viewableVersions={versionsList}
onOverviewClick={this.routeToOverview}
onVersionSelectChange={this.versionChangeCallback}
+ isArchive={isArchive}
/>
<ActionButtons
- saveDisabled={isCertifyDisable || hasErrors}
+ saveDisabled={isReadonly}
onSaveClick={this.sendSaveParamsToServer}
- certifyDisabled={isCertifyDisable || hasErrors}
+ certifyDisabled={isReadonly}
onCertifyClick={this.certifyVersion}
onUndoClick={this.undoClickCallback}
/>
import VersionSelect from 'features/version/versionController/views/VersionSelect';
import { I18n } from 'react-redux-i18n';
import PropTypes from 'prop-types';
+import ArchiveLabel from 'shared/archiveLabel/ArchiveLabel';
const VersionContainer = props => {
- let {
+ const {
currentWorkflowVersion,
viewableVersions,
onOverviewClick,
- onVersionSelectChange
+ onVersionSelectChange,
+ isArchive
} = props;
return (
onClick={onOverviewClick}>
{I18n.t('workflow.overview.viewOverview')}
</span>
+ {isArchive && <ArchiveLabel />}
</div>
</div>
);
currentWorkflowVersion: PropTypes.object,
viewableVersions: PropTypes.arrayOf(Object),
onOverviewClick: PropTypes.func,
- onVersionSelectChange: PropTypes.func
+ onVersionSelectChange: PropTypes.func,
+ isArchive: PropTypes.bool
};
export default VersionContainer;
getWorkflowData,
getAllIsVersionsCertifies
} from 'features/workflow/overview/overviewSelectors';
+import { isWorkflowArchive } from 'features/workflow/workflowSelectors';
import {
getVersionsAction,
- updateWorkflowAction
+ updateWorkflowAction,
+ archiveWorkflowAction,
+ restoreWorkflowAction
} from 'features/workflow/overview/overviewConstansts';
import { NEW_VERSION_MODAL } from 'shared/modal/modalWrapperComponents';
import { showCustomModalAction } from 'shared/modal/modalWrapperActions';
versions: getSortedVersions(state),
selectedVersion: getSelectedVersionId(state),
workflow: getWorkflowData(state),
- isVersionsCertifies: getAllIsVersionsCertifies(state)
+ isVersionsCertifies: getAllIsVersionsCertifies(state),
+ isArchive: isWorkflowArchive(state)
};
}
})
),
workflowInputChange: payload => dispatch(inputChangeAction(payload)),
- updateWorkflow: payload => dispatch(updateWorkflowAction(payload))
+ updateWorkflow: payload => dispatch(updateWorkflowAction(payload)),
+ archiveWorkflow: payload => dispatch(archiveWorkflowAction(payload)),
+ restoreWorkflow: payload => dispatch(restoreWorkflowAction(payload))
};
}
location: PropTypes.object,
match: PropTypes.object,
updateWorkflow: PropTypes.func,
- workflowInputChange: PropTypes.func
+ workflowInputChange: PropTypes.func,
+ archiveWorkflow: PropTypes.func,
+ restoreWorkflow: PropTypes.func,
+ isArchive: PropTypes.bool
};
constructor(props) {
const { workflowInputChange } = this.props;
workflowInputChange({ ...payload });
};
+ onArchiveWorkflow = () => {
+ const { archiveWorkflow, workflow, history } = this.props;
+ archiveWorkflow({ id: workflow.id, history });
+ };
+ onRestoreWorkflow = () => {
+ const { restoreWorkflow, workflow, history } = this.props;
+ restoreWorkflow({ id: workflow.id, history });
+ };
render() {
const {
versions,
selectedVersion,
workflow,
isVersionsCertifies,
- history
+ history,
+ isArchive
} = this.props;
const nodeVersions = versions.map(version => ({
id: version.id,
return (
<div className="overview-page">
- <WorkflowHeader history={history} name={workflow.name} />
+ <WorkflowHeader
+ isArchive={isArchive}
+ archiveWorkflow={this.onArchiveWorkflow}
+ restoreWorkflow={this.onRestoreWorkflow}
+ history={history}
+ name={workflow.name}
+ />
<div className="overview-content">
<WorkflowDetails
+ isArchive={isArchive}
name={workflow.name}
description={workflow.description}
modified={workflow.modified}
title
</div>
<div
- className="svg-icon-wrapper go-catalog-btn clickable right"
- disabled={undefined}
- onClick={[Function]}
+ className="header-buttons"
>
- <test-file-stub
- className="svg-icon __back"
- />
- <span
- className="svg-icon-label "
+ <div
+ className="svg-icon-wrapper go-catalog-btn clickable right"
+ disabled={undefined}
+ onClick={[Function]}
+ >
+ <test-file-stub
+ className="svg-icon __back"
+ />
+ <span
+ className="svg-icon-label "
+ >
+ backBtnLabel
+ </span>
+ </div>
+ <div
+ className="svg-icon-wrapper archive-btn clickable bottom"
+ disabled={undefined}
+ onClick={[Function]}
+ title="Archive workflow"
>
- backBtnLabel
- </span>
+ <test-file-stub
+ className="svg-icon __archiveBox"
+ />
+
+ </div>
</div>
</div>
<div
name,
description
});
+ },
+ archiveRestoreWorkflow: ({ id, type }) => {
+ return RestfulAPIUtil.post(`${baseUrl()}${id}/archiving`, {
+ status: type
+ });
}
};
*/
import { createAction } from 'redux-actions';
+import { WORKFLOW_STATUS } from 'features/workflow/workflowConstants';
export const FETCH_VERSION_LIST = 'overview/FETCH_VERSION_LIST';
export const GET_OVERVIEW = 'overview/GET_OVERVIEW';
export const UPDATE_WORKFLOW = 'overview/UPDATE_WORKFLOW';
+export const ARCHIVE_WORKFLOW = 'overview/ARCHIVE_WORKFLOW';
+export const RESTORE_WORKFLOW = 'overview/RESTORE_WORKFLOW';
export const versionListFetchAction = payload => ({
type: FETCH_VERSION_LIST,
UPDATE_WORKFLOW,
payload => payload
);
+
+export const archiveWorkflowAction = payload => ({
+ type: ARCHIVE_WORKFLOW,
+ payload: {
+ ...payload,
+ type: WORKFLOW_STATUS.ARCHIVE
+ }
+});
+
+export const restoreWorkflowAction = payload => ({
+ type: RESTORE_WORKFLOW,
+ payload: {
+ ...payload,
+ type: WORKFLOW_STATUS.ACTIVE
+ }
+});
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-import { call, takeEvery, put } from 'redux-saga/effects';
+import { call, takeEvery, put, select } from 'redux-saga/effects';
import { genericNetworkErrorAction } from 'wfapp/appConstants';
import overviewApi from 'features/workflow/overview/overviewApi';
import {
versionListFetchAction,
GET_OVERVIEW,
- UPDATE_WORKFLOW
+ UPDATE_WORKFLOW,
+ ARCHIVE_WORKFLOW,
+ RESTORE_WORKFLOW
} from 'features/workflow/overview/overviewConstansts';
import { setWorkflowAction } from 'features/workflow/workflowConstants';
import { notificationActions } from 'shared/notifications/notificationsActions';
+import { fetchWorkflow } from 'features/catalog/catalogActions';
+import { WORKFLOW_STATUS } from 'features/workflow/workflowConstants';
export function* getOverview(action) {
try {
}
}
+export function* archiveRestoreWorkflow(action) {
+ try {
+ const { history, ...data } = action.payload;
+ yield call(overviewApi.archiveRestoreWorkflow, data);
+ const {
+ catalog: { sort },
+ searchNameFilter = ''
+ } = yield select();
+
+ yield put(
+ fetchWorkflow({
+ sort,
+ searchNameFilter,
+ status: WORKFLOW_STATUS.ACTIVE
+ })
+ );
+ history.push('/');
+ } catch (e) {
+ yield put(genericNetworkErrorAction(e));
+ }
+}
+
export function* watchOverview() {
yield takeEvery(GET_OVERVIEW, getOverview);
yield takeEvery(UPDATE_WORKFLOW, updateWorkflow);
+ yield takeEvery(ARCHIVE_WORKFLOW, archiveRestoreWorkflow);
+ yield takeEvery(RESTORE_WORKFLOW, archiveRestoreWorkflow);
}
state && state.workflow.data.modificationTime;
export const getWorkflowId = state => state && state.workflow.data.id;
-
export const getAllIsVersionsCertifies = createSelector(
getSortedVersions,
versions =>
};
render() {
- const { name, description, workflowDetailsChanged } = this.props;
+ const {
+ name,
+ description,
+ workflowDetailsChanged,
+ isArchive
+ } = this.props;
return (
<div className="workflow-details">
<form onSubmit={this.handleSubmitForm}>
disabled
/>
<Description
+ disabled={isArchive}
description={description}
onDataChange={workflowDetailsChanged}
/>
<div className="save-description">
- <Button btnType="primary">
+ <Button disabled={isArchive} btnType="primary">
{I18n.t('buttons.saveBtn')}
</Button>
</div>
description: PropTypes.string,
defaultDescription: PropTypes.string,
updateWorkflow: PropTypes.func,
- workflowDetailsChanged: PropTypes.func
+ workflowDetailsChanged: PropTypes.func,
+ isArchive: PropTypes.bool
};
export default WorkflowDetails;
import PropTypes from 'prop-types';
import { I18n } from 'react-redux-i18n';
import SVGIcon from 'sdc-ui/lib/react/SVGIcon';
+import Button from 'sdc-ui/lib/react/Button';
+import ArchiveLabel from 'shared/archiveLabel/ArchiveLabel';
-const BackBtn = ({ history }) => (
- <SVGIcon
- onClick={() => history.push('/')}
- label={I18n.t('workflow.overview.backBtnLabel')}
- className="go-catalog-btn"
- labelPosition="right"
- name="back"
- />
+const Buttons = ({ history, archiveWorkflow, restoreWorkflow, isArchive }) => (
+ <div className="header-buttons">
+ <SVGIcon
+ onClick={() => history.push('/')}
+ label={I18n.t('workflow.overview.backBtnLabel')}
+ className="go-catalog-btn"
+ labelPosition="right"
+ name="back"
+ />
+ <ArchiveBtn
+ isArchive={isArchive}
+ restoreWorkflow={restoreWorkflow}
+ archiveWorkflow={archiveWorkflow}
+ />
+ </div>
);
-BackBtn.propTypes = {
- history: PropTypes.object
+Buttons.propTypes = {
+ history: PropTypes.object,
+ archiveWorkflow: PropTypes.func,
+ isArchive: PropTypes.bool,
+ restoreWorkflow: PropTypes.func
};
-const Title = ({ name }) => (
+const Title = ({ name, isArchive }) => (
<div className="title">
{name} - {I18n.t('workflow.overview.title')}
+ {isArchive && <ArchiveLabel />}
</div>
);
Title.propTypes = {
- name: PropTypes.string
+ name: PropTypes.string,
+ isArchive: PropTypes.bool
+};
+
+const ArchiveBtn = ({ isArchive, archiveWorkflow, restoreWorkflow }) => {
+ return !isArchive ? (
+ <SVGIcon
+ onClick={archiveWorkflow}
+ title="Archive workflow"
+ className="archive-btn"
+ name="archiveBox"
+ />
+ ) : (
+ <Button className="restore-btn" onClick={restoreWorkflow}>
+ RESTORE
+ </Button>
+ );
+};
+ArchiveBtn.propTypes = {
+ status: PropTypes.string,
+ archiveWorkflow: PropTypes.func,
+ restoreWorkflow: PropTypes.func,
+ isArchive: PropTypes.bool
};
-const WorkflowHeader = ({ name, history }) => {
+const WorkflowHeader = ({
+ name,
+ history,
+ archiveWorkflow,
+ restoreWorkflow,
+ isArchive
+}) => {
return (
<div className="overview-header">
- <Title name={name} />
- <BackBtn history={history} />
+ <Title isArchive={isArchive} name={name} />
+ <Buttons
+ restoreWorkflow={restoreWorkflow}
+ archiveWorkflow={archiveWorkflow}
+ isArchive={isArchive}
+ history={history}
+ />
</div>
);
};
WorkflowHeader.propTypes = {
name: PropTypes.string,
- history: PropTypes.object
+ history: PropTypes.object,
+ archiveWorkflow: PropTypes.func,
+ restoreWorkflow: PropTypes.func,
+ isArchive: PropTypes.bool
};
export default WorkflowHeader;
*/
import { createAction } from 'redux-actions';
+export const WORKFLOW_STATUS = {
+ ACTIVE: 'ACTIVE',
+ ARCHIVE: 'ARCHIVED'
+};
+
export const CLEAR_WORKFLOW_DATA = 'workflow/CLEAR_WORKFLOW_DATA';
export const SET_WORKFLOW = 'workflow/SET_WORKFLOW';
return {
...action.payload
};
+ //TODO change it when BE is done
+ // return {
+ // ...action.payload,
+ // status: 'archive'
+ // };
case VALIDATION_ERROR:
return {
...state,
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-
+import { WORKFLOW_STATUS } from './workflowConstants';
export const getWorkflowName = state =>
state && state.workflow.data.name && state.workflow.data.name;
export const getTrimWorkflowName = state =>
export const getWorkflowId = state => state && state.workflow.data.id;
export const getWorkflowDescription = state =>
state && state.workflow.data.description;
+export const getWorkflowStatus = state =>
+ state &&
+ state.workflow &&
+ state.workflow.data &&
+ state.workflow.data.status;
+export const isWorkflowArchive = state =>
+ state &&
+ state.workflow &&
+ state.workflow.data &&
+ state.workflow.data.status &&
+ state.workflow.data.status === WORKFLOW_STATUS.ARCHIVE;
"newVersion": "Create New Version",
"title": "Overview",
"lastEdited": "Last Edited On",
- "backBtnLabel": "WORKFLOW CATALOG"
+ "backBtnLabel": "WORKFLOW CATALOG",
+ "archived": "Archived"
},
"inputOutput": {
"name": "Name",
--- /dev/null
+import React from 'react';
+import { I18n } from 'react-redux-i18n';
+
+const ArchiveLabel = () => (
+ <div className="archive-label">{I18n.t('workflow.overview.archived')}</div>
+);
+
+export default ArchiveLabel;
Code Review / sdc / sdc-workflow-designer.git / commitdiff