handling signature data type in FormElementGroup and Observations

Author: ShivangMishra

packages/openchs-android/src/views/common/Observations.js

@@ -1,4 +1,4 @@
-import {Text, TouchableOpacity, View} from "react-native";
+import {Text, TouchableOpacity, View, Image} from "react-native";
 import ListView from "deprecated-react-native-listview";
 import PropTypes from 'prop-types';
 import React, {Fragment} from "react";
@@ -22,6 +22,7 @@ import EncounterService from "../../service/EncounterService";
 import CustomActivityIndicator from "../CustomActivityIndicator";
 import PhoneCall from "../../model/PhoneCall";
 import {TaskActionNames as Actions} from "../../action/task/TaskActions";
+import SignatureFormElement from "../form/formElement/SignatureFormElement";
 
 class Observations extends AbstractComponent {
     static propTypes = {
@@ -163,6 +164,13 @@ class Observations extends AbstractComponent {
                     </View>
                 </View>
             );
+        } else if (renderType === Concept.dataType.Signature) {
+            return (
+                <View style={this.styles.observationColumn}>
+                    <Image width={100} height={100} source={{uri: `file://${SignatureFormElement.signatureFileDirectory}/${observationModel.getValueWrapper().getValue()}`}}/>
+                    <Text></Text>
+                </View>
+            );
         } else if (Concept.dataType.Media.includes(renderType)) {
             const allMediaURIs = _.split(displayable.displayValue, ',');
             return (

packages/openchs-android/src/views/form/FormElementGroup.js

@@ -43,6 +43,7 @@ import SingleSelectEncounterFormElement from "./formElement/SingleSelectEncounte
 import MultiSelectEncounterFormElement from "./formElement/MultiSelectEncounterFormElement";
 import MediaV2FormElement from "./formElement/MediaV2FormElement";
 import Colors from "../primitives/Colors";
+import SignatureFormElement from "./formElement/SignatureFormElement";
 
 class FormElementGroup extends AbstractComponent {
     static propTypes = {
@@ -220,6 +221,14 @@ class FormElementGroup extends AbstractComponent {
                                 value={this.getSelectedAnswer(formElement.concept, new MultipleCodedValues())}
                                 validationResult={validationResult}
                             />, uniqueKey, formElement.uuid === erroredUUID);
+                        } else if (formElement.concept.datatype === Concept.dataType.Signature) {
+                            return this.wrap(<SignatureFormElement
+                                key={uniqueKey}
+                                element={formElement}
+                                actionName={this.props.actions["TOGGLE_SINGLESELECT_ANSWER"]}
+                                value={this.getSelectedAnswer(formElement.concept, new PrimitiveValue())}
+                                validationResult={validationResult}
+                            />, uniqueKey, formElement.uuid === erroredUUID);
                         } else if ([Concept.dataType.ImageV2].includes(formElement.concept.datatype)) {
                             return this.wrap(<MediaV2FormElement
                                 key={uniqueKey}