Update public source

cracklab/server/web/templates/method_create.html

@@ -1640,20 +1640,25 @@
         const methodSteps =
             getMethodSteps();
 
-        const sourceStep =
-            methodSteps.find(
-                (step) => {
-                    const modeSelect =
-                        step.querySelector(
-                            "[data-attack-mode]",
-                        );
+        const oldBulkSteps =
+            getBulkMaskSteps();
 
-                    return (
-                        modeSelect &&
-                        modeSelect.value === "3"
-                    );
-                },
-            );
+        const sourceStep =
+            oldBulkSteps.length > 0
+                ? oldBulkSteps[0]
+                : methodSteps.find(
+                    (step) => {
+                        const modeSelect =
+                            step.querySelector(
+                                "[data-attack-mode]",
+                            );
+
+                        return (
+                            modeSelect &&
+                            modeSelect.value === "3"
+                        );
+                    },
+                );
 
         if (!sourceStep) {
             return;
@@ -1664,29 +1669,41 @@
                 sourceStep,
             );
 
-        const oldBulkSteps =
-            getBulkMaskSteps();
-
-        oldBulkSteps.forEach(
-            (step) => {
-                step.remove();
-            },
-        );
-
-        const firstStep =
-            sourceStep;
-
         const bulkSteps = [
-            firstStep,
+            sourceStep,
         ];
 
         while (
             bulkSteps.length <
             masks.length
         ) {
-            bulkSteps.push(
-                addStep(),
+            const newStep =
+                addStep();
+
+            newStep.dataset.bulkMaskStep =
+                "true";
+
+            newStep.classList.add(
+                "method-step-bulk-hidden",
             );
+
+            bulkSteps.push(
+                newStep,
+            );
+        }
+
+        while (
+            bulkSteps.length >
+            masks.length
+        ) {
+            const step =
+                bulkSteps.pop();
+
+            if (step === sourceStep) {
+                break;
+            }
+
+            step.remove();
         }
 
         masks.forEach(