mirror of
https://github.com/balzack/databag.git
synced 2025-02-12 03:29:16 +00:00
translating access screens
This commit is contained in:
parent
7e2ec8a6cc
commit
9c3c50c0b7
@ -16,8 +16,8 @@ export function Admin() {
|
|||||||
}
|
}
|
||||||
catch (err) {
|
catch (err) {
|
||||||
Alert.alert(
|
Alert.alert(
|
||||||
"Access Failed",
|
state.strings.error,
|
||||||
"Please check your server and token.",
|
state.strings.tryAgain,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -32,20 +32,21 @@ export function Admin() {
|
|||||||
</View>
|
</View>
|
||||||
<Text style={styles.title}>Databag</Text>
|
<Text style={styles.title}>Databag</Text>
|
||||||
<View style={styles.spacemid}>
|
<View style={styles.spacemid}>
|
||||||
<Text style={styles.header}>Admin Acess</Text>
|
<Text style={styles.header}>{ state.strings.adminAccess }</Text>
|
||||||
</View>
|
</View>
|
||||||
<View style={styles.spacetop}>
|
<View style={styles.spacetop}>
|
||||||
<View style={styles.inputwrapper}>
|
<View style={styles.inputwrapper}>
|
||||||
<Ionicons style={styles.icon} name="database" size={18} color="#aaaaaa" />
|
<Ionicons style={styles.icon} name="database" size={18} color="#aaaaaa" />
|
||||||
<TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
|
<TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
|
||||||
autoCorrect={false} autoCapitalize="none" placeholder="server" placeholderTextColor={Colors.grey} />
|
autoCorrect={false} autoCapitalize="none" placeholder={state.strings.server}
|
||||||
|
placeholderTextColor={Colors.inputPlaceholder} />
|
||||||
<View style={styles.space} />
|
<View style={styles.space} />
|
||||||
</View>
|
</View>
|
||||||
<View style={styles.inputwrapper}>
|
<View style={styles.inputwrapper}>
|
||||||
<Ionicons style={styles.icon} name="key" size={18} color="#aaaaaa" />
|
<Ionicons style={styles.icon} name="key" size={18} color="#aaaaaa" />
|
||||||
<TextInput style={styles.inputfield} value={state.token} onChangeText={actions.setToken}
|
<TextInput style={styles.inputfield} value={state.token} onChangeText={actions.setToken}
|
||||||
secureTextEntry={!state.plainText} autoCapitalize="none" placeholder="token"
|
secureTextEntry={!state.plainText} autoCapitalize="none" placeholder={state.strings.token}
|
||||||
placeholderTextColor={Colors.grey} />
|
placeholderTextColor={Colors.inputPlaceholder} />
|
||||||
<TouchableOpacity>
|
<TouchableOpacity>
|
||||||
{ state.plainText && (
|
{ state.plainText && (
|
||||||
<Ionicons style={styles.icon} name="eye" size={18} color="#aaaaaa" onPress={actions.hidePass}/>
|
<Ionicons style={styles.icon} name="eye" size={18} color="#aaaaaa" onPress={actions.hidePass}/>
|
||||||
@ -59,7 +60,7 @@ export function Admin() {
|
|||||||
{ Platform.OS !== 'ios' && (
|
{ Platform.OS !== 'ios' && (
|
||||||
<View style={styles.tos}>
|
<View style={styles.tos}>
|
||||||
<TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
|
<TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
|
||||||
<Text style={styles.viewtermstext}>View Terms of Service</Text>
|
<Text style={styles.viewtermstext}>{ state.strings.terms }</Text>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
<TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
|
<TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
|
||||||
{ state.agree && (
|
{ state.agree && (
|
||||||
@ -68,7 +69,7 @@ export function Admin() {
|
|||||||
{ !state.agree && (
|
{ !state.agree && (
|
||||||
<MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
|
<MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
|
||||||
)}
|
)}
|
||||||
<Text style={styles.agreetermstext}>I agree to Terms of Service</Text>
|
<Text style={styles.agreetermstext}>{ state.strings.agree }</Text>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
@ -85,7 +86,7 @@ export function Admin() {
|
|||||||
)}
|
)}
|
||||||
{ (!state.enabled || (Platform.OS !== 'ios' && !state.agree)) && (
|
{ (!state.enabled || (Platform.OS !== 'ios' && !state.agree)) && (
|
||||||
<View style={styles.noreset}>
|
<View style={styles.noreset}>
|
||||||
<Text style={styles.noresettext}>Access</Text>
|
<Text style={styles.noresettext}>{ state.strings.access }</Text>
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
</View>
|
</View>
|
||||||
@ -93,7 +94,7 @@ export function Admin() {
|
|||||||
<Text style={styles.versiontext}>v{ state.version }</Text>
|
<Text style={styles.versiontext}>v{ state.version }</Text>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<Modal
|
<Modal
|
||||||
animationType="fade"
|
animationType="fade"
|
||||||
transparent={true}
|
transparent={true}
|
||||||
visible={state.showTerms}
|
visible={state.showTerms}
|
||||||
@ -102,11 +103,11 @@ export function Admin() {
|
|||||||
>
|
>
|
||||||
<View style={styles.modalContainer}>
|
<View style={styles.modalContainer}>
|
||||||
<ScrollView style={styles.terms} persistentScrollbar={true}>
|
<ScrollView style={styles.terms} persistentScrollbar={true}>
|
||||||
<Text style={styles.termsheader}>Terms of Use and User Policy</Text>
|
<Text style={styles.termsheader}>{ state.strings.policy }</Text>
|
||||||
<Text numberOfLines={0}>{ tos.message }</Text>
|
<Text numberOfLines={0}>{ tos[state.strings.languageCode] }</Text>
|
||||||
</ScrollView>
|
</ScrollView>
|
||||||
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
|
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
|
||||||
<Text style={styles.donetext}>Done</Text>
|
<Text style={styles.donetext}>{ state.strings.close }</Text>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
@ -16,8 +16,8 @@ export function Create() {
|
|||||||
}
|
}
|
||||||
catch (err) {
|
catch (err) {
|
||||||
Alert.alert(
|
Alert.alert(
|
||||||
"Create Failed",
|
state.strings.error,
|
||||||
"Please check your server and token.",
|
state.strings.tryAgain,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -36,13 +36,14 @@ export function Create() {
|
|||||||
</View>
|
</View>
|
||||||
<Text style={styles.title}>Databag</Text>
|
<Text style={styles.title}>Databag</Text>
|
||||||
<View style={styles.spacemid}>
|
<View style={styles.spacemid}>
|
||||||
<Text style={styles.header}>Create Account</Text>
|
<Text style={styles.header}>{ state.strings.createAccount }</Text>
|
||||||
</View>
|
</View>
|
||||||
<ScrollView style={styles.spacetop}>
|
<ScrollView style={styles.spacetop}>
|
||||||
<View style={styles.inputwrapper}>
|
<View style={styles.inputwrapper}>
|
||||||
<Ionicons style={styles.icon} name="database" size={18} color="#888888" />
|
<Ionicons style={styles.icon} name="database" size={18} color={Colors.inputPlaceholder} />
|
||||||
<TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
|
<TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
|
||||||
autoCorrect={false} autoCapitalize="none" placeholder="server" placeholderTextColor={Colors.grey} />
|
autoCorrect={false} autoCapitalize="none" placeholder={state.strings.server}
|
||||||
|
placeholderTextColor={Colors.inputPlaceholder} />
|
||||||
{ (!state.server || !state.serverChecked) && (
|
{ (!state.server || !state.serverChecked) && (
|
||||||
<View style={styles.required}>
|
<View style={styles.required}>
|
||||||
<Text style={styles.requiredtest}>✻</Text>
|
<Text style={styles.requiredtest}>✻</Text>
|
||||||
@ -58,9 +59,10 @@ export function Create() {
|
|||||||
<View style={styles.token}>
|
<View style={styles.token}>
|
||||||
{ state.tokenRequired && (
|
{ state.tokenRequired && (
|
||||||
<View style={styles.inputwrapper}>
|
<View style={styles.inputwrapper}>
|
||||||
<Ionicons style={styles.icon} name="key" size={18} color="#888888" />
|
<Ionicons style={styles.icon} name="key" size={18} color={Colors.inputPlaceholder} />
|
||||||
<TextInput style={styles.inputfield} value={state.token} onChangeText={actions.setToken}
|
<TextInput style={styles.inputfield} value={state.token} onChangeText={actions.setToken}
|
||||||
autoCorrect={false} autoCapitalize="none" placeholder="token" placeholderTextColor={Colors.grey} />
|
autoCorrect={false} autoCapitalize="none" placeholder={state.strings.token}
|
||||||
|
placeholderTextColor={Colors.inputPlaceholder} />
|
||||||
<View style={styles.space}>
|
<View style={styles.space}>
|
||||||
{ (!validServer || !state.token || !state.tokenChecked) && (
|
{ (!validServer || !state.token || !state.tokenChecked) && (
|
||||||
<Text style={styles.required}>✻</Text>
|
<Text style={styles.required}>✻</Text>
|
||||||
@ -76,14 +78,15 @@ export function Create() {
|
|||||||
)}
|
)}
|
||||||
{ !state.tokenRequired && state.server === 'databag.coredb.org' && (
|
{ !state.tokenRequired && state.server === 'databag.coredb.org' && (
|
||||||
<View style={styles.demo}>
|
<View style={styles.demo}>
|
||||||
<Text style={styles.demoText}>The default public server is to test out the system. Use a private server otherwise.</Text>
|
<Text style={styles.demoText}>{state.strings.defaultPublic}</Text>
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
</View>
|
</View>
|
||||||
<View style={styles.inputwrapper}>
|
<View style={styles.inputwrapper}>
|
||||||
<Ionicons style={styles.icon} name="user" size={18} color="#888888" />
|
<Ionicons style={styles.icon} name="user" size={18} color={Colors.inputPlaceholder} />
|
||||||
<TextInput style={styles.inputfield} value={state.username} onChangeText={actions.setUsername}
|
<TextInput style={styles.inputfield} value={state.username} onChangeText={actions.setUsername}
|
||||||
autoCorrect={false} autoCapitalize="none" placeholder="username" placeholderTextColor={Colors.grey} />
|
autoCorrect={false} autoCapitalize="none" placeholder={state.strings.username}
|
||||||
|
placeholderTextColor={Colors.inputPlaceholder} />
|
||||||
{ (!validServer || !validToken || !state.username || !state.usernameChecked) && (
|
{ (!validServer || !validToken || !state.username || !state.usernameChecked) && (
|
||||||
<Text style={styles.required}>✻</Text>
|
<Text style={styles.required}>✻</Text>
|
||||||
)}
|
)}
|
||||||
@ -96,44 +99,45 @@ export function Create() {
|
|||||||
</View>
|
</View>
|
||||||
{ state.showPassword && (
|
{ state.showPassword && (
|
||||||
<View style={styles.inputwrapper}>
|
<View style={styles.inputwrapper}>
|
||||||
<Ionicons style={styles.icon} name="lock" size={18} color="#888888" />
|
<Ionicons style={styles.icon} name="lock" size={18} color={Colors.inputPlaceholder} />
|
||||||
<TextInput style={styles.inputfield} value={state.password} onChangeText={actions.setPassword}
|
<TextInput style={styles.inputfield} value={state.password} onChangeText={actions.setPassword}
|
||||||
autoCorrect={false} autoCapitalize="none" placeholder="password" placeholderTextColor={Colors.grey} />
|
autoCorrect={false} autoCapitalize="none" placeholder={state.strings.password}
|
||||||
|
placeholderTextColor={Colors.inputPlaceholder} />
|
||||||
<TouchableOpacity onPress={actions.hidePassword}>
|
<TouchableOpacity onPress={actions.hidePassword}>
|
||||||
<Ionicons style={styles.icon} name="eye" size={18} color="#888888" />
|
<Ionicons style={styles.icon} name="eye" size={18} color={Colors.inputPlaceholder} />
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
{ !state.showPassword && (
|
{ !state.showPassword && (
|
||||||
<View style={styles.inputwrapper}>
|
<View style={styles.inputwrapper}>
|
||||||
<Ionicons style={styles.icon} name="lock" size={18} color="#888888" />
|
<Ionicons style={styles.icon} name="lock" size={18} color={Colors.inputPlaceholder} />
|
||||||
<TextInput style={styles.inputfield} value={state.password} onChangeText={actions.setPassword}
|
<TextInput style={styles.inputfield} value={state.password} onChangeText={actions.setPassword}
|
||||||
autoCorrect={false} secureTextEntry={true} autoCapitalize="none" placeholder="password"
|
autoCorrect={false} secureTextEntry={true} autoCapitalize="none" placeholder={state.strings.password}
|
||||||
placeholderTextColor={Colors.grey} />
|
placeholderTextColor={Colors.inputPlaceholder} />
|
||||||
<TouchableOpacity onPress={actions.showPassword}>
|
<TouchableOpacity onPress={actions.showPassword}>
|
||||||
<Ionicons style={styles.icon} name="eyeo" size={18} color="#888888" />
|
<Ionicons style={styles.icon} name="eyeo" size={18} color={Colors.inputPlaceholder} />
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
{ state.showConfirm && (
|
{ state.showConfirm && (
|
||||||
<View style={styles.inputwrapper}>
|
<View style={styles.inputwrapper}>
|
||||||
<Ionicons style={styles.icon} name="lock" size={18} color="#888888" />
|
<Ionicons style={styles.icon} name="lock" size={18} color={Colors.inputPlaceholder} />
|
||||||
<TextInput style={styles.inputfield} value={state.confirm} onChangeText={actions.setConfirm}
|
<TextInput style={styles.inputfield} value={state.confirm} onChangeText={actions.setConfirm}
|
||||||
autoCorrect={false} autoCapitalize="none" placeholder="confirm password"
|
autoCorrect={false} autoCapitalize="none" placeholder={state.strings.confirmPassword}
|
||||||
placeholderTextColor={Colors.grey} />
|
placeholderTextColor={Colors.inputPlaceholder} />
|
||||||
<TouchableOpacity onPress={actions.hideConfirm}>
|
<TouchableOpacity onPress={actions.hideConfirm}>
|
||||||
<Ionicons style={styles.icon} name="eye" size={18} color="#888888" />
|
<Ionicons style={styles.icon} name="eye" size={18} color={Colors.inputPlaceholder} />
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
{ !state.showConfirm && (
|
{ !state.showConfirm && (
|
||||||
<View style={styles.inputwrapper}>
|
<View style={styles.inputwrapper}>
|
||||||
<Ionicons style={styles.icon} name="lock" size={18} color="#888888" />
|
<Ionicons style={styles.icon} name="lock" size={18} color={Colors.inputPlaceholder} />
|
||||||
<TextInput style={styles.inputfield} value={state.confirm} onChangeText={actions.setConfirm}
|
<TextInput style={styles.inputfield} value={state.confirm} onChangeText={actions.setConfirm}
|
||||||
autoCorrect={false} secureTextEntry={true} autoCapitalize="none" placeholder="confirm password"
|
autoCorrect={false} secureTextEntry={true} autoCapitalize="none" placeholder={state.strings.confirmPassword}
|
||||||
placeholderTextColor={Colors.grey} />
|
placeholderTextColor={Colors.inputPlaceholder} />
|
||||||
<TouchableOpacity onPress={actions.showConfirm}>
|
<TouchableOpacity onPress={actions.showConfirm}>
|
||||||
<Ionicons style={styles.icon} name="eyeo" size={18} color="#888888" />
|
<Ionicons style={styles.icon} name="eyeo" size={18} color={Colors.inputPlaceholder} />
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
@ -141,7 +145,7 @@ export function Create() {
|
|||||||
{ Platform.OS !== 'ios' && (
|
{ Platform.OS !== 'ios' && (
|
||||||
<View style={styles.tos}>
|
<View style={styles.tos}>
|
||||||
<TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
|
<TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
|
||||||
<Text style={styles.viewtermstext}>View Terms of Service</Text>
|
<Text style={styles.viewtermstext}>{ state.strings.terms }</Text>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
<TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
|
<TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
|
||||||
{ state.agree && (
|
{ state.agree && (
|
||||||
@ -150,7 +154,7 @@ export function Create() {
|
|||||||
{ !state.agree && (
|
{ !state.agree && (
|
||||||
<MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
|
<MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
|
||||||
)}
|
)}
|
||||||
<Text style={styles.agreetermstext}>I agree to Terms of Service</Text>
|
<Text style={styles.agreetermstext}>{ state.strings.agree }</Text>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
@ -162,17 +166,17 @@ export function Create() {
|
|||||||
<ActivityIndicator size="small" color="#ffffff" />
|
<ActivityIndicator size="small" color="#ffffff" />
|
||||||
)}
|
)}
|
||||||
{ !state.busy && (
|
{ !state.busy && (
|
||||||
<Text style={styles.createtext}>Create Account</Text>
|
<Text style={styles.createtext}>{ state.strings.create }</Text>
|
||||||
)}
|
)}
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
)}
|
)}
|
||||||
{ (!state.enabled || (Platform.OS !== 'ios' && !state.agree)) && (
|
{ (!state.enabled || (Platform.OS !== 'ios' && !state.agree)) && (
|
||||||
<View style={styles.nocreate}>
|
<View style={styles.nocreate}>
|
||||||
<Text style={styles.nocreatetext}>Create Account</Text>
|
<Text style={styles.nocreatetext}>{ state.strings.create }</Text>
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
<TouchableOpacity style={styles.login} onPress={actions.login}>
|
<TouchableOpacity style={styles.login} onPress={actions.login}>
|
||||||
<Text style={styles.logintext}>Account Login</Text>
|
<Text style={styles.logintext}>{ state.strings.accountLogin }</Text>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
</ScrollView>
|
</ScrollView>
|
||||||
@ -186,11 +190,11 @@ export function Create() {
|
|||||||
>
|
>
|
||||||
<View style={styles.modalContainer}>
|
<View style={styles.modalContainer}>
|
||||||
<ScrollView style={styles.terms} persistentScrollbar={true}>
|
<ScrollView style={styles.terms} persistentScrollbar={true}>
|
||||||
<Text style={styles.termsheader}>Terms of Use and User Policy</Text>
|
<Text style={styles.termsheader}>{ state.strings.policy }</Text>
|
||||||
<Text numberOfLines={0}>{ tos.message }</Text>
|
<Text numberOfLines={0}>{ tos[state.strings.languageCode] }</Text>
|
||||||
</ScrollView>
|
</ScrollView>
|
||||||
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
|
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
|
||||||
<Text style={styles.donetext}>Done</Text>
|
<Text style={styles.donetext}>{ state.strings.close }</Text>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
@ -120,7 +120,7 @@ export function Login() {
|
|||||||
<Text numberOfLines={0}>{ tos[state.strings.languageCode] }</Text>
|
<Text numberOfLines={0}>{ tos[state.strings.languageCode] }</Text>
|
||||||
</ScrollView>
|
</ScrollView>
|
||||||
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
|
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
|
||||||
<Text style={styles.donetext}>{ state.strings.done }</Text>
|
<Text style={styles.donetext}>{ state.strings.close }</Text>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
@ -16,8 +16,8 @@ export function Reset() {
|
|||||||
}
|
}
|
||||||
catch (err) {
|
catch (err) {
|
||||||
Alert.alert(
|
Alert.alert(
|
||||||
"Access Failed",
|
state.strings.error,
|
||||||
"Please check your server and token.",
|
state.strings.tryAgain,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -32,26 +32,26 @@ export function Reset() {
|
|||||||
</View>
|
</View>
|
||||||
<Text style={styles.title}>Databag</Text>
|
<Text style={styles.title}>Databag</Text>
|
||||||
<View style={styles.spacemid}>
|
<View style={styles.spacemid}>
|
||||||
<Text style={styles.header}>Access Account</Text>
|
<Text style={styles.header}>{ state.strings.accessAccount }</Text>
|
||||||
</View>
|
</View>
|
||||||
<View style={styles.spacetop}>
|
<View style={styles.spacetop}>
|
||||||
<View style={styles.inputwrapper}>
|
<View style={styles.inputwrapper}>
|
||||||
<Ionicons style={styles.icon} name="database" size={18} color="#aaaaaa" />
|
<Ionicons style={styles.icon} name="database" size={18} color="#aaaaaa" />
|
||||||
<TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
|
<TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
|
||||||
autoCapitalize="none" placeholder="server" placeholderTextColor={Colors.grey} />
|
autoCapitalize="none" placeholder={state.strings.server} placeholderTextColor={Colors.inputPlaceholder} />
|
||||||
<View style={styles.space} />
|
<View style={styles.space} />
|
||||||
</View>
|
</View>
|
||||||
<View style={styles.inputwrapper}>
|
<View style={styles.inputwrapper}>
|
||||||
<Ionicons style={styles.icon} name="key" size={18} color="#aaaaaa" />
|
<Ionicons style={styles.icon} name="key" size={18} color="#aaaaaa" />
|
||||||
<TextInput style={styles.inputfield} value={state.token} onChangeText={actions.setToken}
|
<TextInput style={styles.inputfield} value={state.token} onChangeText={actions.setToken}
|
||||||
autoCapitalize="none" placeholder="token" placeholderTextColor={Colors.grey} />
|
autoCapitalize="none" placeholder={state.strings.token} placeholderTextColor={Colors.inputPlaceholder} />
|
||||||
<View style={styles.space} />
|
<View style={styles.space} />
|
||||||
</View>
|
</View>
|
||||||
|
|
||||||
{ Platform.OS !== 'ios' && (
|
{ Platform.OS !== 'ios' && (
|
||||||
<View style={styles.tos}>
|
<View style={styles.tos}>
|
||||||
<TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
|
<TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
|
||||||
<Text style={styles.viewtermstext}>View Terms of Service</Text>
|
<Text style={styles.viewtermstext}>{ state.strings.terms }</Text>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
<TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
|
<TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
|
||||||
{ state.agree && (
|
{ state.agree && (
|
||||||
@ -60,7 +60,7 @@ export function Reset() {
|
|||||||
{ !state.agree && (
|
{ !state.agree && (
|
||||||
<MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
|
<MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
|
||||||
)}
|
)}
|
||||||
<Text style={styles.agreetermstext}>I agree to Terms of Service</Text>
|
<Text style={styles.agreetermstext}>{state.string.agree}</Text>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
@ -71,17 +71,17 @@ export function Reset() {
|
|||||||
<ActivityIndicator size="small" color="#ffffff" />
|
<ActivityIndicator size="small" color="#ffffff" />
|
||||||
)}
|
)}
|
||||||
{ !state.busy && (
|
{ !state.busy && (
|
||||||
<Text style={styles.resettext}>Access</Text>
|
<Text style={styles.resettext}>{ state.strings.access }</Text>
|
||||||
)}
|
)}
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
)}
|
)}
|
||||||
{ (!state.enabled || (Platform.OS !== 'ios' && !state.agree)) && (
|
{ (!state.enabled || (Platform.OS !== 'ios' && !state.agree)) && (
|
||||||
<View style={styles.noreset}>
|
<View style={styles.noreset}>
|
||||||
<Text style={styles.noresettext}>Access</Text>
|
<Text style={styles.noresettext}>{ state.strings.access }</Text>
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
<TouchableOpacity style={styles.login} onPress={actions.login}>
|
<TouchableOpacity style={styles.login} onPress={actions.login}>
|
||||||
<Text style={styles.logintext}>Account Login</Text>
|
<Text style={styles.logintext}>{ state.strings.accountLogin }</Text>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
@ -94,11 +94,11 @@ export function Reset() {
|
|||||||
>
|
>
|
||||||
<View style={styles.modalContainer}>
|
<View style={styles.modalContainer}>
|
||||||
<ScrollView style={styles.terms} persistentScrollbar={true}>
|
<ScrollView style={styles.terms} persistentScrollbar={true}>
|
||||||
<Text style={styles.termsheader}>Terms of Use and User Policy</Text>
|
<Text style={styles.termsheader}>{ state.strings.policy }</Text>
|
||||||
<Text numberOfLines={0}>{ tos.message }</Text>
|
<Text numberOfLines={0}>{ tos[state.strings.languageCode] }</Text>
|
||||||
</ScrollView>
|
</ScrollView>
|
||||||
<TouchableOpacity style={styles.done} onPress={actions.hideTerms}>
|
<TouchableOpacity style={styles.close} onPress={actions.hideTerms}>
|
||||||
<Text style={styles.donetext}>Done</Text>
|
<Text style={styles.donetext}>{ state.strings.done }</Text>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
@ -10,7 +10,7 @@ export function useReset() {
|
|||||||
const app = useContext(AppContext);
|
const app = useContext(AppContext);
|
||||||
|
|
||||||
const [state, setState] = useState({
|
const [state, setState] = useState({
|
||||||
stirngs: getLanguageStrings(),
|
strings: getLanguageStrings(),
|
||||||
busy: false,
|
busy: false,
|
||||||
enabled: false,
|
enabled: false,
|
||||||
server: null,
|
server: null,
|
||||||
|
@ -176,7 +176,7 @@ const Strings = [
|
|||||||
adminAccess: 'Admin Access',
|
adminAccess: 'Admin Access',
|
||||||
server: 'Server',
|
server: 'Server',
|
||||||
access: 'Access',
|
access: 'Access',
|
||||||
defaultPublish: 'The default public server is to test out the system. Use a private server otherwise.',
|
defaultPublic: 'The default public server is to test out the system. Use a private server otherwise.',
|
||||||
confirmPassword: 'Confirm Password',
|
confirmPassword: 'Confirm Password',
|
||||||
accountLogin: 'Account Login',
|
accountLogin: 'Account Login',
|
||||||
accessAccount: 'Access Account',
|
accessAccount: 'Access Account',
|
||||||
@ -349,24 +349,13 @@ const Strings = [
|
|||||||
fontColor: 'Couleur du Texte',
|
fontColor: 'Couleur du Texte',
|
||||||
selectedColor: 'Couleur Sélectionnée',
|
selectedColor: 'Couleur Sélectionnée',
|
||||||
|
|
||||||
login: 'Login',
|
|
||||||
createAccount: 'Create Account',
|
|
||||||
forgotPassword: 'Forgot Password',
|
|
||||||
adminAccess: 'Admin Access',
|
|
||||||
server: 'Server',
|
|
||||||
access: 'Access',
|
|
||||||
defaultPublish: 'The default public server is to test out the system. Use a private server otherwise.',
|
|
||||||
confirmPassword: 'Confirm Password',
|
|
||||||
accountLogin: 'Account Login',
|
|
||||||
accessAccount: 'Access Account',
|
|
||||||
|
|
||||||
login: 'Connexion',
|
login: 'Connexion',
|
||||||
createAccount: 'Créer un Compte',
|
createAccount: 'Créer un Compte',
|
||||||
forgotPassword: 'Mot de Passe Oublié',
|
forgotPassword: 'Mot de Passe Oublié',
|
||||||
adminAccess: 'Accès Administrateur',
|
adminAccess: 'Accès Administrateur',
|
||||||
server: 'Serveur',
|
server: 'Serveur',
|
||||||
access: 'Accès',
|
access: 'Accès',
|
||||||
defaultPublish: 'Le serveur public par défaut est destiné à tester le système. Utilisez un serveur privé sinon.',
|
defaultPublic: 'Le serveur public par défaut est destiné à tester le système. Utilisez un serveur privé sinon.',
|
||||||
confirmPassword: 'Confirmer le Mot de Passe',
|
confirmPassword: 'Confirmer le Mot de Passe',
|
||||||
accountLogin: 'Connexion au Compte',
|
accountLogin: 'Connexion au Compte',
|
||||||
accessAccount: 'Accéder au Compte',
|
accessAccount: 'Accéder au Compte',
|
||||||
@ -545,7 +534,7 @@ const Strings = [
|
|||||||
adminAccess: 'Acceso de administrador',
|
adminAccess: 'Acceso de administrador',
|
||||||
server: 'Servidor',
|
server: 'Servidor',
|
||||||
access: 'Acceso',
|
access: 'Acceso',
|
||||||
defaultPublish: 'El servidor público predeterminado es para probar el sistema. Utilice un servidor privado en caso contrario.',
|
defaultPublic: 'El servidor público predeterminado es para probar el sistema. Utilice un servidor privado en caso contrario.',
|
||||||
confirmPassword: 'Confirmar contraseña',
|
confirmPassword: 'Confirmar contraseña',
|
||||||
accountLogin: 'Iniciar sesión en la cuenta',
|
accountLogin: 'Iniciar sesión en la cuenta',
|
||||||
accessAccount: 'Acceder a la cuenta',
|
accessAccount: 'Acceder a la cuenta',
|
||||||
@ -724,7 +713,7 @@ const Strings = [
|
|||||||
adminAccess: 'Administratorzugang',
|
adminAccess: 'Administratorzugang',
|
||||||
server: 'Server',
|
server: 'Server',
|
||||||
access: 'Zugang',
|
access: 'Zugang',
|
||||||
defaultPublish: 'Der Standard-Public-Server dient dazu, das System zu testen. Verwenden Sie andernfalls einen privaten Server.',
|
defaultPublic: 'Der Standard-Public-Server dient dazu, das System zu testen. Verwenden Sie andernfalls einen privaten Server.',
|
||||||
confirmPassword: 'Passwort bestätigen',
|
confirmPassword: 'Passwort bestätigen',
|
||||||
accountLogin: 'Kontoanmeldung',
|
accountLogin: 'Kontoanmeldung',
|
||||||
accessAccount: 'Zugang zum Konto',
|
accessAccount: 'Zugang zum Konto',
|
||||||
@ -889,7 +878,7 @@ const Strings = [
|
|||||||
adminAccess: 'Acesso de Administrador',
|
adminAccess: 'Acesso de Administrador',
|
||||||
server: 'Servidor',
|
server: 'Servidor',
|
||||||
access: 'Acesso',
|
access: 'Acesso',
|
||||||
defaultPublish: 'O servidor público padrão serve para testar o sistema. Use um servidor privado, caso contrário.',
|
defaultPublic: 'O servidor público padrão serve para testar o sistema. Use um servidor privado, caso contrário.',
|
||||||
confirmPassword: 'Confirmar Senha',
|
confirmPassword: 'Confirmar Senha',
|
||||||
accountLogin: 'Login da Conta',
|
accountLogin: 'Login da Conta',
|
||||||
accessAccount: 'Acessar Conta',
|
accessAccount: 'Acessar Conta',
|
||||||
|
Loading…
Reference in New Issue
Block a user