Add enable/disable all mods button (#184)

* Add enable/disable all mods button

* Bump version

Author: MegaPiggy

app/components/Mods/ModRowSection.tsx

@@ -43,7 +43,7 @@ const ModRowSection: React.FunctionComponent<Props> = ({
         className={highlighted ? styles.required : ''}
       >
         <Table className={styles.modsTable} size="small">
-          <ModTableHead title={title} />
+          <ModTableHead title={title} mods={mods} />
           <TableBody>
             {mods.map((mod: Mod) => (
               <ModTableRow

app/components/Mods/ModTableHead.tsx

@@ -1,23 +1,81 @@
 import React from 'react';
-import TableCell from '@material-ui/core/TableCell';
-import TableHead from '@material-ui/core/TableHead';
-import TableRow from '@material-ui/core/TableRow';
+import {
+  TableCell,
+  TableHead,
+  TableRow,
+  Tooltip,
+  IconButton,
+  Box,
+} from '@material-ui/core';
+import {
+  CheckBox as CheckBoxIcon,
+  IndeterminateCheckBox as CheckBoxIndeterminateIcon,
+  CheckBoxOutlineBlank as CheckBoxBlankIcon,
+} from '@material-ui/icons';
+
+import { isInstalled, setEnabled } from '../../services';
 
 import { modsText } from '../../helpers/static-text';
 
 type Props = {
   title: string;
+  mods: Mod[];
+};
+
+const getEnableTooltip = (mods: Mod[]) => {
+  if (mods.every((mod) => mod.isEnabled)) {
+    return modsText.actions.disable;
+  }
+  if (mods.every((mod) => isInstalled(mod))) {
+    return modsText.actions.enable;
+  }
+  return '';
+};
+
+const getCheckboxIcon = (mods: Mod[]) => {
+  if (mods.every((mod) => mod.isEnabled)) {
+    return <CheckBoxIcon />;
+  }
+  if (mods.some((mod) => mod.isEnabled)) {
+    return <CheckBoxIndeterminateIcon />;
+  }
+  return <CheckBoxBlankIcon />;
+};
+
+const toggleAllMods = (mods: Mod[]) => {
+  const enabled = !mods.every((mod) => mod.isEnabled);
+  mods.forEach((mod) => {
+    if (mod.isRequired) return;
+    setEnabled(mod, enabled);
+  });
 };
 
-const ModTableHead: React.FunctionComponent<Props> = ({ title }) => (
+const ModTableHead: React.FunctionComponent<Props> = ({ title, mods }) => (
   <TableHead>
     <TableRow>
       <TableCell>{title}</TableCell>
       <TableCell width="100px">{modsText.tableHead.downloadCount}</TableCell>
       <TableCell width="110px" align="center">
         {modsText.tableHead.version}
       </TableCell>
-      <TableCell width="180px" />
+      <TableCell width="180px">
+        <Box display="flex" justifyContent="space-between">
+          <Tooltip title={getEnableTooltip(mods)}>
+            <span>
+              <IconButton
+                size="small"
+                disabled={
+                  mods.every((mod) => !isInstalled(mod)) ||
+                  mods.every((mod) => mod.isRequired)
+                }
+                onClick={() => toggleAllMods(mods)}
+              >
+                {getCheckboxIcon(mods)}
+              </IconButton>
+            </span>
+          </Tooltip>
+        </Box>
+      </TableCell>
     </TableRow>
   </TableHead>
 );

app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ow-mod-manager",
   "productName": "OuterWildsModManager",
-  "version": "1.17.1",
+  "version": "1.17.2",
   "description": "Outer Wilds Mod Manager",
   "main": "./main.prod.js",
   "author": {

app/services/mods.ts

@@ -200,3 +200,12 @@ export async function toggleEnabled(mod: Mod) {
   config.enabled = !config.enabled;
   saveConfig(mod, config);
 }
+
+export async function setEnabled(mod: Mod, enabled: boolean) {
+  const config = getConfig(mod);
+  if (!config || (config.enabled && !(await showPatcherWarning(mod)))) {
+    return;
+  }
+  config.enabled = enabled;
+  saveConfig(mod, config);
+}