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

package/src/Custom/CTemplateCard.js

@@ -0,0 +1,438 @@
+import { Dimensions, ScrollView, Text, View } from "react-native";
+import { SwipeRow } from "react-native-swipe-list-view";
+import { CButtonShadow, CShadowDynamic, isBNUL, isNU, isNUQ, lightenColor, normalize } from "../CommonStyle/ComponentFunctions";
+//import { GestureHandlerRootView } from "react-native-gesture-handler";
+import { TouchableOpacity } from "react-native";
+import { TouchableHighlight } from "react-native";
+import AutoScroll from "@homielab/react-native-auto-scroll";
+import { Global } from '../../../../../src/Common/Global';
+import HOCIcons from "../HOC/HOCIcons";
+import moment from 'moment'
+import HShadowButton from "../HOC/HShadowButton";
+
+
+export default function CTemplateCard(props) {
+
+    // console.log('CTemplateCard', JSON.stringify(props.data))
+
+    const templatedata = isNU(props.data) ? props.data : {};
+
+    const templatedetails = {
+        "datavalue": 5313,
+        "displayvalue": "DR SOJAN GENERAL TEMPLATE",
+        "selected": false,
+        "isexpand": false,
+        "access": 0,
+        "accessname": "UNIVERSAL",
+        "description": "",
+        "entryusername": "ARJUN G MENON",
+        "entrydate": "01-02-2025",
+        "modifieddate": "03-02-2025",
+        "modifieduser": "DR MATHEW",
+        "updatestatus": 0,
+        "updatecolor": "#000C00",
+        "datagroup1": [
+            {
+                "datavalue": 6925,
+                "hosumrclassificationnature": 20,
+                "displayvalue": "PRESCRIPTION",
+                "selected": false,
+                "isexpand": false
+            },
+            {
+                "datavalue": 6926,
+                "hosumrclassificationnature": 10,
+                "displayvalue": "VITAL SIGNS",
+                "selected": false,
+                "isexpand": false
+            }
+        ],
+        "consultationnature": [
+            {
+                "datavalue": 1,
+                "displayvalue": "FIRST",
+                "color": '#094485'
+            },
+            {
+                "datavalue": 2,
+                "displayvalue": "REVISIT",
+                "color": '#094485'
+            },
+            {
+                "datavalue": 3,
+                "displayvalue": "RENEWAL",
+                "color": '#094485'
+            },
+            {
+                "datavalue": 4,
+                "displayvalue": "RENEWAL",
+                "color": '#094485'
+            },
+            {
+                "datavalue": 5,
+                "displayvalue": "RENEWAL",
+                "color": '#094485'
+            },
+            {
+                "datavalue": 6,
+                "displayvalue": "REFFERED",
+                "color": '#094485'
+            },
+            {
+                "datavalue": 7,
+                "displayvalue": "CROSS",
+                "color": '#094485'
+            },
+            {
+                "datavalue": 8,
+                "displayvalue": "OPINION",
+                "color": '#094485'
+            },
+            {
+                "datavalue": 9,
+                "displayvalue": "ADMISSION",
+                "color": '#094485'
+            },
+            {
+                "datavalue": 10,
+                "displayvalue": "ROUNDS",
+                "color": '#094485'
+            },
+            {
+                "datavalue": 10,
+                "displayvalue": "DISCHARGE",
+                "color": '#094485'
+            }
+        ],
+        "diagnosis": [
+            {
+                "diagnosisnature": "P",
+                "diagnosisname": "DS(Prov.)",
+                "naturecolor": "#22e35c",
+                "hopapatient": 2898526,
+                "icd": [
+                    {
+                        "datavalue": "X0801XD",
+                        "displayvalue": "Exposure to bed fire due to burning cigarette, subsequent encounter,Exposure to bed fire due to burning cigarette, subsequent encounter ,ounter,Exposure to bed fire due to burning cigarette, subsequent encounter"
+                    }
+                ]
+            }
+        ],
+    };
+
+    const sampledata = {
+        "datavalue": 5396,
+        "displayvalue": "PROTOCOL HISTORY TEMPLATE",
+        "selected": false,
+        "isexpand": false,
+        "access": 2,
+        "accessname": "CONSULTANT",
+        "description": "",
+        "entryusername": "DR. SOJAN GEORGE K",
+        "entrydate": "08-05-2025",
+        "modifieddate": "1900-01-01",
+        "updatestatus": 0,
+        "updatecolor": "#000c00",
+        "datagroup1": [{
+            "datavalue": 7182,
+            "hosumrclassificationnature": 53,
+            "displayvalue": "PROTOCOL HISTORY",
+            "selected": false,
+            "isexpand": false
+        }, {
+            "datavalue": 7183,
+            "hosumrclassificationnature": 10,
+            "displayvalue": "VITAL SIGNS",
+            "selected": false,
+            "isexpand": false
+        }],
+        "consultationnature": [{
+            "code": 2,
+            "consultationtype":
+                "FIRSTVISIT",
+            "consultationtypecolor": "#0066ff"
+        },
+        {
+            "code": 3,
+            "consultationtype": "REVISIT", "consultationtypecolor": "#00cc00"
+        }, {
+            "code": 4,
+            "consultationtype":
+                "RENEWAL",
+            "consultationtypecolor": "#ff9900"
+        }, {
+            "code": 5,
+            "consultationtype": "REFFERED",
+            "consultationtypecolor": "#6600cc"
+        }, {
+            "code": 6,
+            "consultationtype": "OPINION VISIT",
+            "consultationtypecolor": "#ff00ff"
+        }, {
+            "code": 9,
+            "consultationtype": "CROSS CONSULTATION",
+            "consultationtypecolor": "#00cccc"
+        }, {
+            "code": 10,
+            "consultationtype": "ADMISSION",
+            "consultationtypecolor": "#cc3300"
+        }],
+        "diagnosis": [{
+            "diagnosisnature": "F  ",
+            "diagnosisname": "DS",
+            "naturecolor": "#e36922",
+            "icd": [{
+                "datavalue": "A064",
+                "displayvalue":
+                    "Amebic liver abscess"
+            }, {
+                "datavalue": "K7030",
+                "displayvalue":
+                    "Alcoholic cirrhosis of liver without ascites"
+            }]
+        }]
+    }
+
+    const getDiagnosisText = (array) => {
+        return array.map((item, index) => {
+            const diagnoses = isBNUL(item.icd) ? item.icd.map(icdItem => isNUQ(icdItem.displayvalue) ? icdItem.displayvalue : '').join(' , ') : ''; // Join ICD texts with commas
+            return `${isNU(item.diagnosisname) ? item.diagnosisname : ''} - ${diagnoses}`; // Return the formatted diagnosis string
+        }).join(' , '); // Join all diagnosis blocks with commas
+    }
+
+    function textSplit(params) {
+
+        const texts = isNUQ(params) && params.length > 0 ? params : " ";
+        return texts.split("");
+    }
+
+    function foreGround(value) {
+
+        return (
+            <TouchableHighlight
+                onPress={() => {
+                    // console.log('TouchableHighlight')
+                    props.Cardcallback ? props.Cardcallback(value) : null
+                }}
+                underlayColor={'#f0f0f0'}
+                style={{
+                    alignSelf: 'center',
+                    width: '99%',
+                    borderWidth: 0,
+                    borderRadius: 10,
+                    backgroundColor: '#efffff',
+                    minHeight: Dimensions.get('screen').height * 0.07,
+                    flexDirection: 'row',
+                    ...CShadowDynamic(-2, 2, 4, 0, Global.AppTheme.primary_color)
+
+                }}>
+                <View style={{ flexDirection: 'row', width: '100%' }}>
+                    <View style={{
+                        borderBottomLeftRadius: 10, borderTopStartRadius: 10, backgroundColor: '#465b95', alignItems: 'center', justifyContent: 'center', width: '3%', flexDirection: 'column',
+                    }}>
+                        {isNU(value.accessname) ? textSplit(value.accessname).map((item, k) => {
+                            return (
+                                <Text key={k} style={{
+                                    textShadowColor: 'black',
+                                    textShadowRadius: 1,
+                                    textShadowOffset: { width: 0, height: 1 },
+                                    textAlign: 'center', fontSize: normalize(5.5), lineHeight: normalize(6.5), fontWeight: 'bold', color: 'white',
+                                }}>
+                                    {item}
+                                </Text>
+                            )
+                        }) : null}
+                    </View>
+                    <View style={{ width: '97%' }}>
+                        <Text style={{ fontWeight: 'bold', color: 'black' }}>{" "}{value.displayvalue}</Text>
+                        {isBNUL(value.consultationnature) ?
+                            <View style={{ flexWrap: 'wrap', flexDirection: 'row' }}>
+                                {value.consultationnature.map((val) => {
+                                    return (
+                                        <View style={{ borderWidth: 0.5, borderColor: 'grey', borderRadius: 15, backgroundColor: val.color, padding: normalize(2), margin: normalize(2) }}>
+                                            <Text style={{
+                                                color: 'white',
+                                                fontWeight: 'bold',
+                                                fontSize: normalize(6),
+                                                textShadowColor: 'black',
+                                                textShadowRadius: 1,
+                                                textShadowOffset: { width: 0, height: 1 },
+                                            }}>{val.displayvalue}</Text>
+                                        </View>
+                                    )
+                                })}
+                            </View>
+                            : null}
+                        {isBNUL(value.diagnosis) ?
+                            <View style={{ width: '100%' }}>
+                                {/* <AutoScroll delay={0} duration={20000}> */}
+                                {/* <ScrollView horizontal={true}> */}
+                                <View style={{ flexDirection: 'row', paddingLeft: normalize(0) }}>
+                                    <View style={{ flexDirection: 'row', alignItems: 'center', }}>
+                                        <Text numberOfLines={1} style={{ fontSize: normalize(10), fontWeight: 'bold', color: Global.AppTheme.primary_color, paddingLeft: normalize(5) }}>{
+                                            getDiagnosisText(value.diagnosis)}
+                                        </Text>
+                                    </View>
+                                </View>
+                                {/* </ScrollView> */}
+                                {/* </AutoScroll>// hh:mm A */}
+                            </View>
+                            : null}
+                        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                            {isNUQ(value.entrydate) ?
+                                <HOCIcons.MaterialIcons
+                                    name={"create-new-folder"}
+                                    color={"black"}
+                                    size={normalize(7)}
+                                    style={{ marginHorizontal: normalize(2) }}
+                                />
+                                : null}
+                            {isNUQ(value.entrydate) ?
+                                <Text style={{ color: 'black', fontWeight: 'bold', fontSize: normalize(7) }}>
+                                    {value.entrydate}
+                                </Text>
+                                : null}
+                            {isNUQ(value.entryusername) ?
+                                <Text style={{ color: 'black', fontWeight: 'bold', fontSize: normalize(7) }}>
+                                    {", "}{value.entryusername}
+                                </Text>
+                                : null}
+                            {isNUQ(value.modifieddate) ?
+                                <HOCIcons.FontAwesome5
+                                    name={"edit"}
+                                    color={"black"}
+                                    size={normalize(7)}
+                                    style={{ marginHorizontal: normalize(5) }}
+                                />
+                                : null}
+                            {isNUQ(value.modifieddate) ?
+                                <Text style={{ color: 'black', fontWeight: 'bold', fontSize: normalize(7) }}>
+                                    {moment(value.modifieddate).format('DD-MM-YYYY')}
+                                </Text>
+                                : null}
+                            {isNUQ(value.modifieduser) ?
+                                <Text style={{ color: 'black', fontWeight: 'bold', fontSize: normalize(7) }}>
+                                    {", "}{value.modifieduser}
+                                </Text>
+                                : null}
+                        </View>
+                    </View>
+                </View>
+            </TouchableHighlight>
+        )
+    }
+
+    function backGround(value) {
+
+        return (
+            <TouchableOpacity style={{
+                alignSelf: 'center',
+                width: '99%',
+                borderWidth: 0.5,
+                borderColor:'lightgrey',
+                borderRadius: 10,
+                backgroundColor: '#f0f0f0',
+                minHeight: Dimensions.get('screen').height * 0.07,
+                justifyContent: 'flex-start',
+                alignItems: 'center',
+                flexDirection: 'row'
+
+            }}>
+                <View style={{ width: '50%', paddingLeft: normalize(5) }}>
+                    <HShadowButton
+                        useicon={true}
+                        usetext={true}
+                        buttonstyle={{
+                            margin: normalize(5),
+                            borderLeftWidth: 0,
+                            borderBottomWidth: 0,
+                            borderRadius: 5,
+                            borderWidth: 0,
+                            borderColor: Global.AppTheme.primary_color,
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                            backgroundColor: 'white',
+                            height: Dimensions.get('screen').height * 0.06,
+                            width: Dimensions.get('screen').height * 0.06,
+                            ...CButtonShadow(),
+                        }}
+                        icongroup={5}
+                        iconcolor={Global.AppTheme.primary_color}
+                        iconname={'stethoscope'}
+                        iconsize={normalize(28)}
+                        iconstyle={{ textAlign: 'center', borderWidth: 0 }}
+                        displaytext={'HISTORY'}
+                        buttonCallback={() => {
+                            // getFooterIconsFunctions(item)
+                        }}
+                        disabletextadjust={true}
+                        numberOfLines={2}
+                        textstyle={{
+                            color: Global.AppTheme.primary_color,
+                            fontSize: normalize(8),
+                            textAlign: 'center',
+                            fontWeight: 'normal',
+                            // lineHeight: normalize(8)
+                        }}
+                    />
+                </View>
+                <View style={{ width: '50%', justifyContent: 'flex-end', alignItems: 'flex-end', paddingRight: normalize(5) }}>
+                    <HShadowButton
+                        useicon={true}
+                        usetext={true}
+                        buttonstyle={{
+                            margin: normalize(5),
+                            borderLeftWidth: 0,
+                            borderBottomWidth: 0,
+                            borderRadius: 5,
+                            borderWidth: 0,
+                            borderColor: Global.AppTheme.primary_color,
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                            backgroundColor: 'white',
+                            height: Dimensions.get('screen').height * 0.06,
+                            width: Dimensions.get('screen').height * 0.06,
+                            ...CButtonShadow(),
+                        }}
+                        icongroup={5}
+                        iconcolor={Global.AppTheme.primary_color}
+                        iconname={'stethoscope'}
+                        iconsize={normalize(28)}
+                        iconstyle={{ textAlign: 'center', borderWidth: 0 }}
+                        displaytext={'HISTORY'}
+                        buttonCallback={() => {
+                            // getFooterIconsFunctions(item)
+                        }}
+                        disabletextadjust={true}
+                        numberOfLines={2}
+                        textstyle={{
+                            color: Global.AppTheme.primary_color,
+                            fontSize: normalize(8),
+                            textAlign: 'center',
+                            fontWeight: 'normal',
+                            // lineHeight: normalize(8)
+                        }}
+                    />
+                </View>
+            </TouchableOpacity>
+        )
+    }
+
+    return (
+        <SwipeRow
+            useNativeDriver={true}
+            swipeToOpenPercent={1}
+            swipeToClosePercent={1}
+            leftOpenValue={normalize(100)}
+            rightOpenValue={-normalize(100)}
+            style={{
+                borderRadius: 10,
+                width: '100%',
+                // marginBottom: normalize(7)
+            }}
+        >
+            {backGround(templatedata)}
+            {foreGround(templatedata)}
+        </SwipeRow>
+    )
+}