Web: People: created reset application dialog

products/ASC.People/Client/public/locales/en/ResetApplicationDialog.json

@@ -0,0 +1,6 @@
+{
+  "ResetApplicationTitle": "Reset application configuration",
+  "ResetApplicationDescription": "Authenticator application configuration will be reset.",
+  "ResetButton": "Reset application",
+  "CloseButton": "Close"
+}

products/ASC.People/Client/public/locales/ru/ResetApplicationDialog.json

@@ -0,0 +1,6 @@
+{
+  "ResetApplicationTitle": "Сбросить настройки приложения",
+  "ResetApplicationDescription": " Настройки приложения для аутентификации будут сброшены.",
+  "ResetButton": "Сбросить приложение",
+  "CloseButton": "Закрыть"
+}

products/ASC.People/Client/src/components/dialogs/ResetApplicationDialog/index.js

@@ -0,0 +1,58 @@
+import React from "react";
+import PropTypes from "prop-types";
+import ModalDialog from "@appserver/components/modal-dialog";
+import Button from "@appserver/components/button";
+import Text from "@appserver/components/text";
+import { withTranslation } from "react-i18next";
+import ModalDialogContainer from "../ModalDialogContainer";
+
+class ResetApplicationDialogComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    console.log("Render ResetApplicationDialog");
+    const { t, visible, onClose } = this.props;
+
+    return (
+      <ModalDialogContainer>
+        <ModalDialog visible={visible} onClose={onClose}>
+          <ModalDialog.Header>{t("ResetApplicationTitle")}</ModalDialog.Header>
+          <ModalDialog.Body>
+            <Text className="text-dialog">
+              {t("ResetApplicationDescription")}
+            </Text>
+          </ModalDialog.Body>
+          <ModalDialog.Footer>
+            <Button
+              key="SendBtn"
+              label={t("ResetButton")}
+              size="medium"
+              primary={true}
+            />
+            <Button
+              key="CloseBtn"
+              className="button-dialog"
+              label={t("CloseButton")}
+              size="medium"
+              primary={false}
+              onClick={onClose}
+            />
+          </ModalDialog.Footer>
+        </ModalDialog>
+      </ModalDialogContainer>
+    );
+  }
+}
+
+const ResetApplicationDialog = withTranslation("ResetApplicationDialog")(
+  ResetApplicationDialogComponent
+);
+
+ResetApplicationDialog.propTypes = {
+  visible: PropTypes.bool.isRequired,
+  onClose: PropTypes.func.isRequired,
+};
+
+export default ResetApplicationDialog;

products/ASC.People/Client/src/components/dialogs/index.js

@@ -9,6 +9,7 @@ import SendInviteDialog from "./SendInviteDialog";
 import ChangeUserStatusDialog from "./ChangeUserStatusDialog";
 import ChangeUserTypeDialog from "./ChangeUserTypeDialog";
 import DataLossWarningDialog from "./DataLossWarningDialog";
+import ResetApplicationDialog from "./ResetApplicationDialog";
 
 export {
   ChangeEmailDialog,
@@ -22,4 +23,5 @@ export {
   ChangeUserStatusDialog,
   ChangeUserTypeDialog,
   DataLossWarningDialog,
+  ResetApplicationDialog,
 };