martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-04-24 10:35:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

adding seal modal

Browse Source
This commit is contained in:
Roland Osborne 2024-09-24 16:32:04 -07:00
parent 6e16003784
commit ca63fcb64e
2 changed files with 165 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/client/mobile/src/settings/Settings.styled.ts
View File

@ -49,7 +49,6 @@ export const styles = StyleSheet.create({
modalLabel: {
width: '100%',
fontSize: 20,
paddingLeft: 16,
},
modalClose: {
position: 'absolute',
@ -64,6 +63,9 @@ export const styles = StyleSheet.create({
paddingTop: 16,
justifyContent: 'flex-end',
},
modalDescription: {
paddingTop: 16,
},
header: {
fontSize: 22,
textAlign: 'center',
@ -188,6 +190,7 @@ export const styles = StyleSheet.create({
display: 'flex',
justifyContent: 'flex-begin',
height: '100%',
backgroundColor: 'transparent',
},
label: {
fontSize: 16,

161
app/client/mobile/src/settings/Settings.tsx
View File

@ -12,9 +12,14 @@ export function Settings({ showLogout }: { showLogout: boolean }) {
const [alert, setAlert] = useState(false);
const [details, setDetails] = useState(false);
const [sealing, setSealing] = useState(false);
const [sealDelete, setSealDelete] = useState(false);
const [sealReset, setSealReset] = useState(false);
const [sealConfig, setSealConfig] = useState(false);
const [savingSeal, setSavingSeal] = useState(false);
const [savingDetails, setSavingDetails] = useState(false);
const [savingRegistry, setSavingRegistry] = useState(false);
const [savingNotifications, setSavingNotifications] = useState(false);
const [showPassword, setShowPassword] = useState(false);
const selectImage = async () => {
try {
@ -32,6 +37,96 @@ export function Settings({ showLogout }: { showLogout: boolean }) {
}
}
const setSeal = async () => {
if (!savingSeal) {
setSealDelete(false);
setSealReset(false);
setSealConfig(false);
actions.setSealPassword('');
actions.setSealConfirm('');
actions.setSealDelete('');
sealOpen();
setSavingSeal(true);
setSavingSeal(false);
}
}
const sealUnlock = async () => {
if (!savingSeal) {
setSavingSeal(true);
try {
await actions.unlockSeal();
setSealing(false);
} catch (err) {
console.log(err);
setSealing(false);
setAlert(true);
}
setSavingSeal(false)
}
}
const sealForget = async () => {
if (!savingSeal) {
setSavingSeal(true);
try {
await actions.forgetSeal();
setSealing(false);
} catch (err) {
console.log(err);
setSealing(false);
setAlert(true);
}
setSavingSeal(false);
}
}
const sealRemove = async () => {
if (!savingSeal) {
setSavingSeal(true);
try {
await actions.clearSeal();
setSealing(false);
} catch (err) {
console.log(err);
setSealing(false);
setAlert(true);
}
setSavingSeal(false);
}
}
const sealCreate = async () => {
if (!savingSeal) {
setSavingSeal(true);
try {
await new Promise(r => setTimeout(r, 100));
await actions.setSeal();
setSealing(false);
} catch (err) {
console.log(err);
setSealing(false);
setAlert(true);
}
setSavingSeal(false);
}
}
const sealUpdate = async () => {
if (!savingSeal) {
setSavingSeal(true);
try {
await actions.updateSeal();
setSealing(false);
} catch (err) {
console.log(err);
setSealing(false);
setAlert(true);
}
setSavingSeal(false);
}
}
const saveDetails = async () => {
if (!savingDetails) {
setSavingDetails(true);
@ -343,6 +438,72 @@ export function Settings({ showLogout }: { showLogout: boolean }) {
<Surface elevation={1} mode="flat" style={styles.surface}>
<Text style={styles.modalLabel}>{ state.strings.manageTopics }</Text>
<IconButton style={styles.modalClose} icon="close" size={24} onPress={() => setSealing(false)} />
{ !sealDelete && !sealReset && state.config.sealSet && state.config.sealUnlocked && (
<>
<Text>seal is unlocked</Text>
{ !sealConfig && (
<Text>hide options</Text>
)}
{ sealConfig && (
<Text>show options</Text>
)}
</>
)}
{ !sealDelete && sealReset && state.config.sealSet && state.config.sealUnlocked && (
<>
<Text>update seal password</Text>
</>
)}
{ !sealDelete && state.config.sealSet && !state.config.sealUnlocked && (
<>
<Text>seal is locked</Text>
{ !sealConfig && (
<Text>hide options</Text>
)}
{ sealConfig && (
<Text>show options</Text>
)}
</>
)}
{ sealDelete && state.config.sealSet && (
<>
<Text>deleting seal</Text>
</>
)}
{ !state.config.sealSet && (
<>
<Text style={styles.modalDescription}>{ state.strings.sealUnset }</Text>
<TextInput
style={styles.input}
mode="flat"
autoCapitalize="none"
autoComplete="off"
autoCorrect={false}
value={state.password}
label={state.strings.password}
secureTextEntry={!showPassword}
left={<TextInput.Icon style={styles.icon} icon="lock" />}
right={
showPassword ? (
<TextInput.Icon style={styles.icon}
icon="eye-off"
onPress={() => setShowPassword(false)}
/>
) : (
<TextInput.Icon style={styles.icon}
icon="eye"
onPress={() => setShowPassword(true)}
/>
)
}
onChangeText={value => actions.setPassword(value)}
/>
<View style={styles.modalControls}>
<Button mode="outlined" onPress={() => setSealing(false)}>{ state.strings.cancel }</Button>
<Button mode="contained" loading={savingSeal} onPress={sealCreate}>{ state.strings.save }</Button>
</View>
</>
)}
</Surface>
</KeyboardAwareScrollView>
</View>