Test password decrypt

admin/src/app.tsx

@@ -28,7 +28,7 @@ class App extends GenericApp {
   constructor(props: GenericAppProps) {
     const extendedProps: GenericAppSettings = {
       ...props,
-      encryptedFields: [],
+      encryptedFields: ["password"],
       translations: {
         de: de,
         en: en,
@@ -57,12 +57,8 @@ class App extends GenericApp {
     return (
       <div className="App">
         <Settings
-          decryptedPassword={this.decrypt(this.state.native["password"])}
           native={this.state.native}
           onChange={(attr, value) => this.updateNativeValue(attr, value)}
-          onChangePassword={(password: string) => {
-            this.updateNativeValue("password", this.encrypt(password))
-          }}
         />
         {this.renderError()}
         {this.renderToast()}

admin/src/components/settings.tsx

@@ -48,9 +48,7 @@ const styles = (): Record<string, CreateCSSProperties> => ({
 interface SettingsProps {
   classes: Record<string, string>;
   native: Record<string, any>;
-  decryptedPassword: string;
   onChange: (attr: string, value: any) => void;
-  onChangePassword: (password: string) => void;
 }
 
 interface SettingsState {
@@ -63,21 +61,7 @@ class Settings extends React.Component<SettingsProps, SettingsState> {
     super(props);
     this.state = {};
 
-    //this.props.onChange("password", "");
-  }
-
-  renderPassword(title: AdminWord, attr: string, type: string) {
-    return (
-      <TextField
-        autoComplete="off"
-        label={I18n.t(title)}
-        className={`${this.props.classes.input} ${this.props.classes.controlElement}`}
-        value={this.props.decryptedPassword}
-        type={type || "text"}
-        onChange={(e) => this.props.onChange(attr, e.target.value)}
-        margin="normal"
-      />
-    );
+    this.props.onChange("password", "");
   }
 
   renderInput(title: AdminWord, attr: string, type: string) {
@@ -165,7 +149,7 @@ class Settings extends React.Component<SettingsProps, SettingsState> {
             ])}
           </div>
           <div>{this.renderInput("userName", "userName", "text")}</div>
-          <div>{this.renderPassword("password", "password", "text")}</div>
+          <div>{this.renderInput("password", "password", "text")}</div>
           {this.props.native["password"] == undefined ||
             (this.props.native["password"] == "" && (
               <div style={{ color: "red" }}>{I18n.t("enterPassword")}</div>