Skip to content

2
2021-180 Smart Assistant to ease the process of COVID-19 and Pneumonia disease detection
Commit 0dbe7996 authored by Kasuni Senevirathne's avatar Kasuni Senevirathne
Browse files
Options

x-ray screens and images added

parent 1d0adf52
Show whitespace changes
Inline Side-by-side
Showing with 168 additions and 0 deletions
CRX/src/subScreens/Xray.js 0 → 100644
View file @ 0dbe7996
import React, { useState, useEffect } from 'react';
import { Image, View, ImageBackground, Dimensions, ScrollView, TouchableOpacity} from 'react-native';
import { Button, Card, Layout, Text} from '@ui-kitten/components';
import {storeData, getData} from '../_AsyncStorage';
import { app_name, API, API_VERSION, cipher } from '../_Configuration';
import * as ImagePicker from 'react-native-image-picker';
import axios from 'axios';
import { readDir } from 'react-native-fs';
export default class Xray extends React.Component {
state = {
image:'',image1:"",xrayResponse:'', imagetest:'',
};
windowWidth = Dimensions.get("window").width;
windowHeight = Dimensions.get("window").height;
componentDidMount = () => {
console.log(this.props.navigation);
}
getPrice() {
console.log('news');
var e= this;
var xdata = {img:this.state.image1};
API.post('predic/xray',xdata)
.then(function (response) {
if(response){
// setPricing(response.data.co);
console.log("user screen - pricing - success", response.data);
e.setState({xrayResponse: response.data});
// () => {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);
});
}
render() {
return (
<ImageBackground style={{backgroundColor:'#f2e5fe',height:this.windowHeight,width:this.windowWidth}}>
<ScrollView >
<Layout style={{justifyContent:'space-between'}}>
<View style={{height:50,justifyContent:'center',alignItems:'center',backgroundColor:"blue",}}>
<Text style={{fontSize:20,fontWeight:'bold',color:"#fff"}} >Upload your X-Ray Image</Text>
</View>
<View style={{flex:1,flexDirection:'row',}} >
<Card style={(!this.state.image)?{height:this.windowHeight-50,width:this.windowWidth,justifyContent: 'center',alignItems: 'center',}:{width:this.windowWidth,justifyContent: 'center',alignItems: 'center',}}>
<View style={{borderWidth:2,borderColor:"blue",borderStyle:'dashed',paddingHorizontal:100,paddingVertical:30}}>
<TouchableOpacity onPress={()=>{
ImagePicker.launchImageLibrary(
{
mediaType: 'photo',
includeBase64: true,
maxHeight: 1024,
maxWidth: 1024,
},
(response) => {
if(response){
if(!!response.didCancel){
console.log("response");
// this.setState({image:'data:' + response.assets[0].type + ';base64,' + response.assets[0].base64,image1:"'''" + response.assets[0].base64 +"'''"});
// console.log('data:' + response.assets[0].type + ';base64,' + response.assets[0].base64);
}else{
this.setState({image:'data:' + response.assets[0].type + ';base64,' + response.assets[0].base64,image1:response.assets[0].base64 });
console.log(response);
}
// console.log(response);
}
},
);
}}>
<Image style={(this.state.image)? {width:this.windowWidth, height: this.windowHeight*0.35,borderRadius: 10,marginLeft:0,marginRight:0}:{width:this.windowWidth/3,height:this.windowHeight/8}} source={(this.state.image) ? { uri: this.state.image }:require('./up.jpg')}/>
{(!this.state.image)? <Text style={{fontSize:20}}>Browse Image</Text>:null}
{(!this.state.image)?<Button onPress={()=>{
ImagePicker.launchImageLibrary(
{
mediaType: 'photo',
includeBase64: true,
maxHeight: 1024,
maxWidth: 1024,
},
(response) => {
if(response){
if(!!response.didCancel){
console.log("response");
// this.setState({image:'data:' + response.assets[0].type + ';base64,' + response.assets[0].base64,image1:"'''" + response.assets[0].base64 +"'''"});
// console.log('data:' + response.assets[0].type + ';base64,' + response.assets[0].base64);
}else{
this.setState({image:'data:' + response.assets[0].type + ';base64,' + response.assets[0].base64,image1:response.assets[0].base64 });
console.log(response);
}
// console.log(response);
}
},
);
}}style={{margin:2}} size='tiny'>Upload</Button>:null}
</TouchableOpacity>
</View>
</Card>
</View>
{(this.state.xrayResponse== "COVID19")?<Card style={{height:150, justifyContent: 'center', alignItems: 'center',marginTop:20,backgroundColor:'pink'}}>
<Text style={{fontSize:17}}>
According to this test you may be in risk for COVID Pneumonia
Stay safe
</Text>
</Card>:(this.state.xrayResponse== "PNEUMONIA")?<Card style={{height:150, justifyContent: 'center', alignItems: 'center',marginTop:20,backgroundColor:'yellow'}}>
<Text style={{fontSize:17}}>
According to this test you may be in risk for only Pneumonia
Stay safe
</Text>
</Card>:(this.state.xrayResponse== "NORMAL")?<Card style={{height:150, justifyContent: 'center', alignItems: 'center',marginTop:20,backgroundColor:'lightgreen'}}>
<Text style={{fontSize:17}}>
According to this test you may be in a Normal Condition.
Please take the other tests provided by the CoviDoc and verify your results.
Stay safe
</Text>
</Card>:(this.state.respose==2)?<View style={{height:150}}></View>:null}
{(this.state.xrayResponse)?<View>
<Text></Text></View>:<View style={{height:20,justifyContent:'center',alignItems:'center'}}><Text></Text></View>}
{(this.state.image)? <View>
<Button
onPress={()=>{this.getPrice()}}>Check</Button>
<TouchableOpacity onPress={()=>{
this.setState({image:'',xrayResponse:''});
}}>
<View style={{height:50,justifyContent:'center',alignItems:'center'}}><Text>Clear Image</Text></View>
</TouchableOpacity></View>:<View style={{height:100,justifyContent:'center',alignItems:'center'}}><Text></Text></View>
}
</Layout>
</ScrollView>
</ImageBackground>
);
}
}
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