From 9e21e5d5173d40f3b45bb7a2d8798c77bf91f80d Mon Sep 17 00:00:00 2001
From: Max Chopart <max.chopart@gmail.com>
Date: Wed, 13 Dec 2023 13:02:08 +0100
Subject: [PATCH] [New #18] Added rejected, completed and published buttons

---
 js/components/HelpIcon.js                 |  8 ++++---
 js/components/record/Record.js            | 13 ++++++-----
 js/components/record/RecordController.js  | 27 +++++++++++++++++++++--
 js/components/record/RecordRow.js         | 14 +++++++++---
 js/components/record/Records.js           |  5 ++++-
 js/components/record/RecordsController.js | 26 ++++++++++++++++++++--
 js/constants/DefaultConstants.js          |  8 +++++++
 js/i18n/cs.js                             |  1 -
 js/i18n/en.js                             |  1 -
 js/utils/EntityFactory.js                 |  4 +++-
 10 files changed, 88 insertions(+), 19 deletions(-)

diff --git a/js/components/HelpIcon.js b/js/components/HelpIcon.js
index d5ac3931..a7bfa4d4 100644
--- a/js/components/HelpIcon.js
+++ b/js/components/HelpIcon.js
@@ -3,7 +3,7 @@
 import React from 'react';
 import {OverlayTrigger, Tooltip} from 'react-bootstrap';
 import PropTypes from "prop-types";
-import {FaQuestionCircle} from 'react-icons/fa';
+import {FaEnvelope, FaQuestionCircle} from 'react-icons/fa';
 import {FaCheck} from 'react-icons/fa';
 import {FaTimes} from 'react-icons/fa';
 import {FaTasks} from "react-icons/fa";
@@ -19,8 +19,10 @@ const HelpIcon = (props) => {
                 return <FaCheck className={'ok-icon ' + props.className}/>;
             case "remove":
                 return <FaTimes className={'remove-icon ' + props.className}/>;
-            case "progress":
-                return <FaTasks className={'progress-icon ' + props.className}/>;
+            case "to-do":
+                return <FaTasks className={'to-do-icon ' + props.className}/>;
+            case "envelope":
+                return  <FaEnvelope className={'publish-icon' + props.className}/>
             default:
                 return null;
         }
diff --git a/js/components/record/Record.js b/js/components/record/Record.js
index 1de24004..2711657e 100644
--- a/js/components/record/Record.js
+++ b/js/components/record/Record.js
@@ -121,13 +121,16 @@ class Record extends React.Component {
     _renderRoleSpecificButtons() {
         return <>
             {EXTENSIONS === EXTENSION_CONSTANTS.SUPPLIER &&
-                <>
-                    <Button className="mx-1" variant='danger' size='sm'>{this.i18n('reject')}</Button>
-                    <Button className="mx-1" variant='success' size='sm'>{this.i18n('accept')}</Button>
-                </>
+                <Button className="mx-1" variant='danger' size='sm'
+                        onClick={this.props.handlers.onReject}>
+                    {this.i18n('reject')}
+                </Button>
             }
             {EXTENSIONS === EXTENSION_CONSTANTS.OPERATOR &&
-                <Button className="mx-1" variant='success' size='sm'>{this.i18n('complete')}</Button>}
+                <Button className="mx-1" variant='success' size='sm'
+                        onClick={this.props.handlers.onComplete}>
+                    {this.i18n('complete')}
+                </Button>}
         </>;
     }
 
diff --git a/js/components/record/RecordController.js b/js/components/record/RecordController.js
index 3aa74e3d..d83045ec 100644
--- a/js/components/record/RecordController.js
+++ b/js/components/record/RecordController.js
@@ -6,7 +6,7 @@ import withI18n from '../../i18n/withI18n';
 import Record from './Record';
 import Routes from "../../constants/RoutesConstants";
 import {transitionToWithOpts} from '../../utils/Routing';
-import {ACTION_FLAG, ACTION_STATUS} from "../../constants/DefaultConstants";
+import {ACTION_FLAG, ACTION_STATUS, RECORD_PHASE} from "../../constants/DefaultConstants";
 import {connect} from "react-redux";
 import {bindActionCreators} from "redux";
 import {
@@ -126,6 +126,27 @@ class RecordController extends React.Component {
         this.setState({record: update});
     };
 
+    _onComplete = () => {
+        this._handlePhaseChange(RECORD_PHASE.COMPLETED);
+    };
+
+    _onReject = () => {
+        this._handlePhaseChange(RECORD_PHASE.REJECTED);
+    };
+
+    _handlePhaseChange = (newPhase) => {
+        const currentUser = this.props.currentUser;
+
+        this.setState((prevState) => {
+            const update = {...prevState.record};
+            update.phase = newPhase;
+            return {record: update};
+        }, () => {
+            const updatedRecord = this.state.record;
+            this.props.updateRecord(updatedRecord, currentUser);
+        });
+    };
+
     _getLocalName() {
         if (EXTENSIONS.split(",").includes("kodi")) { // return name of the record based on answer of specific question
             return this._getKodiLocaLName();
@@ -158,7 +179,9 @@ class RecordController extends React.Component {
         const handlers = {
             onSave: this._onSave,
             onCancel: this._onCancel,
-            onChange: this._onChange
+            onChange: this._onChange,
+            onComplete: this._onComplete,
+            onReject: this._onReject
         };
 
         return <Record
diff --git a/js/components/record/RecordRow.js b/js/components/record/RecordRow.js
index 43d1f8f4..7d29093a 100644
--- a/js/components/record/RecordRow.js
+++ b/js/components/record/RecordRow.js
@@ -7,7 +7,7 @@ import withI18n from "../../i18n/withI18n";
 import RecordValidator from "../../validation/RecordValidator";
 import {LoaderSmall} from "../Loader";
 import PropTypes from "prop-types";
-import {ROLE} from "../../constants/DefaultConstants";
+import {RECORD_PHASE, ROLE} from "../../constants/DefaultConstants";
 
 let RecordRow = (props) => {
     const record = props.record,
@@ -18,7 +18,15 @@ let RecordRow = (props) => {
         deleteButton = props.disableDelete ? null :
             <Button variant='warning' size='sm' title={props.i18n('records.delete-tooltip')}
                     onClick={() => props.onDelete(record)}>{props.i18n('delete')}{props.deletionLoading &&
-            <LoaderSmall/>}</Button>;
+            <LoaderSmall/>}</Button>,
+        recordPhase = props.record.phase;
+
+    const getGlyph = () => {
+        if (recordPhase === RECORD_PHASE.OPEN) return "to-do";
+        if (recordPhase === RECORD_PHASE.COMPLETED) return "ok";
+        if (recordPhase === RECORD_PHASE.PUBLISHED) return "envelope";
+        if (recordPhase === RECORD_PHASE.REJECTED) return "remove";
+    }
 
     return <tr>
         {isAdmin &&
@@ -44,7 +52,7 @@ let RecordRow = (props) => {
         </td>
         { isAdmin &&
             <td className='report-row content-center'>
-                <HelpIcon text={completionTooltip} glyph={isComplete ? 'ok' : 'progress'}/>
+                <HelpIcon text={completionTooltip} glyph={getGlyph()}/>
             </td>
         }
         <td className='report-row actions'>
diff --git a/js/components/record/Records.js b/js/components/record/Records.js
index e84656f3..6a6de6fa 100644
--- a/js/components/record/Records.js
+++ b/js/components/record/Records.js
@@ -66,7 +66,10 @@ class Records extends React.Component {
                                   onClick={onCreateWithFormTemplate}>{this.i18n('records.create-tile')}</Button>
                         : null}
                     {showPublishButton ?
-                        <Button className="mx-1" variant='success' size='sm'>{this.i18n('publish')}</Button>
+                        <Button className="mx-1" variant='success' size='sm'
+                                onClick={this.props.handlers.onPublish}>
+                            {this.i18n('publish')}
+                        </Button>
                         : null}
                     <ExportRecordsDropdown onExport={this.props.handlers.onExport} records={recordsLoaded.records}/>
                 </div>
diff --git a/js/components/record/RecordsController.js b/js/components/record/RecordsController.js
index 16fe4905..f1c9f208 100644
--- a/js/components/record/RecordsController.js
+++ b/js/components/record/RecordsController.js
@@ -10,9 +10,10 @@ import {injectIntl} from "react-intl";
 import withI18n from "../../i18n/withI18n";
 import {connect} from "react-redux";
 import {bindActionCreators} from "redux";
-import {deleteRecord} from "../../actions/RecordActions";
+import {deleteRecord, updateRecord} from "../../actions/RecordActions";
 import {loadFormTemplates} from "../../actions/FormTemplatesActions";
 import {extractQueryParam} from "../../utils/Utils"
+import {RECORD_PHASE} from "../../constants/DefaultConstants";
 
 class RecordsController extends React.Component {
     constructor(props) {
@@ -53,6 +54,25 @@ class RecordsController extends React.Component {
         this.setState({showAlert: true});
     };
 
+    _onPublishRecords = async () => {
+        const currentUser = this.props.currentUser;
+
+        this.setState({
+            records: this.props.recordsLoaded.records
+        }, async () => {
+            const updatedRecords = this.state.records.map(async (record) => {
+                if (record.phase === RECORD_PHASE.COMPLETED) {
+                    const updatedRecord = {...record, phase: RECORD_PHASE.PUBLISHED};
+                    await this.props.updateRecord(updatedRecord, currentUser);
+                    return updatedRecord;
+                }
+            });
+
+            return await Promise.all(updatedRecords);
+        })
+
+    };
+
     _onExportRecords = (exportType) => {
         this.props.exportRecords(exportType);
     };
@@ -67,6 +87,7 @@ class RecordsController extends React.Component {
             onEdit: this._onEditRecord,
             onCreate: this._onAddRecord,
             onDelete: this._onDeleteRecord,
+            onPublish: this._onPublishRecords,
             onExport: this._onExportRecords
         };
         return <Records recordsLoaded={recordsLoaded} showAlert={this.state.showAlert} handlers={handlers}
@@ -91,9 +112,10 @@ function mapStateToProps(state) {
 function mapDispatchToProps(dispatch) {
     return {
         deleteRecord: bindActionCreators(deleteRecord, dispatch),
+        updateRecord: bindActionCreators(updateRecord, dispatch),
         loadRecords: bindActionCreators(loadRecords, dispatch),
         exportRecords: bindActionCreators(exportRecords, dispatch),
         loadFormTemplates: bindActionCreators(loadFormTemplates, dispatch),
-        transitionToWithOpts: bindActionCreators(transitionToWithOpts, dispatch),
+        transitionToWithOpts: bindActionCreators(transitionToWithOpts, dispatch)
     }
 }
\ No newline at end of file
diff --git a/js/constants/DefaultConstants.js b/js/constants/DefaultConstants.js
index f093543a..8b3dcb6a 100644
--- a/js/constants/DefaultConstants.js
+++ b/js/constants/DefaultConstants.js
@@ -123,3 +123,11 @@ export const EXTENSION_CONSTANTS = {
     SUPPLIER: "supplier",
     OPERATOR: "operator"
 }
+
+export const RECORD_PHASE = {
+    OPEN: 'open',
+    VALID: 'valid',
+    COMPLETED: 'completed',
+    PUBLISHED: 'published',
+    REJECTED: 'rejected'
+}
diff --git a/js/i18n/cs.js b/js/i18n/cs.js
index 3f6508a3..1905fdbd 100644
--- a/js/i18n/cs.js
+++ b/js/i18n/cs.js
@@ -34,7 +34,6 @@ export default {
         'actions': 'Akce',
         'required': 'Políčka označená * jsou povinná',
         'reject': 'Odmítnout',
-        'accept':'Přijmout',
         'complete': 'Dokončit',
         'publish': 'Publikovat',
 
diff --git a/js/i18n/en.js b/js/i18n/en.js
index 44130464..9d1a0629 100644
--- a/js/i18n/en.js
+++ b/js/i18n/en.js
@@ -34,7 +34,6 @@ export default {
         'actions': 'Actions',
         'required': 'Fields marked with * are required',
         'reject': 'Reject',
-        'accept':'Accept',
         'complete': 'Complete',
         'publish': 'Publish',
 
diff --git a/js/utils/EntityFactory.js b/js/utils/EntityFactory.js
index 07ed126b..63184492 100644
--- a/js/utils/EntityFactory.js
+++ b/js/utils/EntityFactory.js
@@ -3,6 +3,7 @@
 import * as Utils from "./Utils";
 import * as RecordState from "../model/RecordState";
 import * as Vocabulary from "../constants/Vocabulary";
+import {RECORD_PHASE} from "../constants/DefaultConstants";
 
 export function initNewUser() {
     return {
@@ -30,7 +31,8 @@ export function initNewPatientRecord() {
         formTemplate: '',
         complete: false,
         isNew: true,
-        state: RecordState.createRecordState()
+        state: RecordState.createRecordState(),
+        phase: RECORD_PHASE.OPEN
     }
 }