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

package/src/Custom/CTokenListOverlay.js

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

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