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

package/src/Custom/CTokenListOverlay.js

@@ -0,0 +1,122 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Text, View, FlatList, TouchableOpacity, Dimensions, ActivityIndicator, ScrollView, Switch, TextInput, RefreshControl } from 'react-native';
+import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
+import { normalize } from '../CommonStyle/componentStyle';
+import { APIURL } from '../../../../../src/Common/apiConstants';
+import { ArrayCheck, getLoading, isBNUL, isNU, isNUQ, isNUQZ, notifyMessage, ValueCheck } from '../CommonStyle/ComponentFunctions';
+import { Global } from '../../../../../src/Common/Global';
+import { NetworkServiceCall } from '@jescon-technologies/react-native-ui-kit';
+import { Icons } from '@jescon-technologies/react-native-ui-kit';;
+import CTextHeader from './TableComponent/CTextHeader';
+import CTextBody from './TableComponent/CTextBody';
+import HHeading from '../HOC/HHeading';
+import STimePicker from '../StaticComponents/STimePicker';
+import Loader from './Loader';
+import moment from 'moment';
+import SDropDownNew from '../Components/SDropDownNew';
+
+import HOCIcons from '../HOC/HOCIcons';
+import SDatePickerNew from '../StaticComponents/SDatePickerNew';
+import { Menu, MenuOptions, MenuTrigger } from 'react-native-popup-menu';
+import CCommentOverlay from '../CustomComponents/CCommentOverlay';
+import {
+    MenuOption,
+} from 'react-native-popup-menu';
+
+
+export default function CTokenListOverlay(props) {
+
+    const [refresh, setRefresh] = useState(0);
+    const [dataarray, setDataArray] = useState([]);
+
+
+
+    useEffect(() => {
+        getTokenList2(props.footerData, props.postponedate, props.item);
+    }, []);
+
+    function getTokenList2(footerdata, pdate, item) {
+
+        setDataArray([]);
+        let buttonapi = APIURL + 'emr/emrcommonget/rnhopaptientbookingpostponedetails ' + props.consultant + ',' + JSON.stringify(footerdata.date) + ',' + '"' + pdate + '"' + ',' + item.bookingtypes + ',' + '1';
+        console.log('Ctokenlistoverlay', buttonapi);
+        NetworkServiceCall('get', buttonapi, '')
+            .then(function (response) {
+                if (response.httpstatus == 200) {
+                    if (isNU(response.data) && isBNUL(response.data.tokenArr)) {
+                        setDataArray(response.data.tokenArr);
+                    }
+                }
+                else {
+                    notifyMessage('Day wise data not available.', 4);
+                }
+            });
+    }
+
+
+    return (
+        <View>
+            {isBNUL(dataarray) ?
+                <FlatList
+                    data={dataarray}
+                    horizontal={true}
+                    renderItem={(val) => {
+                        return (
+                            <MenuOption
+                                onSelect={() => {
+                                    val.item.selected = true,
+                                    setRefresh(refresh + 1),
+                                    props.callback(val.item);
+                                }}
+                                style={{
+                                    margin : normalize(5),
+                                    elevation : 5,
+                                    flexDirection : 'row',
+                                    alignItems : 'center',
+                                    backgroundColor : 'white',
+                                    borderTopWidth : 0.5,
+                                    borderRightWidth : 0.5,
+                                    borderLeftWidth : 2,
+                                    borderBottomWidth : 2,
+                                    borderRadius : 5,
+                                    height : normalize(35),
+                                    borderColor : props.item.color,
+                                }}>
+                                <View style={{
+                                    backgroundColor: props.item.color,
+                                    borderRadius: 5,
+                                    padding: 5,
+                                    width: normalize(25),
+                                    height: normalize(20),
+                                    justifyContent: 'center',
+                                    alignItems: 'center',
+                                    margin: 5,
+                                }}>
+                                    <Text style={{ color : 'white', fontSize: normalize(10), fontWeight: 'bold' }}>{val.item.tokenno}</Text>
+                                </View>
+                                <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                                    <HOCIcons.FontAwesome5
+                                        name={'calendar-alt'}
+                                        size={normalize(8)}
+                                        color={props.item.color}
+                                        style={{
+                                            paddingHorizontal: normalize(3),
+                                        }}
+                                    />
+                                    <Text style={{ fontSize: normalize(8), color: 'black', fontWeight: 'bold' }}>{isNU(val.item.postponedate) ? moment(val.item.postponedate).format('DD-MM-YYYY') : null}{' '}{isNU(val.item.postponeconsultationtime) ? val.item.postponeconsultationtime : null}</Text>
+                                </View>
+                            </MenuOption>
+                        );
+                    }}
+                />
+                :
+                <View>
+                    <Text style={{ fontSize: normalize(10), color : 'black' }}>Token not found</Text>
+                </View>
+            }
+        </View>
+    );
+
+
+
+}

