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

package/src/Custom/PreviewDosage.js

@@ -0,0 +1,115 @@
+import React, { useState } from 'react';
+import { View, Text, TouchableOpacity, ScrollView } from 'react-native';
+import FontAwesome from 'react-native-vector-icons/FontAwesome';
+import { Global } from '../../../../../src/Common/Global';
+import { ValueCheck } from '../CommonStyle/ComponentFunctions';
+import { normalize } from '../CommonStyle/componentStyle';
+import Dropdown from '../Json/Dropdown.json';
+
+export default function PreviewDosage(props) {
+    const [data, setData] = useState(props.data);
+    const [category, setCategory] = useState(props.arrayData);
+    // console.log("DATTATATATATTATATATAT", JSON.stringify(category))
+    return (
+        <View style={{ marginTop: normalize(2) }}>
+            {data.dosage != undefined && data.dosage[0].description != '' ?
+                <ScrollView horizontal={true} showsHorizontalScrollIndicator={false}>
+                    <TouchableOpacity>
+                        <View style={{ flexDirection: 'row', alignItems: 'center', alignSelf: 'baseline' }}>
+                            <FontAwesome
+                                name={'dot-circle-o'}
+                                color={Global.AppTheme.primary_color}
+                                size={normalize(10)}
+                                style={{ paddingHorizontal: normalize(10) }}
+                            />
+                            <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }}>
+                                {category != undefined &&
+                                    category.categorycode == 4 && !data.dosage[0].specifictime || category.categorycode == 0 ?
+                                    <Text adjustsFontSizeToFit style={{ color: 'black', fontWeight: 'bold', fontSize: normalize(11) }}>{data.timingslotname}</Text> : null}
+                                <Text>{' '}</Text>
+                                {/* <Text style={{ color: "black", fontSize: normalize(14), fontWeight: 'bold' }}>{data.dosage[0].description}</Text> */}
+                                {data.dosage[0].volume != undefined && data.dosage[0].volume != '' && data.dosage[0].unit != undefined && data.dosage[0].unit != '' ?
+                                    <Text style={{ color: 'black', fontSize: normalize(11), fontWeight: 'bold' }}>{' ('}{data.dosage[0].volume}{ }{getDosageUnit(data.dosage[0].unit) != 'Not Applicable' ? '-' + getDosageUnit(data.dosage[0].unit) : ''}{')'}</Text> : null}
+
+                                {!data.dosage[0].specifictime ?
+                                    <View style={{ flexDirection: 'row' }}>
+                                        <Text style={{ color: 'black', fontSize: normalize(11), fontWeight: 'bold' }}>{' BETWEEN '}</Text>
+                                        <Text style={{ color: 'black', fontSize: normalize(11), fontWeight: 'bold' }}>{data.timingslotfrom}</Text>
+                                        <Text style={{ color: 'black', fontSize: normalize(11), fontWeight: 'bold' }}>{' TO '}</Text>
+                                        <Text style={{ color: 'black', fontSize: normalize(11), fontWeight: 'bold' }}>{data.timingslotto}</Text>
+                                    </View> :
+                                    <Text style={{ fontSize: normalize(12), fontWeight: 'bold', color: 'red' }}>
+                                        {' @ '}{data.dosage[0].timeprovided}
+                                    </Text>}
+
+                                {ValueCheck(category) && category.categorycode == 4 ? <Text style={{ color: 'black', fontSize: normalize(11), paddingLeft: normalize(8), fontWeight: 'bold' }}>{data.dosage[0].intakedisplay != undefined && data.dosage[0].intakedisplay != '' ? data.dosage[0].intakedisplay : getDropDownIntake(data.dosage[0].intake != undefined ? data.dosage[0].intake : '')}</Text> : null}
+                            </View>
+                        </View>
+                        <View style={{}}>
+                            <View style={{ paddingHorizontal: normalize(5) }}>
+
+                                {data.dosage[0].medicationdescription != undefined && data.dosage[0].medicationdescription != '' ?
+                                    <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                                        <FontAwesome
+                                            name={'dot-circle-o'}
+                                            color={Global.AppTheme.primary_color}
+                                            size={normalize(10)}
+                                            style={{ paddingHorizontal: normalize(10) }}
+                                        />
+                                        <Text style={{ color: 'black', fontSize: normalize(12) }}>{(data.dosage[0].medicationdescription).toUpperCase()}</Text>
+                                    </View> : null}
+
+                                {data.dosage[0].patientdescription != undefined && data.dosage[0].patientdescription != '' ?
+                                    <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                                        <FontAwesome
+                                            name={'dot-circle-o'}
+                                            color={Global.AppTheme.primary_color}
+                                            size={normalize(10)}
+                                            style={{ paddingHorizontal: normalize(10) }}
+                                        />
+                                        <Text adjustsFontSizeToFit style={{ color: 'black', fontSize: normalize(11) }}>{(data.dosage[0].patientdescription).toUpperCase()}</Text>
+                                    </View> : null}
+
+                                {data.dosage[0].consultantdescription != undefined && data.dosage[0].consultantdescription != '' ?
+                                    <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                                        <FontAwesome
+                                            name={'dot-circle-o'}
+                                            color={Global.AppTheme.primary_color}
+                                            size={normalize(10)}
+                                            style={{ paddingHorizontal: normalize(10) }}
+                                        />
+                                        <Text adjustsFontSizeToFit style={{ color: 'black', fontSize: normalize(11) }}>{(data.dosage[0].consultantdescription).toUpperCase()}</Text>
+                                    </View> : null}
+
+                            </View>
+                        </View>
+                    </TouchableOpacity>
+                </ScrollView> : null}
+        </View>
+    );
+
+    function getDosageUnit(details) {
+        let dropdownvaluenew4;
+        Global.DosageArray != null && Global.DosageArray != undefined
+            && Global.DosageArray.length > 0
+            ? Global.DosageArray.map(val => {
+                if (val.datavalue == parseInt(details)) {
+                    dropdownvaluenew4 = val.displayvalue;
+                }
+            })
+            : null;
+        return dropdownvaluenew4;
+    }
+
+    function getDropDownIntake(details) {
+        let dropdownvaluenew3;
+        Dropdown.Intake != null
+            ? Dropdown.Intake.map(val => {
+                if (val.datavalue == details) {
+                    dropdownvaluenew3 = val.displayvalue;
+                }
+            })
+            : null;
+        return dropdownvaluenew3;
+    }
+}

package/src/Custom/SearchLoader.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import ComponentStyles, { normalize } from '../CommonStyle/componentStyle';
+import { View, Image, StyleSheet, Platform } from 'react-native';
+import { APIURL } from '../../../../../src/Common/apiConstants';
+export default function SearchLoader(props) {
+    return (
+        <View style={ComponentStyles.View_col_center}>
+            {console.log('Platform.OS',JSON.stringify(`${APIURL}file/getCommonFile/image/heartpulse.gif`))}
+            {Platform.OS === 'ios' ?
+                <Image
+                    style={layoutstyles.icon_style} //Search_blue.bgif
+                    source={{ uri:`${APIURL}file/getCommonFile/image/Search_blue.gif`}}
+                />
+                :
+                <Image
+                    style={layoutstyles.icon_style}
+                    // source={require('../Asset/gif/Search_blue.gif')}
+                    source={{ uri:`${APIURL}file/getCommonFile/image/heartpulse.gif`}}
+                />
+            }
+        </View>
+    );
+}
+const layoutstyles = StyleSheet.create({
+    icon_style: {
+        height: normalize(100),
+        width: normalize(160),
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+});
+