Skip to content

Commit

Permalink
Template project
Browse files Browse the repository at this point in the history
  • Loading branch information
Natália Condê committed Jul 8, 2019
1 parent 7f496d9 commit dc2aa65
Show file tree
Hide file tree
Showing 4 changed files with 10 additions and 723 deletions.
236 changes: 3 additions & 233 deletions screens/HomeScreen.js
View file
Original file line number Diff line number Diff line change
@@ -1,19 +1,10 @@
import React from 'react';
import {
Alert,
ScrollView,
StyleSheet,
Text,
View,
TextInput,
FlatList,
TouchableOpacity
} from 'react-native';

import { Dialog } from 'react-native-simple-dialogs';

import Icon from 'react-native-vector-icons/FontAwesome';

import Parse from "parse/react-native";

export default class HomeScreen extends React.Component {
Expand Down Expand Up @@ -58,238 +49,17 @@ export default class HomeScreen extends React.Component {
nameError: false,
item: ''
}
}

componentWillMount(){
this.readAllItems();
}

navigateToPage = (page) => {
this.props.navigation.navigate(page);
}

_alert = (title,message, namePage, linkToPage) => {
Alert.alert(
title,
message,
[
{
text: 'Ok',
onPress: () => console.log('Cancel Pressed'),
style: 'cancel',
},
{
text: `Back to ${namePage} page`, onPress: () => {
this.navigateToPage(linkToPage)
}},
],
{cancelable: false},
);
}

_onPress = (id) => {
this.setState({idObject: id});
Alert.alert(
"Choose an action",
'',
[
{text: 'Delete', onPress: () => {
this._onPressDeleteObject()}},
{text: 'Update', onPress: () => this.setState({dialogVisible: true})},
{
text: 'Cancel',
onPress: () => console.log('Cancel Pressed'),
}
],
{cancelable: false}
);
}

_onPressDeleteObject = async() => {
const query = new Parse.Query("Todo");
const object = await query.get(this.state.idObject);
try{
object.destroy();
this.readAllItems();
} catch (e){
alert(e)
}
}

createItem = () => {
let item = this.state.item;

if (item === "" || item === undefined){
this.setState(() => ({ nameError: `Fill the fields correctly.` }));
} else {
const Todo = Parse.Object.extend("Todo");
const todo = new Todo();

todo.set("task", this.state.item);
todo.set("userId", Parse.User.current());

todo.save().then(object => {
this.readAllItems();
this.setState({item:''})
}).catch(error=> {alert(error)})
}
}

readAllItems = async() => {
const idUser = await Parse.User.currentAsync();
const query = new Parse.Query("Todo");
query.exists("task");
query.equalTo('userId', idUser);
const resultQuery = await query.find();
this.setState({results:resultQuery});
}

updateItem = () => {
const query = new Parse.Query("Todo");
query.get(this.state.idObject).then(object => {
object.set("task", this.state.updateValueDialog);
object.save().then(objUpdate => {
this.setState({updateValueDialog:'', dialogVisible: false})
this.readAllItems();
});
});
}

deleteIten = async() => {
const query = new Parse.Query("Todo");
const object = await query.get(this.state.idObject);
try{
object.destroy();
this.getAllData();
} catch (e){
alert(e)
}
}

renderItem = ({item, separators}) => {
return (
<TouchableOpacity
style={styles.borderFlatListItens}
onPress={() => {
this._onPress(item.id);
this.setState({updateValueDialog:item.get("task")})
}}>
<View>
<Text>{item.get("task")}</Text>
</View>
</TouchableOpacity>
)
}
}

render() {
return (
<View style={styles.container}>
<View style={styles.containerInputs}>
<TextInput style={styles.inputTask}
placeholder="Add tasks...."
underlineColorAndroid='transparent'
ref={'inputObject'}
value={this.state.item}
onChangeText={(text) => this.setState({item: text, nameError: null})}/>
<Icon
type="Feather"
name='plus'
style={styles.icon}
onPress={() => this.createItem()}/>
</View>
{!!this.state.nameError && (
<View styles={styles.divError}>
<Text style={styles.divErrorFont}>{this.state.nameError}</Text>
</View>
)}
<ScrollView style={styles.container} contentContainerStyle={styles.contentContainer}>
<View style={{padding: 30, flex: 1}}>
<Text style={styles.titleItems}>Items</Text>
<FlatList
data={this.state.results}
showsVerticalScrollIndicator={false}
renderItem={this.renderItem}
showsVerticalScrollIndicator={true}
keyExtractor={(item, index) => index.toString()}
/>
</View>
<Dialog
visible={this.state.dialogVisible}
title="Update object"
onTouchOutside={() => this.setState({dialogVisible: false})} >
<View style={styles.containerInputs}>
<TextInput style={styles.inputTask}
placeholder="Add tasks...."
underlineColorAndroid='transparent'
value={this.state.updateValueDialog}
onChangeText={(text) => this.setState({updateValueDialog: text, nameErrorUpdate: null})}/>
<Icon
type="Feather"
name='plus'
style={styles.icon}
onPress={() => this.updateItem()}/>
</View>
{!!this.state.nameErrorUpdate && (
<View styles={styles.divError}>
<Text style={styles.divErrorFont}>{this.state.nameErrorUpdate}</Text>
</View>
)}
</Dialog>
</ScrollView>

</View>
);
}
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
margin: 10
},
containerInputs:{
flexDirection: 'row',
justifyContent: 'center',
marginTop: 30,
borderWidth: 1,
borderColor: '#00b5ec'
},
inputTask: {
flex: 1,
padding: 15,
},
icon: {
color: 'grey',
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
margin: 20,
fontSize: 40,
color: '#00b5ec'
},
titleItems: {
fontWeight: 'bold',
fontSize: 25,
marginBottom: 25
},
divError:{
marginTop: 20
},
divErrorFont:{
textAlign: 'center',
color: '#721c24',
backgroundColor: '#f8d7da',
borderColor: '#f5c6cb',
padding: 20,
marginTop: 10,
marginBottom: 10,
borderWidth: 2,
},
borderFlatListItens:{
flexDirection: 'row',
alignItems: 'center',
padding: 15,
borderBottomWidth: 1,
borderColor: '#00b5ec'
}

});
Loading

0 comments on commit dc2aa65

Please sign in to comment.