Web.Client: Settings: renamed Customization component, added component for non-implemented settings, added routing

web/ASC.Web.Client/src/components/pages/Settings/Section/Body/index.js

@@ -1,22 +1,24 @@
-import React from "react";
+import React, { lazy } from "react";
+import { Route, Switch } from "react-router-dom";
 import { withRouter } from "react-router";
-import { connect } from "react-redux";
 
+const CustomizationSettings = lazy(() => import("../../sub-components/common/customization"));
+const NotImplementedSettings = lazy(() => import("../../sub-components/notImplementedSettings"));
 class SectionBodyContent extends React.PureComponent {
 
   render() {
     return (
-      <div>
-        Test
-      </div>
+      <Switch>
+        <Route
+          exact
+          path={[`${this.props.match.path}/common/customization`,`${this.props.match.path}/common`, this.props.match.path]}
+          component={CustomizationSettings}
+        />
+
+        <Route component={NotImplementedSettings} />
+      </Switch>
     );
   };
 };
 
-function mapStateToProps(state) {
-  return {
-
-  };
-}
-
-export default connect(mapStateToProps)(withRouter(SectionBodyContent));
+export default withRouter(SectionBodyContent);

web/ASC.Web.Client/src/components/pages/Settings/sub-components/common.js

@@ -1,23 +0,0 @@
-import React from "react";
-import { connect } from "react-redux";
-import { withTranslation } from 'react-i18next';
-
-class Common extends React.Component {
-
- render() {
-  //console.log("CommonSettings render");
-  return (
-   <div>
-    Common settings
-     </div>
-  );
- }
-};
-
-function mapStateToProps(state) {
- return {
-  language: state.auth.user.cultureName || state.auth.settings.culture,
- };
-}
-
-export default connect(mapStateToProps)(withTranslation()(Common));

web/ASC.Web.Client/src/components/pages/Settings/sub-components/common/customization.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { connect } from "react-redux";
+import { withTranslation } from 'react-i18next';
+
+class Customization extends React.Component {
+
+   render() {
+      console.log("CustomizationSettings render");
+      return (
+         <div>
+            Customization settings
+         </div>
+      );
+   }
+};
+
+function mapStateToProps(state) {
+   return {
+      language: state.auth.user.cultureName || state.auth.settings.culture,
+   };
+}
+
+export default connect(mapStateToProps)(withTranslation()(Customization));

web/ASC.Web.Client/src/components/pages/Settings/sub-components/notImplementedSettings.js

@@ -0,0 +1,16 @@
+import React from "react";
+
+class NotImplementedSettings extends React.Component {
+
+   render() {
+      //console.log("NotImplementedSettings render");
+      return (
+         <div>
+            Settings section in progress
+         </div>
+      );
+   }
+};
+
+
+export default NotImplementedSettings;