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

package/src/Screens/CWebViewGallery.js

@@ -0,0 +1,203 @@
+import React, { useState, useRef, useEffect } from 'react';
+import {
+    TouchableOpacity,
+    View,
+    Text,
+    Image,
+    FlatList,
+    Dimensions,
+    PanResponder
+} from 'react-native';
+import Carousel, { Pagination } from 'react-native-snap-carousel';
+import ImageZoom from 'react-native-image-pan-zoom';
+
+import { normalize } from '../CommonStyle/ComponentFunctions';
+import { Global } from '../../../../../src/Common/Global';
+import HOCIcons from '../HOC/HOCIcons';
+import { isBNUL, isNU, isNUQ } from '../CommonStyle/ComponentFunctions';
+import Loader from '../Custom/Loader';
+import HeaderBlock from './HeaderBlock';
+import WebView from 'react-native-webview';
+import CDetailView from '../CustomComponents/CDetailView';
+import CContainerView from '../CustomComponents/CContainerView';
+
+
+export default function CWebViewGallery(props) {
+
+    const flatListRef = useRef();
+    const [images, setImages] = useState(props.route.params.displayarray);
+    const [indexSelected, setIndexSelected] = useState(0);
+    const [isLoading, setIsLoading] = useState(false);
+    const [refresh, setRefresh] = useState(0);
+
+    function getCurrentData(array, count) {
+
+        console.log('getCurrentData', JSON.stringify(array));
+
+        let prevcodearray = isBNUL(array) ? array.filter((i, k) => { return k == count ? { ...i } : undefined }) : [];
+        let prevcode = isBNUL(prevcodearray) && isNU(prevcodearray[0]) ? prevcodearray[0] : {};
+        return prevcode;
+    }
+
+    return (
+
+        <CContainerView>
+
+            <View style={{ flex: 1 }}>
+                <HeaderBlock
+                    style={{ marginBottom: normalize(25) }}
+
+                />
+                <CDetailView>
+                    <View style={{ flex: 1, backgroundColor: 'white' }}>
+                        {isLoading ?
+                            <Loader
+                                displaytext={true}
+                            />
+                            : null}
+                        <View style={{ flex: 1, justifyContent: 'center' }}
+                        // {...panResponder.panHandlers}
+                        >
+                            {isBNUL(images) && isNU(getCurrentData(images, indexSelected).filelink) ?
+                                // <Pdf
+                                //     onLoadProgress={(n) => { }}
+                                //     trustAllCerts={false}
+                                //     onPressLink={(uri) => { }}
+                                //     onPageChanged={(page, numberOfPages) => { }}
+                                //     style={{ flex: 1, backgroundColor: 'white' }}
+                                //     source={{ uri: getCurrentData(images, indexSelected).filelink }}
+                                //     onLoadComplete={(numberOfPages, filePath) => {
+                                //         setIsLoading(false);
+                                //     }}
+                                //     onError={(error) => {
+                                //         setIsLoading(false);
+                                //     }}
+                                // />
+                                <WebView
+                                    source={{ html: isNUQ(getCurrentData(images, indexSelected).filelink) ? getCurrentData(images, indexSelected).filelink : `` }}
+                                    // style={{ height: Dimensions.get('screen').height * 0.42 }}
+                                    scalesPageToFit={false}
+                                />
+
+                                : null}
+                            {isBNUL(images) && (indexSelected != 0) ?
+                                <TouchableOpacity
+                                    onPress={() => {
+                                        setIndexSelected(indexSelected - 1);
+                                        flatListRef.current.scrollToIndex({ index: indexSelected - 1 });
+                                    }}
+                                    style={{ opacity: 1, position: 'absolute', left: 0, backgroundColor: 'white', justifyContent: 'center', alignItems: 'center', borderTopRightRadius: 5, borderBottomRightRadius: 5, elevation: 2, borderWidth: 0.5, borderColor: 'grey' }}>
+                                    <HOCIcons.Icons
+                                        icongroup={4}
+                                        name={'angle-double-left'}
+                                        color={Global.AppTheme.primary_color}
+                                        size={normalize(20)}
+                                        style={{
+                                            textAlign: 'center',
+                                            margin: normalize(5),
+                                            marginVertical: normalize(10)
+                                        }}
+                                    />
+                                </TouchableOpacity>
+                                : null}
+                            {isBNUL(images) && (images.length != (indexSelected + 1)) ?
+                                <TouchableOpacity
+                                    onPress={() => {
+                                        setIndexSelected(indexSelected + 1);
+                                        flatListRef.current.scrollToIndex({ index: indexSelected + 1 });
+                                    }}
+                                    style={{ opacity: 1, position: 'absolute', right: 0, backgroundColor: 'white', justifyContent: 'center', alignItems: 'center', borderTopLeftRadius: 5, borderBottomLeftRadius: 5, elevation: 2, borderWidth: 0.5, borderColor: 'grey' }}>
+                                    <HOCIcons.Icons
+                                        icongroup={4}
+                                        name={'angle-double-right'}
+                                        color={Global.AppTheme.primary_color}
+                                        size={normalize(20)}
+                                        style={{
+                                            textAlign: 'center',
+                                            margin: normalize(5),
+                                            marginVertical: normalize(10)
+                                        }}
+                                    />
+                                </TouchableOpacity>
+                                : null}
+                        </View>
+                        <View
+                            style={{
+                                marginTop: 20,
+                                paddingHorizontal: 32,
+                                alignSelf: 'flex-end',
+                            }}
+                        >
+                            <Text style={{ color: 'black', fontSize: normalize(25), fontWeight: 'bold' }}>
+                                {indexSelected + 1}/{isBNUL(images) ? images.length : 0}
+                            </Text>
+                        </View>
+                        {isBNUL(images) ?
+                            <View style={{ alignItems: 'center' }}>
+                                <FlatList
+                                    ref={flatListRef}
+                                    initialNumToRender={50}
+                                    maxToRenderPerBatch={50}
+                                    horizontal={true}
+                                    data={images}
+                                    style={{ position: 'absolute', bottom: normalize(30) }}
+                                    showsHorizontalScrollIndicator={false}
+                                    contentContainerStyle={{
+                                        alignItems: 'center'
+                                    }}
+                                    keyExtractor={(item, index) => 'key' + index}
+                                    renderItem={({ item, index }) => {
+
+                                        return (
+                                            <TouchableOpacity
+                                                onPress={() => {
+                                                    if (index == indexSelected) {
+                                                    }
+                                                    else {
+                                                        // setIsLoading(true);
+                                                        setIndexSelected(index)
+                                                    }
+                                                }}
+                                                activeOpacity={0.3}
+                                                style={{
+                                                    elevation: 5,
+                                                    margin: normalize(5),
+                                                    marginVertical: normalize(10),
+                                                    borderRadius: 16,
+                                                    borderWidth: index === indexSelected ? 1 : 0.5,
+                                                    borderColor: index === indexSelected ? Global.AppTheme.primary_color : 'grey',
+                                                    justifyContent: 'center',
+                                                    alignItems: 'center',
+                                                    padding: normalize(5),
+                                                    backgroundColor: index === indexSelected ? '#e8ecff' : 'white'
+                                                }}
+                                            >
+                                                <HOCIcons.Icons
+                                                    icongroup={4}
+                                                    name={'file-text'}
+                                                    color={index === indexSelected ? Global.AppTheme.primary_color : 'lightgrey'}
+                                                    size={normalize(30)}
+                                                    style={{ textAlign: 'center', margin: normalize(5) }}
+                                                />
+                                                {isNUQ(item.filename) ?
+                                                    <Text adjustsFontSizeToFit style={{
+                                                        color: index === indexSelected ? Global.AppTheme.primary_color : 'grey',
+                                                        fontSize: normalize(10),
+                                                        fontWeight: index === indexSelected ? 'bold' : 'normal',
+                                                        paddingHorizontal: normalize(5)
+                                                    }}>{isNUQ(item.filename) ? item.filename : null}</Text>
+                                                    : null}
+                                            </TouchableOpacity>
+                                        )
+                                    }}
+                                />
+                            </View>
+                            : null}
+                    </View>
+                </CDetailView>
+            </View>
+        </CContainerView>
+    );
+
+}
+

