[New #18] Added role specific buttons depending on extension

kbss-cvut · Nov 30, 2023 · 8cf2c81 · 8cf2c81
1 parent 6cf2678
commit 8cf2c81
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 4 deletions.
diff --git a/js/components/record/Record.js b/js/components/record/Record.js
@@ -9,10 +9,11 @@ import HorizontalInput from "../HorizontalInput";
 import RecordForm from "./RecordForm";
 import RecordProvenance from "./RecordProvenance";
 import RequiredAttributes from "./RequiredAttributes";
-import {ACTION_STATUS, ALERT_TYPES, ROLE} from "../../constants/DefaultConstants";
+import {ACTION_STATUS, ALERT_TYPES, EXTENSION_CONSTANTS, ROLE} from "../../constants/DefaultConstants";
 import AlertMessage from "../AlertMessage";
 import {LoaderCard, LoaderSmall} from "../Loader";
 import {processTypeaheadOptions} from "./TypeaheadAnswer";
+import {EXTENSIONS} from "../../../config";
 
 class Record extends React.Component {
     constructor(props) {
@@ -100,17 +101,31 @@ class Record extends React.Component {
         const {record, recordSaved, formgen} = this.props;
 
         return <div className="mt-3 text-center">
-            <Button variant='success' size='sm'
+            {this._renderRoleSpecificButtons()}
+            <Button className="mx-1" variant='success' size='sm'
                     disabled={formgen.status === ACTION_STATUS.PENDING || recordSaved.status === ACTION_STATUS.PENDING
-                    || !this.state.isFormValid || !record.state.isComplete()}
+                        || !this.state.isFormValid || !record.state.isComplete()}
                     onClick={this.props.handlers.onSave}>
                 {this.i18n('save')}{recordSaved.status === ACTION_STATUS.PENDING && <LoaderSmall/>}
             </Button>
-            <Button variant='link' size='sm'
+            <Button className="mx-1" variant='link' size='sm'
                     onClick={this.props.handlers.onCancel}>{this.i18n('cancel')}</Button>
         </div>
     }
 
+    _renderRoleSpecificButtons() {
+        return <>
+            {EXTENSIONS === EXTENSION_CONSTANTS.SUPPLIER &&
+                <>
+                    <Button className="mx-1" variant='danger' size='sm'>Reject</Button>
+                    <Button className="mx-1" variant='success' size='sm'>Accept</Button>
+                </>
+            }
+            {EXTENSIONS === EXTENSION_CONSTANTS.OPERATOR &&
+                <Button className="mx-1" variant='success' size='sm'>Complete</Button>}
+        </>;
+    }
+
     _renderInstitution() {
         const record = this.props.record;
         if (!record.institution) {

diff --git a/js/constants/DefaultConstants.js b/js/constants/DefaultConstants.js
@@ -115,3 +115,8 @@ export const HttpHeaders = {
 export const MediaType = {
     FORM_URLENCODED: "application/x-www-form-urlencoded"
 }
+
+export const EXTENSION_CONSTANTS = {
+    SUPPLIER: "supplier",
+    OPERATOR: "operator"
+}