diff options
| author | Kumar Damani <kumar.damani@mail.utoronto.ca> | 2019-04-23 18:30:30 +0000 |
|---|---|---|
| committer | Kumar Damani <kumar.damani@mail.utoronto.ca> | 2019-04-23 18:30:30 +0000 |
| commit | 8135fe42bfa36df72c427e8d567aad2182e14372 (patch) | |
| tree | ee27a6aa55a381ea36d30165ea0e74d8c54422ea /mobile/components | |
| parent | f269caf1eb36c43269d92c89b7f0b0bafb88d572 (diff) | |
removing some unnecessary files from mobile
Diffstat (limited to 'mobile/components')
| -rw-r--r-- | mobile/components/FormPage.js | 20 | ||||
| -rw-r--r-- | mobile/components/GreetingPage.js | 183 |
2 files changed, 0 insertions, 203 deletions
diff --git a/mobile/components/FormPage.js b/mobile/components/FormPage.js deleted file mode 100644 index 5fa4abb..0000000 --- a/mobile/components/FormPage.js +++ /dev/null @@ -1,20 +0,0 @@ -import React, { Component } from 'react'; -import { Text, View, Alert, StyleSheet, Button, AppRegistry, Navigator, TouchableHighlight} from 'react-native'; -import { Ionicons } from '@expo/vector-icons'; -import { createStackNavigator, createAppContainer } from 'react-navigation'; - -export default class FormPage extends Component { - render() { - return ( - <View marginTop = {50}> - <Text> - Put the form stuff here - </Text> - <Button - onPress={() => this.props.navigation.navigate('GreetingPage')} - title='Go Back' - /> - </View> - ); - } -} diff --git a/mobile/components/GreetingPage.js b/mobile/components/GreetingPage.js deleted file mode 100644 index 0bfa63b..0000000 --- a/mobile/components/GreetingPage.js +++ /dev/null @@ -1,183 +0,0 @@ -import React, { Component } from 'react'; -import { Text, View, Alert, StyleSheet, Button, AppRegistry, Navigator, TouchableHighlight, Platform} from 'react-native'; -import { Ionicons } from '@expo/vector-icons'; -import { createStackNavigator, createAppContainer } from 'react-navigation'; -import { Location, Permissions, Constants } from 'expo'; - -export default class GreetingPage extends Component { - state = { - isLoading: false, - errorMessage: null, - locationResult: null, - }; - - moveToFormPage = async () => { - this.setState({isLoading: true}); - // ask location services to allow location access to THIS app. - // Note: location services itself must still be enabled for this! - const {status} = await Permissions.askAsync(Permissions.LOCATION); - if (status === 'granted') { - // try to actually get the location asynchronously - a Promise - Location.getCurrentPositionAsync({enableHighAccuracy: true}).then((position) => { - this.setState({locationResult: position.coords}, () => { - this.props.navigation.navigate('FormPage', - {coordinates : [ - this.state.locationResult.longitude, - this.state.locationResult.latitude] - }); - }); - // since we are guaranteed to have the location here, its safe to load the full view - this.setState({isLoading: false}); - // move to form page - }).catch((e) => { - this.setState({isLoading: false}); - alert(e + ' Please make sure your location (GPS) is turned on.'); - }); - - } else { - // if the user pressed "Deny" or something on the promt - throw new Error('Location permission not granted'); - } - }; - - moveToMapPage = () => { - this.props.navigation.navigate('MapPage'); - } - - moveToMapPage = () => { - this.props.navigation.navigate('MapPage'); - } - - - render() { - //<View> acts like the way <div> does in JavaScript - //style={...} stores properties about where you want the component to be placed - //and how you want it to look. It's similar to adding CSS styles to HTML elements - //when creating web pages - - // initialy show a loading screen when trying to get location on load - if (this.state.isLoading) { - return ( - <View style={styles.container}> - <View style={styles.titleContainer}> - <Text style={styles.title}> - Trying to get location... - </Text> - </View> - </View> - ) - } - - return ( - - <View style={styles.container}> - - <View style={styles.titleContainer}> - <Text style={styles.title}> - See a homeless person who might need help? {"\n\n"}TELL US!! - </Text> - <Text style={styles.subtitle}> - Tell us where they are ⬇ {"\n\n"}(And don't worry, we won't force you to share your location) - </Text> - </View> - - <TouchableHighlight - style={styles.first_button_container} - onPress={() => { this.moveToFormPage() }}> - - <View style={styles.press_button}> - - <View padding={15}> - <Text style={styles.current_location_title}> - Use Current Location - </Text> - </View> - - <View marginTop = {5}> - <Ionicons name="md-locate" size={40} color="white"/> - </View> - - </View> - - </TouchableHighlight> - - <TouchableHighlight - style={styles.second_button_container} - onPress={() => { this.moveToMapPage() }}> - <View style={styles.press_button}> - - <View padding={15}> - <Text style={styles.current_location_title}> - Drop Pin - </Text> - </View> - - <View> - <Ionicons name="md-pin" size={40} color="white"/> - </View> - - </View> - </TouchableHighlight> - - </View> - ); - } -} - - -const styles = StyleSheet.create( { - container: { - flex: 1, - flexDirection: 'column', - backgroundColor: '#40739e', - alignItems: 'stretch' - }, - titleContainer: { - flex: 4, - //position: 'absolute', - marginTop: 100, - //flexGrow: 1 - }, - title: { - color: '#FFF', - padding: 35, - textAlign: 'center', - opacity: 0.9, - fontSize: 24, - fontStyle: 'italic', - }, - subtitle: { - color: "#FFF" , - padding: 20, - textAlign: "center", - fontSize: 18, - }, - current_location_title: { - color: '#FFF', - textAlign: 'center', - opacity: 0.9, - fontSize: 20 - }, - first_button_container: { - flex: 1, - //position: 'absolute', - //marginTop: 360, - backgroundColor: '#c0392b', - flexDirection: 'row', - justifyContent: 'center', - alignItems: 'stretch' - }, - press_button: { - flexDirection: 'row', - justifyContent: 'space-between', - // padding:5, - alignItems: 'center' - }, - second_button_container: { - flex: 1, - backgroundColor: '#535c68', - flexDirection: 'row', - justifyContent: 'center', - alignItems: 'stretch' - } -}) |