package/src/Custom/CWardStatus.js

@@ -0,0 +1,444 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Text, View, TextInput, Dimensions, FlatList, StyleSheet, ScrollView, ActivityIndicator, TouchableOpacity } from 'react-native';
+import ComponentStyles, { normalize } from '../CommonStyle/componentStyle';
+import { useIsFocused, useNavigation } from '@react-navigation/native';
+import CPiechart from '../Custom/Charts/CPieChart';
+import { Global } from '../../../../../src/Common/Global';
+import { ArrayCheck, getLoading, isBNUL, notifyMessage, ValueCheck } from '../CommonStyle/ComponentFunctions';
+import { NetworkServiceCall } from '@jescon-technologies/react-native-ui-kit';
+import { APIURL } from '../../../../../src/Common/apiConstants';
+import CText from '../CustomComponents/CText';
+import { Icons } from '@jescon-technologies/react-native-ui-kit';;
+import HHeading from '../HOC/HHeading';
+import Loader from './Loader';
+import CCard from './CCard';
+import ABlink from '../Alerts/ABlink';
+import SSearch from '../StaticComponents/SSearch';
+
+const CWardStatus = (props) => {
+
+    const navigation = useNavigation();
+    const [isLoading, setIsLoading] = useState(false);
+    const [refresh, setRefresh] = useState(0);
+    const [filter, setFilter] = useState('');
+    const [chip, setChip] = useState(ValueCheck(Global.userData.hosuconsultant) && Global.userData.hosuconsultant > 0 ? false : true);
+    const [searchData, setSearchData] = useState('');
+    const [data, setData] = useState();
+    const sumArray = [];
+    const occupiedArray = [];
+    const TotalBeds = [];
+    const isFocused = useIsFocused();
+
+    useEffect(() => {
+        if (isFocused == true) {
+            Global.PatientDetails = null;
+            Global.ChartDataLeft = null;
+            Global.ChartDataAll = null;
+            Global.ChartDataLeft = null;
+        }
+    }, [isFocused]);
+
+    useEffect(() => {
+        getBedStatus();
+    }, []);
+
+    function getBedStatus() {
+        //Total Bed Status..............
+        let buttonapi = APIURL + 'emr/emrcommonget/rnhopabed';
+        console.log('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>', buttonapi);
+        setIsLoading(true);
+        NetworkServiceCall('get', buttonapi, '')
+            .then(function (response) {
+                if (response.httpstatus == 200 && response.data != null && response.data != undefined) {
+                    setIsLoading(false);
+                    setData(ArrayCheck(response.data.patientinformation) ? response.data.patientinformation.map((item) => ({ ...item, 'expand': true })) : []);
+                }
+                else {
+                    setIsLoading(false);
+                    notifyMessage('Occupancy not available,Please try again later', 4);
+                }
+            });
+
+        getLoading(v => setIsLoading(false));
+    }
+    var OccupiedData;
+    var DrNameFilter;
+    var HelperFun;
+    var arrayWith;
+    var piechartsearch;
+
+    if (data != undefined) {
+        DrNameFilter = data.map((element) => {
+            return {
+                ...element,
+                beddetails: element.beddetails.filter((subElement) => {
+                    return subElement.hosuconsultant == Global.userData.hosuconsultant;
+                }),
+            };
+        });
+        OccupiedData = data.map((element) => {
+            return {
+                ...element,
+                beddetails: element.beddetails.filter((subElement) => {
+                    return subElement.bedstatus == 1 || subElement.bedstatus == 0;
+                }),
+            };
+        });
+
+        arrayWith = DrNameFilter.filter(function (el) {
+            return el.beddetails.length > 0;
+        });
+
+        if (OccupiedData) {
+            OccupiedData.map((item, i) => {
+                TotalBeds.push(item.totalbeds);
+                occupiedArray.push(item.beddetails.length);
+            });
+        }
+
+        if (DrNameFilter) {
+            DrNameFilter.map((item, i) => {
+                sumArray.push(item.beddetails.length);
+            });
+        }
+
+        HelperFun = data.map((element) => {
+            return {
+                ...element,
+                beddetails: filter == 'WARD' ? element.beddetails : element.beddetails.filter(function (item) {
+                    var badge = ValueCheck(item[getFilter(filter)]) ? item[getFilter(filter)] : '';
+                    const dataItem = ' ' + badge + ' ';
+                    const textData = searchData.toUpperCase();
+                    return dataItem.indexOf(textData) > -1;
+                }),
+            };
+        });
+
+        piechartsearch = HelperFun.filter(function (el) {
+            return el.beddetails.length > 0;
+        });
+
+        var xxx = data.map((element) => {
+            return {
+                ...element,
+                beddetails: filter == 'WARD' ? element.beddetails : element.beddetails.filter(function (item) {
+                    var patientname = ValueCheck(item.patientname) ? item.patientname : '';
+                    var patientId = ValueCheck(item.patientno) ? item.patientno : '';
+                    var badge = ValueCheck(item[getFilter(filter)]) ? item[getFilter(filter)] : '';
+                    const dataItem = ' ' + badge + ' ' + patientname + ' ' + patientId;
+                    const textData = searchData.toUpperCase();
+                    return dataItem.indexOf(textData) > -1;
+                }),
+            };
+        }).filter(function (el) {
+            return el.beddetails.length > 0;
+        });
+    }
+
+    function getFilter(key) {
+        switch (key) {
+            case 'badgenumber':
+                return 'bedno';
+            case 'consultantname':
+                return 'admitteddoctor';
+            default:
+                return key;
+        }
+    }
+
+    function filterData() {
+        if (chip == true) {
+            setSearchData((Global.userData.hosuconsultant).toString());
+            setChip(!chip);
+        } else {
+            setSearchData('');
+            setChip(!chip);
+        }
+    }
+
+    function getExpand(params) {
+        params.expand = !params.expand;
+        setRefresh(refresh + 1);
+    }
+
+    function renderItem({ item }) {
+        TotalBeds.push(item.totalbeds);
+        return (
+            <View>
+                <HHeading
+                    styles={{
+                        'iconname': 'bed',
+                        'bgcolor': '#f2efef',
+                        'iconsize': 14,
+                        'iconcolor': Global.AppTheme.primary_color,
+                        'displaytext': item.wardname,
+                        'textsize': 13,
+                        'textcolor': Global.AppTheme.primary_color,
+                    }}
+                    callBack={val => (val == undefined ? null : getExpand(item))}
+                 />
+
+                {ArrayCheck(item.beddetails) && item.expand ?
+                    <View style={{}}>
+                        <View style={{ marginLeft: 10, flex: 1 }}>
+                            <CCard
+                                disabled={true}
+                                filter={filter == 'consultantname' ? 'admitteddoctor' : filter}
+                                search={filter == 'WARD' ? '' : searchData}
+                                noscroll={true}
+                                navigation={navigation}
+                                data={(item.beddetails.map((Pdata, i) => ({
+                                    'datalistid': i + 1,
+                                    'bordercolor': '#143A81',
+                                    'hopapatient': ValueCheck(Pdata.hopapatient) ? Pdata.hopapatient : 0,
+                                    'verified': false,
+                                    'homrpatientchartdetailstatus': 0,
+                                    'homrpatientchart': 0,
+                                    'profilecontent': [
+                                        {
+                                            'patientno': ValueCheck(Pdata.patientno) ? (Pdata.patientno).toString() : '',
+                                            'patientname': ValueCheck(Pdata.patientname) ? Pdata.patientname : '',
+                                            'heading3': '',
+                                            'patienttype': 'IP',
+                                            'gender': Pdata.gender == 'F' ? 'FEMALE' : 'MALE',
+                                            'age': ValueCheck(Pdata.age) ? Pdata.age : '',
+                                            'mobileno': ValueCheck(Pdata.mobileno) ? Pdata.mobileno : '',
+                                            'badgecolor': 'rgb(255,255,255)',
+                                            'badgenumber': ValueCheck(Pdata.bedno) ? Pdata.bedno : '',
+                                            'logo1': '',
+                                            'place': ValueCheck(Pdata.place) ? Pdata.place : '',
+                                            'clinicalunit': ValueCheck(Pdata.clinicalunit) ? Pdata.clinicalunit : '',
+                                            'admitteddoctor': ValueCheck(Pdata.admitteddoctor) ? Pdata.admitteddoctor : '',
+                                        },
+                                    ],
+                                    'centercontent': [
+                                        {
+                                            'id': 1,
+                                            'displaytext': ValueCheck(Pdata.place) ? Pdata.place : '',
+                                            'iconname': 'home',
+                                            'iconcolor': '#000000',
+                                        },
+                                        {
+                                            'id': 3,
+                                            'displaytext': ValueCheck(Pdata.clinicalunit) ? Pdata.clinicalunit : '',
+                                            'iconname': 'hospital',
+                                            'iconcolor': '#000000',
+                                        },
+                                    ],
+                                    'rightcontent': [
+                                        {
+                                            'contentid': 1,
+                                            'displaytext': 'Last Visited',
+                                            'value': ValueCheck(Pdata.lastvisited) ? Pdata.lastvisited : '',
+                                        },
+                                    ],
+                                    'leftcontent': [
+                                        {
+                                            'contentid': 1,
+                                            'displaytext': 'Last Visited',
+                                            'value': '',
+                                        },
+                                    ],
+                                })))}
+                            />
+                        </View>
+                    </View> : null}
+
+                {item.totalbeds != undefined && item.vaccant != undefined && item.filled != undefined && chip ?
+                    <View style={{ flexDirection: 'row' }}>
+                        <CPiechart
+                            data={[{ 'value': item.totalbeds },
+                            { 'value': item.totalbeds - (item.beddetails).length },
+                            { 'value': (item.beddetails).length },
+                            { 'value': item.display }]}
+                            style={{ 'innerRadius': 30, 'outerRadius': 60, 'labelRadius': 80, 'height': 0.25 }} />
+                        <View style={{ flex: 1, justifyContent: 'center' }}>
+                            {['Total Beds', 'Vaccant Beds', 'Occupied Beds'].map((display, p) => {
+                                return (
+                                    <View key={p} style={{ flexDirection: 'row', alignItems: 'center', paddingVertical: normalize(4) }}>
+                                        <View style={{ width: normalize(15), height: normalize(15), backgroundColor: getPieColor(p), borderRadius: 5, marginHorizontal: 10 }} />
+                                        <Text style={{ fontSize: normalize(12) }}>{ValueCheck(display) ? display.toUpperCase() : ''}</Text>
+                                        <CText style={{ fontSize: normalize(12), color: 'black', fontWeight: 'bold', color: 'white' }}>{ValueCheck(display) ? display.toUpperCase() : ''}</CText>
+                                    </View>);
+                            })}
+                        </View>
+                    </View> : null}
+            </View>
+        );
+    }
+
+    function getPieColor(params) {
+        switch (params) {
+            case 0: return 'blue';
+            case 2: return '#cf0404';
+            case 1: return 'green';
+            default: return 'black';
+        }
+    }
+
+    function fnData() {
+
+        if (chip) {
+            if (chip && filter == 'WARD') {
+                return data.filter(function (item) {
+                    var wardname = ValueCheck(item.wardname) ? item.wardname : '';
+                    const dataItem = wardname;
+                    const textData = searchData.toUpperCase();
+                    return dataItem.indexOf(textData) > -1;
+                });
+            }
+            else {
+                return xxx;
+            }
+        }
+        else {
+            return arrayWith;
+        }
+
+    }
+
+    return (
+        <View style={{ flex: 1, marginTop: normalize(-2) }}>
+
+            <HHeading
+                styles={{
+                    'iconname': 'bed',
+                    'bgcolor': '#f2efef',
+                    'iconsize': 16,
+                    'iconcolor': Global.AppTheme.primary_color,
+                    'displaytext': 'Occupancy',
+                    'textsize': 15,
+                    'textcolor': Global.AppTheme.primary_color,
+                }}
+                callBack={val => (val == undefined ? null : console.log(val))} />
+
+            {isLoading ? <Loader displaytext={true} /> : null}
+
+            <View style={{ marginTop: 5, justifyContent: 'space-evenly', paddingHorizontal: normalize(5), flexDirection: 'row-reverse', alignItems: 'center' }}>
+
+
+                <TouchableOpacity
+                    onPress={() => filterData()}
+                    style={{ alignItems: 'center' }}>
+                    <Text style={{ fontSize: normalize(10), fontWeight: 'bold', color: 'black' }}>{'ALL'}</Text>
+                    <View style={{
+                        width: normalize(50), height: normalize(45), alignItems: 'center', borderColor: 'black',
+                        borderRadius: normalize(45) / 2, justifyContent: 'center', borderWidth: 3, backgroundColor: chip ? '#eae5e5' : '#fff',
+                    }}>
+                        <View style={{ alignItems: 'center' }}>
+                            <ABlink>
+                                <Icons.FontAwesome5 name="hand-point-down" color={Global.AppTheme.primary_color} size={normalize(13)} />
+                            </ABlink>
+                            <Text style={{ fontWeight: '700', color: 'black', fontSize: normalize(15) }}>{TotalBeds.reduce((partial_sum, a) => partial_sum + a, 0)}</Text>
+                        </View>
+                    </View>
+                </TouchableOpacity>
+
+                {/* {chip ? */}
+                <View style={{ alignItems: 'center' }}>
+                    <Text style={{ fontSize: normalize(10), fontWeight: 'bold', color: 'black' }}>{'VACCANT'}</Text>
+                    <View style={{
+                        width: normalize(50), height: normalize(45), alignItems: 'center', borderColor: 'green',
+                        borderRadius: normalize(45) / 2, justifyContent: 'center', borderWidth: 3,
+                    }}>
+                        <Icons.FontAwesome5 name="bed" color={Global.AppTheme.primary_color} size={normalize(13)} />
+                        <Text style={{ fontWeight: '700' }}>{(TotalBeds.reduce((partial_sum, a) => partial_sum + a, 0)) -
+                            (occupiedArray.reduce((partial_sum, a) => partial_sum + a, 0))}</Text>
+                    </View>
+                </View>
+                {/* : null} */}
+
+                {!chip ?
+                    <View style={{ alignItems: 'center' }}>
+                        <Text style={{ fontSize: normalize(10), fontWeight: 'bold', color: 'black' }}>{chip ? 'TOTAL BEDS' : 'IP ' + '[' + Global.userData.username + ']'}</Text>
+                        <View style={{
+                            width: normalize(50), height: normalize(45), alignItems: 'center', borderColor: chip ? 'blue' : Global.AppTheme.primary_color,
+                            borderRadius: normalize(45) / 2, justifyContent: 'center', borderWidth: 3, backgroundColor: chip ? '#fff' : '#eae5e5',
+                        }}>
+                            <Icons.FontAwesome5 name="bed" color={Global.AppTheme.primary_color} size={normalize(13)} />
+                            <Text style={{ fontWeight: '700', color: chip ? 'black' : Global.AppTheme.primary_color, fontSize: normalize(15) }}>{chip ? TotalBeds.reduce((partial_sum, a) => partial_sum + a, 0) : sumArray.reduce((partial_sum, a) => partial_sum + a, 0)}</Text>
+                        </View>
+                    </View> : null}
+
+                {chip ?
+                    <View style={{ alignItems: 'center' }}>
+                        <Text style={{ fontSize: normalize(10), fontWeight: 'bold', color: 'black' }}>{'OCCUPIED'}</Text>
+                        <View style={{
+                            width: normalize(50), height: normalize(45), alignItems: 'center', borderColor: '#cf0404',
+                            borderRadius: normalize(45) / 2, justifyContent: 'center', borderWidth: 3,
+                        }}>
+                            <Icons.FontAwesome5 name="bed" color={Global.AppTheme.primary_color} size={normalize(13)} />
+                            <Text style={{ fontWeight: '700' }}>{occupiedArray.reduce((partial_sum, a) => partial_sum + a, 0)}</Text>
+                        </View>
+                    </View> : null}
+            </View>
+
+            <SSearch
+                editable={true}
+                dropdownapi={'emr/emrcommonget/rnlasearchdropdown 2'}
+                value={searchData}
+                dropdownarray={[
+                    {
+                        'datavalue': 2,
+                        'iconname': 'hospital-o',
+                        'displayvalue': 'WARD',
+                        'searchparam': 'WARD',
+                        'selected': false,
+                    },
+                    {
+                        'datavalue': 9,
+                        'iconname': 'user-md',
+                        'displayvalue': 'DOCTOR',
+                        'searchparam': 'admitteddoctor',
+                        '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': 4,
+                        'iconname': 'mobile',
+                        'displayvalue': 'MOBILE NO.',
+                        'searchparam': 'mobileno',
+                        'selected': false,
+                    },
+                    {
+                        'datavalue': 5,
+                        'iconname': 'th-list',
+                        'displayvalue': 'CLINIC',
+                        'searchparam': 'clinicalunit',
+                        'selected': false,
+                    }]}
+                onChangeText={text => (
+                    console.log('onChangeText.......'),
+                    setSearchData(text)
+                )}
+                onChangeData={val => val == undefined ? null : (
+                    console.log('onChangeData............', val.searchparam),
+                    setFilter(val.searchparam)
+                )}
+            />
+            {isBNUL(fnData()) ?
+                <FlatList
+                    data={fnData()}
+                    style={{ width: '100%' }}
+                    renderItem={renderItem}
+                    keyExtractor={(item, index) => 'key' + index}
+                    initialNumToRender={3}
+                />
+                : null}
+        </View>
+    );
+};
+export default CWardStatus;