New: Project Aphrodite

frontend/src/Settings/General/HostSettings.js

@@ -0,0 +1,154 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { inputTypes, sizes } from 'Helpers/Props';
+import FieldSet from 'Components/FieldSet';
+import FormGroup from 'Components/Form/FormGroup';
+import FormLabel from 'Components/Form/FormLabel';
+import FormInputGroup from 'Components/Form/FormInputGroup';
+
+function HostSettings(props) {
+  const {
+    advancedSettings,
+    settings,
+    isWindows,
+    mode,
+    onInputChange
+  } = props;
+
+  const {
+    bindAddress,
+    port,
+    urlBase,
+    enableSsl,
+    sslPort,
+    sslCertHash,
+    launchBrowser
+  } = settings;
+
+  return (
+    <FieldSet legend="Host">
+      <FormGroup
+        advancedSettings={advancedSettings}
+        isAdvanced={true}
+      >
+        <FormLabel>Bind Address</FormLabel>
+
+        <FormInputGroup
+          type={inputTypes.TEXT}
+          name="bindAddress"
+          helpText="Valid IP4 address or '*' for all interfaces"
+          helpTextWarning="Requires restart to take effect"
+          onChange={onInputChange}
+          {...bindAddress}
+        />
+      </FormGroup>
+
+      <FormGroup>
+        <FormLabel>Port Number</FormLabel>
+
+        <FormInputGroup
+          type={inputTypes.NUMBER}
+          name="port"
+          min={1}
+          max={65535}
+          helpTextWarning="Requires restart to take effect"
+          onChange={onInputChange}
+          {...port}
+        />
+      </FormGroup>
+
+      <FormGroup>
+        <FormLabel>URL Base</FormLabel>
+
+        <FormInputGroup
+          type={inputTypes.TEXT}
+          name="urlBase"
+          helpText="For reverse proxy support, default is empty"
+          helpTextWarning="Requires restart to take effect"
+          onChange={onInputChange}
+          {...urlBase}
+        />
+      </FormGroup>
+
+      <FormGroup
+        advancedSettings={advancedSettings}
+        isAdvanced={true}
+        size={sizes.MEDIUM}
+      >
+        <FormLabel>Enable SSL</FormLabel>
+
+        <FormInputGroup
+          type={inputTypes.CHECK}
+          name="enableSsl"
+          helpText=" Requires restart running as administrator to take effect"
+          onChange={onInputChange}
+          {...enableSsl}
+        />
+      </FormGroup>
+
+      {
+        enableSsl.value &&
+        <FormGroup
+          advancedSettings={advancedSettings}
+          isAdvanced={true}
+        >
+          <FormLabel>SSL Port</FormLabel>
+
+          <FormInputGroup
+            type={inputTypes.NUMBER}
+            name="sslPort"
+            min={1}
+            max={65535}
+            helpTextWarning="Requires restart to take effect"
+            onChange={onInputChange}
+            {...sslPort}
+          />
+        </FormGroup>
+      }
+
+      {
+        isWindows && enableSsl.value &&
+        <FormGroup
+          advancedSettings={advancedSettings}
+          isAdvanced={true}
+        >
+          <FormLabel>SSL Cert Hash</FormLabel>
+
+          <FormInputGroup
+            type={inputTypes.TEXT}
+            name="sslCertHash"
+            helpTextWarning="Requires restart to take effect"
+            onChange={onInputChange}
+            {...sslCertHash}
+          />
+        </FormGroup>
+      }
+
+      {
+        mode !== 'service' &&
+        <FormGroup size={sizes.MEDIUM}>
+          <FormLabel>Open browser on start</FormLabel>
+
+          <FormInputGroup
+            type={inputTypes.CHECK}
+            name="launchBrowser"
+            helpText=" Open a web browser and navigate to Radarr homepage on app start."
+            onChange={onInputChange}
+            {...launchBrowser}
+          />
+        </FormGroup>
+      }
+
+    </FieldSet>
+  );
+}
+
+HostSettings.propTypes = {
+  advancedSettings: PropTypes.bool.isRequired,
+  settings: PropTypes.object.isRequired,
+  isWindows: PropTypes.bool.isRequired,
+  mode: PropTypes.string.isRequired,
+  onInputChange: PropTypes.func.isRequired
+};
+
+export default HostSettings;