Skip to content

2
2021-180 Smart Assistant to ease the process of COVID-19 and Pneumonia disease detection
Commit 1d0adf52 authored by Akalanka B. A. IT18114836's avatar Akalanka B. A. IT18114836
Browse files
Options

Merge branch 'IT18121698' into 'master' 

It18121698

See merge request !7
parents 876c70be c56c1a54
Hide whitespace changes
Inline Side-by-side
Showing with 447 additions and 0 deletions
CRX/src/subScreens/Breathtime.js 0 → 100644
View file @ 1d0adf52
// Example of React Native Timer and Stopwatch
// https://aboutreact.com/react-native-timer-stopwatch/
// import React in our code
import { Button, Card } from '@ui-kitten/components';
import React, {useState} from 'react';
import { app_name, API, API1, API_VERSION, cipher } from '../_Configuration';
// import all the components we are going to use
import {
SafeAreaView,
StyleSheet,
Text,
Image,
View,
TouchableHighlight,
YellowBox,
} from 'react-native';
// importing library to use Stopwatch and Timer
import {Stopwatch, Timer} from 'react-native-stopwatch-timer';
export const Breathtime = ({navigation,route}) => {
const [age,setAge] = React.useState(route.params.age);
const [gender,setGender] = React.useState(route.params.gender);
const [isTimerStart, setIsTimerStart] = useState(false);
const [isStopwatchStart, setIsStopwatchStart] = useState(false);
const [timerDuration, setTimerDuration] = useState(1000);
const [resetTimer, setResetTimer] = useState(false);
const [resetStopwatch, setResetStopwatch] = useState(false);
const [times, setTimes] = useState();
const [timeinsec, setTimeinsec] = useState();
const [respose, setRespose] = useState(2); //0= low risk 1- high risk, 2-not response
const getResults=()=> {
console.log('news');
var e= this;
var xdata = {
Age:age,
Gender:gender,
Time:timeinsec
};
API1.post('api/breath',xdata)
.then(function (response) {
if(response){
// setPricing(response.data.co);
console.log("user screen - pricing - success", response.data);
if( response.data==1){
setRespose(1);
}else{
setRespose(0);
}
// () => {console.log("this will be fired after setstate complete",e.state.pricing);
// });
}else{
console.log("user screen - home - failed", response.data);
}
})
.catch(function (error) {
console.log("user screen - home - error", error.message);
});
}
function second(time){
var hours,minutes,seconds;
[hours, minutes, seconds] = time.split(':');
var totalSeconds = (+hours) * 60 * 60 + (+minutes) * 60 + (+seconds);
setTimeinsec(totalSeconds);
}
return (
<SafeAreaView style={styles.container}>
<View style={styles.container}>
<Text style={styles.title}>
Breath-holding Time Analysis
</Text>
<Image style={{height:100,width:250}} source={require('../Images/breath.jpg')}/>
<View style={styles.sectionStyle}>
<Stopwatch
laps
start={isStopwatchStart}
// To start
reset={resetStopwatch}
// To reset
options={options}
// Options for the styling
getTime={(time) => {
// console.log(time);
setTimes(time);
}}
/>
<View style={{flexDirection:'row',paddingVertical:20}}>
<TouchableHighlight
onPress={() => {
setIsStopwatchStart(!isStopwatchStart);
setResetStopwatch(false);
second(times);
setRespose(2);
}}><View>
<Text style={styles.buttonText}>
{!isStopwatchStart ? 'START' : 'STOP'}
</Text></View>
</TouchableHighlight>
<TouchableHighlight
onPress={() => {
setIsStopwatchStart(false);
setResetStopwatch(true);
setTimeinsec(0);
setRespose(2);
}}>
<Text style={styles.buttonText}>RESET</Text>
</TouchableHighlight>
</View>
<View style={{paddingVertical:20}}>
<Card>
<Text style={{fontWeight:'bold'}}>Instructions </Text>
<Text>* Take a deep breath.</Text>
<Text>* Then click on start button and hold your breath.</Text>
</Card>
{(respose==0)?<Card style={{height:150, justifyContent: 'center', alignItems: 'center',marginTop:20,backgroundColor:'green'}}>
<Text style={{fontSize:17}}>
You are in the low risk level for COVID-19
Please contact your doctor soon
Stay Safe
</Text>
</Card>:(respose==1)?<Card style={{height:150, justifyContent: 'center', alignItems: 'center',marginTop:20,backgroundColor:'yellow'}}>
<Text style={{fontSize:17}}>
You are in the high risk level for COVID-19
Please contact your doctor soon
Stay Safe
</Text>
</Card>:(respose==2)?<View style={{marginTop:50}}><Button onPress={()=>{getResults();}}>Check</Button></View>:null}
</View>
</View>
</View>
</SafeAreaView>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
padding: 10,
justifyContent: 'center',
alignItems: 'center',
backgroundColor:'white'
},
title: {
textAlign: 'center',
fontSize: 20,
fontWeight: 'bold',
padding: 20,
},
sectionStyle: {
flex: 1,
marginTop: 32,
alignItems: 'center',
paddingVertical:20
},
buttonText: {
fontSize: 20,
marginTop: 10,
paddingHorizontal:50
},
});
const options = {
container: {
backgroundColor: '#FF0000',
padding: 5,
borderRadius: 5,
width: 200,
alignItems: 'center',
},
text: {
fontSize: 25,
color: '#FFF',
marginLeft: 7,
},
};
\ No newline at end of file
CRX/src/subScreens/HealthTracker.js 0 → 100644
View file @ 1d0adf52
import React, { useRef,useState, useEffect } from 'react';
import * as eva from '@eva-design/eva';
import { ApplicationProvider, IconRegistry, SelectGroup, useTheme } from '@ui-kitten/components';
import { EvaIconsPack } from '@ui-kitten/eva-icons';
import { app_name, API, API1, API_VERSION, cipher } from '../_Configuration';
import { StyleSheet,Keyboard, SafeAreaView, TouchableWithoutFeedback, Image, useWindowDimensions, View, DrawerLayoutAndroid, ImageBackground, ScrollView, TouchableOpacity, Dimensions } from 'react-native';
import { IndexPath, Drawer, DrawerItem, BottomNavigation, BottomNavigationTab, Button, Datepicker, Autocomplete, AutocompleteItem, RadioGroup, Radio, Card, CheckBox, Divider, Layout, TopNavigation, Icon, Input, Text, TopNavigationAction } from '@ui-kitten/components';
import { BallIndicator, BarIndicator, DotIndicator, MaterialIndicator, PacmanIndicator, PulseIndicator, SkypeIndicator, UIActivityIndicator, WaveIndicator,} from 'react-native-indicators';
// import {storeData, getData} from './_AsyncStorage';
import SelectMultiple from '@horizonlime/react-native-select-multiple'
export const HealthTracker = ({navigation,route}) => {
const windowWidth = useWindowDimensions().width;
const windowHeight = useWindowDimensions().height;
console.log(route.params)
const [age,setAge] = React.useState(route.params.age);
const [gender,setGender] = React.useState(route.params.gender);
const [hone,sethOne] = React.useState(0);
const [htwo,sethTwo] = React.useState(0);
const [hthree,sethThree] = React.useState(0);
const [hfour,sethFour] = React.useState(0);
const [hfive,sethFive] = React.useState(0);
const [hsix,sethSix] = React.useState(0);
const [hseven,sethSeven] = React.useState(0);
const [height,sethEight] = React.useState(0);
const [hnine,sethNine] = React.useState(0);
const [hten,sethTen] = React.useState(0);
const [heleven,sethEleven] = React.useState(0);
const [htwelve,sethTwelve] = React.useState(0);
const [hcaught,sethCaught] = React.useState(0);
const [hrespose,sethRespose] = React.useState(2);
let pneu = (hcaught==0)?'':'Penumonia ';
let diabe = (hone==0)?'': '/Diabetes ';
let copd = (htwo==0)?'': '/COPD ';
let asthma = (hthree==0)?'': '/Asthma ';
let hyper = (hfour==0)?'': '/Hypertension';
let cradio = (hfive==0)?'': '/Cardiovascular ';
let obesity = (hsix==0)?'': '/Obesity ';
let Renal_c = (hseven==0)?'': '/Renal chronic ';
let Tabacco = (height==0)?'': '/Tabacco ';
let covid_m = (hnine==0)?'': '/Exposured to Covid patient ';
let get_medic = (hten==0)?'': '/Get medicines ';
let other_d = (heleven==0)?'': '/Suffring other Details ';
let symptom_p = (htwelve==0)?'': '/Patient symptoms Progress ';
console.log('heath issues : '+pneu+diabe+copd+asthma+hyper+cradio+obesity+Renal_c+Tabacco+covid_m+get_medic+other_d+symptom_p);
const getResults=()=> {
console.log('claed API');
var e= this;
var xdata = {
sex:gender,
age:age,
patient_type:hten,
pneumonia:hcaught,
diabetes:hone,
copd:htwo,
asthma:hthree,
hypertension:hfour,
other_disease:heleven,
obesity:hsix,
cardiovascular:hfive,
renal_chronic:hseven,
tobacco:height,
contact_other_covid:hnine
};
API1.post('api/heathhistory',xdata)
.then(function (response) {
if(response){
// setPricing(response.data.co);
console.log("Health traker response", response.data);
if( response.data==1){
sethRespose(1);
}else{
sethRespose(0);
}
}else{
console.log("Health screen failed", response.data);
}
})
.catch(function (error) {
console.log("Health screen error", error.message);
});
}
const selectGroup =()=>{
if (hcaught==1){
sethCaught(0);
}else{
sethCaught(1);
}
}
return (
<Layout style={{backgroundColor:'#f2e5fe',height:windowHeight,width:windowWidth}}>
<View style={{height:50,justifyContent:'center',alignItems:'center',backgroundColor:'white'}}>
<Text style={{fontSize:20,fontWeight:'bold'}}>Health Tracker</Text>
</View>
<Card >
<Text>Choose your Health History Related Issues:</Text>
<ScrollView>
<View style={{flex: 1, flexDirection: 'row', marginTop: 5, flexWrap: 'wrap', alignItems: 'flex-start'}}>
<TouchableOpacity
onPress={()=>selectGroup()}
style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
<View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (hcaught==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
<Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Pneumonia</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
onPress={()=>{if(hone==0){sethOne(1);}else{sethOne(0);}}}
style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
<View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (hone==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
<Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Diabetes</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
onPress={()=>{if(htwo==0){sethTwo(1)}else{sethTwo(0)}}}
style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
<View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (htwo==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
<Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>COPD</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
onPress={()=>{if(hthree==0){sethThree(1)}else{sethThree(0)}}}
style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
<View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (hthree==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
<Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Asthma</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
onPress={()=>{if(hfour==0){sethFour(1)}else{sethFour(0)}}}
style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
<View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (hfour==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
<Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Hypertension</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
onPress={()=>{if(hfive==0){sethFive(1)}else{sethFive(0)}}}
style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
<View style={{borderRadius:200,width:106,height:75, margin: 1, backgroundColor: (hfive==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
<Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Cardiovascular</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
onPress={()=>{if(hsix==0){sethSix(1)}else{sethSix(0)}}}
style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
<View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (hsix==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
<Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Obesity</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
onPress={()=>{if(hseven==0){sethSeven(1)}else{sethSeven(0)}}}
style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
<View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (hseven==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
<Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Renal Chronic</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
onPress={()=>{if(height==0){sethEight(1)}else{sethEight(0)}}}
style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
<View style={{borderRadius:50,width:100,height:75, margin: 1, backgroundColor: (height==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
<Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Tobacco</Text>
</View>
</TouchableOpacity>
{/* <TouchableOpacity
onPress={()=>{if(nine==0){setNine(1)}else{setNine(0)}}}
style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
<View style={{borderRadius:50,width:100,height:75, margin: 1, backgroundColor: (nine==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
<Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Dizziness</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
onPress={()=>{if(ten==0){setTen(1)}else{setTen(0)}}}
style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
<View style={{borderRadius:50,width:100,height:75, margin: 1, backgroundColor: (ten==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
<Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Hearing Loss</Text>
</View>
</TouchableOpacity> */}
</View>
</ScrollView>
</Card>
<TouchableWithoutFeedback style={{backgroundColor:'red',borderColor:'red',borderWidth:3}} onPress={()=>{if(hnine==0){sethNine(1)}else{sethNine(0)}}}>
<View style={{height:50,flexDirection:'row',justifyContent:'space-between',alignItems:'center',marginHorizontal:20,}}>
<Text>Exposure to COVID-19 patients :</Text>
<Icon style={styles.icon} fill='#8F9BB3' name={(hnine==1)?'checkmark-square-2-outline':'square-outline'}/>
</View>
</TouchableWithoutFeedback>
<TouchableWithoutFeedback style={{backgroundColor:'red',borderColor:'red',borderWidth:3}} onPress={()=>{if(hten==0){sethTen(1)}else{sethTen(0)}}}>
<View style={{height:50,flexDirection:'row',justifyContent:'space-between',alignItems:'center',marginHorizontal:20,}}>
<Text>Are you on medication for any sickness :</Text>
<Icon style={styles.icon} fill='#8F9BB3' name={(hten==1)?'checkmark-square-2-outline':'square-outline'}/>
</View>
</TouchableWithoutFeedback>
<TouchableWithoutFeedback style={{backgroundColor:'red',borderColor:'red',borderWidth:3}} onPress={()=>{if(heleven==0){sethEleven(1)}else{sethEleven(0)}}}>
<View style={{height:50,flexDirection:'row',justifyContent:'space-between',alignItems:'center',marginHorizontal:20,}}>
<Text>Are you suffering from any other disease :</Text>
<Icon style={styles.icon} fill='#8F9BB3' name={(heleven==1)?'checkmark-square-2-outline':'square-outline'}/>
</View>
</TouchableWithoutFeedback>
{(hrespose==0)?<Card style={{height:150, justifyContent: 'center', alignItems: 'center',marginTop:20,backgroundColor:'#54ff7f'}}>
<Text style={{fontSize:17}}>
LOW RISK
According to this test you may be in a low risk level.
Please take the other tests provided by the CoviDoc and verify your results.
Stay safe!
</Text>
</Card>:(hrespose==1)?<Card style={{height:150, justifyContent: 'center', alignItems: 'center',marginTop:20,backgroundColor:'#ff949b'}}>
<Text style={{fontSize:17}}>
HIGH RISK LEVEL
According to this test you may be in a high risk level.
Please take the other tests provided by the CoviDoc and verify your results.
Stay safe
</Text>
</Card>:(hrespose==2)?<View style={{marginTop:50}}><Button onPress={()=>{getResults();}}>Check</Button></View>:null}
<TouchableOpacity onPress={()=>{sethRespose(2);}}>
<View style={{height:50,paddingHorizontal:20,backgroundColor:'#e1f7f5',justifyContent:'center',alignItems:'center'}}><Text>Clear</Text></View>
</TouchableOpacity>
{/* <SelectMultiple
items={fruits}
renderLabel={renderLabel}
selectedItems={this.state.selectedFruits}
onSelectionsChange={onSelectionsChange}
checkboxIcon={<Ionicons name="ios-radio-button-off" size={30} color={grey} />} /> */}
</Layout>
);
}
const styles = StyleSheet.create({
text: {
color: "white",
fontWeight:'bold'
},
icon:{
height:20, width:20
}
});
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment