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

package/src/Screens/CWebViewGallery.js

@@ -1,203 +0,0 @@
-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

@@ -1,279 +0,0 @@
-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%',
-    },
-});