/* * Copyright 2020 Arnaud Vergnet * * This file is part of CAMPUS. * * CAMPUS is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * CAMPUS is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with CAMPUS. If not, see . */ // @flow import * as React from 'react'; import {View} from 'react-native'; import { Button, List, Subheading, TextInput, Title, withTheme, } from 'react-native-paper'; import {Modalize} from 'react-native-modalize'; import CustomModal from '../../components/Overrides/CustomModal'; import AsyncStorageManager from '../../managers/AsyncStorageManager'; import type {CustomThemeType} from '../../managers/ThemeManager'; import CollapsibleFlatList from '../../components/Collapsible/CollapsibleFlatList'; type PreferenceItemType = { key: string, default: string, current: string, }; type PropsType = { theme: CustomThemeType, }; type StateType = { modalCurrentDisplayItem: PreferenceItemType, currentPreferences: Array, }; /** * Class defining the Debug screen. * This screen allows the user to get and modify information on the app/device. */ class DebugScreen extends React.Component { modalRef: Modalize; modalInputValue: string; /** * Copies user preferences to state for easier manipulation * * @param props */ constructor(props: PropsType) { super(props); this.modalInputValue = ''; const currentPreferences: Array = []; // eslint-disable-next-line flowtype/no-weak-types Object.values(AsyncStorageManager.PREFERENCES).forEach((object: any) => { const newObject: PreferenceItemType = {...object}; newObject.current = AsyncStorageManager.getString(newObject.key); currentPreferences.push(newObject); }); this.state = { modalCurrentDisplayItem: {}, currentPreferences, }; } /** * Gets the edit modal content * * @return {*} */ getModalContent(): React.Node { const {props, state} = this; return ( {state.modalCurrentDisplayItem.key} Default: {state.modalCurrentDisplayItem.default} Current: {state.modalCurrentDisplayItem.current} { this.modalInputValue = text; }} /> ); } getRenderItem = ({item}: {item: PreferenceItemType}): React.Node => { return ( { this.showEditModal(item); }} /> ); }; /** * Callback used when receiving the modal ref * * @param ref */ onModalRef = (ref: Modalize) => { this.modalRef = ref; }; /** * Shows the edit modal * * @param item */ showEditModal(item: PreferenceItemType) { this.setState({ modalCurrentDisplayItem: item, }); if (this.modalRef) this.modalRef.open(); } /** * Finds the index of the given key in the preferences array * * @param key THe key to find the index of * @returns {number} */ findIndexOfKey(key: string): number { const {currentPreferences} = this.state; let index = -1; for (let i = 0; i < currentPreferences.length; i += 1) { if (currentPreferences[i].key === key) { index = i; break; } } return index; } /** * Saves the new value of the given preference * * @param key The pref key * @param value The pref value */ saveNewPrefs(key: string, value: string) { this.setState((prevState: StateType): { currentPreferences: Array, } => { const currentPreferences = [...prevState.currentPreferences]; currentPreferences[this.findIndexOfKey(key)].current = value; return {currentPreferences}; }); AsyncStorageManager.set(key, value); this.modalRef.close(); } render(): React.Node { const {state} = this; return ( {this.getModalContent()} {/* $FlowFixMe */} ); } } export default withTheme(DebugScreen);