@osfarm/itineraire-technique 1.1.16 → 1.1.18

package/editor.html

@@ -52,7 +52,7 @@
                         </button>
                         <ul class="dropdown-menu">
                             <li><a class="dropdown-item" href="#" onclick="showSaveAsModal()"><i class="fa fa-save" aria-hidden="true"></i> Enregistrer sous</a></li>
-                            <li><a class="dropdown-item" href="#" onclick="exportToJsonFile()"><i class="fa fa-download" aria-hidden="true"></i> Exporter</a></li>
+                            <li><a class="dropdown-item" href="#" onclick="doExportToJsonFile()"><i class="fa fa-download" aria-hidden="true"></i> Exporter</a></li>
                         </ul>
                     </div>
                 </div>
@@ -65,7 +65,7 @@
                         <ul class="dropdown-menu">
                             <li><a class="dropdown-item" href="#" onclick="importFromTestJson()"><i class="fa fa-lightbulb-o" aria-hidden="true"></i> Charger un exemple</a></li>
                         </ul>
-                    </div><button type="button" onclick="exportToJsonFile()" class="btn btn-outline-primary primary-button me-2"><i class="fa fa-download" aria-hidden="true"></i> Exporter (JSON)</button>
+                    </div><button type="button" onclick="doExportToJsonFile()" class="btn btn-outline-primary primary-button me-2"><i class="fa fa-download" aria-hidden="true"></i> Exporter (JSON)</button>
                 </div> 
 
                 <button type="button" onclick="wipe(crops)" class="btn btn-outline-primary primary-button"><i class="fa fa-trash" aria-hidden="true"></i> Tout effacer</button>
@@ -946,7 +946,7 @@
         return latestEndDate;
     }
 
-    function addEditAndRemoveButtons(rowDiv, deleteId, editFunction, deleteFunction) {
+    function addEditAndRemoveButtons(rowDiv, deleteId, editFunction, deleteFunction, duplicateFunction) {
         rowDiv = $(rowDiv);
 
         let actionContainer = $('<div class="col-auto edit-buttons"></div>');
@@ -961,6 +961,11 @@
             editFunction();
         }));
 
+        actionContainer.append($('<button class="btn btn-outline-secondary float-end me-1"><i class="fa fa-copy"></i></button>').click(function (event) {
+            event.stopPropagation(); // Prevent other onclick events from triggering
+            duplicateFunction(deleteId);
+        }));
+
         rowDiv.append(actionContainer);
     }
 
@@ -1084,4 +1089,8 @@
         });
     }
 
+    function doExportToJsonFile() {
+        let jsonName = crops.title.replace(/\s+/g, '-').toLowerCase() + ".json";
+        exportToJsonFile(crops, jsonName);
+    }
 </script>

package/js/editor-crops.js

@@ -58,6 +58,9 @@ function createCropRow(crop) {
 
             refreshAllTables();
             displayCropListView();
+        },
+        function(id) {
+            duplicateStep(id);
         });
 
     rowDiv.click();
@@ -65,6 +68,64 @@ function createCropRow(crop) {
     return rowDiv;
 }
 
+function duplicateStep(stepId) {
+    // Find the step to duplicate
+    let originalStep = crops.steps.find(crop => crop.id === stepId);
+    if (!originalStep) return;
+
+    // Get the latest end date in the rotation
+    let latestEndDate = getRotationEndDate();
+
+    // Calculate the duration of the original step
+    let originalStart = new Date(originalStep.startDate);
+    let originalEnd = new Date(originalStep.endDate);
+
+    // Calculate how many years to add to position after the latest step
+    let yearsToAdd = 0;
+    let newStartDate = new Date(originalStart);
+    let newEndDate = new Date(originalEnd);
+
+    // Keep adding years until the new start date is after the latest end date
+    while (newStartDate < latestEndDate) {
+        yearsToAdd++;
+        newStartDate = new Date(originalStart);
+        newStartDate.setFullYear(originalStart.getFullYear() + yearsToAdd);
+        newEndDate.setFullYear(originalEnd.getFullYear() + yearsToAdd);
+    }
+
+    // Create the new step with all properties cloned
+    let newStep = {
+        name: originalStep.name,
+        color: originalStep.color,
+        startDate: newStartDate,
+        endDate: newEndDate,
+        description: originalStep.description,
+        secondary_crop: originalStep.secondary_crop || false,
+        useDefaultColor: originalStep.useDefaultColor,
+        useDefaultStartDate: originalStep.useDefaultStartDate,
+        useDefaultEndDate: originalStep.useDefaultEndDate,
+        interventions: originalStep.interventions ? originalStep.interventions.map(i => ({
+            day: i.day,
+            name: i.name,
+            type: i.type,
+            description: i.description
+        })) : [],
+        attributes: originalStep.attributes ? originalStep.attributes.map(a => ({
+            name: a.name,
+            value: a.value
+        })) : []
+    };
+
+    // Create a StepModel instance to ensure proper initialization
+    let stepModel = new StepModel(newStep);
+    
+    // Add the duplicated step to the rotation
+    crops.steps.push(stepModel.getStep());
+
+    // Refresh the UI
+    refreshAllTables();
+}
+
 function SelectStep(crop) {
     selectedStep = crop;
     loadSelectedStepToEditor(selectedStep);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osfarm/itineraire-technique",
-  "version": "1.1.16",
+  "version": "1.1.18",
   "description": "A visualisation tool to show agricultural technical itineraries based on Echarts",
   "main": "editor.html",
   "scripts": {