Secret Dev Settings Page

2025-09-27 12:33:00 +02:00 · 2021-03-12 14:59:04 -05:00
parent 6d25b468ce
commit f36f98e32b
16 changed files with 440 additions and 19 deletions
--- a/frontend/src/Settings/Development/DevelopmentSettings.js
+++ b/frontend/src/Settings/Development/DevelopmentSettings.js
@@ -0,0 +1,143 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import FieldSet from 'Components/FieldSet';
+import Form from 'Components/Form/Form';
+import FormGroup from 'Components/Form/FormGroup';
+import FormInputGroup from 'Components/Form/FormInputGroup';
+import FormLabel from 'Components/Form/FormLabel';
+import LoadingIndicator from 'Components/Loading/LoadingIndicator';
+import PageContent from 'Components/Page/PageContent';
+import PageContentBody from 'Components/Page/PageContentBody';
+import { inputTypes } from 'Helpers/Props';
+import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
+import translate from 'Utilities/String/translate';
+
+const logLevelOptions = [
+  { key: 'info', value: 'Info' },
+  { key: 'debug', value: 'Debug' },
+  { key: 'trace', value: 'Trace' }
+];
+
+class DevelopmentSettings extends Component {
+
+  //
+  // Render
+
+  render() {
+    const {
+      isFetching,
+      error,
+      settings,
+      hasSettings,
+      onInputChange,
+      onSavePress,
+      ...otherProps
+    } = this.props;
+
+    return (
+      <PageContent title={translate('DevelopmentSettings')}>
+        <SettingsToolbarConnector
+          {...otherProps}
+          onSavePress={onSavePress}
+        />
+
+        <PageContentBody>
+          {
+            isFetching &&
+              <LoadingIndicator />
+          }
+
+          {
+            !isFetching && error &&
+              <div>
+                {translate('UnableToLoadDevelopmentSettings')}
+              </div>
+          }
+
+          {
+            hasSettings && !isFetching && !error &&
+              <Form
+                id="developmentSettings"
+                {...otherProps}
+              >
+                <FieldSet legend={translate('Logging')}>
+                  <FormGroup>
+                    <FormLabel>{translate('SettingsLogRotate')}</FormLabel>
+
+                    <FormInputGroup
+                      type={inputTypes.NUMBER}
+                      name="logRotate"
+                      helpText={translate('SettingsLogRotateHelpText')}
+                      onChange={onInputChange}
+                      {...settings.logRotate}
+                    />
+                  </FormGroup>
+
+                  <FormGroup>
+                    <FormLabel>{translate('SettingsConsoleLogLevel')}</FormLabel>
+                    <FormInputGroup
+                      type={inputTypes.SELECT}
+                      name="consoleLogLevel"
+                      values={logLevelOptions}
+                      onChange={onInputChange}
+                      {...settings.consoleLogLevel}
+                    />
+                  </FormGroup>
+
+                  <FormGroup>
+                    <FormLabel>{translate('SettingsLogSql')}</FormLabel>
+
+                    <FormInputGroup
+                      type={inputTypes.CHECK}
+                      name="logSql"
+                      helpText={translate('SettingsSqlLoggingHelpText')}
+                      onChange={onInputChange}
+                      {...settings.logSql}
+                    />
+                  </FormGroup>
+
+                  <FormGroup>
+                    <FormLabel>{translate('SettingsIndexerLogging')}</FormLabel>
+
+                    <FormInputGroup
+                      type={inputTypes.CHECK}
+                      name="logIndexerResponse"
+                      helpText={translate('SettingsIndexerLoggingHelpText')}
+                      onChange={onInputChange}
+                      {...settings.logIndexerResponse}
+                    />
+                  </FormGroup>
+                </FieldSet>
+
+                <FieldSet legend={translate('Analytics')}>
+                  <FormGroup>
+                    <FormLabel>{translate('SettingsFilterSentryEvents')}</FormLabel>
+
+                    <FormInputGroup
+                      type={inputTypes.CHECK}
+                      name="filterSentryEvents"
+                      helpText={translate('SettingsFilterSentryEventsHelpText')}
+                      onChange={onInputChange}
+                      {...settings.filterSentryEvents}
+                    />
+                  </FormGroup>
+                </FieldSet>
+              </Form>
+          }
+        </PageContentBody>
+      </PageContent>
+    );
+  }
+
+}
+
+DevelopmentSettings.propTypes = {
+  isFetching: PropTypes.bool.isRequired,
+  error: PropTypes.object,
+  settings: PropTypes.object.isRequired,
+  hasSettings: PropTypes.bool.isRequired,
+  onSavePress: PropTypes.func.isRequired,
+  onInputChange: PropTypes.func.isRequired
+};
+
+export default DevelopmentSettings;
--- a/frontend/src/Settings/Development/DevelopmentSettingsConnector.js
+++ b/frontend/src/Settings/Development/DevelopmentSettingsConnector.js
@@ -0,0 +1,77 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { createSelector } from 'reselect';
+import { clearPendingChanges } from 'Store/Actions/baseActions';
+import { fetchDevelopmentSettings, saveDevelopmentSettings, setDevelopmentSettingsValue } from 'Store/Actions/settingsActions';
+import createSettingsSectionSelector from 'Store/Selectors/createSettingsSectionSelector';
+import DevelopmentSettings from './DevelopmentSettings';
+
+const SECTION = 'development';
+
+function createMapStateToProps() {
+  return createSelector(
+    (state) => state.settings.advancedSettings,
+    createSettingsSectionSelector(SECTION),
+    (advancedSettings, sectionSettings) => {
+      return {
+        advancedSettings,
+        ...sectionSettings
+      };
+    }
+  );
+}
+
+const mapDispatchToProps = {
+  setDevelopmentSettingsValue,
+  saveDevelopmentSettings,
+  fetchDevelopmentSettings,
+  clearPendingChanges
+};
+
+class DevelopmentSettingsConnector extends Component {
+
+  //
+  // Lifecycle
+
+  componentDidMount() {
+    this.props.fetchDevelopmentSettings();
+  }
+
+  componentWillUnmount() {
+    this.props.clearPendingChanges({ section: `settings.${SECTION}` });
+  }
+
+  //
+  // Listeners
+
+  onInputChange = ({ name, value }) => {
+    this.props.setDevelopmentSettingsValue({ name, value });
+  }
+
+  onSavePress = () => {
+    this.props.saveDevelopmentSettings();
+  }
+
+  //
+  // Render
+
+  render() {
+    return (
+      <DevelopmentSettings
+        onInputChange={this.onInputChange}
+        onSavePress={this.onSavePress}
+        {...this.props}
+      />
+    );
+  }
+}
+
+DevelopmentSettingsConnector.propTypes = {
+  setDevelopmentSettingsValue: PropTypes.func.isRequired,
+  saveDevelopmentSettings: PropTypes.func.isRequired,
+  fetchDevelopmentSettings: PropTypes.func.isRequired,
+  clearPendingChanges: PropTypes.func.isRequired
+};
+
+export default connect(createMapStateToProps, mapDispatchToProps)(DevelopmentSettingsConnector);