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

package/src/Custom/CBooking.js

@@ -1,944 +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, 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 { useNavigation } from '../Navigation/useNavigation';
-
-
-import CAwesomeButton from '../CustomComponents/CAwesomeButton';
-
-const CBooking = (props) => {
-
-    const navigation = useNavigation();
-    const { width, height } = Dimensions.get('screen');
-    const flatlistRef = useRef();
-    const dividedWidth = width / 7;
-    const [data, setData] = useState();
-    const [refresh, setRefresh] = useState(0);
-    const [isLoading, setIsLoading] = useState(false);
-    const [footerData, setFooterData] = useState();
-    const months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
-    const d = new Date();
-    const k = new Date();
-    const [monthinno, setMonthInNo] = useState(d.getMonth());
-    console.log('d.getMonth()',d.getMonth());
-    let monthName = months[monthinno];
-    const [year, setYear] = useState(d.getFullYear());
-    const [edit, setEdit] = useState(false);
-    const [consultant, setConsultant] = useState(Global.userData.hosuconsultant);
-    const [pulltorefresh] = useState(false);
-
-    useEffect(() => {
-        if (consultant > 0) {
-            getConsultation(consultant, year, monthinno);
-        }
-    }, []);
-
-    function getFooterIconsFunctions(val) {
-        switch (val.functionid) {
-            case 'CB01':
-                ( ValueCheck(footerData) && ValueCheck(footerData.daywisedata) && ArrayCheck(footerData.daywisedata.tokensArray) ? getSave() : console.log('Disabled'));
-                break;
-            case 'CB02':
-                props.callBack(4);
-                break;
-            case 'CB03':
-                props.callBack(2);
-                break;
-            case 'CB04':
-                props.callBack(0);
-                break;
-            case 'CB05':
-                props.callBack(1);
-                break;
-            case 'CB06':
-                props.callBack(5);
-                break;
-            default:
-                console.log('Deault');
-                break;
-        }
-    }
-
-    function getSave() {
-        var output = {
-            'groups': {
-                'procedurename': 'hocobookingtokenordertiming1',
-                'suuser': Global.userData.suuser,
-                'hosuconsultant': consultant,
-                'dataArray': footerData.daywisedata.tokensArray,
-            },
-        };
-        let buttonapi = APIURL + 'commontemplatesave/RnCommonTemplateSave';
-        console.log('Buttonnnnnnnnnn apiiiiiiiiiiiiiiiiiiiiii', JSON.stringify(buttonapi));
-        console.log('output CBooking apiiiiiiiiiiiiiiiiiiiiii', JSON.stringify(output));
-        setIsLoading(true);
-        NetworkServiceCall('post', buttonapi, output).then(function (response) {
-            console.log('output CBooking apiiiiiiiiiiiiiiiiiiiiii', JSON.stringify(response));
-            if (response.httpstatus == 200
-                && response.data != undefined && response.data != null
-                && response.data.code != undefined && response.data.code > 0) {
-                notifyMessage('Data Saved!!!!!', 1);
-                setFooterData();
-                setEdit(false);
-                setIsLoading(false);
-            } else {
-                // getDateData(footerData)
-                setIsLoading(false);
-                notifyMessage('Data Not Saved!!!!!', 2);
-            }
-        });
-        getLoading(v => setIsLoading(false));
-    }
-
-    function footerComponent() {
-        return (
-            <View style={{ marginBottom: normalize(50), marginTop: normalize(2) }}>
-
-                {ValueCheck(footerData) && ArrayCheck(footerData.data) ?
-                    <View style={{ paddingHorizontal: normalize(5), flexDirection: 'row', flexWrap: 'wrap' }}>
-                        {footerData.data.map((display, p) => {
-                            return (
-                                display != null && display != undefined ?
-                                    <View key={p} style={{ flexDirection: 'row', alignItems: 'center', paddingVertical: normalize(4), paddingLeft: normalize(5) }}>
-                                        <View style={{
-                                            width: normalize(20), height: normalize(15),
-                                            backgroundColor: display.color, borderRadius: 5, alignItems: 'center', justifyContent: 'center',
-                                            marginRight: 5,
-                                        }}>
-                                            <Text style={{ fontSize: normalize(9), fontWeight: 'bold', color: 'white' }}>{display.value}</Text>
-                                        </View>
-                                        <Text style={{ fontSize: normalize(12) }}>{display.key}</Text>
-                                    </View> : null);
-                        })}
-                    </View> : null}
-
-                {footerData != undefined && footerData.data != undefined ?
-                    <View
-                        style={{ backgroundColor: '#fff', height: normalize(25), alignItems: 'center', justifyContent: 'space-evenly', flexDirection: 'row' }}>
-                        <View style={{ flexDirection: 'row', alignItems: 'center', width: '50%', justifyContent: 'center' }}>
-                            <Icons.FontAwesome5 name={'calendar-day'} color={'black'} size={normalize(15)} />
-                            <Text style={{ fontWeight: 'bold', fontSize: normalize(15), color: 'black', paddingLeft: normalize(10) }}>
-                                {footerData.displaytext + '/' + monthName + '/' + year}
-                            </Text>
-                        </View>
-                    </View> : null}
-
-                {footerData != undefined && ValueCheck(footerData.daywisedata)
-                    && ArrayCheck(footerData.daywisedata.tokensArray) ?
-                    <FlatList
-                        nestedScrollEnabled={true}
-                        data={footerData.daywisedata.tokensArray}
-                        style={{ width: width }}
-                        renderItem={(k) => renderFooterView(k)}
-                        keyExtractor={(item, index) => 'key' + index}
-                        listKey={(item, index) => 'key' + index}
-                    /> : null}
-            </View>
-        );
-    }
-
-    function getExpand(params) {
-        // params.expand = !params.expand
-        // setRefresh(refresh + 1)
-    }
-
-    function getTimeDiffernece(params) {
-        var startTime = moment(params.reportingtime, 'HH:mm:ss a');
-        var endTime = moment(params.reportingto, 'HH:mm:ss a');
-        var duration = moment.duration(endTime.diff(startTime));
-        var hours = parseInt(duration.asHours());
-        var minutes = parseInt(duration.asMinutes());
-        // console.log(hours + ' hr and ' + minutes + ' min');
-        params.waitingtime = minutes;
-        return minutes;
-    }
-
-    function getSingleRT(item, val) {
-        item.reportingtime = val;
-        item.EditFlag = 2;
-        item.reportingto = moment(moment(item.reportingtime, 'HH:mm:ss a')).add(30, 'minutes').format('hh:mm A');
-        getEditFlag();
-    }
-
-    function getSingleCT(item, val) {
-        item.reportingto = val;
-        item.EditFlag = 2;
-        // item.reportingtime = moment(moment(item.reportingto, 'HH:mm:ss a')).subtract(30, 'minutes').format('hh:mm A')
-        getEditFlag();
-    }
-
-    function renderFooterView({ item }) {
-        return (
-
-            ArrayCheck(item.tokenArr) ?
-                <View style={{ flex: 1 }}>
-
-                    <HHeading
-                        styles={{
-                            'iconname': item.iconname,
-                            'bgcolor': '#f4f4f4',
-                            'iconsize': 16,
-                            'iconcolor': Global.AppTheme.primary_color,
-                            'displaytext': item.tokentype,
-                            'textsize': 14,
-                            'textcolor': Global.AppTheme.primary_color,
-                        }}
-                        callBack={val => (val == undefined ? null : getExpand(item))}
-                        Expand={val => (val == undefined ? null : getExpand(item))} />
-
-                    {ArrayCheck(item.tokenArr) ?
-                        <View>
-                            <FlatList
-                                data={item.tokenArr}
-                                style={{ backgroundColor: '#fff' }}
-                                numColumns={2}
-                                initialNumToRender={10}
-                                maxToRenderPerBatch={10}
-                                renderItem={(k) => renderMrngEvngToken(k)}
-                                keyExtractor={(item, index) => 'key' + index}
-                                listKey={(item, index) => 'key' + index}
-                            />
-                        </View>
-                        : null}
-
-                    {/* <View style={{ flexDirection: 'row', marginLeft: normalize(5), marginRight: normalize(5), }}>
-                        <View>
-                            <View style={{ flexDirection: 'row' }}>
-                                <CTextHeader text={"Token No."} widthArr={Dimensions.get('screen').width * (0.15)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
-                            </View>
-                            {ArrayCheck(item.tokenArr) ? item.tokenArr.map((subItems, k) => {
-                                // console.log("SUBITEMSSSSSS", JSON.stringify(subItems))
-                                return (
-                                    <View key={k} style={{ flexDirection: 'row', marginTop: 1, backgroundColor: 'white' }}>
-
-                                        <View style={{
-                                            borderWidth: 1,
-                                            backgroundColor: subItems.disabledtoken ? "lightgrey" : subItems.bookedstatus ? '#c1f2d4' : '#fff', borderColor: 'lightgrey', borderRadius: 5, elevation: 3
-                                            , width: Dimensions.get('screen').width * (0.15),
-                                            height: Dimensions.get('screen').height * 0.035, elevation: 3,
-                                            marginHorizontal: normalize(2), marginVertical: normalize(2), paddingHorizontal: normalize(5)
-                                        }}>
-                                            <TouchableOpacity
-                                                style={{ flexDirection: 'row', alignItems: 'center' }}>
-                                                <Icons.FontAwesome name={'circle'} color={ValueCheck(subItems.color) ? subItems.color : "black"}
-                                                    size={normalize(15)} />
-                                                <Text style={{ fontWeight: 'bold', fontSize: normalize(18), paddingLeft: normalize(5) }}>{subItems.tokenno}</Text>
-
-                                                {getTimeDiffernece(subItems) > 30 && getTimeDiffernece(subItems) > 0 ?
-                                                    <Icons.Entypo name={"emoji-sad"} color={"red"}
-                                                        size={normalize(15)} style={{ paddingLeft: normalize(5) }} /> : null}
-                                            </TouchableOpacity>
-                                        </View>
-
-                                    </View>)
-                            }) : null}
-                        </View>
-
-                        <ScrollView horizontal={true} showsHorizontalScrollIndicator={true}>
-                            <View style={{ flex: 1, marginTop: 0, marginRight: normalize(20), }}>
-                                <View style={{ flexDirection: 'row' }}>
-                                    <CTextHeader text={" Patient Name"} widthArr={Dimensions.get('screen').width * (0.3)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
-                                    <CTextHeader text={" Reporting Time"} widthArr={Dimensions.get('screen').width * (0.3)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
-                                    <CTextHeader text={" Consultation Time"} widthArr={Dimensions.get('screen').width * (0.3)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
-                                    <CTextHeader text={" Waiting Time"} widthArr={Dimensions.get('screen').width * (0.2)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
-                                    <CTextHeader text={" Disable"} widthArr={Dimensions.get('screen').width * (0.2)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
-                                    <CTextHeader text={" Type"} widthArr={Dimensions.get('screen').width * (0.3)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
-                                    <CTextHeader text={" Remarks"} widthArr={Dimensions.get('screen').width * (0.6)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
-                                    <CTextHeader text={" Mobile"} widthArr={Dimensions.get('screen').width * (0.3)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
-                                </View>
-                                {ArrayCheck(item.tokenArr) ? item.tokenArr.map((subItems, h) => {
-                                    return (
-                                        <View key={h} style={{ flexDirection: 'row', marginTop: 1, backgroundColor: 'white' }}>
-                                            <CTextBody widthArr={0.3} displaytext={ValueCheck(subItems.patientname) ? subItems.patientname.toUpperCase() : ''} />
-
-                                            <View style={{ width: Dimensions.get('screen').width * (0.3), marginLeft: normalize(1) }}>
-                                                <STimePicker
-                                                    table={true}
-                                                    height={normalize(23)}
-                                                    width={normalize(82)}
-                                                    bgcolor={'#fcffad'}
-                                                    value={subItems.reportingtime}
-                                                    callBack={val => (val == undefined ? null : getSingleRT(subItems, val))} />
-                                            </View>
-
-                                            <View style={{ width: Dimensions.get('screen').width * (0.3), marginLeft: normalize(5) }}>
-                                                <STimePicker
-                                                    table={true}
-                                                    height={normalize(23)}
-                                                    width={normalize(82)}
-                                                    bgcolor={'#d8f9d4'}
-                                                    value={subItems.reportingto}
-                                                    callBack={val => (val == undefined ? null : getSingleCT(subItems, val))} />
-                                            </View>
-
-                                            <CTextBody widthArr={0.2} color={subItems.waitingtime > 30 || subItems.waitingtime < 0 ? "#ffc9c9" : '#fff'}
-                                                displaytext={subItems.waitingtime > 0 ? subItems.waitingtime + ' min' : ''} />
-
-                                            <View style={{
-                                                borderWidth: 1, justifyContent: 'center',
-                                                backgroundColor: subItems.disabledtoken ? "lightgrey" : '#fff', borderColor: 'lightgrey', borderRadius: 5, elevation: 3
-                                                , width: Dimensions.get('screen').width * (0.2),
-                                                height: Dimensions.get('screen').height * 0.035, elevation: 3,
-                                                marginHorizontal: normalize(2), marginVertical: normalize(2), alignItems: 'center'
-                                            }}>
-                                                <Switch
-                                                    trackColor={{ false: "black", true: "red" }}
-                                                    thumbColor={"lightgrey"}
-                                                    onChange={() => { subItems.disabledtoken = !subItems.disabledtoken, setRefresh(refresh + 1), setEdit(true) }}
-                                                    value={subItems.disabledtoken}
-                                                />
-                                            </View>
-
-                                            <CTextBody widthArr={0.3} displaytext={subItems.bookingtypename} />
-
-                                            <TextInput
-                                                style={{
-                                                    borderWidth: 1,
-                                                    backgroundColor: 'white',
-                                                    borderColor: 'lightgrey',
-                                                    elevation: 3,
-                                                    borderRadius: 5,
-                                                    fontWeight: 'bold',
-                                                    color: 'black',
-                                                    width: Dimensions.get('screen').width * 0.6,
-                                                    paddingTop: 5,
-                                                    paddingBottom: 5,
-                                                    height: Dimensions.get('screen').height * 0.035,
-                                                    textAlign: 'center',
-                                                    marginTop: normalize(2),
-                                                    marginHorizontal: normalize(2)
-                                                }}
-                                                keyboardType={'default'}
-                                                onChangeText={val => { subItems.remarks = val }}>
-                                                {subItems.remarks}
-                                            </TextInput>
-                                            <CTextBody widthArr={0.3} displaytext={subItems.mobilenumber} />
-
-                                        </View>)
-                                }) : null}
-                            </View>
-                        </ScrollView>
-                    </View> */}
-                </View> : null
-        );
-    }
-
-    function renderMrngEvngToken({ item }) {
-        return (
-            <View style={{ marginLeft: normalize(7), marginTop: normalize(5) }}>
-                <View style={{
-                    flexDirection: 'column', alignItems: 'center',
-                    borderWidth: 1, borderBottomWidth: normalize(3), borderColor: 'lightgrey',
-                    borderRadius: normalize(10), borderBottomColor: 'lightgrey',
-                    width: Dimensions.get('screen').width * 0.47, paddingBottom: normalize(6),
-                    justifyContent: 'space-around',
-                }}>
-
-                    <View style={{ flexDirection: 'row', marginTop: normalize(2), backgroundColor: 'lightgrey', paddingHorizontal: normalize(5), borderRadius: normalize(5), width: normalize(150) }}>
-                        <Icons.FontAwesome5 name="user" color={'black'} size={normalize(12)} style={{ paddingHorizontal: normalize(5) }} />
-                        <Text numberOfLines={1} style={{ fontSize: normalize(12), fontWeight: 'bold', color: 'black' }}>
-                            {item.patientname} - {item.mobilenumber}
-                        </Text>
-                    </View>
-
-                    <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'space-evenly', width: Dimensions.get('screen').width * 0.47 }}>
-                        <View style={{ alignItems: 'center', justifyContent: 'center' }}>
-                            <View style={{ width: normalize(30), backgroundColor: item.color, height: normalize(30), borderRadius: normalize(1000), alignItems: 'center', justifyContent: 'center', elevation: 5 }} >
-                                <Text numberOfLines={1} style={{ color: getTimeDiffernece(item) > 30 && getTimeDiffernece(item) > 0 ? 'red' : '#fff', fontSize: normalize(17), fontWeight: 'bold' }}>{item.tokenno}</Text>
-                            </View>
-
-                            <View style={{ alignItems: 'center' }}>
-                                <Text style={{ fontSize: normalize(9) }}>Disable?</Text>
-                                <Switch
-                                    trackColor={{ false: 'black', true: 'red' }}
-                                    thumbColor={'lightgrey'}
-                                    onChange={() => { item.disabledtoken = !item.disabledtoken, item.EditFlag = 2, setRefresh(refresh + 1), setEdit(true); }}
-                                    value={item.disabledtoken}
-                                />
-                            </View>
-
-                            <View>
-                                {ValueCheck(item.waitingtime) ?
-                                    <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}>
-                                        <Icons.MaterialCommunityIcons name="timer-sand-complete" color={item.waitingtime > 30 || item.waitingtime < 0 ? 'red' : 'black'} size={normalize(12)} />
-                                        <Text style={{ fontSize: normalize(10), fontWeight: 'bold', color: item.waitingtime > 30 || item.waitingtime < 0 ? 'red' : 'black' }}>
-                                            {item.waitingtime + ' min'}
-                                        </Text>
-                                    </View> : null}
-                            </View>
-                        </View>
-
-                        <View style={{ alignItems: 'center', justifyContent: 'center' }}>
-                            <View style={{ width: Dimensions.get('screen').width * (0.28) }}>
-                                <STimePicker
-                                    disabled={true}
-                                    bgcolor={'#fff'}
-                                    placeholder={'Reporting Time:'}
-                                    height={normalize(23)}
-                                    width={normalize(76)}
-                                    value={item.reportingtime}
-                                    callBack={val => (val == undefined ? null : getSingleRT(item, val))} />
-                            </View>
-
-                            <View style={{ width: Dimensions.get('screen').width * (0.28) }}>
-                                <STimePicker
-                                    bgcolor={'#fff'}
-                                    placeholder={'Consultation Time:'}
-                                    height={normalize(23)}
-                                    width={normalize(76)}
-                                    value={item.reportingto}
-                                    callBack={val => (val == undefined ? null : getSingleCT(item, val))} />
-                            </View>
-
-                        </View>
-                    </View>
-
-                    <TextInput
-                        style={{
-                            borderWidth: 1,
-                            backgroundColor: 'white',
-                            borderColor: 'lightgrey',
-                            elevation: 3,
-                            borderRadius: 5,
-                            fontWeight: 'bold',
-                            color: 'black',
-                            width: Dimensions.get('screen').width * 0.4,
-                            paddingTop: 5,
-                            paddingBottom: 5,
-                            height: Dimensions.get('screen').height * 0.035,
-                            textAlign: 'center',
-                            marginTop: normalize(5),
-                            marginHorizontal: normalize(2),
-                        }}
-                        keyboardType={'default'}
-                        placeholder="Remarks"
-                        onChangeText={val => { item.remarks = val, item.EditFlag = 2; }}>
-                        {item.remarks}
-                    </TextInput>
-                </View>
-            </View>
-        );
-    }
-
-    function getDateData(params) {
-        setEdit(false);
-        props.editFlag(false);
-        data.forEach((item) => {
-            item.selected = false;
-        });
-        params.selected = true;
-        params.daywisedata = [];
-        getApiPatientData(params);
-        // console.log("CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC", JSON.stringify(params.daywisedata))
-        setRefresh(refresh + 1);
-        setFooterData(params);
-    }
-
-    function getEditFlag() {
-        props.editFlag(true);
-        setEdit(true);
-        setRefresh(refresh + 1);
-    }
-
-    function renderItem({ item }) {
-        return (
-            <TouchableOpacity style={{
-                width: dividedWidth, alignItems: 'center', paddingTop: 5,
-                borderWidth: 0.5, backgroundColor: item.data != undefined && item.data.length > 0 ? '#f4fcf7' : '#fff',
-            }}
-                disabled={false}
-                onPress={() => item.data != undefined && item.data.length > 0 ? getDateData(item) : notifyMessage('No data found', 3)}
-            >
-                <View style={{
-                    alignItems: 'center', justifyContent: 'center',
-                }}>
-                    <Text style={{
-                        color: item.data != undefined && item.data.length > 0 ? 'green' : '#b6b5b7', fontSize: normalize(20), fontWeight: 'bold', textShadowColor: '#b6b5b7',
-                        textShadowOffset: { width: -1, height: 1 },
-                        textShadowRadius: 3,
-                    }}>{item.displaytext == 0 ? '' : item.displaytext}</Text>
-                </View>
-
-                <View style={{
-                    flexDirection: 'row', width: '100%', flex: 1, alignItems: 'center',
-                    justifyContent: 'space-between', flexWrap: 'wrap', paddingHorizontal: 1, paddingTop: normalize(2), paddingBottom: normalize(5),
-                }}>
-                    {item.data != undefined ? item.data.map((subArray, h) => {
-                        return (
-                            <View key={h} style={{
-                                width: normalize(22), borderRadius: 5, justifyContent: 'center',
-                                alignItems: 'center', marginBottom: 1, marginTop: normalize(5),
-                                backgroundColor: '#fff', borderWidth: 0.7, borderColor: subArray.color,
-                            }}>
-                                <Text adjustsFontSizeToFit style={{ fontSize: normalize(12), color: subArray.color }}>{subArray.value}</Text>
-                            </View>
-                        );
-                    }) : null}
-                </View>
-
-            </TouchableOpacity>
-        );
-    }
-
-    function getConsultation(consultant, year, month) {
-        setConsultant(consultant);
-        var monthReal = month + 1;
-        let buttonapi = APIURL + 'emr/emrcommonget/rnhococonsultationtokendate ' + consultant + ',' + year + ',' + monthReal;
-        console.log('>>>>>>>>>>>> MONTH DATATATAT>>>>>>>>>>Booking<<<<', JSON.stringify(buttonapi));
-        // let buttonapi = "http://111.92.109.30:8090/emr/emrcommonget/rnhococonsultationhistoryemr 7,2023,10"
-        setIsLoading(true);
-        setData();
-        setFooterData();
-        NetworkServiceCall('get', buttonapi, '')
-            .then(function (response) {
-                if (response.httpstatus == 200 && response.data != null && response.data != undefined) {
-                    setIsLoading(false);
-                    setData(response.data.monthdata);
-                }
-                else {
-                    setIsLoading(false);
-                    notifyMessage('Booking not available,Please try again later', 2);
-                }
-            });
-
-        getLoading(v => setIsLoading(false));
-    }
-
-    function getApiPatientData(data) {
-        setIsLoading(true);
-        let buttonapi = APIURL + 'emr/emrcommonget/rnhopaptientconsultationtokens ' + consultant + ',' + JSON.stringify(data.date);
-        console.log('Butttonnnnnnnn apiiiiiiiiiiiiiiiiii CBooking', JSON.stringify(buttonapi));
-        NetworkServiceCall('get', buttonapi, '')
-            .then(function (response) {
-                // response = {
-                //     "success": true,
-                //     "httpstatus": 200,
-                //     "message": "SUCCESS",
-                //     "data": {
-                //         "title": "token allocations",
-                //         "tokensArray": [
-                //             {
-                //                 "keyid": 1,
-                //                 "tokentype": "Morning",
-                //                 "disabletokens": false,
-                //                 "iconname": "sun",
-                //                 "reportingtime": "10:35 AM",
-                //                 "reportingto": "01:00 PM",
-                //                 "tokenArr": [
-                //                     {
-                //                         "tokenno": 1,
-                //                         "bookingtypes": "P",
-                //                         "mrngorevng": 1,
-                //                         "disabledtoken": false,
-                //                         "bookedstatus": true,
-                //                         "bookingdate": "2023-10-10",
-                //                         "reportingto": "10:35 AM",
-                //                         "reportingtime": "10:30 AM",
-                //                         "duration": 0,
-                //                         "bookingtypename": "PHONE",
-                //                         "patientname": "Albert Paul",
-                //                         "mobilenumber": "7338483582",
-                //                         "totalamount": 30,
-                //                         "canceltokenno": 0,
-                //                         "paidstatus": true,
-                //                         "hopapatient": 0,
-                //                         "patientid": 0,
-                //                         "remarks": ""
-                //                     },
-                //                     {
-                //                         "tokenno": 2,
-                //                         "bookingtypes": "P",
-                //                         "mrngorevng": 1,
-                //                         "disabledtoken": false,
-                //                         "bookedstatus": false,
-                //                         "bookingdate": "2023-10-10",
-                //                         "reportingto": "10:35 AM",
-                //                         "reportingtime": "10:30 AM",
-                //                         "duration": 0,
-                //                         "bookingtypename": "PHONE",
-                //                         "patientname": "",
-                //                         "mobilenumber": "",
-                //                         "totalamount": 30,
-                //                         "canceltokenno": 0,
-                //                         "paidstatus": true,
-                //                         "hopapatient": 0,
-                //                         "patientid": 0,
-                //                         "remarks": ""
-                //                     },
-                //                     {
-                //                         "tokenno": 3,
-                //                         "bookingtypes": "P",
-                //                         "mrngorevng": 1,
-                //                         "disabledtoken": false,
-                //                         "bookedstatus": true,
-                //                         "bookingdate": "2023-10-10",
-                //                         "reportingto": "10:35 AM",
-                //                         "reportingtime": "10:30 AM",
-                //                         "duration": 0,
-                //                         "bookingtypename": "PHONE",
-                //                         "patientname": "Mathew",
-                //                         "mobilenumber": "",
-                //                         "totalamount": 30,
-                //                         "canceltokenno": 0,
-                //                         "paidstatus": true,
-                //                         "hopapatient": 0,
-                //                         "patientid": 0,
-                //                         "remarks": ""
-                //                     },
-                //                     {
-                //                         "tokenno": 4,
-                //                         "bookingtypes": "P",
-                //                         "mrngorevng": 1,
-                //                         "disabledtoken": false,
-                //                         "bookedstatus": false,
-                //                         "bookingdate": "2023-10-10",
-                //                         "reportingto": "10:35 AM",
-                //                         "reportingtime": "10:30 AM",
-                //                         "duration": 0,
-                //                         "bookingtypename": "PHONE",
-                //                         "patientname": "",
-                //                         "mobilenumber": "",
-                //                         "totalamount": 30,
-                //                         "canceltokenno": 0,
-                //                         "paidstatus": true,
-                //                         "hopapatient": 0,
-                //                         "patientid": 0,
-                //                         "remarks": ""
-                //                     },
-                //                     {
-                //                         "tokenno": 6,
-                //                         "bookingtypes": "P",
-                //                         "mrngorevng": 1,
-                //                         "disabledtoken": false,
-                //                         "bookedstatus": false,
-                //                         "bookingdate": "2023-10-10",
-                //                         "reportingto": "10:35 AM",
-                //                         "reportingtime": "10:30 AM",
-                //                         "duration": 0,
-                //                         "bookingtypename": "PHONE",
-                //                         "patientname": "",
-                //                         "mobilenumber": "",
-                //                         "totalamount": 30,
-                //                         "canceltokenno": 0,
-                //                         "paidstatus": true,
-                //                         "hopapatient": 0,
-                //                         "patientid": 0,
-                //                         "remarks": ""
-                //                     }
-                //                 ]
-                //             },
-                //             {
-                //                 "keyid": 1,
-                //                 "tokentype": "Evening",
-                //                 "disabletokens": false,
-                //                 "iconname": "moon",
-                //                 "reportingtime": "02:30 PM",
-                //                 "reportingto": "06:30 PM",
-                //                 "tokenArr": [
-                //                     {
-                //                         "tokenno": 1,
-                //                         "bookingtypes": "P",
-                //                         "mrngorevng": 0,
-                //                         "disabledtoken": true,
-                //                         "bookedstatus": false,
-                //                         "bookingdate": "2023-10-10",
-                //                         "reportingtime": "02:30 PM",
-                //                         "reportingto": "06:30 PM",
-                //                         "duration": 0,
-                //                         "bookingtypename": "PHONE",
-                //                         "patientname": "",
-                //                         "mobilenumber": "",
-                //                         "totalamount": 30,
-                //                         "canceltokenno": 0,
-                //                         "paidstatus": true,
-                //                         "hopapatient": 0,
-                //                         "patientid": 0,
-                //                         "remarks": ""
-                //                     }
-                //                 ]
-                //             }
-                //         ]
-                //     }
-                // }
-                if (response.httpstatus == 200) {
-                    data.daywisedata = response.data;
-                    flatlistRef.current.scrollToEnd({ animating: true });
-                    setIsLoading(false);
-                }
-                else {
-                    setIsLoading(false);
-                    notifyMessage('Day wise data not available.', 4);
-                }
-            });
-        getLoading(v => setIsLoading(false));
-
-    }
-
-    function IncrementMonth() {
-        console.log('INCREMENTTTTTTTTTTTTTT', monthinno);
-        setFooterData(null);
-        if (monthinno != 11) {
-            // if (monthinno != d.getMonth()) {
-            if (monthinno < 11) {
-                setMonthInNo(monthinno + 1);
-            } else {
-                setYear(year + 1);
-                setMonthInNo(0);
-            }
-            getConsultation(consultant, year, monthinno + 1);
-            // }
-        } else {
-            setMonthInNo(0);
-            setYear(year + 1);
-            getConsultation(consultant, year + 1, 0);
-        }
-    }
-
-    function DecrementMonth() {
-        if (monthinno != 0) {
-            if ((monthinno - 1 >= d.getMonth())) {
-                console.log('>>>>>>>>>>INSIDEEEEEE<<<<<<<<<', d.getMonth());
-                setFooterData(null);
-                if (monthinno > 0) {
-                    setMonthInNo(monthinno - 1);
-                } else {
-                    setYear(year - 1);
-                    setMonthInNo(11);
-                }
-                getConsultation(consultant, year, monthinno - 1);
-            }
-        } else {
-            setYear(year - 1);
-            setMonthInNo(11);
-            getConsultation(consultant, year - 1, 11);
-        }
-    }
-
-    return (
-        <View style={{
-            flex: 1,
-            marginTop: normalize(-2),
-        }}>
-            <View
-                style={{
-                    backgroundColor: '#f2efef',
-                    paddingVertical: 3,
-                    paddingHorizontal: 6,
-                    marginTop: 3,
-                    marginBottom: 2,
-                    display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    borderTopLeftRadius: 20,
-                    borderTopRightRadius: 20,
-                }}>
-                <TouchableOpacity onPress={() => { }}
-                    disabled={true}
-                    style={{
-                        alignItems: 'center',
-                        marginRight: 5,
-                    }}>
-                    <FontAwesome5
-                        name={'user-md'}
-                        color={Global.AppTheme.primary_color}
-                        size={normalize(16)}
-                        style={{ paddingHorizontal: normalize(5) }}
-                    />
-                </TouchableOpacity>
-                <Text
-                    style={{
-                        textShadowRadius: 2,
-                        fontSize: normalize(14),
-                        fontWeight: 'bold',
-                        color: Global.AppTheme.primary_color,
-                        flex: 1,
-                    }}>
-                    {'BOOKINGS'}
-                </Text>
-                <TouchableOpacity
-                    onPress={() => {
-                        navigation.navigate('PdfPreview', { 'link': APIURL + 'jremr/jrcommonreport/jrhocobookingtokenreport(' + Global.userData.hosuconsultant + ',' + year + ',' + `${monthinno + 1}` + ')/0/forbookingtoken' });
-                    }}
-                    style={{
-                        borderWidth: 0,
-                        justifyContent: 'center',
-                        alignItems: 'center',
-                    }}>
-                    <HOCIcons.MaterialCommunityIcons
-                        name={'table-account'}
-                        color={Global.AppTheme.primary_color}
-                        size={normalize(25)}
-                    />
-                    <Text style={{
-                        color: Global.AppTheme.primary_color,
-                        fontSize: normalize(7),
-                        fontWeight: 'bold',
-                        textAlign: 'center',
-                    }}>
-                        {'Booking Summary'}
-                    </Text>
-                </TouchableOpacity>
-            </View>
-            {isLoading ?
-                <Loader
-                    displaytext={true}
-                />
-            : null}
-
-            {Global.userData.hosuconsultant == 0 ?
-                <View style={{ paddingHorizontal: normalize(8), marginBottom: normalize(2) }}>
-                    <Text style={{ fontSize: normalize(8), paddingHorizontal: 5 }}>Consultant :</Text>
-                    <SDropDownNew
-                        dropdownapi={'emr/emrcommonget/exec rndddwdropdownselect 1'}
-                        dropdowndata={ValueCheck(Global.userData.hosuconsultant) &&
-                            Global.userData.hosuconsultant > 0 ? Global.userData.username : ''}
-                        onChangeData={val =>
-                            val == undefined ? null : getConsultation(val.datavalue, year, monthinno)}
-                        editable={true}
-                        widthArr={Dimensions.get('screen').width * 0.96}
-                        iconName={'user-md'}
-                        refreshCount={val =>  val == undefined ? null : console.log('Refresh') }
-                    />
-                </View> : null}
-
-            <View style={{ backgroundColor: 'transparent' }}>
-                <View style={{ flexDirection: 'row', alignSelf: 'center', alignItems: 'center', justifyContent: 'space-between', width: '50%' }}>
-                    <FontAwesome5 name="arrow-left" color="black" size={normalize(15)}
-                        onPress={() => DecrementMonth()}
-                    />
-                    <Text style={{ fontSize: normalize(14), color: 'black', paddingHorizontal: 10 }}>{monthName} {year}</Text>
-                    <FontAwesome5 name="arrow-right" color="black" size={normalize(15)} onPress={() => IncrementMonth()} />
-                </View>
-            </View>
-            <View style={{ flexDirection: 'row', height: normalize(20), alignItems: 'center', justifyContent: 'center' }}>
-                {['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'].map((week, i) => {
-                    return (
-                        <View key={i} style={{ width: dividedWidth, alignItems: 'center', borderWidth: 0.5 }}>
-                            <Text style={{ fontSize: normalize(12), fontWeight: 'bold', color: i == 0 ? 'red' : 'black' }}>{week}</Text>
-                        </View>);
-                })}
-            </View>
-            <FlatList
-                ref={flatlistRef}
-                data={data}
-                style={{ width: '100%' }}
-                renderItem={(k) => renderItem(k)}
-                refreshControl={<RefreshControl
-                    refreshing={pulltorefresh}
-                    size={'large'}
-                    tintColor={'blue'}
-                    colors={['red', 'green', 'cyan', 'black']}
-                    progressBackgroundColor={'white'}
-                    onRefresh={() => getConsultation(consultant, year, monthinno)} />}
-                keyExtractor={(item) => item.displaytext}
-                numColumns={7}
-                ListFooterComponent={() => footerComponent()}
-                ListFooterComponentStyle={{ width: width }}
-            />
-            <View style={{
-                position: 'absolute',
-                flexDirection: 'row',
-                borderTopColor: '#c9c7c7',
-                borderTopWidth: 2,
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                bottom: 0,
-                paddingVertical: 5,
-                width: '100%',
-                backgroundColor: '#fff',
-            }}>
-                {[{
-                    'displaytext': 'Save',
-                    'icongroup':4,
-                    'size': 10, 'iconname': 'save', 'iconcolor': Global.AppTheme.primary_color, 'fontcolor': Global.AppTheme.primary_color,
-                    'shadowcolor': '#fff', 'selected': false, 'visibility': edit ? true : false, 'iconsize': 20, 'functionid': 'CB01', 'iconsize': 20, 'functionid': 'CB01', 'componentname': 'SetUpVitalSign',
-                },
-                {
-                    'displaytext': 'Monthly',
-                    'icongroup':4,
-                    'iconname': 'calendar-check-o',
-                    'stage': 1,
-                    'visibility': true,
-                    'functionid': 'CB04',
-                },
-                {
-                    'iconname': 'stack-overflow',
-                    'icongroup':4,
-                    'displaytext': 'Tokens',
-                    'stage': 2,
-                    'visibility': true,
-                    'functionid': 'CB03',
-                },
-                {
-                    'iconname': 'user-md',
-                    'icongroup':4,
-                    'displaytext': 'Booking',
-                    'stage': 2,
-                    'visibility': true,
-                    'selected': true,
-                    'functionid': 'CB05',
-                },
-                {
-                    'iconname': 'exchange',
-                    'icongroup':4,
-                    'displaytext': 'Postpone',
-                    'stage': 5,
-                    'visibility': true,
-                    'selected': true,
-                    'functionid': 'CB06',
-                },
-                // {
-                //     "icongroup":4,
-                //     "displaytext": "Report", "size": 10, "iconname": "file-pdf-o", "iconcolor": Global.AppTheme.primary_color,
-                //     "fontcolor": Global.AppTheme.primary_color, "shadowcolor": '#fff', "selected": false, "visibility": true, "iconsize": 20, "functionid": "CB02",
-                // }
-            ].map((item, i) => {
-                    return (
-                        item.visibility ?
-
-                            <View>
-                                <CAwesomeButton
-                                    key={i}
-                                    data={{
-                                        ...item,
-                                        'width':normalize(45),
-                                        'shadowcolor': '#fff',
-                                        'iconcolor':
-                                            item.displaytext == 'Booking' ? '#db04ac' : item.displaytext == 'Save' ? 'red' : Global.AppTheme.primary_color,
-                                        'fontcolor': item.displaytext == 'Booking' ? '#db04ac' : item.displaytext == 'Save' ? 'red' : Global.AppTheme.primary_color,
-                                    }
-                                    }
-                                    callBack={val => val == undefined ? null : getFooterIconsFunctions(item)}
-                                />
-                            </View>
-
-                            // <TouchableOpacity key={i} style={{ alignItems: 'center' }}
-                            //     onPress={() => getFooterIconsFunctions(item)}>
-                            //     <Icons.FontAwesome name={item.iconname} color={item.displaytext == "Booking" ? "#db04ac" : item.displaytext == "Save" ? "red" : "black"} size={normalize(20)} />
-                            //     <Text style={{ color: item.displaytext == "Booking" ? "#db04ac" : item.displaytext == "Save" ? "red" : "black", fontSize: normalize(10) }}>{item.displaytext}</Text>
-                            // </TouchableOpacity>
-
-                            : null
-                    );
-                })}
-            </View>
-        </View>
-    );
-};
-export default CBooking;