package/src/Screens/ChartScan.js

@@ -0,0 +1,279 @@
+import React, { useEffect } from 'react';
+import { useState } from 'react';
+import { Text, View, ScrollView, StyleSheet, Dimensions, TextInput, TouchableOpacity, Image, ActivityIndicator } from 'react-native';
+import { useNavigation } from '@react-navigation/native';
+import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
+import NetworkServiceCall from '../Common/NetworkServiceCall';
+import { APIURL } from '../../../../../src/Common/apiConstants';
+import { Flag } from '../Json/Dropdown.json'
+import SDropDownNew from '../StaticComponents/SDatePickerNew';
+import ComponentStyles, { normalize } from '../CommonStyle/componentStyle';
+import SDatePicker from '../StaticComponents/SDatePickerNew';
+import { getLoading, isNU, notifyMessage } from '../CommonStyle/ComponentFunctions';
+import HHeading from '../HOC/HHeading';
+import CCard from '../Custom/CCard';
+import { Global } from '../../../../../src/Common/Global';
+import Loader from '../Custom/Loader';
+
+const ChartScan = (props) => {
+    const [data, setData] = useState()
+    const navigation = useNavigation();
+    const [searchWord, setSearchWord] = useState("")
+    const [isLoading, setIsLoading] = useState(false)
+    const [refresh, setRefresh] = useState(0)
+    const [filter, setFilter] = useState('Patient ID');
+
+    const [dropdownvalue, setDropdownvalue] = useState(2)
+    var x = new Date()
+
+    useEffect(() => {
+        getPatientData(x, 0)
+        getDate()
+    }, [])
+
+    const onDetectBarcode = async (item) => {
+        navigation.navigate('CCaptureImageWithoutEdit', {
+            'cameramoduletype': 2, // barcode
+            'hidebuttons': true,
+            'cameratype': 'back',
+            onSelect: (s) => s && isNU(s) ? onDetectVisionCameraBarcode(s) : null
+        })
+        // setSearchWord(item.data)
+    }
+
+    function onDetectVisionCameraBarcode(params) {
+        setSearchWord(params.data)
+    }
+
+    function getDate(params) {
+        let today = new Date(params);
+        let yyyy = today.getFullYear();
+        let mm = today.getMonth() + 1; // Months start at 0!
+        let dd = today.getDate();
+
+        if (dd < 10) dd = '0' + dd;
+        if (mm < 10) mm = '0' + mm;
+
+        today = yyyy + '-' + mm + '-' + dd;
+        return today
+    }
+
+    function reverse(s) {
+        return s != undefined ? s.split("-").reverse().join("-") : ''
+    }
+
+    function getPatientData(day, pid) {
+        setData()
+        setSearchWord('')
+        setIsLoading(true)
+        let date = getDate(day)
+        console.log("YYYYYRRRRRRRTTTTTTTTTTWWWWWWWWWWW", date)
+        let buttonapi = APIURL + 'insuranceadvanceget/emrcommonget/rnlaconsultationpatientchartscan ' + pid + "," + "'" + date + "'" + "," + Global.userData.suuser;
+        console.log("BUTTTTTOOONNNN APIIIIIIIIIIIIIIII", buttonapi)
+        NetworkServiceCall("get", buttonapi, "")
+            .then(function (response) {
+                if (response.httpstatus == 200 && response.data != null && response.data != undefined &&
+                    response.data.datalist != undefined && response.data.datalist != null) {
+                    // setData([response.data.datalist[56],response.data.datalist[34],response.data.datalist[76]])
+                    setData((response.data.datalist).filter((value, index, self) =>
+                        index === self.findIndex((t) => (
+                            t.hopapatient === value.hopapatient
+                        ))
+                    ))
+                    // setData(response.data.datalist)
+                    setRefresh(refresh + 1)
+                    setIsLoading(false)
+                    // console.log("DATAAAAAAAAAAAA",JSON.stringify(response))
+                }
+                else {
+                    // setIsLoading(false)
+                    setData([])
+                    setIsLoading(false)
+                    notifyMessage("No Patients", 4)
+                }
+            })
+        getLoading(v => setIsLoading(false))
+    }
+
+    return (
+        <View style={{ marginBottom: normalize(50), marginTop: normalize(-3) }}>
+
+            {isLoading ?
+                <Loader displaytext={true} /> : null}
+            <View>
+                <View style={{ width: '100%', }}>
+                    <HHeading
+                        styles={{
+                            "icongroup": 3,
+                            "iconname": 'scanner',
+                            "bgcolor": "#f2efef",
+                            "iconsize": 16,
+                            "iconcolor": "darkblue",
+                            "displaytext": 'Chart Scan',
+                            "textsize": 15,
+                            "textcolor": "darkblue"
+                        }}
+                        callBack={val => (val == undefined ? null : console.log(val))}>
+                        {data != undefined && data.length > 0 ?
+                            <Text style={{ borderWidth: 1, padding: normalize(3), borderRadius: 10, textAlign: 'center' }}>{data.length}</Text> : null}
+                    </HHeading>
+                </View>
+
+                <SSearch
+                    editable={true}
+                    dropdownapi={'insuranceadvanceget/emrcommonget/rnlasearchdropdown 1'}
+                    value={searchWord}
+                    dropdownarray={[
+                        {
+                            "datavalue": 4,
+                            "iconname": "mobile",
+                            "displayvalue": "MOBILE NO.",
+                            "searchparam": "mobileno",
+                            "selected": false
+                        },
+                        {
+                            "datavalue": 6,
+                            "iconname": "circle",
+                            "displayvalue": "TOKEN NO.",
+                            "searchparam": "badgenumber",
+                            "selected": false
+                        },
+                        {
+                            "datavalue": 1,
+                            "iconname": "bed",
+                            "displayvalue": "BED NO.",
+                            "searchparam": "badgenumber",
+                            "selected": false
+                        },
+                        {
+                            "datavalue": 3,
+                            "iconname": "location-arrow",
+                            "displayvalue": "PLACE",
+                            "searchparam": "place",
+                            "selected": false
+                        },
+                        {
+                            "datavalue": 5,
+                            "iconname": "th-list",
+                            "displayvalue": "CLINIC",
+                            "searchparam": "clinicalunit",
+                            "selected": false
+                        }]}
+                    onChangeText={text => setSearchWord(text)}
+                    onChangeData={val => val == undefined ? null : setFilter(val.searchparam)}
+                    onBarCodeScan={val => val == undefined ? null : FnNavigate()}
+                    onSearch={val => val == undefined ? null : getPatientData(x, searchWord)} />
+
+                <View style={{ width: '50%', alignSelf: 'flex-end' }}>
+                    <SDatePicker
+                        passingDate={
+                            new Date()
+                        }
+                        onChangeData={val =>
+                            val == undefined
+                                ? null
+                                : getPatientData(getDate(val), 0)
+                        }
+                        keycode={1}
+                        format={"DD-MM-YYYY"}
+                        refreshCount={val =>
+                            val == undefined
+                                ? null
+                                : setRefresh(refresh + val)
+                        }
+                    />
+                </View>
+
+                {/* <View style={{ width: '100%', flexDirection: 'row', justifyContent: 'space-evenly', paddingHorizontal: 5 }}>
+                    <View
+                        style={[ComponentStyles.searchTextbox_View,
+                        styles.overlay_searchTextbox_View, { height: normalize(32) }]} >
+                        <View style={styles.textinput_view}>
+                            <TextInput
+                                style={[ComponentStyles.searchTextbox]}
+                                editable={true}
+                                autoFocus={true}
+                                keyboardType='default'
+                                placeholder={dropdownvalue == 1 ? "Mobile No" : "Patient ID"}
+                                placeholderTextColor={'lightblue'}
+                                onChangeText={text => setSearchWord(text)}
+                                value={searchWord}
+                            />
+                        </View>
+                        <View style={styles.barcode_icon_view}>
+                            <TouchableOpacity style={styles.barcode_icon_inner_view}
+                                onPress={() => FnNavigate()}>
+                                <Image style={styles.barcode_icon}
+                                    source={require("../Asset/Icons/barcode2.png")}
+                                />
+                            </TouchableOpacity>
+                        </View>
+                    </View>
+
+                    <TouchableOpacity style={{}}
+                        onPress={() => getPatientData(x, searchWord)}
+                    >
+                        <FontAwesome5 name={"search"} color={"black"} size={normalize(25)} />
+                    </TouchableOpacity>
+                </View> */}
+            </View>
+
+            {data != undefined ?
+                <View style={{ paddingHorizontal: normalize(10) }}>
+                    <CCard
+                        filter={filter}
+                        search={searchWord}
+                        navigation={navigation}
+                        data={data}
+                        chartscan={true}
+                    />
+                </View> : null}
+        </View>
+    )
+
+    function FnNavigate() {
+
+        navigation.navigate('CCaptureImageWithoutEdit', {
+            'cameramoduletype': 2, // barcode
+            'hidebuttons': true,
+            'cameratype': 'back',
+            onSelect: (s) => s && isNU(s) ? onDetectVisionCameraBarcode(s) : null
+        })
+
+       
+        // navigation.navigate("BarcodeScan", { onSelect: onDetectBarcode, navigation: navigation })
+    }
+}
+export default ChartScan;
+
+const styles = StyleSheet.create({
+    search_outer_container: {
+        flexDirection: 'row',
+        justifyContent: 'space-around',
+        alignItems: 'center',
+        paddingVertical: '2%',
+        width: '100%',
+        backgroundColor: 'white',
+        elevation: 20,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.1,
+        shadowRadius: 5,
+    },
+    overlay_searchTextbox_View: {
+        width: '65%', flexDirection: 'row'
+    },
+    barcode_icon_view: {
+        paddingRight: '1%', width: '20%', alignItems: 'flex-end',
+    },
+    barcode_icon_inner_view: {
+        width: '80%', alignItems: 'flex-end',
+
+    },
+    barcode_icon: {
+        width: 30, height: 32
+    },
+    textinput_view: {
+        flex: 1, paddingLeft: '1%', width: '80%',
+    },
+});