feat: Mission selector, mod status colours

backend/src/main/java/cz/forgottenempire/servermanager/serverinstance/dtos/Arma3ServerDto.java

@@ -35,6 +35,8 @@ public class Arma3ServerDto implements ServerDto {
     private boolean vonEnabled;
     private boolean verifySignatures;
 
+    private String scenarioRotation;
+
     private String additionalOptions;
 
     private List<ServerWorkshopModDto> activeMods;

backend/src/main/java/cz/forgottenempire/servermanager/serverinstance/entities/Arma3Server.java

@@ -42,6 +42,8 @@ public class Arma3Server extends Server {
     private boolean vonEnabled;
     private boolean verifySignatures;
 
+    private String scenarioRotation;
+
     @Column(columnDefinition = "LONGTEXT")
     private String additionalOptions;
 

backend/src/main/resources/db/migration/V1_4_1__SCENARIO_SELECTION.sql

@@ -0,0 +1,2 @@
+ALTER TABLE arma3server
+    ADD scenario_rotation VARCHAR(2048) NOT NULL DEFAULT '';

backend/src/main/resources/templates/serverConfigArma3.ftl

@@ -24,4 +24,21 @@ onUnsignedData = "kick (_this select 0)";
 onHackedData = "kick (_this select 0)";
 onDifferentData = "";
 
+<#if scenarioRotation?has_content>
+// SCENARIO ROTATION
+<#assign scenarios = scenarioRotation?split(";")>
+<#assign index = 0>
+class Missions
+{
+    <#list scenarios as scenario>
+    class Mission${index}
+    {
+        template = "${scenario?replace(".pbo", "")}";
+        difficulty = "CUSTOM";
+    };
+    <#assign index = index + 1>
+    </#list>
+};
+</#if>
+
 ${additionalOptions!}

backend/src/test/java/cz/forgottenempire/servermanager/modpreset/ArmaLauncherPresetExportServiceTest.java

@@ -40,6 +40,7 @@ void whenExportModPresetToFile_thenCorrectByteArrayReturned() throws IOException
         InOrder inOrder = inOrder(freeMarkerConfigurer, configuration, template);
         inOrder.verify(freeMarkerConfigurer).getConfiguration();
         inOrder.verify(configuration).getTemplate(TEMPLATE_FILE_NAME);
+        inOrder.verify(template).setNumberFormat("computer");
         inOrder.verify(template).process(eq(expectedModel), any());
         verifyNoMoreInteractions(freeMarkerConfigurer, configuration, template);
     }

frontend/src/components/mods/ModsTable.tsx

@@ -89,21 +89,21 @@ const ModsTable = (props: ModsTableProps) => {
 
         if (status === "INSTALLATION_IN_PROGRESS") {
             if (modItemInfo?.status === SteamCmdStatus.IN_QUEUE) {
-                return <Tooltip title="In queue"><HourglassBottomIcon/></Tooltip>;
+                return <Tooltip title="In queue"><HourglassBottomIcon color='info'/></Tooltip>;
             }
             if (modItemInfo?.status === SteamCmdStatus.FINISHED) {
-                return <Tooltip title="Waiting for installation"><DownloadDoneIcon/></Tooltip>;
+                return <Tooltip title="Waiting for installation"><DownloadDoneIcon color='info'/></Tooltip>;
             }
 
             return <CircularProgress size={20}/>;
         }
         if (status === "ERROR") {
             return <Tooltip
-                title={workshopErrorStatusMap.get(ErrorStatus[error as keyof typeof ErrorStatus])}><ReportProblemIcon/></Tooltip>
+                title={workshopErrorStatusMap.get(ErrorStatus[error as keyof typeof ErrorStatus])}><ReportProblemIcon color='error'/></Tooltip>
         }
 
         if (status === "FINISHED") {
-            return <Tooltip title="Installed"><CheckIcon/></Tooltip>;
+            return <Tooltip title="Installed"><CheckIcon color='success'/></Tooltip>;
         }
     };
 

frontend/src/components/servers/Arma3ScenarioRotationForm.tsx

@@ -0,0 +1,175 @@
+import { Add, ArrowDropDown, Close, KeyboardArrowDown, KeyboardArrowUp } from "@mui/icons-material";
+import { Accordion, AccordionDetails, AccordionSummary, AutocompleteValue, Button, Card, Chip, Grid, IconButton, Stack, TextField, Typography } from "@mui/material";
+import { FormikProps } from "formik";
+import { useState } from "react";
+import { Arma3ScenarioDto } from "../../dtos/Arma3ScenarioDto";
+import { Arma3ServerDto } from "../../dtos/ServerDto";
+import { Arma3ScenariosAutocomplete } from "./Arma3ScenariosAutocomplete";
+
+type Arma3ScenarioRotationFormProps = {
+    formik: FormikProps<Arma3ServerDto>
+}
+
+export const Arma3ScenarioRotationForm = ({ formik }: Arma3ScenarioRotationFormProps) => {
+    const [selectedScenario, setSelectedScenario] = useState<string>();
+
+    const getSplitScenarios = () => {
+        return formik.values.scenarioRotation.split(";").filter(scenario => scenario.trim().length > 0);
+    }
+
+    const setScenarios = (scenarios: string[]) => {
+        formik.setFieldValue("scenarioRotation", scenarios.join(";"));
+    }
+
+    const setScenarioAutocomplete = (_: any, value: AutocompleteValue<Arma3ScenarioDto | string, false, false, true> | null): void => {
+        if (!value) {
+            setSelectedScenario("");
+            return;
+        }
+        setSelectedScenario(typeof value === "string" ? value : value.name);
+    };
+
+    const addScenario = (scenarioName: string) => {
+        if (!scenarioName) {
+            return;
+        }
+
+        setScenarios([...getSplitScenarios(), scenarioName]);
+    }
+
+    const removeScenario = (scenarioName: string) => {
+        if (!scenarioName) {
+            return;
+        }
+
+        setScenarios(getSplitScenarios().filter(scenario => scenario !== scenarioName));
+    }
+
+    const shiftScenarioUp = (index: number) => {
+        let scenarios = getSplitScenarios();
+        if (index <= 0 || index >= scenarios.length) {
+            return;
+        }
+
+        let temp = scenarios[index];
+        scenarios[index] = scenarios[index - 1];
+        scenarios[index - 1] = temp;
+
+        setScenarios(scenarios);
+    }
+
+    const shiftScenarioDown = (index: number) => {
+        let scenarios = getSplitScenarios();
+        if (index < 0 || index >= scenarios.length - 1) {
+            return;
+        }
+
+        let temp = scenarios[index];
+        scenarios[index] = scenarios[index + 1];
+        scenarios[index + 1] = temp;
+
+        setScenarios(scenarios);
+    }
+
+    return (
+        <Grid container spacing={1}>
+            <Grid item xs={12}>
+                <Typography>Scenario rotation</Typography>
+            </Grid>
+            <Grid item xs={12}>
+                <Stack
+                    direction="row"
+                    justifyContent="space-between"
+                    alignItems="center"
+                    spacing={1}
+                    sx={{ flexGrow: 1 }}>
+                    <Arma3ScenariosAutocomplete onChange={setScenarioAutocomplete} />
+                    <Button
+                        variant="contained"
+                        startIcon={<Add />}
+                        onClick={() => addScenario(selectedScenario ?? "")}
+                        disabled={selectedScenario ? Boolean(getSplitScenarios().find((scenario) => scenario === selectedScenario)) : true}>
+                        Add
+                    </Button>
+                </Stack>
+            </Grid>
+            <Grid item xs={12}>
+                {getSplitScenarios().length > 0 &&
+                    <Card>
+                        {getSplitScenarios().map((value, i) => {
+                            return (
+                                <Accordion >
+                                    <AccordionSummary expandIcon={<ArrowDropDown />} >
+                                        <Stack direction="row" alignItems="center" justifyContent="space-between" flex="1" paddingRight={1}>
+                                            <Typography>{value}</Typography>
+                                            <Stack direction="row">
+                                                <IconButton
+                                                    disabled={i <= 0}
+                                                    aria-label="shift-up"
+                                                    onClick={() => shiftScenarioUp(i)}>
+                                                    <KeyboardArrowUp />
+                                                </IconButton>
+                                                <IconButton
+                                                    disabled={i >= getSplitScenarios().length - 1}
+                                                    aria-label="shift-down"
+                                                    onClick={() => shiftScenarioDown(i)}>
+                                                    <KeyboardArrowDown />
+                                                </IconButton>
+                                                <IconButton
+                                                    aria-label="remove"
+                                                    onClick={() => removeScenario(value)}>
+                                                    <Close />
+                                                </IconButton>
+                                            </Stack>
+                                        </Stack>
+                                    </AccordionSummary>
+                                    <AccordionDetails>
+                                        <Grid container spacing={1}>
+                                            <Grid item xs={5}>
+                                                <TextField
+                                                    fullWidth
+                                                    id="param-name"
+                                                    type="text"
+                                                    label="Param name"
+                                                    size="small">
+                                                </TextField>
+                                            </Grid>
+                                            <Grid item xs={5}>
+                                                <TextField
+                                                    fullWidth
+                                                    id="param-value"
+                                                    type="number"
+                                                    label="Param value"
+                                                    size="small">
+                                                </TextField>
+                                            </Grid>
+                                            <Grid item xs={2}>
+                                                <Button aria-label="add" variant="contained" startIcon={<Add />}>
+                                                    <Typography>Add</Typography>
+                                                </Button>
+                                            </Grid>
+                                            <Grid item xs={12}>
+                                                <Stack direction="row" spacing={1} rowGap={1} flexWrap="wrap" >
+                                                    {[
+                                                        {name: "testParam1", value: 123}, 
+                                                        {name: "test2", value: 1}, 
+                                                        {name: "testParameterLong3", value: 1512}
+                                                    ].map((param) => {
+                                                        return (
+                                                            <Chip label={`${param.name} = ${param.value}`} onDelete={() => {}} />
+                                                        );
+                                                    })}
+                                                </Stack>
+                                            </Grid>
+                                        </Grid>
+                                    </AccordionDetails>
+                                </Accordion>
+                            )
+                        })}
+                    </Card>
+                }
+            </Grid>
+        </Grid>
+    );
+};
+

frontend/src/components/servers/Arma3ScenariosAutocomplete.tsx

@@ -0,0 +1,63 @@
+import { Autocomplete, AutocompleteValue, Box, TextField } from "@mui/material";
+import React, { useEffect, useState } from "react";
+import { Arma3ScenarioDto } from "../../dtos/Arma3ScenarioDto.ts";
+import { getScenarios } from "../../services/scenarioService.ts";
+
+type Arma3ScenariosAutocompleteProps = {
+    onChange: (_: any, value: AutocompleteValue<Arma3ScenarioDto | string, false, false, true> | null) => void,
+};
+
+export function Arma3ScenariosAutocomplete({onChange}: Arma3ScenariosAutocompleteProps) {
+    const [scenarios, setScenarios] = useState<Array<Arma3ScenarioDto>>([]);
+
+    useEffect(() => {
+        const fetchScenarios = async () => {
+            const { data: scenariosDto } = await getScenarios();
+            setScenarios(scenariosDto.scenarios);
+        };
+
+        fetchScenarios();
+        onChange(null, "");
+    }, []);
+
+    const getScenarioDisplayName = (scenario: Arma3ScenarioDto) => {
+        return scenario.name; // TOOD: Can make pretty later
+    };
+
+    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {
+        onChange(null, e.target.value);
+    };
+
+    return <Autocomplete
+        id="scenario-select"
+        fullWidth
+        freeSolo
+        selectOnFocus
+        onBlur={handleBlur}
+        handleHomeEndKeys
+        options={scenarios}
+        autoHighlight
+        getOptionLabel={(option) => {
+            if (typeof option === "string")
+                return option;
+            return option.name;
+        }}
+        onChange={onChange}
+        renderOption={(props, option) => (
+            <Box component="li"  {...props}>
+                {getScenarioDisplayName(option)}
+            </Box>
+        )}
+        renderInput={(params) => (
+            <TextField
+                {...params}
+                name="scenarioName"
+                label="Scenario name"
+                inputProps={{
+                    ...params.inputProps,
+                    autoComplete: 'new-password'
+                }}
+            />
+        )}
+    />;
+}

frontend/src/components/servers/EditArma3ServerSettingsForm.tsx

@@ -8,6 +8,7 @@ import {ServerSettingsFormControls} from "./ServerSettingsFormControls.tsx";
 import Arma3NetworkSettingsForm from "./Arma3NetworkSettingsForm.tsx";
 import {useState} from "react";
 import {CustomLaunchParametersInput} from "./CustomLaunchParametersInput.tsx";
+import {Arma3ScenarioRotationForm} from "./Arma3ScenarioRotationForm.tsx";
 
 type EditArma3ServerSettingsFormProps = {
     server: Arma3ServerDto,
@@ -27,6 +28,7 @@ const EditArma3ServerSettingsForm = (props: EditArma3ServerSettingsFormProps) =>
 
         values.customLaunchParameters = [...launchParameters];
         props.onSubmit(values);
+        console.log(values);
     }
 
     const formik = useFormik<Arma3ServerDto>({
@@ -66,6 +68,11 @@ const EditArma3ServerSettingsForm = (props: EditArma3ServerSettingsFormProps) =>
                             <SwitchField id='persistent' label='Persistent' formik={formik}/>
                         </FormGroup>
                     </Grid>
+
+                    <Grid item xs={6}>
+                        <Arma3ScenarioRotationForm formik={formik}/>
+                    </Grid>
+
                     <CustomTextField id='additionalOptions' label='Additional options' multiline
                                      formik={formik} containerMd={12}/>
 

frontend/src/dtos/ServerDto.ts

@@ -33,6 +33,7 @@ export interface Arma3ServerDto extends ServerDto {
     verifySignatures: boolean,
     activeMods: Array<ServerWorkshopModDto>,
     activeDLCs: Array<CreatorDlcDto>,
+    scenarioRotation: string,
     additionalOptions: string,
     difficultySettings: Arma3DifficultySettings,
     networkSettings: Arma3NetworkSettings | null

frontend/src/pages/NewServerPage.tsx

@@ -22,6 +22,7 @@ const NewServerPage = () => {
             type,
             activeMods: [],
             activeDLCs: [],
+            scenarios: []
         }
 
         try {

frontend/src/pages/initialServerStateCreator.ts

@@ -18,6 +18,7 @@ export function arma3ServerInitialState(): Arma3ServerDto {
         verifySignatures: true,
         activeMods: [],
         activeDLCs: [],
+        scenarioRotation: "",
         additionalOptions: `headlessClients[] = {"127.0.0.1"}; 
 localClient[] = { "127.0.0.1"};`,
         difficultySettings: {