New: Bulk Manage Applications, Download Clients

Co-authored-by: Qstick <qstick@gmail.com>

frontend/src/Indexer/Index/Select/Edit/EditIndexerModalContent.tsx

@@ -7,7 +7,7 @@ import ModalBody from 'Components/Modal/ModalBody';
 import ModalContent from 'Components/Modal/ModalContent';
 import ModalFooter from 'Components/Modal/ModalFooter';
 import ModalHeader from 'Components/Modal/ModalHeader';
-import { inputTypes } from 'Helpers/Props';
+import { inputTypes, sizes } from 'Helpers/Props';
 import translate from 'Utilities/String/translate';
 import styles from './EditIndexerModalContent.css';
 
@@ -15,6 +15,10 @@ interface SavePayload {
   enable?: boolean;
   appProfileId?: number;
   priority?: number;
+  minimumSeeders?: number;
+  seedRatio?: number;
+  seedTime?: number;
+  packSeedTime?: number;
 }
 
 interface EditIndexerModalContentProps {
@@ -37,6 +41,14 @@ function EditIndexerModalContent(props: EditIndexerModalContentProps) {
   const [enable, setEnable] = useState(NO_CHANGE);
   const [appProfileId, setAppProfileId] = useState<string | number>(NO_CHANGE);
   const [priority, setPriority] = useState<null | string | number>(null);
+  const [minimumSeeders, setMinimumSeeders] = useState<null | string | number>(
+    null
+  );
+  const [seedRatio, setSeedRatio] = useState<null | string | number>(null);
+  const [seedTime, setSeedTime] = useState<null | string | number>(null);
+  const [packSeedTime, setPackSeedTime] = useState<null | string | number>(
+    null
+  );
 
   const save = useCallback(() => {
     let hasChanges = false;
@@ -57,12 +69,42 @@ function EditIndexerModalContent(props: EditIndexerModalContentProps) {
       payload.priority = priority as number;
     }
 
+    if (minimumSeeders !== null) {
+      hasChanges = true;
+      payload.minimumSeeders = minimumSeeders as number;
+    }
+
+    if (seedRatio !== null) {
+      hasChanges = true;
+      payload.seedRatio = seedRatio as number;
+    }
+
+    if (seedTime !== null) {
+      hasChanges = true;
+      payload.seedTime = seedTime as number;
+    }
+
+    if (packSeedTime !== null) {
+      hasChanges = true;
+      payload.packSeedTime = packSeedTime as number;
+    }
+
     if (hasChanges) {
       onSavePress(payload);
     }
 
     onModalClose();
-  }, [enable, appProfileId, priority, onSavePress, onModalClose]);
+  }, [
+    enable,
+    appProfileId,
+    priority,
+    minimumSeeders,
+    seedRatio,
+    seedTime,
+    packSeedTime,
+    onSavePress,
+    onModalClose,
+  ]);
 
   const onInputChange = useCallback(
     ({ name, value }) => {
@@ -76,6 +118,18 @@ function EditIndexerModalContent(props: EditIndexerModalContentProps) {
         case 'priority':
           setPriority(value);
           break;
+        case 'minimumSeeders':
+          setMinimumSeeders(value);
+          break;
+        case 'seedRatio':
+          setSeedRatio(value);
+          break;
+        case 'seedTime':
+          setSeedTime(value);
+          break;
+        case 'packSeedTime':
+          setPackSeedTime(value);
+          break;
         default:
           console.warn(`EditIndexersModalContent Unknown Input: '${name}'`);
       }
@@ -94,7 +148,7 @@ function EditIndexerModalContent(props: EditIndexerModalContentProps) {
       <ModalHeader>{translate('EditSelectedIndexers')}</ModalHeader>
 
       <ModalBody>
-        <FormGroup>
+        <FormGroup size={sizes.MEDIUM}>
           <FormLabel>{translate('Enable')}</FormLabel>
 
           <FormInputGroup
@@ -106,21 +160,22 @@ function EditIndexerModalContent(props: EditIndexerModalContentProps) {
           />
         </FormGroup>
 
-        <FormGroup>
+        <FormGroup size={sizes.MEDIUM}>
           <FormLabel>{translate('SyncProfile')}</FormLabel>
 
           <FormInputGroup
             type={inputTypes.APP_PROFILE_SELECT}
             name="appProfileId"
             value={appProfileId}
+            helpText={translate('AppProfileSelectHelpText')}
             includeNoChange={true}
             includeNoChangeDisabled={false}
             onChange={onInputChange}
           />
         </FormGroup>
 
-        <FormGroup>
-          <FormLabel>{translate('Priority')}</FormLabel>
+        <FormGroup size={sizes.MEDIUM}>
+          <FormLabel>{translate('IndexerPriority')}</FormLabel>
 
           <FormInputGroup
             type={inputTypes.NUMBER}
@@ -128,6 +183,57 @@ function EditIndexerModalContent(props: EditIndexerModalContentProps) {
             value={priority}
             min={1}
             max={50}
+            helpText={translate('IndexerPriorityHelpText')}
+            onChange={onInputChange}
+          />
+        </FormGroup>
+
+        <FormGroup size={sizes.MEDIUM}>
+          <FormLabel>{translate('AppsMinimumSeeders')}</FormLabel>
+
+          <FormInputGroup
+            type={inputTypes.NUMBER}
+            name="minimumSeeders"
+            value={minimumSeeders}
+            helpText={translate('AppsMinimumSeedersHelpText')}
+            onChange={onInputChange}
+          />
+        </FormGroup>
+
+        <FormGroup size={sizes.MEDIUM}>
+          <FormLabel>{translate('SeedRatio')}</FormLabel>
+
+          <FormInputGroup
+            type={inputTypes.NUMBER}
+            name="seedRatio"
+            value={seedRatio}
+            helpText={translate('SeedRatioHelpText')}
+            onChange={onInputChange}
+          />
+        </FormGroup>
+
+        <FormGroup size={sizes.MEDIUM}>
+          <FormLabel>{translate('SeedTime')}</FormLabel>
+
+          <FormInputGroup
+            type={inputTypes.NUMBER}
+            name="seedTime"
+            value={seedTime}
+            unit={translate('minutes')}
+            helpText={translate('SeedTimeHelpText')}
+            onChange={onInputChange}
+          />
+        </FormGroup>
+
+        <FormGroup size={sizes.MEDIUM}>
+          <FormLabel>{translate('PackSeedTime')}</FormLabel>
+
+          <FormInputGroup
+            type={inputTypes.NUMBER}
+            name="packSeedTime"
+            value={packSeedTime}
+            unit={translate('minutes')}
+            helpText={translate('PackSeedTimeHelpText')}
             onChange={onInputChange}
           />
         </FormGroup>