Merged 2.0.0-m3

2025-11-07 22:15:45 +01:00 · 2018-11-07 14:45:27 +01:00
parent 1caab8adbf 4caa9c1da0
commit b5cde2a39f
9 changed files with 163 additions and 15 deletions
--- a/scm-ui/src/containers/ChangeUserPassword.js
+++ b/scm-ui/src/containers/ChangeUserPassword.js
@@ -0,0 +1,143 @@
+// @flow
+import React from "react";
+import type { User } from "../../../scm-ui-components/packages/ui-types/src/index";
+import {
+  SubmitButton,
+  Notification,
+  ErrorNotification,
+  InputField
+} from "../../../scm-ui-components/packages/ui-components/src/index";
+import { translate } from "react-i18next";
+import { setPassword, updatePassword } from "../users/components/changePassword";
+import PasswordConfirmation from "../users/components/PasswordConfirmation";
+
+type Props = {
+  user: User,
+  t: string => string
+};
+
+type State = {
+  oldPassword: string,
+  password: string,
+  loading: boolean,
+  error?: Error,
+  passwordChanged: boolean
+};
+
+class ChangeUserPassword extends React.Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+
+    this.state = {
+      oldPassword: "",
+      password: "",
+      loading: false,
+      passwordConfirmationError: false,
+      validatePasswordError: false,
+      validatePassword: "",
+      passwordChanged: false
+    };
+  }
+
+  setLoadingState = () => {
+    this.setState({
+      ...this.state,
+      loading: true
+    });
+  };
+
+  setErrorState = (error: Error) => {
+    this.setState({
+      ...this.state,
+      error: error,
+      loading: false
+    });
+  };
+
+  setSuccessfulState = () => {
+    this.setState({
+      ...this.state,
+      loading: false,
+      passwordChanged: true,
+      oldPassword: "",
+      password: ""
+    });
+  };
+
+  submit = (event: Event) => {
+    event.preventDefault();
+    if (this.state.password) {
+      const { oldPassword, password } = this.state;
+      this.setLoadingState();
+      updatePassword(
+        "http://localhost:8081/scm/api/v2/me/password", // TODO: Change this, as soon we have a profile component
+        oldPassword,
+        password
+      )
+        .then(result => {
+          if (result.error) {
+            this.setErrorState(result.error);
+          } else {
+            this.setSuccessfulState();
+          }
+        })
+        .catch(err => {});
+    }
+  };
+
+  render() {
+    const { t } = this.props;
+    const { loading, passwordChanged, error } = this.state;
+
+    let message = null;
+
+    if (passwordChanged) {
+      message = (
+        <Notification
+          type={"success"}
+          children={t("password.set-password-successful")}
+          onClose={() => this.onClose()}
+        />
+      );
+    } else if (error) {
+      message = <ErrorNotification error={error} />;
+    }
+
+    return (
+      <form onSubmit={this.submit}>
+        {message}
+        <InputField
+          label={t("password.current-password")}
+          type="password"
+          onChange={oldPassword =>
+            this.setState({ ...this.state, oldPassword })
+          }
+          value={this.state.oldPassword ? this.state.oldPassword : ""}
+          helpText={t("help.currentPasswordHelpText")}
+        />
+        <PasswordConfirmation
+          passwordChanged={this.passwordChanged}
+          key={this.state.passwordChanged ? "changed" : "unchanged"}
+        />
+        <SubmitButton
+          disabled={!this.state.password}
+          loading={loading}
+          label={t("user-form.submit")}
+        />
+      </form>
+    );
+  }
+
+  passwordChanged = (password: string) => {
+    this.setState({ ...this.state, password });
+  };
+
+  onClose = () => {
+    this.setState({
+      ...this.state,
+      passwordChanged: false
+    });
+  };
+}
+
+export default translate("users")(ChangeUserPassword);