Horhik/Ankilan
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 2 Wiki Activity

Dev #4

Merged
Horhik merged 18 commits from dev into master 2020-04-11 16:52:54 +00:00
Conversation 0 Commits 18 Files changed 84 -188
4 changed files with 0 additions and 188 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit d253c6afed - Show all commits

3
package.json
View file

@ -23,10 +23,7 @@
"react-native": "^0.62.0", "react-native": "^0.62.0",
"react-native-ankidroid": "^0.4.0", "react-native-ankidroid": "^0.4.0",
"react-native-material-textfield": "^0.16.1", "react-native-material-textfield": "^0.16.1",
<<<<<<< HEAD
"react-native-svg": "^12.0.3", "react-native-svg": "^12.0.3",
=======
>>>>>>> fixed
"react-native-vector-icons": "^6.6.0", "react-native-vector-icons": "^6.6.0",
"react-redux": "^7.2.0", "react-redux": "^7.2.0",
"redux": "^4.0.5", "redux": "^4.0.5",

26
src/components/add-anklan-model.jsx
View file

@ -14,31 +14,6 @@ import {
} from '../actions/anki-get-actions'; } from '../actions/anki-get-actions';
const StartScreen = props => { const StartScreen = props => {
<<<<<<< HEAD
useEffect(() => {
props.getDeckList();
props.getModelList();
}, [])
useEffect(() => {
props.checkAnkiLanModelForExisting(props.modelName, props.modelList);
});
return (
<ScrollView
keyboardShouldPersistTaps='handled'
>
{props.ankiAvailable ? (
props.ankiLanModelExists ? (
<AddWordForm />
) : (
<AnkiTemplate />
)
) : (
<Permissions />
)}
</ScrollView>
);
=======
useEffect(() => { useEffect(() => {
props.getDeckList(); props.getDeckList();
props.getModelList(); props.getModelList();
@ -62,7 +37,6 @@ const StartScreen = props => {
)} )}
</ScrollView> </ScrollView>
); );
>>>>>>> fixed
}; };
export default connect( export default connect(

40
src/components/anki-form.jsx
View file

@ -5,45 +5,6 @@ import {Form, Container, Item} from 'native-base';
import {checkAnkiLanModelForExisting} from '../actions/anki-get-actions'; import {checkAnkiLanModelForExisting} from '../actions/anki-get-actions';
import InputWord from './view/translatable-word'; import InputWord from './view/translatable-word';
import SubmitButton from './view/submit-button'; import SubmitButton from './view/submit-button';
<<<<<<< HEAD
import {wordInfo} from "../actions/api/dictionary";
import FieldEditor from './view/field-editor';
const AnkiForm = props => {
const [target, setTarget] = useState('')
const [fields, setFields] = useState({})
const [submitted, setSubmitted] = useState(false)
useEffect(() => {
// props.wordInfo('Urge');
// props.wordInfo('Maze');
// props.wordInfo('Ramification');
// props.wordInfo('Dare');
// props.wordInfo('Entrepreneurship');
// props.wordInfo('meagre');
// props.wordInfo('meager');
}, []);
const getWord = (word) => {
setTarget(word)
};
const submit = () => {
props.wordInfo(target);
setSubmitted(true)
};
return (
<Container style={{padding: 20}}>
<Form >
<DeckPicker />
<InputWord word={getWord} onSubmit={submit}/>
{submitted ?
<FieldEditor label={'leble'} variants={['hell','sdflaksdf;aslkdfsd;lafhwepofh','sdfasdfh;dsofihpsfposdh','']}/>
: <SubmitButton onSubmit={submit} />
}
</Form>
</Container>
);
=======
import {wordInfo} from '../actions/api/dictionary'; import {wordInfo} from '../actions/api/dictionary';
import FieldEditor from './view/field-editor'; import FieldEditor from './view/field-editor';
@ -87,7 +48,6 @@ const AnkiForm = props => {
</Form> </Form>
</Container> </Container>
); );
>>>>>>> fixed
}; };
export default connect( export default connect(

119
src/components/view/field-editor.jsx
View file

@ -1,123 +1,5 @@
import React, {useState, useEffect, useRef} from 'react'; import React, {useState, useEffect, useRef} from 'react';
import {connect} from 'react-redux'; import {connect} from 'react-redux';
<<<<<<< HEAD
import {Text, Button, Picker} from 'native-base';
import TextField from 'react-native-material-textfield/src/components/field';
import {View} from 'native-base';
import Icon from 'react-native-vector-icons/FontAwesome5';
import {StyleSheet} from 'react-native';
/* Props
* defaultText
* variants
* label
* */
const FieldEditor = props => {
const input = useRef();
const [edit, toggleEdit] = useState(false);
const [variants, setVariants] = useState([]);
const [label, setLabel] = useState('');
const [value, setValue] = useState(props.variants[0] || '');
const [editableText, setEditableText] = useState(props.defaultText);
useEffect(() => {
setVariants(props.variants);
setLabel(props.label);
setEditableText(props.variants[0]);
}, []);
const toggle = () => {
toggleEdit(!edit);
setTimeout(() => {
if (input.current) {
input.current.focus();
}
}, 0);
};
const selectValue = value => {
console.log(value);
alert(value);
setEditableText(value);
setValue(value);
};
return (
<View style={styles.wrap}>
<Text style={styles.label}>{label}</Text>
<View style={styles.pickerWrap}>
<View style={styles.inner}>
{edit ? (
<TextField
value={editableText}
style={styles.textField}
ref={input}
multiline={true}
/>
) : (
<Picker
style={styles.picker}
onValueChange={value => selectValue(value)}
selectedValue={value}>
{variants.map((variant, index) => (
<Picker.Item
label={variant}
value={variant}
key={index}
id={index}
/>
))}
</Picker>
)}
</View>
<Button style={styles.button} onPress={toggle}>
{edit ? (
<Icon name="caret-down" size={20} color={'white'} />
) : (
<Icon name="pen" size={20} color={'white'} />
)}
</Button>
</View>
</View>
);
};
const styles = StyleSheet.create({
pickerWrap: {
display: 'flex',
alignItems: 'center',
flexDirection: 'row',
justifyContent: 'space-around',
},
button: {
display: 'flex',
justifyContent: 'center',
marginLeft: 10,
width: '12%',
},
picker: {
height: '100%',
display: 'flex',
marginLeft: 4,
// backgroundColor: '#00000010',
},
wrap: {
margin: 0,
},
textField: {
paddingLeft: 12,
},
inner: {
width: '85%',
height: 65,
},
label: {
paddingLeft: 10,
marginBottom: -10,
},
});
export default connect(state => ({}), null)(FieldEditor);
=======
import TextField from 'react-native-material-textfield/src/components/field'; import TextField from 'react-native-material-textfield/src/components/field';
import {StyleSheet} from 'react-native'; import {StyleSheet} from 'react-native';
import {View, Text, Button, Picker} from 'native-base'; import {View, Text, Button, Picker} from 'native-base';
@ -247,4 +129,3 @@ const FieldEditor = props => {
); );
}; };
export default connect()(FieldEditor); export default connect()(FieldEditor);
>>>>>>> fixed