Add scenario duplication functionality, add copy icon

HSLdevcom · Jun 15, 2023 · 97f75ae · 97f75ae
1 parent 48a4606
commit 97f75ae
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 3 deletions.
diff --git a/src/renderer/components/HelmetProject/HelmetProject.jsx b/src/renderer/components/HelmetProject/HelmetProject.jsx
@@ -165,6 +165,16 @@ const HelmetProject = ({
     }
   };
 
+  const duplicateScenario = (scenario) => {
+    var duplicatedScenario = structuredClone(scenario);
+    //Change ID and rename the scenario to avoid conflicts.
+    duplicatedScenario.id = uuidv4();
+    duplicatedScenario.name += `(${duplicatedScenario.id.split('-')[0]})`;
+    setScenarios(scenarios.concat(duplicatedScenario));
+    configStores.current[duplicatedScenario.id] = new Store({cwd: projectPath, name: duplicatedScenario.name});
+    configStores.current[duplicatedScenario.id].set(duplicatedScenario);
+  }
+
   const _runAllActiveScenarios = (activeScenarioIDs) => {
     const scenariosToRun = scenarios.filter((s) => activeScenarioIDs.includes(s.id)).sort((a, b) => scenarioIDsToRun.indexOf(a.id) - scenarioIDsToRun.indexOf(b.id));
 
@@ -349,6 +359,7 @@ const HelmetProject = ({
           statusIterationsTotal={statusIterationsTotal}
           statusIterationsCompleted={statusIterationsCompleted}
           statusReadyScenariosLogfiles={statusReadyScenariosLogfiles}
+          duplicateScenario={duplicateScenario}
         />
         <CostBenefitAnalysis
           resultsPath={resultsPath}

diff --git a/src/renderer/components/HelmetProject/Runtime/Runtime.css b/src/renderer/components/HelmetProject/Runtime/Runtime.css
@@ -42,7 +42,7 @@
 
 .Runtime__scenarios {
     max-height: 160px;
-    width: 580px;
+    width: 700px;
     overflow-y: auto;
 }
 
@@ -89,6 +89,16 @@
     background-repeat: no-repeat;
 }
 
+.Runtime__scenario-clone {
+    margin-left: 15px;
+    margin-bottom: -5px;
+    display: inline-block;
+    vertical-align: top;
+    width: 24px;
+    height: 24px;
+    color: #007AC9;
+}
+
 .Runtime__scenarios-footer {
     padding-top: 22px;
 }
@@ -127,4 +137,4 @@
 }
 
 .Runtime__start-stop-btn {
-}
+}
diff --git a/src/renderer/components/HelmetProject/Runtime/Runtime.jsx b/src/renderer/components/HelmetProject/Runtime/Runtime.jsx
@@ -6,7 +6,7 @@ const Runtime = ({
   reloadScenarios,
   handleClickScenarioToActive, handleClickNewScenario,
   statusIterationsTotal, statusIterationsCompleted, statusReadyScenariosLogfiles,
-  handleClickStartStop,
+  handleClickStartStop, duplicateScenario
 }) => {
   return (
     <div className="Runtime">
@@ -58,6 +58,12 @@ const Runtime = ({
               <div className={"Runtime__scenario-delete"}
                       onClick={(e) => runningScenarioID ? undefined : deleteScenario(s)}
               ></div>
+              &nbsp;
+              <div className={"Runtime__scenario-clone"}
+                      onClick={(e) => duplicateScenario(s)}
+              >
+              <CopyIcon/>
+              </div>
             </div>
           )
         })}

diff --git a/src/renderer/icons/CopyIcon.jsx b/src/renderer/icons/CopyIcon.jsx
@@ -0,0 +1,9 @@
+import React from 'react';
+
+const CopyIcon = () => {
+  return (
+    <svg width="19" height="22" viewBox="0 0 19 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M14 0H2C0.9 0 0 0.9 0 2V16H2V2H14V0ZM17 4H6C4.9 4 4 4.9 4 6V20C4 21.1 4.9 22 6 22H17C18.1 22 19 21.1 19 20V6C19 4.9 18.1 4 17 4ZM17 20H6V6H17V20Z" fill="#007AC9"/>
+    </svg>
+    )
+}
diff --git a/src/renderer/index.html b/src/renderer/index.html
@@ -34,6 +34,7 @@
         window.useMockAssignment = function() {aliasIpcRenderer.send('message-from-ui-to-disable-emme')};
         window.useEmmeAssignment = function () {aliasIpcRenderer.send('message-from-ui-to-enable-emme')};
     </script>
+    <script type="text/babel" src="./icons/CopyIcon.jsx"></script>
 </head>
 <body>