create addNote func
This commit is contained in:
horhik
parent
7471e58aa9
commit
f6e9cc6870
|
|
@ -91,17 +91,22 @@ const setExistingOfAnkiLanModel = existing => {
|
|||
payload: existing,
|
||||
};
|
||||
};
|
||||
export const checkAnkiLanModelForExisting = name => async dispatch => {
|
||||
export const checkAnkiLanModelForExisting = (
|
||||
name,
|
||||
modelList,
|
||||
) => async dispatch => {
|
||||
try {
|
||||
const [err, res] = await AnkiDroid.getFieldList(name);
|
||||
if (err) {
|
||||
throw err;
|
||||
for (let model of modelList) {
|
||||
if (model.name === name) {
|
||||
console.log('founded');
|
||||
await dispatch(setExistingOfAnkiLanModel(true));
|
||||
return true;
|
||||
}
|
||||
}
|
||||
console.log(res);
|
||||
await dispatch(setExistingOfAnkiLanModel(true));
|
||||
return res;
|
||||
const err = 'Model not found. Displaying message...';
|
||||
throw err;
|
||||
} catch (err) {
|
||||
console.log(err);
|
||||
await dispatch(setExistingOfAnkiLanModel(false));
|
||||
await createAnkiLanModel(id);
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,7 +1,21 @@
|
|||
import {AnkiDroid} from 'react-native-ankidroid/dist/ankidroid';
|
||||
import {SET_DECK} from '../constants/anki-constants';
|
||||
import {
|
||||
SET_ANKI_NOTE_CREATOR,
|
||||
SET_CREATOR_TEMPLATE,
|
||||
SET_DECK,
|
||||
} from '../constants/anki-constants';
|
||||
|
||||
export const selectDeck = id => ({
|
||||
type: SET_DECK,
|
||||
payload: id,
|
||||
});
|
||||
|
||||
export const setAnkiNoteCreator = creator => ({
|
||||
type: SET_ANKI_NOTE_CREATOR,
|
||||
payload: creator,
|
||||
});
|
||||
|
||||
export const setCreatorTemplate = template => ({
|
||||
type: SET_CREATOR_TEMPLATE,
|
||||
payload: template,
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,125 +1,14 @@
|
|||
import {AnkiDroid} from 'react-native-ankidroid/dist/ankidroid';
|
||||
import {setAnkiNoteCreator, setCreatorTemplate} from './anki-set-actions';
|
||||
import {checkAnkiLanModelForExisting, getModelList} from './anki-get-actions';
|
||||
|
||||
export const createAnkiLanModel = model => async dispatch => {
|
||||
try {
|
||||
/*
|
||||
(async function() {
|
||||
const [err, res] = await AnkiDroid.getSelectedDeckName();
|
||||
console.log(model.deck);
|
||||
console.log(typeof res);
|
||||
})();
|
||||
try {
|
||||
const modelFields = [
|
||||
'Word or sentence',
|
||||
'Part of speech 1',
|
||||
'Translate 1',
|
||||
'Definition 1',
|
||||
'Part of speech 2',
|
||||
'Translate 2',
|
||||
'Definition 2',
|
||||
'Example',
|
||||
'Transcription',
|
||||
'Sound',
|
||||
];
|
||||
|
||||
const css = `<style>
|
||||
.card {
|
||||
display: flex;
|
||||
justify-content:center;
|
||||
text-align: center;
|
||||
}
|
||||
body {text-align: center;}
|
||||
ul{
|
||||
padding:0;
|
||||
}
|
||||
.span: {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
||||
}</style>`;
|
||||
|
||||
const answerFormat = `
|
||||
{{FrontSide}}
|
||||
|
||||
<hr id=answer>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
<div style='font-family: Arial; font-size: 20px;'>{{Translate 1}}</div> Qq
|
||||
<div style='font-family: Arial; font-size: 20px;'>{{Definition 1}}</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div style='font-family: Arial; font-size: 20px;'>{{Translate 2}}</div>
|
||||
<div style='font-family: Arial; font-size: 20px;'>{{Definition 2}}</div>
|
||||
</li>
|
||||
</ol>
|
||||
<p style="">{Example}}</p>\`;
|
||||
<span style="">{{Sound}}</span>
|
||||
`;
|
||||
const questionFormat = `
|
||||
<span style="font-size: 40px; 07f">{{Word or sentence}}</span>
|
||||
<br>
|
||||
<div style='font-family: Arial; font-size: 20px;color: blue'>{{Transcription}}</div>
|
||||
<br>
|
||||
<ol>
|
||||
<li>
|
||||
<div style='font-family: Arial; font-size: 20px;'>{{Part of speech 1}}</div>
|
||||
</li>
|
||||
<li>
|
||||
<div style='font-family: Arial; font-size: 20px;'>{{Part of speech 2}}</div>
|
||||
</li>
|
||||
</ol>
|
||||
<span style="">{{Sound}}</span>`;
|
||||
const modelProperties = {
|
||||
name: model.name,
|
||||
reference: 'com.ankilan.models',
|
||||
fields: modelFields,
|
||||
tags: [],
|
||||
cardNames: ['Rus->En', 'En->Rus'],
|
||||
questionFormat,
|
||||
answerFormat,
|
||||
css,
|
||||
};
|
||||
const settings = {
|
||||
modelId: model.id,
|
||||
modelProperties,
|
||||
deckId: model.deck.id,
|
||||
};
|
||||
new AnkiDroid(settings).addNote(
|
||||
[
|
||||
'Word or sentence',
|
||||
'Part of speech 1',
|
||||
'Translate 1',
|
||||
'Definition 1',
|
||||
'Part of speech 2',
|
||||
'Translate 2',
|
||||
'Definition 2',
|
||||
'Example',
|
||||
'Transcription',
|
||||
'Sound',
|
||||
],
|
||||
modelFields,
|
||||
);
|
||||
} catch (err) {
|
||||
console.log(err);
|
||||
}*/
|
||||
|
||||
///////////////////////////////////
|
||||
// SETTING UP THE DECK AND MODEL //
|
||||
///////////////////////////////////
|
||||
|
||||
// Name of deck which will be created in AnkiDroid
|
||||
const deckName = model.deck.name;
|
||||
// Name of model which will be created in AnkiDroid (can be any string)
|
||||
const modelName = model.name + '_test';
|
||||
// Used to save a reference to this deck in the SharedPreferences (can be any string)
|
||||
const modelName = model.name;
|
||||
const dbDeckReference = 'com.anki.decks';
|
||||
// Used to save a reference to this model in the SharedPreferences (can be any string)
|
||||
const dbModelReference = 'com.anki.models';
|
||||
// Optional space separated list of tags to add to every note
|
||||
const tags = ['AnkiLan'];
|
||||
// List of field names that will be used in AnkiDroid model
|
||||
const modelFields = [
|
||||
'Word or sentence',
|
||||
'Part of speech 1',
|
||||
|
|
@ -132,9 +21,7 @@ export const createAnkiLanModel = model => async dispatch => {
|
|||
'Transcription',
|
||||
'Sound',
|
||||
];
|
||||
// List of card names that will be used in AnkiDroid (one for each direction of learning)
|
||||
const cardNames = ['Russian>English', 'English>Russian'];
|
||||
// CSS to share between all the cards (optional).
|
||||
const css = `.card {
|
||||
font-family: 'Roboto', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
|
||||
font-size: 24px;
|
||||
|
|
@ -167,33 +54,33 @@ export const createAnkiLanModel = model => async dispatch => {
|
|||
color: #1e7efc;
|
||||
font-weight: bold;
|
||||
}
|
||||
.list{
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction:column;
|
||||
align-items:center;
|
||||
padding: 0;
|
||||
}
|
||||
.definition{
|
||||
font-size: 20px;
|
||||
font-famyli: sans-serif;
|
||||
font-style: italic;
|
||||
display: block;
|
||||
margin: 7px ;
|
||||
padding: 0 20px ;
|
||||
white-space: normal;
|
||||
width: 70vw;
|
||||
}
|
||||
.usage{
|
||||
background-color: rgba(100,100,100,0.1);
|
||||
padding: 10px;
|
||||
font-size: 20px;
|
||||
white-space: normal;
|
||||
width: 70vw;
|
||||
margin: 0 auto;
|
||||
border-radius: 5px;
|
||||
}`;
|
||||
// Template for the question of each card
|
||||
.list{
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction:column;
|
||||
align-items:center;
|
||||
padding: 0;
|
||||
}
|
||||
.definition{
|
||||
font-size: 20px;
|
||||
font-famyli: sans-serif;
|
||||
font-style: italic;
|
||||
display: block;
|
||||
margin: 7px ;
|
||||
padding: 0 20px ;
|
||||
white-space: normal;
|
||||
width: 70vw;
|
||||
}
|
||||
.usage{
|
||||
background-color: rgba(100,100,100,0.1);
|
||||
padding: 10px;
|
||||
font-size: 20px;
|
||||
white-space: normal;
|
||||
width: 70vw;
|
||||
margin: 0 auto;
|
||||
border-radius: 5px;
|
||||
}`;
|
||||
|
||||
const questionFmt1 = `
|
||||
<div class="big">{{Word or sentence}}</div>
|
||||
<ul class="list">
|
||||
|
|
@ -208,21 +95,19 @@ border-radius: 5px;
|
|||
<div class="transcription">{{Transcription}}</div>
|
||||
<span class="sound">{{Sound}}</span>
|
||||
`;
|
||||
|
||||
const questionFmt2 = '<div class="big">{{Translation 1}}</div>';
|
||||
|
||||
const questionFormat = [questionFmt1, questionFmt2];
|
||||
// Template for the answer (this example is identical for both sides)
|
||||
|
||||
const answerFmt1 = `
|
||||
<div class="big">{{Word or sentence}}</div>
|
||||
<div class="sound--container">
|
||||
<div class="transcription">{{Transcription}}</div>
|
||||
<span class="sound">{{Sound}}</span>
|
||||
</div>
|
||||
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="usage">{{Usage example}}</div>
|
||||
|
||||
<hr />
|
||||
<ul class="list">
|
||||
<li>
|
||||
|
|
@ -243,9 +128,7 @@ border-radius: 5px;
|
|||
</div>`;
|
||||
const answerFormat = [answerFmt1, answerFmt1];
|
||||
|
||||
//////////////////
|
||||
// ADDING NOTES //
|
||||
//////////////////
|
||||
|
||||
const deckProperties = {
|
||||
name: deckName,
|
||||
|
|
@ -263,16 +146,16 @@ border-radius: 5px;
|
|||
};
|
||||
|
||||
const valueFields = [
|
||||
'Word or sentence',
|
||||
'Part of speech 1',
|
||||
'Translation 1',
|
||||
'Definition 1',
|
||||
'Part of speech 2',
|
||||
'Translation 2',
|
||||
'Definition 2',
|
||||
'Usage example',
|
||||
'Transcription',
|
||||
'Sound',
|
||||
'AnkiLan',
|
||||
'Translate by typing the word',
|
||||
'',
|
||||
'You can type the word in input field and get translate, sound and definition of this word',
|
||||
'Translate via sharing',
|
||||
'',
|
||||
'You can mark the word in you phone and share it with AnkiLan',
|
||||
'IMAGE WILL BE HERE',
|
||||
'guide',
|
||||
'',
|
||||
];
|
||||
|
||||
const settings = {
|
||||
|
|
@ -281,12 +164,17 @@ border-radius: 5px;
|
|||
deckId: model.deck.id,
|
||||
deckProperties: deckProperties,
|
||||
};
|
||||
|
||||
const selectedDeck = new AnkiDroid(settings);
|
||||
|
||||
selectedDeck.addNote(valueFields, modelFields);
|
||||
// returns a promise that returns the added note ID
|
||||
await dispatch(setAnkiNoteCreator(selectedDeck));
|
||||
await dispatch(setCreatorTemplate(modelFields));
|
||||
addNote(selectedDeck, valueFields, modelFields);
|
||||
checkAnkiLanModelForExisting(model.name, model.list);
|
||||
await dispatch(getModelList());
|
||||
} catch (err) {
|
||||
console.log(err);
|
||||
}
|
||||
};
|
||||
|
||||
export const addNote = (creator, words, template) => {
|
||||
creator.addNote(words, template);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ import {ScrollView} from 'react-native'
|
|||
import Permissions from './permissions';
|
||||
import {connect, Provider} from 'react-redux';
|
||||
import DeckPicker from './view/deck-picker';
|
||||
import AddWordForm from './add-word-form';
|
||||
import AddWordForm from './anki-form';
|
||||
import AnkiTemplate from './view/add-main-template';
|
||||
import {Grid, Row} from 'native-base';
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,15 @@
|
|||
import React from 'react'
|
||||
import React , {useEffect}from 'react'
|
||||
import {connect} from 'react-redux'
|
||||
import DeckPicker from './view/deck-picker';
|
||||
import{Form, Container} from 'native-base';
|
||||
import AnkiTemplate from './view/add-main-template';
|
||||
import {ScrollView} from 'react-native';
|
||||
import {checkAnkiLanModelForExisting} from '../actions/anki-get-actions';
|
||||
|
||||
const AddWordForm = props => {
|
||||
const AnkiForm = props => {
|
||||
useEffect(() => {
|
||||
props.checkAnkiLanModelForExisting(props.modelName, props.modelList)
|
||||
})
|
||||
return (
|
||||
<Container style={{padding: 20}}>
|
||||
<DeckPicker/>
|
||||
|
|
@ -20,5 +24,10 @@ const AddWordForm = props => {
|
|||
}
|
||||
|
||||
export default connect(state => ({
|
||||
ankiLanModelExists: state.anki.ankiLanModelIsAlreadyExists
|
||||
}))(AddWordForm)
|
||||
ankiLanModelExists: state.anki.ankiLanModelIsAlreadyExists,
|
||||
modelName: state.anki.ankiLanModelName,
|
||||
modelList: state.anki.modelList,
|
||||
creator: state.anki.noteCreator
|
||||
}), {
|
||||
checkAnkiLanModelForExisting
|
||||
})(AnkiForm)
|
||||
|
|
@ -1,18 +1,15 @@
|
|||
import React, {useEffect} from 'react'
|
||||
import React from 'react'
|
||||
import {Text, Button,Grid, Container} from 'native-base';
|
||||
import {checkAnkiLanModelForExisting} from '../../actions/anki-get-actions';
|
||||
import {connect} from 'react-redux'
|
||||
import {createAnkiLanModel} from '../../actions/createAnkiLanModel';
|
||||
|
||||
const AnkiTemplate = props => {
|
||||
useEffect(() => {
|
||||
props.checkAnkiLanModelForExisting(props.modelName)
|
||||
}, [])
|
||||
return(
|
||||
<Grid style={{display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
|
||||
<Text>You have no AnkiLan card template</Text>
|
||||
<Button onPress={() => props.createAnkiLanModel({
|
||||
name: props.modelName,
|
||||
list: props.modelList,
|
||||
...props.currentDeck
|
||||
})}><Text>Create</Text></Button>
|
||||
|
||||
|
|
@ -23,8 +20,8 @@ const AnkiTemplate = props => {
|
|||
|
||||
export default connect(state => ({
|
||||
modelName: state.anki.ankiLanModelName,
|
||||
currentDeck: state.anki.selectedDeck
|
||||
currentDeck: state.anki.selectedDeck,
|
||||
modelList: state.anki.modelList,
|
||||
}), {
|
||||
createAnkiLanModel,
|
||||
checkAnkiLanModelForExisting
|
||||
})(AnkiTemplate)
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@ const DeckPicker = props => {
|
|||
|
||||
export default connect(state => ({
|
||||
decks: state.anki.deckList,
|
||||
selectedDeck: state.anki.selectedDeck
|
||||
selectedDeck: state.anki.selectedDeck,
|
||||
}),{
|
||||
getDeckList,
|
||||
selectDeck,
|
||||
|
|
|
|||
|
|
@ -14,6 +14,8 @@ export const SET_DECK = 'SET_DECK';
|
|||
export const SET_WORD_DEFINITION = 'SET_DEFINITION';
|
||||
export const SET_WORD_SOUND = 'SET_WORD_SOUND';
|
||||
export const SET_WORD_TRANSLATE = 'SET_WORD_TRANSLATE';
|
||||
export const SET_ANKI_NOTE_CREATOR = 'SET_ANKI_NOTE_CREATOR';
|
||||
export const SET_CREATOR_TEMPLATE = 'SET_CREATOR_TEMPLATE';
|
||||
//Anki ui actions
|
||||
export const SHOW_FIELDS = 'SHOW_FIELDS';
|
||||
// Anki check actions
|
||||
|
|
|
|||
|
|
@ -2,6 +2,8 @@ import {
|
|||
GET_DECK_LIST,
|
||||
GET_MODEL_LIST,
|
||||
REQUEST_PERMISSIONS,
|
||||
SET_ANKI_NOTE_CREATOR,
|
||||
SET_CREATOR_TEMPLATE,
|
||||
SET_DECK,
|
||||
SET_EXISTING_OF_ANKI_LAN_MODEL,
|
||||
} from '../constants/anki-constants';
|
||||
|
|
@ -18,7 +20,9 @@ const initialState = {
|
|||
mainFieldIsAvailable: false,
|
||||
fieldList: [],
|
||||
ankiLanModelIsAlreadyExists: false,
|
||||
ankiLanModelName: 'AnkiLan_test',
|
||||
ankiLanModelName: 'AnkiLan2',
|
||||
noteCreator: {},
|
||||
noteTemplate: [],
|
||||
};
|
||||
|
||||
const ankiReducer = (state = initialState, action) => {
|
||||
|
|
@ -37,6 +41,10 @@ const ankiReducer = (state = initialState, action) => {
|
|||
};
|
||||
case SET_EXISTING_OF_ANKI_LAN_MODEL:
|
||||
return {...state, ankiLanModelIsAlreadyExists: action.payload};
|
||||
case SET_CREATOR_TEMPLATE:
|
||||
return {...state, noteTemplate: action.payload};
|
||||
case SET_ANKI_NOTE_CREATOR:
|
||||
return {...state, noteCreator: action.payload};
|
||||
default:
|
||||
return state;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue