@jescon-technologies/react-native-ui-kit 0.0.4 → 0.0.6

package/src/Custom/OUserView.js

@@ -0,0 +1,1121 @@
+import React, { useContext, useState } from 'react';
+import { Dimensions, Image, KeyboardAvoidingView, ScrollView, Platform, TouchableOpacity, View, Text, Switch, TouchableWithoutFeedback } from 'react-native';
+import { Global } from '../../../../../src/Common/Global';
+import CText from '../CustomComponents/CText';
+import { normalize } from '../CommonStyle/componentStyle';
+import { APIURL, EMRAPI, imageURL } from '../../../../../src/Common/apiConstants';
+import { isNU, isNUQ, isPermitted, notifyMessage, ValueCheck } from '../CommonStyle/ComponentFunctions';
+import Barcode from '@kichiyaki/react-native-barcode-generator';
+import CAwesomeButton from '../CustomComponents/CAwesomeButton';
+import { NetworkServiceCall } from '@jescon-technologies/react-native-ui-kit';
+import { useNavigation } from '../Navigation/useNavigation';
+
+
+import { useEffect } from 'react';
+import { Menu, MenuOptions, MenuTrigger, MenuOption, MenuProvider } from 'react-native-popup-menu';
+import HOCIcons from '../HOC/HOCIcons';
+import CDropDownList from '../CustomComponents/CDropDownList';
+import SDropDownNew from '../Components/SDropDownNew';
+
+import HHeading from '../HOC/HHeading';
+import CCustomTextInput from '../CustomComponents/CCustomTextInput';
+import CImagePickerSave from '../CustomComponents/CImagePickerSave';
+
+const OUserView = (props) => {
+
+    const navigation = useNavigation();
+    const [data, setData] = useState({
+        'imageurl': ValueCheck(Global.userData.photo) ? Global.userData.photo : '',
+        'experience': ValueCheck(Global.userData.experience) ? Global.userData.experience : '',
+        'qualification': ValueCheck(Global.userData.qualification) ? Global.userData.qualification : '',
+        'achievement': ValueCheck(Global.userData.achievement) ? Global.userData.achievement : '',
+        'registrationno': ValueCheck(Global.userData.registrationno) ? Global.userData.registrationno : '',
+        'mobileno': ValueCheck(Global.userData.mobileno) ? Global.userData.mobileno : '',
+        'oplocation': ValueCheck(Global.userData.oplocation) ? Global.userData.oplocation : '',
+        'gendergroup': ValueCheck(Global.userData.gendergroup) ? Global.userData.gendergroup : 0,
+        'gendergroupname': ValueCheck(Global.userData.gendergroupname) ? Global.userData.gendergroupname : 'All',
+        'agegroup': ValueCheck(Global.userData.agegroup) ? Global.userData.agegroup : 0,
+        'agegroupname': ValueCheck(Global.userData.agegroupname) ? Global.userData.agegroupname : 'All',
+        'hospitalblockname': ValueCheck(Global.userData.hospitalblockname) ? Global.userData.hospitalblockname : '',
+        'hospitalblock': ValueCheck(Global.userData.hospitalblock) ? Global.userData.hospitalblock : 0,
+        'floorno': ValueCheck(Global.userData.floorno) ? Global.userData.floorno : '',
+        'roomno': ValueCheck(Global.userData.roomno) ? Global.userData.roomno : '',
+    });
+    const [refresh, setRefresh] = useState(0);
+
+    const dropdownarray = {
+        'data': {
+            'data': [
+                { 'datavalue': 1, 'icon': 'human-male', 'displayvalue': 'MALE', 'value': 'M', 'selected': false },
+                { 'datavalue': 2, 'icon': 'human-female', 'displayvalue': 'FEMALE', 'value': 'F', 'selected': false },
+            ],
+        },
+        'httpstatus': 200,
+    };
+
+    function fnSignatureEdit() {
+        if (isPermitted()) {
+            try {
+                props.visibility(false),
+                    navigation.navigate('CSignatureScreen');
+            } catch (error) {
+                notifyMessage('cancelled');
+            }
+        }
+        else {
+            notifyMessage('Storage Permission required.');
+        }
+    }
+
+    return (
+        <KeyboardAvoidingView
+            behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+            style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}
+        >
+            <MenuProvider>
+                <View style={{ flex: 1, width: Dimensions.get('screen').width - normalize(10) }}>
+                    <CText style={{ fontSize: normalize(12), fontWeight: 'bold', alignSelf: 'center', marginTop: normalize(-15) }}>User Details</CText>
+                    <TouchableWithoutFeedback>
+                        <ScrollView style={{ marginBottom: normalize(45) }}>
+                            <View style={{ borderWidth: 0 }}>
+                                <View style={{
+                                    backgroundColor: '#2A81FF',
+                                    borderTopLeftRadius: 20,
+                                    borderTopEndRadius: 20,
+                                    height: normalize(55),
+                                    borderLeftWidth: 3,
+                                    borderColor: Global.AppTheme.primary_color,
+                                }}>
+                                    <View style={{ paddingHorizontal: 10, paddingVertical: 5, flexDirection: 'row', justifyContent: 'space-between' }}>
+                                        <View>
+                                            <CText style={{ fontSize: normalize(14), fontWeight: 'bold', color: '#fff' }}>{Global.userData.registrationno} </CText>
+                                            <CText style={{ fontSize: normalize(10), fontWeight: 'bold', color: '#fff' }}>{Global.userData.department}</CText>
+                                            <CText style={{ fontSize: normalize(10), fontWeight: 'bold', color: '#fff' }}>{Global.userData.designation}</CText>
+                                        </View>
+                                        <View>
+                                            {Platform.OS !== 'web' && <Barcode
+                                                lineColor={Global.AppTheme.primary_color}
+                                                format="CODE128B"
+                                                value={ValueCheck(Global.userData) ? (Global.userData.hrenemp).toString() : ''}
+                                                maxWidth={normalize(145)}
+                                                height={normalize(45)}
+                                            />}
+                                        </View>
+                                    </View>
+                                </View>
+                                <View style={{
+                                    flexDirection: 'row',
+                                    borderLeftWidth: 3,
+                                    borderColor: Global.AppTheme.primary_color,
+                                    borderBottomWidth: 3,
+                                    borderBottomEndRadius: 20,
+                                    borderBottomLeftRadius: 20,
+                                    justifyContent: 'flex-start',
+                                    alignItems: 'flex-start',
+                                    backgroundColor: '#d4e4f9',
+                                    // flex: 1,
+                                    width: '100%',
+                                    // paddingHorizontal: 20
+                                }}>
+                                    {/* <View style={{ borderWidth: 1}}>
+                                    <CSingleImage
+                                        hidephoto={true}
+                                        doctorprofile={true}
+                                        profilelink={EMRAPI.getDoctorProfile}
+                                        imageurl={ValueCheck(Global.userData.photo) ? EMRAPI.getDoctorProfile + Global.userData.photo : null}
+                                        callBack={(val) => (val == undefined ? null : (data.imageurl = val, Global.userData.photo = val))}
+                                    />
+                                </View> */}
+                                    <View style={{ borderWidth: 0, width: '25%', alignItems: 'center', justifyContent: 'center', paddingTop: normalize(5) }}>
+                                        <CImagePickerSave
+                                            disabled={false}
+                                            height={normalize(90)}
+                                            width={normalize(100)}
+                                            uselinkprops={true}
+                                            imagelink={EMRAPI.getPatientProfile}
+                                            savelink={EMRAPI.savePatientProfile}
+                                            imageurl={ValueCheck(Global.userData.photo) ? EMRAPI.getDoctorProfile + Global.userData.photo : null}
+                                            callBack={(val) => (val == undefined ? null : data.imageurl = val, setEditStatus(true), setRefresh(refresh + 1))}
+                                        />
+                                        <View style={{ borderRadius: 5, borderWidth: 0, width: '100%', borderColor: 'lightgrey', flexDirection: 'row', alignItems: 'center' }}>
+                                            <HOCIcons.Entypo
+                                                icongroup={5}
+                                                name={'info-with-circle'}
+                                                size={normalize(8)}
+                                                color={'grey'}
+                                                style={{ textAlign: 'center', paddingHorizontal: normalize(5) }}
+                                            />
+                                            <Text adjustsFontSizeToFit style={{ width: '90%', color: 'grey', fontStyle: 'italic', fontSize: normalize(8), textAlign: 'left' }}>
+                                                {'Edit profile Photo.'}
+                                            </Text>
+                                        </View>
+                                    </View>
+
+                                    <View style={{ paddingLeft: normalize(5), paddingTop: normalize(5), borderWidth: 0, width: '75%' }}>
+                                        <CText style={{ fontSize: normalize(18), fontWeight: 'bold', color: 'black' }}>{Global.userData.username}</CText>
+                                        <CText style={{ fontSize: normalize(12), fontWeight: 'bold', color: 'black', paddingTop: 2 }}>{Global.userData.qualification}</CText>
+                                        <CText style={{ fontSize: normalize(12), fontWeight: 'bold', color: 'black', paddingTop: 2 }}>{Global.userData.experience}</CText>
+                                        <CText style={{ fontSize: normalize(12), fontWeight: 'bold', color: 'black', paddingTop: 2 }}>{Global.userData.mobileno}</CText>
+                                        <TouchableOpacity
+                                            disabled={false}
+                                            onPress={() => (
+                                                fnSignatureEdit()
+                                            )}
+                                            style={{
+                                                borderWidth: 1,
+                                                backgroundColor: 'white',
+                                                borderRadius: 10,
+                                                borderColor: 'lightgrey',
+                                                elevation: 2,
+                                                width: normalize(150),
+                                                height: normalize(50),
+                                            }}>
+                                            <Image
+                                                style={{ width: normalize(150), height: normalize(50), borderRadius: 10, resizeMode: 'stretch' }}
+                                                source={{ uri: imageURL + Global.userData.signatureurl }}
+                                            />
+                                            <Text style={{ position: 'absolute', fontSize: normalize(15), width: '100%', textAlign: 'center', bottom: normalize(15), color: '#ebebebff' }}>S I G N A T U R E</Text>
+                                        </TouchableOpacity>
+                                        <View style={{ marginTop: normalize(3), borderRadius: 5, borderWidth: 0, width: '100%', borderColor: 'lightgrey', flexDirection: 'row', alignItems: 'center' }}>
+                                            <HOCIcons.Entypo
+                                                icongroup={5}
+                                                name={'info-with-circle'}
+                                                size={normalize(8)}
+                                                color={'grey'}
+                                                style={{ textAlign: 'center', paddingHorizontal: normalize(5) }}
+                                            />
+                                            <Text adjustsFontSizeToFit style={{ width: '90%', color: 'grey', fontStyle: 'italic', fontSize: normalize(8), textAlign: 'left' }}>
+                                                {'Tap to edit signature.'}
+                                            </Text>
+                                        </View>
+                                    </View>
+
+                                    {/* <TouchableOpacity
+                                disabled={false}
+                                onPress={() => (props.visibility(false), navigation.navigate('CSignatureScreen'))}
+                                style={{ position: 'absolute', right: normalize(10), bottom: normalize(5) }}>
+                                <Image
+                                    style={{ width: normalize(150), height: normalize(50), borderRadius: 10, resizeMode: 'stretch' }}
+                                    source={{ uri: imageURL + Global.userData.signatureurl }}
+                                />
+                            </TouchableOpacity> */}
+                                </View>
+                            </View>
+
+                            <View style={{ marginTop: normalize(10) }}>
+                                <View style={{ width: '100%' }}>
+                                    <CCustomTextInput
+                                        required={false}
+                                        info={'Enter Qualification.'}
+                                        custompositiontextviewstyle={{
+                                            position: 'absolute',
+                                            top: normalize(-7),
+                                            left: normalize(7),
+                                            flexDirection: 'row',
+                                            alignItems: 'center',
+                                            backgroundColor: 'white',
+                                        }}
+                                        inputstyle={{
+                                            flexDirection: 'row',
+                                            borderWidth: 0.5,
+                                            borderColor: 'grey',
+                                            borderRadius: 5,
+                                            alignItems: 'center',
+                                            height: normalize(35),
+                                            backgroundColor: 'white',
+                                            elevation: 2,
+                                        }}
+                                        iconstyle={{
+                                            icongroup: 5,
+                                            iconname: 'user-graduate',
+                                            iconsize: normalize(18),
+                                            iconcolor: '#164c92',
+                                            style: {
+                                                paddingHorizontal: normalize(7),
+                                            },
+                                        }}
+                                        data={{
+                                            displaytext: 'Qualification',
+                                            type: 'default',
+                                            iconcolor: 'darkblue',
+                                            editable: true,
+                                            itemwidth: '100%',
+                                            iconname: 'id-badge',
+                                            value: data.qualification,
+                                            tfontweight: 'bold',
+                                            placeholder: 'Qualification',
+                                            placeholdercolor: 'lightgrey',
+                                            capitalize: 'characters',
+                                            tfontsize: normalize(12),
+                                        }}
+                                        callBack={val => (val == undefined ? null : (
+                                            // criteriaData.patientid = val,
+                                            data.qualification = val,
+                                            setRefresh(refresh + 1)
+                                            // handleSuffixChange(index, val)
+                                            // {}
+                                        ))}
+                                    />
+
+                                </View>
+                            </View>
+
+                            <View style={{ marginTop: normalize(10) }}>
+                                <View style={{ width: '100%' }}>
+                                    <CCustomTextInput
+                                        required={false}
+                                        info={'Enter Experience.'}
+                                        custompositiontextviewstyle={{
+                                            position: 'absolute',
+                                            top: normalize(-7),
+                                            left: normalize(7),
+                                            flexDirection: 'row',
+                                            alignItems: 'center',
+                                            backgroundColor: 'white',
+                                        }}
+                                        inputstyle={{
+                                            flexDirection: 'row',
+                                            borderWidth: 0.5,
+                                            borderColor: 'grey',
+                                            borderRadius: 5,
+                                            alignItems: 'center',
+                                            height: normalize(35),
+                                            backgroundColor: 'white',
+                                            elevation: 2,
+                                        }}
+                                        iconstyle={{
+                                            icongroup: 3,
+                                            iconname: 'book',
+                                            iconsize: normalize(18),
+                                            iconcolor: '#164c92',
+                                            style: {
+                                                paddingHorizontal: normalize(7),
+                                            },
+                                        }}
+                                        data={{
+                                            displaytext: 'Experience',
+                                            type: 'default',
+                                            iconcolor: 'darkblue',
+                                            editable: true,
+                                            itemwidth: '100%',
+                                            iconname: 'id-badge',
+                                            value: data.experience,
+                                            tfontweight: 'bold',
+                                            placeholder: 'Experience',
+                                            placeholdercolor: 'lightgrey',
+                                            capitalize: 'characters',
+                                            tfontsize: normalize(12),
+                                        }}
+                                        callBack={val => (val == undefined ? null : (
+                                            // criteriaData.patientid = val,
+                                            data.experience = val,
+                                            setRefresh(refresh + 1)
+                                            // handleSuffixChange(index, val)
+                                            // {}
+                                        ))}
+                                    />
+
+                                </View>
+                            </View>
+
+                            {/* <View style={{ marginHorizontal: normalize(14), marginTop: normalize(0) }}>
+                            <STextInput
+                                data={{
+                                    value: data.qualification,
+                                    iconname: "book",
+                                    itemwidth: Dimensions.get('screen').width * 0.81,
+                                    displaytext: "Qualification",
+                                }}
+                                callBack={val => (val == undefined ? null : data.qualification = val)}
+                            />
+                        </View> */}
+
+                            {/* <View style={{ marginHorizontal: normalize(14) }}>
+                            <STextInput
+                                data={{
+                                    value: data.experience,
+                                    itemwidth: Dimensions.get('screen').width * 0.81,
+                                    displaytext: "Experience",
+                                    placeholder: "10 digit"
+                                }}
+                                callBack={val => (val == undefined ? null : data.experience = val)}
+                            />
+                        </View> */}
+
+                            <View style={{ marginTop: normalize(10), flexDirection: 'row', justifyContent: 'space-between' }}>
+                                <View style={{ width: '49%' }}>
+                                    <CCustomTextInput
+                                        required={false}
+                                        info={'Enter 10 digit Mobile No.'}
+                                        custompositiontextviewstyle={{
+                                            position: 'absolute',
+                                            top: normalize(-7),
+                                            left: normalize(7),
+                                            flexDirection: 'row',
+                                            alignItems: 'center',
+                                            backgroundColor: 'white',
+                                        }}
+                                        inputstyle={{
+                                            flexDirection: 'row',
+                                            borderWidth: 0.5,
+                                            borderColor: 'grey',
+                                            borderRadius: 5,
+                                            alignItems: 'center',
+                                            height: normalize(35),
+                                            backgroundColor: 'white',
+                                            elevation: 2,
+                                        }}
+                                        iconstyle={{
+                                            icongroup: 3,
+                                            iconname: 'phone',
+                                            iconsize: normalize(18),
+                                            iconcolor: '#164c92',
+                                            style: {
+                                                paddingHorizontal: normalize(7),
+                                            },
+                                        }}
+                                        data={{
+                                            displaytext: 'Mobile No',
+                                            type: 'numeric',
+                                            iconcolor: 'darkblue',
+                                            editable: true,
+                                            itemwidth: '100%',
+                                            iconname: 'id-badge',
+                                            value: data.mobileno,
+                                            tfontweight: 'bold',
+                                            placeholder: 'Mobile No',
+                                            placeholdercolor: 'lightgrey',
+                                            capitalize: 'characters',
+                                            tfontsize: normalize(12),
+                                            maxlength: 10,
+                                            alignment: 'right',
+
+                                        }}
+                                        callBack={val => (val == undefined ? null : (
+                                            // criteriaData.patientid = val,
+                                            data.mobileno = val,
+                                            setRefresh(refresh + 1)
+                                            // handleSuffixChange(index, val)
+                                            // {}
+                                        ))}
+                                    />
+
+                                </View>
+                                <View style={{ width: '49%' }}>
+                                    <CCustomTextInput
+                                        required={false}
+                                        info={'Enter Registration No.'}
+                                        custompositiontextviewstyle={{
+                                            position: 'absolute',
+                                            top: normalize(-7),
+                                            left: normalize(7),
+                                            flexDirection: 'row',
+                                            alignItems: 'center',
+                                            backgroundColor: 'white',
+                                        }}
+                                        inputstyle={{
+                                            flexDirection: 'row',
+                                            borderWidth: 0.5,
+                                            borderColor: 'grey',
+                                            borderRadius: 5,
+                                            alignItems: 'center',
+                                            height: normalize(35),
+                                            backgroundColor: 'white',
+                                            elevation: 2,
+                                        }}
+                                        iconstyle={{
+                                            icongroup: 3,
+                                            iconname: 'file-document-outline',
+                                            iconsize: normalize(18),
+                                            iconcolor: '#164c92',
+                                            style: {
+                                                paddingHorizontal: normalize(7),
+                                            },
+                                        }}
+                                        data={{
+                                            displaytext: 'Registration No.',
+                                            type: 'numeric',
+                                            iconcolor: 'darkblue',
+                                            editable: true,
+                                            itemwidth: '100%',
+                                            iconname: 'id-badge',
+                                            value: data.registrationno,
+                                            tfontweight: 'bold',
+                                            placeholder: 'Registration No',
+                                            placeholdercolor: 'lightgrey',
+                                            capitalize: 'characters',
+                                            tfontsize: normalize(12),
+                                            alignment: 'right',
+                                        }}
+                                        callBack={val => (val == undefined ? null : (
+                                            // criteriaData.patientid = val,
+                                            data.registrationno = val,
+                                            setRefresh(refresh + 1)
+                                            // handleSuffixChange(index, val)
+                                            // {}
+                                        ))}
+                                    />
+
+                                </View>
+                            </View>
+
+                            {/* <View style={{ marginHorizontal: normalize(14), borderWidth: 0 }}>
+                            <STextInput
+                                data={{
+                                    value: data.mobileno,
+                                    iconname: "mobile",
+                                    type: 'number-pad',
+                                    itemwidth: Dimensions.get('screen').width * 0.35,
+                                    displaytext: "Mobile No.",
+                                }}
+                                callBack={val => (val == undefined ? null : data.mobileno = val)} />
+                        </View> */}
+
+                            {/* <STextInput
+                            data={{
+                                value: data.registrationno,
+                                iconname: "file",
+                                type: 'number-pad',
+                                itemwidth: Dimensions.get('screen').width * 0.35,
+                                displaytext: "Registration No.",
+                            }}
+                            callBack={val => (val == undefined ? null : data.registrationno = val)} /> */}
+
+
+                            <View style={{ marginTop: normalize(10), flexDirection: 'row', justifyContent: 'space-between' }}>
+
+                                <View style={{ width: '32%', borderWidth: 0 }}>
+                                    <Menu>
+                                        <MenuTrigger
+                                            customStyles={{
+                                                triggerWrapper: {
+                                                    borderWidth: 0,
+                                                    justifyContent: 'center',
+                                                    alignItems: 'center',
+                                                    // width: '100%'
+                                                },
+                                            }}
+                                        >
+                                            <View style={{ width: '100%', borderWidth: 1, backgroundColor: 'white', borderColor: 'lightgrey', borderRadius: 5, elevation: 2, flexDirection: 'row', padding: normalize(4), alignItems: 'center', height: normalize(35) }}>
+                                                <HOCIcons.Icons
+                                                    icongroup={5}
+                                                    name={'hospital'}
+                                                    size={normalize(15)}
+                                                    color={Global.AppTheme.primary_color}
+                                                    style={{ textAlign: 'center' }}
+                                                />
+                                                <Text adjustsFontSizeToFit style={{
+                                                    flex: 1,
+                                                    color: isNUQ(data.hospitalblockname) ? 'black' : 'lightgrey',
+                                                    fontSize: normalize(11),
+                                                    fontWeight: isNUQ(data.hospitalblockname) ? 'bold' : 'normal',
+                                                    paddingHorizontal: normalize(3),
+                                                }}>{isNUQ(data.hospitalblockname) ? data.hospitalblockname : 'Hospital Block'}</Text>
+                                            </View>
+                                            <View style={{ position: 'absolute', top: normalize(-6), left: normalize(10), backgroundColor: 'white', flexDirection: 'row', alignItems: 'center' }}>
+                                                <Text style={{ color: '#164c92', fontSize: normalize(10), textAlign: 'left', fontWeight: 'normal' }}>{' '}{'Hospital Block'}</Text>
+                                            </View>
+                                        </MenuTrigger>
+                                        <MenuOptions
+                                            optionsContainerStyle={{ marginTop: normalize(-70) }}
+                                            customStyles={{
+                                                optionsContainer: {
+                                                    shadowColor: '#000000ff',
+                                                    shadowRadius: 10,
+                                                    borderRadius: 5,
+                                                    borderWidth: 0.5,
+                                                    borderColor: 'lightgrey',
+                                                    elevation: 3,
+                                                    // width: normalize(50)
+                                                    width: '50%',
+                                                },
+                                                optionText: {},
+                                            }}>
+                                            <CDropDownList
+                                                dropdownapi={EMRAPI.getHospitalBlock}
+                                                // dropdownarray={dropdownarray}
+                                                callback={val => val == undefined ? null : (
+                                                    data.hospitalblockname = val.displayvalue,
+                                                    data.hospitalblock = val.blockid,
+                                                    setRefresh(refresh + 1)
+                                                )}
+                                            />
+                                        </MenuOptions>
+                                    </Menu>
+                                </View>
+
+                                <View style={{ width: '32%', borderWidth: 0 }}>
+                                        <SDropDownNew
+                                            buttonstyle={{
+                                                borderWidth: 1,
+                                                borderColor: 'lightgrey',
+                                                borderRadius: 5,
+                                                alignItems: 'center',
+                                                justifyContent: 'flex-start',
+                                                height: normalize(35),
+                                                flexDirection: 'row',
+                                                backgroundColor: 'white',
+                                                elevation: 2,
+                                            }}
+                                            icon={{
+                                                'icongroup': 3,
+                                                'name': 'floor-plan',
+                                                'size': normalize(15),
+                                            }}
+                                            iconstyle={{
+                                                color: Global.AppTheme.primary_color,
+                                                paddingLeft: normalize(5),
+                                                textAlign: 'center',
+                                            }}
+                                            textstyle={{
+                                                flex:1,
+                                                fontSize: normalize(12),
+                                                fontWeight: 'bold',
+                                                color: '#000000',
+                                                alignItems: 'flex-end',
+                                                textAlign: 'right',
+                                                justifyContent: 'flex-end',
+                                                paddingHorizontal: normalize(5),
+                                            }}
+                                            dropdownapi={'emr/emrcommonget/rnhosufloor ' + data.hospitalblock}
+                                            dropdowndata={isNUQ(data.floorno) ? data.floorno : null}
+                                            onChangeData={val =>
+                                                val == undefined ? null : (
+                                                    data.floorno = val.displayvalue,
+                                                    setRefresh(refresh + 1)
+                                                )}
+                                            editable={true}
+                                            widthArr={Dimensions.get('screen').width * 0.32}
+                                            iconName={'file-medical'}
+                                            refreshCount={val => val == undefined ? null : null}
+                                        />
+                                        <Text style={{
+                                            position: 'absolute',
+                                            backgroundColor: 'white',
+                                            top: normalize(-6),
+                                            left: normalize(10),
+                                            fontSize: normalize(10),
+                                            color: Global.AppTheme.primary_color,
+                                        }}>
+                                            {' Floor No '}
+                                        </Text>
+                                    </View>
+
+
+
+                                {/* <View style={{ width: '32%' }}>
+                                    <Menu>
+                                        <MenuTrigger
+                                            customStyles={{
+                                                triggerWrapper: {
+                                                    borderWidth: 0,
+                                                    justifyContent: 'center',
+                                                    alignItems: 'center',
+                                                    // width: '100%'
+                                                }
+                                            }}
+                                        >
+                                            <View style={{ width: '100%', borderWidth: 1, elevation: 2, borderColor: 'lightgrey', backgroundColor: 'white', borderRadius: 5, flexDirection: 'row', padding: normalize(4), alignItems: 'center', height: normalize(35) }}>
+                                                <HOCIcons.Icons
+                                                    icongroup={3}
+                                                    name={'floor-plan'}
+                                                    size={normalize(15)}
+                                                    color={Global.AppTheme.primary_color}
+                                                    style={{ textAlign: 'center' }}
+                                                />
+                                                <Text adjustsFontSizeToFit style={{
+                                                    flex: 1,
+                                                    color: isNUQ(data.floorno) ? 'black' : 'lightgrey',
+                                                    fontSize: normalize(11),
+                                                    fontWeight: isNUQ(data.floorno) ? 'bold' : 'normal',
+                                                    paddingHorizontal: normalize(3),
+                                                    textAlign: 'right'
+                                                }}>
+                                                    {isNUQ(data.floorno) ? data.floorno : 'Floor No'}
+                                                </Text>
+                                            </View>
+                                        </MenuTrigger>
+                                        <MenuOptions
+                                            optionsContainerStyle={{ marginTop: normalize(-200)}}
+                                            customStyles={{
+                                                optionsContainer: {
+                                                    shadowColor: '#000000ff',
+                                                    shadowRadius: 10,
+                                                    borderRadius: 5,
+                                                    borderWidth: 0.5,
+                                                    borderColor: 'lightgrey',
+                                                    elevation: 3,
+                                                    width: '25%'
+                                                },
+                                                optionText: {},
+                                            }}>
+                                            <CDropDownList
+                                                dropdownapi={EMRAPI.getFloorNo + data.hospitalblock}
+                                                callback={val => val == undefined ? null : (
+                                                    data.floorno = val.displayvalue,
+                                                    setRefresh(refresh + 1)
+                                                )}
+                                            />
+                                        </MenuOptions>
+                                    </Menu>
+                                    <View style={{ position: 'absolute', top: normalize(-6), left: normalize(10), backgroundColor: 'white', flexDirection: 'row', alignItems: 'center' }}>
+                                        <Text style={{ color: '#164c92', fontSize: normalize(10), textAlign: 'left', fontWeight: 'normal' }}>{" "}{"Floor No:"}</Text>
+                                    </View>
+                                </View> */}
+
+
+                                {/* <View style={{ width: '32%' }}>
+                                    <CCustomTextInput
+                                        required={false}
+                                        info={"Enter Registration No."}
+                                        custompositiontextviewstyle={{
+                                            position: 'absolute',
+                                            top: normalize(-7),
+                                            left: normalize(7),
+                                            flexDirection: 'row',
+                                            alignItems: 'center',
+                                            backgroundColor: 'white',
+                                        }}
+                                        inputstyle={{
+                                            flexDirection: 'row',
+                                            borderWidth: 0.5,
+                                            borderColor: 'grey',
+                                            borderRadius: 5,
+                                            alignItems: 'center',
+                                            height: normalize(35),
+                                            backgroundColor: 'white',
+                                            elevation: 2
+                                        }}
+                                        iconstyle={{
+                                            icongroup: 3,
+                                            iconname: "book",
+                                            iconsize: normalize(18),
+                                            iconcolor: '#164c92',
+                                            style: {
+                                                paddingHorizontal: normalize(7)
+                                            }
+                                        }}
+                                        data={{
+                                            displaytext: 'Floor No:',
+                                            type: 'default',
+                                            iconcolor: 'darkblue',
+                                            editable: true,
+                                            itemwidth: '100%',
+                                            iconname: 'id-badge',
+                                            value: data.registrationno,
+                                            tfontweight: 'bold',
+                                            placeholder: 'Mobile No',
+                                            placeholdercolor: 'lightgrey',
+                                            capitalize: 'characters',
+                                            tfontsize: normalize(12)
+                                        }}
+                                        callBack={val => (val == undefined ? null : (
+                                            // criteriaData.patientid = val,
+                                            data.registrationno = val,
+                                            setRefresh(refresh + 1)
+                                            // handleSuffixChange(index, val)
+                                            // {}
+                                        ))}
+                                    />
+
+                                </View> */}
+                                <View style={{ width: '32%' }}>
+                                    <CCustomTextInput
+                                        required={false}
+                                        info={'Enter 3 Digit Room No.'}
+                                        custompositiontextviewstyle={{
+                                            position: 'absolute',
+                                            top: normalize(-7),
+                                            left: normalize(7),
+                                            flexDirection: 'row',
+                                            alignItems: 'center',
+                                            backgroundColor: 'white',
+                                        }}
+                                        inputstyle={{
+                                            flexDirection: 'row',
+                                            borderWidth: 0.5,
+                                            borderColor: 'grey',
+                                            borderRadius: 5,
+                                            alignItems: 'center',
+                                            height: normalize(35),
+                                            backgroundColor: 'white',
+                                            elevation: 2,
+                                        }}
+                                        iconstyle={{
+                                            icongroup: 3,
+                                            iconname: 'door',
+                                            iconsize: normalize(18),
+                                            iconcolor: '#164c92',
+                                            style: {
+                                                paddingHorizontal: normalize(7),
+                                            },
+                                        }}
+                                        data={{
+                                            displaytext: 'Room No:',
+                                            type: 'numeric',
+                                            iconcolor: 'darkblue',
+                                            editable: true,
+                                            itemwidth: '100%',
+                                            iconname: 'id-badge',
+                                            value: data.roomno,
+                                            tfontweight: 'bold',
+                                            placeholder: 'eg:- 001',
+                                            placeholdercolor: 'lightgrey',
+                                            capitalize: 'characters',
+                                            tfontsize: normalize(12),
+                                            maxlength: 3,
+                                            alignment: 'right',
+                                        }}
+                                        callBack={val => (val == undefined ? null : (
+                                            // criteriaData.patientid = val,
+                                            data.roomno = val,
+                                            setRefresh(refresh + 1)
+                                            // handleSuffixChange(index, val)
+                                            // {}
+                                        ))}
+                                    />
+                                </View>
+                            </View>
+
+                            {/* <View style={{ marginHorizontal: normalize(14), marginTop: normalize(0), flexDirection: 'row' }}>
+                            <STextInput
+                                data={{
+                                    value: data.oplocation,
+                                    iconname: "file",
+                                    type: 'number-pad',
+                                    itemwidth: Dimensions.get('screen').width * 0.35,
+                                    displaytext: "OP Location.",
+                                }}
+                                callBack={val => (val == undefined ? null : data.oplocation = val)} />
+
+                        </View> */}
+
+                            <View style={{ marginTop: normalize(10) }}>
+                                <View style={{ width: '100%' }}>
+                                    <CCustomTextInput
+                                        required={false}
+                                        info={'Enter Achievements.'}
+                                        custompositiontextviewstyle={{
+                                            position: 'absolute',
+                                            top: normalize(-7),
+                                            left: normalize(7),
+                                            flexDirection: 'row',
+                                            alignItems: 'center',
+                                            backgroundColor: 'white',
+                                        }}
+                                        inputstyle={{
+                                            flexDirection: 'row',
+                                            borderWidth: 0.5,
+                                            borderColor: 'grey',
+                                            borderRadius: 5,
+                                            alignItems: 'center',
+                                            height: normalize(60),
+                                            backgroundColor: 'white',
+                                            elevation: 2,
+                                        }}
+                                        iconstyle={{
+                                            icongroup: 3,
+                                            iconname: 'card-account-details-star',
+                                            iconsize: normalize(18),
+                                            iconcolor: '#164c92',
+                                            style: {
+                                                paddingHorizontal: normalize(7),
+                                            },
+                                        }}
+                                        data={{
+                                            displaytext: 'Achievements',
+                                            type: 'default',
+                                            iconcolor: 'darkblue',
+                                            editable: true,
+                                            itemwidth: '100%',
+                                            iconname: 'id-badge',
+                                            value: data.achievement,
+                                            tfontweight: 'bold',
+                                            placeholder: 'Achievements',
+                                            placeholdercolor: 'lightgrey',
+                                            capitalize: 'characters',
+                                            tfontsize: normalize(12),
+                                            textarea: true,
+                                            maxlength: 1000,
+                                        }}
+                                        callBack={val => (val == undefined ? null : (
+                                            // criteriaData.patientid = val,
+                                            data.achievement = val,
+                                            setRefresh(refresh + 1)
+                                            // handleSuffixChange(index, val)
+                                            // {}
+                                        ))}
+                                    />
+                                </View>
+                            </View>
+
+                            {/* <View style={{ marginHorizontal: normalize(14) }}>
+                            <STextInput
+                                data={{
+                                    height: normalize(50),
+                                    iconname: 'trophy',
+                                    value: data.achievement,
+                                    itemwidth: Dimensions.get('screen').width * 0.81,
+                                    displaytext: "Achievements",
+                                }}
+                                callBack={val => (val == undefined ? null : data.achievement = val)}
+                            />
+                        </View> */}
+
+                            <View style={{}}>
+
+                                <HHeading
+                                    styles={{
+                                        'iconname': 'user-md',
+                                        'bgcolor': '#f2efef',
+                                        'iconsize': normalize(12),
+                                        'iconcolor': Global.AppTheme.primary_color,
+                                        'displaytext': 'CONSULTATION RESTRICTION',
+                                        'textsize': normalize(12),
+                                        'textcolor': Global.AppTheme.primary_color,
+                                    }}
+                                    callBack={val => (val == undefined ? null : console.log(val))} />
+
+                                <View style={{ width: '100%', flexDirection: 'row', alignItems: 'center', justifyContent: 'space-evenly', marginTop: normalize(5) }}>
+                                    <View style={{ width: '47%', borderWidth: 0 }}>
+                                        <SDropDownNew
+                                            buttonstyle={{
+                                                borderWidth: 1,
+                                                borderColor: 'lightgrey',
+                                                borderRadius: 5,
+                                                alignItems: 'center',
+                                                justifyContent: 'flex-start',
+                                                height: normalize(30),
+                                                flexDirection: 'row',
+                                                backgroundColor: 'white',
+                                                elevation: 5,
+                                            }}
+                                            icon={{
+                                                'icongroup': 3,
+                                                'name': 'human-male-female',
+                                                'size': normalize(18),
+                                            }}
+                                            iconstyle={{
+                                                color: Global.AppTheme.primary_color,
+                                                paddingLeft: normalize(5),
+                                                textAlign: 'center',
+                                            }}
+                                            textstyle={{
+                                                fontSize: normalize(12),
+                                                fontWeight: 'bold',
+                                                color: '#000000',
+                                                alignItems: 'center',
+                                                textAlign: 'center',
+                                                justifyContent: 'center',
+                                                paddingHorizontal: normalize(5),
+                                            }}
+                                            dropdownapi={'emr/emrcommonget/rnladropdown 25'}
+                                            dropdowndata={isNUQ(data.gendergroupname) ? data.gendergroupname : null}
+                                            onChangeData={val =>
+                                                val == undefined ? null : (
+                                                    data.gendergroup = val.datavalue,
+                                                    data.gendergroupname = val.displayvalue,
+                                                    setRefresh(refresh + 1)
+                                                )}
+                                            editable={true}
+                                            widthArr={Dimensions.get('screen').width * 0.32}
+                                            iconName={'file-medical'}
+                                            refreshCount={val => val == undefined ? null : null}
+                                        />
+                                        <Text style={{
+                                            position: 'absolute',
+                                            backgroundColor: 'white',
+                                            top: normalize(-6),
+                                            left: normalize(10),
+                                            fontSize: normalize(10),
+                                            color: Global.AppTheme.primary_color,
+                                        }}>
+                                            {' Gender '}
+                                        </Text>
+                                    </View>
+
+                                    <View style={{ width: '47%', borderWidth: 0 }}>
+                                        {/* <Text style={{ fontSize: normalize(12), paddingHorizontal: 5 }}>Age Group</Text> */}
+                                        <SDropDownNew
+                                            buttonstyle={{
+                                                borderWidth: 1,
+                                                borderColor: 'lightgrey',
+                                                borderRadius: 5,
+                                                alignItems: 'center',
+                                                justifyContent: 'flex-start',
+                                                backgroundColor: 'white',
+                                                height: normalize(30),
+                                                flexDirection: 'row',
+                                                elevation: 5,
+                                            }}
+                                            icon={{
+                                                'icongroup': 3,
+                                                'name': 'human-male-board-poll',
+                                                'size': normalize(20),
+                                            }}
+                                            iconstyle={{
+                                                color: Global.AppTheme.primary_color,
+                                                paddingLeft: normalize(5),
+                                                textAlign: 'center',
+                                            }}
+                                            textstyle={{
+                                                fontSize: normalize(12),
+                                                fontWeight: 'bold',
+                                                color: '#000000',
+                                                alignItems: 'center',
+                                                textAlign: 'center',
+                                                justifyContent: 'center',
+                                                paddingHorizontal: normalize(5),
+                                            }}
+                                            dropdownapi={'emr/emrcommonget/rnladropdown 24'}
+                                            dropdowndata={isNUQ(data.agegroupname) ? data.agegroupname : null}
+                                            onChangeData={val =>
+                                                val == undefined ? null : (
+                                                    data.agegroup = val.datavalue,
+                                                    data.agegroupname = val.displayvalue,
+                                                    setRefresh(refresh + 1)
+                                                )}
+                                            editable={true}
+                                            widthArr={Dimensions.get('screen').width * 0.32}
+                                            iconName={'file-medical'}
+                                            refreshCount={val =>
+                                                val == undefined ? null : null
+                                            }
+                                        />
+                                        <Text style={{
+                                            position: 'absolute',
+                                            backgroundColor: 'white',
+                                            top: normalize(-6),
+                                            left: normalize(10),
+                                            fontSize: normalize(10),
+                                            color: Global.AppTheme.primary_color,
+                                        }}>
+                                            {' Age Group '}
+                                        </Text>
+                                    </View>
+
+                                    {/* <View>
+                            {[
+                                { "name": "All", "value": "A", "datavalue": 0, "icon": 'human-male-female', "selected": false },
+                                { "name": "Male", "value": "M", "datavalue": 1, "icon": 'human-male', "selected": false },
+                                { "name": "Female", "value": "F", "datavalue": 2, "icon": 'human-female', "selected": false }
+                            ].map((val) => {
+                                return (
+                                    <View style={{ width: '100%', flexDirection: 'row', alignItems: 'center', borderWidth: 0.5, borderLeftWidth: 2, borderBottomWidth: 2, elevation: 5, borderColor: 'white', backgroundColor: 'white' }}>
+                                        <View style={{ width: '10%', alignItems: 'center', borderWidth: 0 }}>
+                                            <HOCIcons.MaterialCommunityIcons
+                                                name={val.icon}
+                                                color={"grey"}
+                                                size={normalize(20)}
+                                            />
+                                        </View>
+
+                                        <View style={{ width: '75%', alignItems: 'flex-start', borderWidth: 0 }}>
+                                            <Text
+                                                style={{
+                                                    textShadowRadius: 2,
+                                                    fontSize: 14,
+                                                    fontWeight: '600',
+                                                    color: 'grey',
+                                                }}>
+                                                {val.name}
+                                            </Text>
+                                        </View>
+                                        <View style={{ width: '15%', alignItems: 'center' }}>
+                                            <HOCIcons.AntDesign
+                                                name={"checksquareo"}
+                                                color={"grey"}
+                                                size={normalize(20)}
+                                                style={{ paddingHorizontal: 5 }}
+                                                disabled={false}
+                                            />
+                                        </View>
+                                    </View>
+                                )
+                            })
+                            }
+                        </View> */}
+
+
+                                </View>
+
+                            </View>
+
+                        </ScrollView>
+                    </TouchableWithoutFeedback>
+
+                    <View style={{ backgroundColor: 'transparent', position: 'absolute', bottom: normalize(-10) }}>
+                        <View style={{ flexDirection: 'row' }}>
+                            {[{
+                                'displaytext': 'Update & Logout',
+                                'textwidth': 80,
+                                'width': 80,
+                                'size': 10,
+                                'iconname': 'save',
+                                'iconcolor': 'darkblue',
+                                'fontcolor': 'darkblue',
+                                'shadowcolor': '#fff',
+                                'selected': false,
+                                'visibility': true,
+                                'iconsize': 20,
+                                'functionid': 'CPR02',
+                                'componentname': 'SetUpVitalSign',
+                            }].map((item, i) => {
+                                return (
+                                    <View key={i} style={{ paddingLeft: normalize(5) }}>
+                                        <CAwesomeButton
+                                            data={item}
+                                            callBack={val => val == undefined ? null : getSave()}
+                                        />
+                                    </View>
+                                );
+                            })}
+                        </View>
+                    </View>
+
+                </View>
+            </MenuProvider>
+        </KeyboardAvoidingView>
+    );
+
+    function getSave() {
+
+        var output = {
+            'groups': {
+                'procedurename': 'rnhosuconsultantupdation1',
+                'suuser': Global.userData.suuser,
+                'hosuconsultant': Global.userData.hosuconsultant,
+                'data': {
+                    ...data,
+                    'oplocation': `${data.hospitalblock}${data.floorno}${data.roomno}`,
+                },
+            },
+        };
+        let buttonapi = APIURL + 'commontemplatesave/RnCommonTemplateSave';
+
+        console.log('Buttonnnnnnnnnn apiiiiiiiiiiiiiiiiiiiiii', JSON.stringify(buttonapi));
+        console.log('output OUserView apiiiiiiiiiiiiiiiiiiiiii', JSON.stringify(output));
+
+        NetworkServiceCall('post', buttonapi, output).then(function (response) {
+            // console.log("output OuserView apiiiiiiiiiiiiiiiiiiiiii", JSON.stringify(response))
+            if (response.httpstatus == 200 && isNU(response.data) && isNU(response.data.code) && response.data.code > 0) {
+                ValueCheck(Global.userData.photo) ? Global.userData.photo = data.imageurl : null,
+                    ValueCheck(Global.userData.experience) ? Global.userData.experience = data.experience : null,
+                    ValueCheck(Global.userData.qualification) ? Global.userData.qualification = data.qualification : null,
+                    ValueCheck(Global.userData.achievement) ? Global.userData.achievement = data.achievement : null,
+                    ValueCheck(Global.userData.mobileno) ? Global.userData.mobileno = data.mobileno : null,
+                    // console.log('oplocation old', Global.userData.oplocation),
+                    (Global.userData.oplocation = `${data.hospitalblock}${data.floorno}${data.roomno}`),
+                    // console.log('oplocation updated', `${data.hospitalblock}${data.floorno}${data.roomno}`),
+                     navigation.navigate('Login', { data: {} });
+                    // navigation.goBack();
+                    // console.log('Global.userData.oplocation', Global.userData.oplocation);
+                    notifyMessage('User details updated successfully.', 1);
+                props.visibility(false);
+            } else {
+                notifyMessage('Data Not Updated!', 2);
+            }
+        });
+    }
+};
+export default OUserView;