@osfarm/itineraire-technique 1.2.3 → 1.2.5

package/css/styles-editor.css

@@ -1 +1 @@
-.main-header{background-color:#6fa76f;color:#fff;height:3rem;display:flex;align-items:center}.main-header .btn.show,.main-header .btn:first-child:active,.main-header :not(.btn-check)+.btn:active{background-color:#026602}.editor-view{overflow-y:auto;height:calc(100vh - 4rem)}.rotation_item .step-edit{color:#878787;cursor:pointer;display:none;margin-left:10px;font-size:70%;vertical-align:super}.rotation_item:hover .step-edit{display:inline !important}.welcome-view{background-color:#6fa76f;color:#fff;padding:1rem;margin-top:1rem;border-radius:1rem}.welcome-view #cropsContainer{color:green}.card-white{background-color:#fff;padding:1rem;border-radius:1rem}.card-holder{background-color:#f5f5f5;padding:1rem;border-radius:1rem;margin:auto}.editable-row{background-color:#f7f7f7;min-height:3rem;display:flex;align-items:center;border-radius:.5rem}.editable-row .edit-buttons{visibility:hidden}.editable-row:hover>.edit-buttons{visibility:visible}.intervention-row{background:#e0e0e0}.primary-button{color:#fff;background-color:green;border:green}.primary-button:hover{background-color:#026602}.close-step-times{background:none;border:none;color:#878787;font-size:120%}.close-step-times:hover{color:#494949}#cropsContainer .drag-handle{color:#ccc;font-weight:normal;font-size:86%;margin-right:10px;vertical-align:middle;cursor:grab}#cropsContainer div.col{cursor:pointer}.form-control.text-right{text-align:right}.modal .form-label{font-weight:600}#code-snippet{font-family:monospace;font-size:13px;text-align:left;border:1px inset;background-color:#f1f1f1}/*# sourceMappingURL=styles-editor.css.map */
+.main-header{background-color:#6fa76f;color:#fff;height:3rem;display:flex;align-items:center}.main-header .btn.show,.main-header .btn:first-child:active,.main-header :not(.btn-check)+.btn:active{background-color:#026602}.editor-view{overflow-y:auto;height:calc(100vh - 4rem)}.rotation_item .step-edit{color:#878787;cursor:pointer;display:none;margin-left:10px;font-size:70%;vertical-align:super}.rotation_item:hover .step-edit{display:inline !important}.welcome-view{background-color:#6fa76f;color:#fff;padding:1rem;margin-top:1rem;border-radius:1rem}.welcome-view #cropsContainer{color:green}.card-white{background-color:#fff;padding:1rem;border-radius:1rem}.card-holder{background-color:#f5f5f5;padding:1rem;border-radius:1rem;margin:auto}@keyframes step-highlight{0%{box-shadow:0 0 0 3px #ffc107}80%{box-shadow:0 0 0 3px #ffc107}100%{box-shadow:0 0 0 0px rgba(0,0,0,0)}}.editable-row{background-color:#f7f7f7;min-height:3rem;display:flex;align-items:center;border-radius:.5rem}.editable-row .edit-buttons{visibility:hidden}.editable-row:hover>.edit-buttons{visibility:visible}.editable-row.step-shifted{animation:step-highlight 1.4s ease-out forwards}.editable-row.step-shifted .edit-buttons{visibility:visible}.intervention-row{background:#e0e0e0}.primary-button{color:#fff;background-color:green;border:green}.primary-button:hover{background-color:#026602}.close-step-times{background:none;border:none;color:#878787;font-size:120%}.close-step-times:hover{color:#494949}#cropsContainer .drag-handle{color:#ccc;font-weight:normal;font-size:86%;margin-right:10px;vertical-align:middle;cursor:grab}#cropsContainer div.col{cursor:pointer}.form-control.text-right{text-align:right}.modal .form-label{font-weight:600}#code-snippet{font-family:monospace;font-size:13px;text-align:left;border:1px inset;background-color:#f1f1f1}/*# sourceMappingURL=styles-editor.css.map */

package/css/styles-editor.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/styles-editor.scss"],"names":[],"mappings":"AAKA,aACI,yBACA,WACA,OALiB,KAOjB,aACA,mBAEA,sGAGI,yBAIR,aACI,gBAGA,0BAKA,0BACI,cACA,eACA,aACA,iBACA,cACA,qBAGJ,gCACI,0BAIR,cACI,yBACA,WACA,aACA,gBACA,mBAEA,8BACI,YAIR,YACI,sBACA,aACA,mBAGJ,aACI,yBACA,aACA,mBACA,YAGJ,cACI,yBACA,gBAEA,aACA,mBAEA,oBAEA,4BACI,kBAGJ,kCACI,mBAIR,kBACI,mBAGJ,gBACI,MAzFiB,KA0FjB,iBA5FiB,MA6FjB,OA7FiB,MA+FjB,sBACI,iBA/Fa,QAmGrB,kBACI,gBACA,YACA,cACA,eAEA,wBACI,cAKJ,6BACI,WACA,mBACA,cACA,kBACA,sBACA,YAGJ,wBACI,eAKJ,yBACI,iBAKJ,mBACI,gBAIR,cACI,sBACA,eACA,gBACA,iBACA","file":"styles-editor.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/styles-editor.scss"],"names":[],"mappings":"AAKA,aACI,yBACA,WACA,OALiB,KAOjB,aACA,mBAEA,sGAGI,yBAIR,aACI,gBAGA,0BAKA,0BACI,cACA,eACA,aACA,iBACA,cACA,qBAGJ,gCACI,0BAIR,cACI,yBACA,WACA,aACA,gBACA,mBAEA,8BACI,YAIR,YACI,sBACA,aACA,mBAGJ,aACI,yBACA,aACA,mBACA,YAGJ,0BACI,gCACA,iCACA,yCAGJ,cACI,yBACA,gBAEA,aACA,mBAEA,oBAEA,4BACI,kBAGJ,kCACI,mBAGJ,2BACI,gDAEA,yCACI,mBAKZ,kBACI,mBAGJ,gBACI,MAvGiB,KAwGjB,iBA1GiB,MA2GjB,OA3GiB,MA6GjB,sBACI,iBA7Ga,QAiHrB,kBACI,gBACA,YACA,cACA,eAEA,wBACI,cAKJ,6BACI,WACA,mBACA,cACA,kBACA,sBACA,YAGJ,wBACI,eAKJ,yBACI,iBAKJ,mBACI,gBAIR,cACI,sBACA,eACA,gBACA,iBACA","file":"styles-editor.css"}

package/js/editor-loader-default.js

@@ -5,6 +5,31 @@
 class DefaultLoader {
     constructor(tikaeditorInstance = null) {
         this.tikaeditorInstance = tikaeditorInstance;
+        this.hasUnsavedChanges = false;
+
+        // Warn the user before leaving the page if there are unsaved changes
+        const self = this;
+        window.addEventListener('beforeunload', function(e) {
+            if (self.hasUnsavedChanges) {
+                e.preventDefault();
+            }
+        });
+
+        // Mark dirty on any data mutation
+        if (tikaeditorInstance) {
+            const originalRefresh = tikaeditorInstance.refreshAllTables.bind(tikaeditorInstance);
+            tikaeditorInstance.refreshAllTables = function() {
+                self.hasUnsavedChanges = true;
+                return originalRefresh();
+            };
+        }
+    }
+
+    /**
+     * Mark the editor as having no unsaved changes
+     */
+    markClean() {
+        this.hasUnsavedChanges = false;
     }
 
     /**
@@ -15,7 +40,7 @@ class DefaultLoader {
     setupButtons() {
         const self = this;
         const container = '#toolbar-buttons-container';
-        
+
         // Create the NonWikiButtons div structure for standalone mode
         const nonWikiButtonsDiv = $(`
             <div id="NonWikiButtons" class="">
@@ -35,26 +60,26 @@ class DefaultLoader {
                 </button>
             </div>
         `);
-        
+
         // Clear container and append the new buttons
         $(container).empty().append(nonWikiButtonsDiv);
-        
+
         // Attach event handlers
         nonWikiButtonsDiv.find('.btn-import-json').on('click', function(e) {
             e.preventDefault();
             self.importFromJsonFile();
         });
-        
+
         nonWikiButtonsDiv.find('.btn-import-test').on('click', function(e) {
             e.preventDefault();
             self.importFromTestJson();
         });
-        
+
         nonWikiButtonsDiv.find('.btn-export-json').on('click', function(e) {
             e.preventDefault();
             self.doExportToJsonFile();
         });
-        
+
         // Add wipe button
         this.addWipeButton();
     }
@@ -65,15 +90,15 @@ class DefaultLoader {
     addWipeButton() {
         const self = this;
         const container = '#toolbar-buttons-container';
-        
+
         const wipeButton = $(`
             <button type="button" id="wipe-button" class="btn btn-outline-primary primary-button">
                 <i class="fa fa-trash" aria-hidden="true"></i> Tout effacer
             </button>
         `);
-        
+
         $(container).append(wipeButton);
-        
+
         wipeButton.on('click', function(e) {
             e.preventDefault();
             self.wipe();
@@ -86,6 +111,7 @@ class DefaultLoader {
     doExportToJsonFile() {
         let jsonName = this.tikaeditorInstance.system.title.replace(/\s+/g, '-').toLowerCase() + ".json";
         this.exportToJsonFile(this.tikaeditorInstance.system, jsonName);
+        this.markClean();
     }
 
     /**
@@ -169,6 +195,7 @@ class DefaultLoader {
             };
 
             self.tikaeditorInstance.reloadCropsFromJson(crops);
+            self.markClean();
         });
     }
 

package/js/editor-loader-itinera.js

@@ -13,7 +13,7 @@ class ItineraLoader extends DefaultLoader {
     setupButtons() {
         const self = this;
         const container = '#toolbar-buttons-container';
-        
+
         // Create the ItineraButtons div structure
         const itineraButtonsDiv = $(`
             <div id="ItineraButtons" class="">
@@ -22,25 +22,25 @@ class ItineraLoader extends DefaultLoader {
                 </button>
             </div>
         `);
-        
+
         // Clear container and append the new buttons
         $(container).empty().append(itineraButtonsDiv);
-        
+
         // Attach event handler
         itineraButtonsDiv.find('.btn-save-itinera').on('click', function(e) {
             e.preventDefault();
             self.saveToItinera();
         });
-        
+
         // Don't add wipe button in Itinera mode
     }
 
     /**
      * When the page loads, get the URL paremeter with the target page title we want to edit:
-     * @returns 
+     * @returns
      */
     loadPageFromURL() {
-        
+
         const self = this;
 
         const urlParams = new URLSearchParams(window.location.search);
@@ -51,7 +51,7 @@ class ItineraLoader extends DefaultLoader {
             return; // No page title provided, we are not in wiki edit mode
 
         // Build API URL with UUID if provided
-        const apiUrl = uuid 
+        const apiUrl = uuid
             ? `/api/systems/${encodeURIComponent(self.systemID)}?uuid=${encodeURIComponent(uuid)}`
             : `/api/systems/${encodeURIComponent(self.systemID)}`;
 
@@ -69,7 +69,7 @@ class ItineraLoader extends DefaultLoader {
                 // Extract UUID from redirectTo path (format: /project/22/UUID)
                 const pathParts = data.redirectTo.split('/');
                 const redirectUuid = pathParts[pathParts.length - 1];
-                
+
                 if (redirectUuid) {
                     // Retry with UUID parameter
                     return fetch(`/api/systems/${encodeURIComponent(self.systemID)}?uuid=${redirectUuid}`, {
@@ -87,15 +87,16 @@ class ItineraLoader extends DefaultLoader {
                         let sm = new StepModel(step)
                         sm.setAsEdited();
                     });
-                    
+
                     self.tikaeditorInstance.reloadCropsFromJson(content);
+                    self.markClean();
 
                     let codeSnippet = `{{Graphique Triple Performance \n| title=${content.title} \n| json=${self.systemID} \n| type=Rotation }}`;
                     $('#code-snippet').val(codeSnippet).on('focus', function() {
                         $(this).select();
                     });
                     $('#codeSnippetDiv').show();
-                    
+
 
                 } catch (e) {
                     console.error("Erreur lors de l'analyse du JSON de la page :", e);
@@ -107,7 +108,7 @@ class ItineraLoader extends DefaultLoader {
                 self.wipe();
             }
         });
-    
+
     }
 
     /**
@@ -120,7 +121,7 @@ class ItineraLoader extends DefaultLoader {
             // Error ?
             return;
         }
-        
+
         // Proceed to save
         const response = await fetch(`/api/systems/${encodeURIComponent(self.systemID)}`, {
             method: 'PATCH',
@@ -142,12 +143,13 @@ class ItineraLoader extends DefaultLoader {
 
         if (response.ok) {
             // Successfully saved - show a toast
+            self.markClean();
 
             toast.find('.toast-body').text('Sauvegardé dans Itinéra !');
 
             const toastBootstrap = bootstrap.Toast.getOrCreateInstance(toast);
             toastBootstrap.show();
-            
+
         } else {
             // Error saving
 

package/js/editor-loader-wiki.js

@@ -13,7 +13,7 @@ class WikiLoader extends DefaultLoader {
     setupButtons() {
         const self = this;
         const container = '#toolbar-buttons-container';
-        
+
         // Create the WikiButtons div structure
         const wikiButtonsDiv = $(`
             <div id="WikiButtons" class="">
@@ -43,10 +43,10 @@ class WikiLoader extends DefaultLoader {
                 </div>
             </div>
         `);
-        
+
         // Clear container and append the new buttons
         $(container).empty().append(wikiButtonsDiv);
-        
+
         // Attach event handlers
         wikiButtonsDiv.find('.btn-load-wiki').on('click', function(e) {
             e.preventDefault();
@@ -54,32 +54,32 @@ class WikiLoader extends DefaultLoader {
                 self.loadFromWiki();
             });
         });
-        
+
         wikiButtonsDiv.find('.btn-save-wiki').on('click', function(e) {
             e.preventDefault();
             self.saveToWiki();
         });
-        
+
         wikiButtonsDiv.find('.btn-save-as').on('click', function(e) {
             e.preventDefault();
             self.showSaveAsModal();
         });
-        
+
         wikiButtonsDiv.find('.btn-import-test').on('click', function(e) {
             e.preventDefault();
             self.importFromTestJson();
         });
-        
+
         wikiButtonsDiv.find('.btn-import-json').on('click', function(e) {
             e.preventDefault();
             self.importFromJsonFile();
         });
-        
+
         wikiButtonsDiv.find('.btn-export-json').on('click', function(e) {
             e.preventDefault();
             self.doExportToJsonFile();
         });
-        
+
         // Add wipe button
         this.addWipeButton();
 
@@ -95,10 +95,10 @@ class WikiLoader extends DefaultLoader {
 
     /**
      * When the page loads, get the URL paremeter with the target page title we want to edit:
-     * @returns 
+     * @returns
      */
     loadPageFromURL() {
-        
+
         const self = this;
 
         const urlParams = new URLSearchParams(window.location.search);
@@ -124,6 +124,7 @@ class WikiLoader extends DefaultLoader {
                         sm.setAsEdited();
                     });
                     self.tikaeditorInstance.reloadCropsFromJson(content);
+                    self.markClean();
 
                     let codeSnippet = `{{Graphique Triple Performance \n| title=${content.title} \n| json=${self.pageTitle} \n| type=Rotation }}`;
                     $('#code-snippet').val(codeSnippet).on('focus', function() {
@@ -151,7 +152,7 @@ class WikiLoader extends DefaultLoader {
                 }
             }
         });
-    
+
     }
 
     /**
@@ -164,10 +165,11 @@ class WikiLoader extends DefaultLoader {
             self.showSaveAsModal();
             return;
         }
-        
+
         // If a page title is provided, save to that page
         self.savePageToWiki(self.pageTitle, JSON.stringify(self.tikaeditorInstance.system, null, 2))
             .then(async () => {
+                self.markClean();
                 alert("Itinéraire technique enregistré avec succès !");
             })
             .catch(err => {
@@ -204,7 +206,7 @@ class WikiLoader extends DefaultLoader {
         const editData = await editResp.json();
         console.log(editData);
 
-        if (editData.edit && editData.edit.result === 'Success') { 
+        if (editData.edit && editData.edit.result === 'Success') {
             return Promise.resolve();
         } else {
             return Promise.reject(editData);
@@ -230,7 +232,7 @@ class WikiLoader extends DefaultLoader {
             const encodedUsername = 'User:' + username;
             const query = encodeURIComponent(`[[Page author::${encodedUsername}]][[~*.json]]`);
             const url = `/api.php?action=ask&query=${query}|sort=Modification date|order=desc&format=json`;
-            
+
             const response = await fetch(url, {
                 credentials: 'include'
             });
@@ -249,7 +251,7 @@ class WikiLoader extends DefaultLoader {
             const encodedUsername = 'User:' + username;
             const query = encodeURIComponent(`[[Page author::${encodedUsername}]]`);
             const url = `/api.php?action=ask&query=${query}|sort=Modification date|order=desc&format=json`;
-            
+
             const response = await fetch(url, {
                 credentials: 'include'
             });
@@ -265,40 +267,40 @@ class WikiLoader extends DefaultLoader {
         // Show the modal
         const modal = new bootstrap.Modal(document.getElementById('wikiFilesModal'));
         modal.show();
-        
+
         // Reset the modal content
         $('#wikiFilesStatus').html('<i class="fa fa-spinner fa-spin"></i> Chargement de vos fichiers...');
         $('#wikiFilesList').empty();
-        
+
         try {
             // Get user info
             const userInfo = await this.getWikiUserInfo();
-            
+
             if (!userInfo.id || userInfo.id === 0) {
                 $('#wikiFilesStatus').html('<div class="alert alert-warning">Vous devez être connecté au wiki pour utiliser cette fonctionnalité.</div>');
                 return;
             }
-            
+
             // Get user's JSON files
             const filesData = await this.getWikiUserFiles(userInfo.name);
-            
+
             // Parse the results
             const results = filesData.query?.results;
-            
+
             if (!results || Object.keys(results).length === 0) {
                 $('#wikiFilesStatus').html('<div class="alert alert-info">Aucun fichier JSON trouvé dans vos pages.</div>');
                 return;
             }
-            
+
             // Display the files
             $('#wikiFilesStatus').html(`<p class="text-muted">Connecté en tant que <strong>${userInfo.name}</strong></p>`);
-            
+
             const filesList = $('#wikiFilesList');
-            
+
             for (const [pageTitle, pageData] of Object.entries(results)) {
                 const displayTitle = pageData.displaytitle || pageTitle;
                 const fullUrl = pageData.fullurl || '';
-                
+
                 // if displayTitle is a subpage (contains /), split in two spans:
                 let [parent, child] = displayTitle.includes('/') ? displayTitle.split('/') : [displayTitle];
 
@@ -321,10 +323,10 @@ class WikiLoader extends DefaultLoader {
                         </div>
                     </a>
                 `);
-   
+
                 filesList.append(listItem);
             }
-            
+
         } catch (error) {
             $('#wikiFilesStatus').html(`<div class="alert alert-danger">Erreur lors du chargement des fichiers: ${error.message}</div>`);
         }
@@ -335,11 +337,11 @@ class WikiLoader extends DefaultLoader {
      */
     async showSaveAsModal() {
         const self = this;
-        
+
         try {
             // Get user info to check if logged in
             const userInfo = await this.getWikiUserInfo();
-            
+
             if (!userInfo.id || userInfo.id === 0) {
                 alert('Vous devez être connecté au wiki pour utiliser cette fonctionnalité.');
                 return;
@@ -347,23 +349,23 @@ class WikiLoader extends DefaultLoader {
 
             // Get user's existing pages
             const pagesData = await this.getWikiUserPages(userInfo.name);
-            
+
             // Show the modal
             const modal = new bootstrap.Modal(document.getElementById('saveAsModal'));
             modal.show();
-            
+
             // Populate the select with user's pages
             const pageSelect = $('#saveAsPageSelect');
             pageSelect.empty();
             pageSelect.append('<option value="">Sélectionner une page...</option>');
-            
+
             if (pagesData.query?.results) {
                 for (const [pageTitle, pageData] of Object.entries(pagesData.query.results)) {
                     const displayTitle = pageData.displaytitle || pageTitle;
                     pageSelect.append(`<option value="${pageTitle}">${displayTitle}</option>`);
                 }
             }
-            
+
             // Set default filename from title if it's been changed
             const filenameInput = $('#saveAsFilename');
             const currentTitle = self.tikaeditorInstance.system.title || '';
@@ -372,7 +374,7 @@ class WikiLoader extends DefaultLoader {
             } else {
                 filenameInput.val('');
             }
-            
+
         } catch (error) {
             console.error("Error showing save as modal:", error);
             alert('Erreur lors du chargement des données utilisateur.');
@@ -387,20 +389,20 @@ class WikiLoader extends DefaultLoader {
         const useExistingPage = $('#saveAsUseExistingPage').prop('checked');
         const selectedPage = $('#saveAsPageSelect').val();
         const filename = $('#saveAsFilename').val().trim();
-        
+
         if (!filename) {
             alert('Veuillez saisir un nom de fichier.');
             return null;
         }
-        
+
         let subpageName;
-        
+
         if (useExistingPage && selectedPage) {
             subpageName = selectedPage;
         } else {
             subpageName = 'Itinéraires techniques non classés';
         }
-        
+
         // Build the final URL: subpagename/filename.json
         const finalUrl = `${subpageName}/${filename}.json`;
 
@@ -416,11 +418,11 @@ class WikiLoader extends DefaultLoader {
      */
     async saveAs() {
         const url = this.buildSaveAsUrl();
-        
+
         if (!url) {
             return; // Error already handled in buildSaveAsUrl
         }
-        
+
         const self = this;
         const oldPageTitle = self.pageTitle;
 
@@ -430,17 +432,18 @@ class WikiLoader extends DefaultLoader {
 
             // Save to the wiki first
             await self.savePageToWiki(self.pageTitle, JSON.stringify(self.tikaeditorInstance.system, null, 2));
-            
+            self.markClean();
+
             // Close the modal
             const modal = bootstrap.Modal.getInstance(document.getElementById('saveAsModal'));
             modal.hide();
-            
+
             alert(`Itinéraire technique enregistré avec succès sous "${url}"`);
-            
+
             // Only navigate after successful save
             const newEditorUrl = `editor.html?wiki=${encodeURIComponent(self.pageTitle)}`;
             window.location.href = newEditorUrl;
-            
+
         } catch (error) {
             // Restore the old page title if save failed
             self.pageTitle = oldPageTitle;

package/js/editor-main.js

@@ -5,7 +5,7 @@
 class TikaEditor {
     constructor() {
         this.DEFAULT_TITLE = "Nouvel itinéraire technique";
-        
+
         // Initialize the crops data structure
         this.system = {
             "title": this.DEFAULT_TITLE,
@@ -48,7 +48,6 @@ class TikaEditor {
         this.enableTitleEditing();
         this.setupCloseStepButtons();
         this.setupCropFormKeydown();
-        this.setupCropsSortable();
         this.setupParamsModal();
     }
 
@@ -101,7 +100,7 @@ class TikaEditor {
                         let movedStep = new StepModel(step);
                         let duration = movedStep.getDurationInDays();
 
-                        if (lastStepEnd != null) { 
+                        if (lastStepEnd != null) {
                             lastStepEnd.setDate(lastStepEnd.getDate() + 1);
 
                             movedStep.setStartDate(lastStepEnd);
@@ -135,7 +134,7 @@ class TikaEditor {
      */
     setupParamsModal() {
         const self = this;
-        
+
         $('#modalParams').on('show.bs.modal', function (event) {
             // Set the modal form inputs values from crops.options
             $("#viewSelect").val(self.system.options.view);
@@ -147,16 +146,16 @@ class TikaEditor {
             $("#addressInput").val(self.system.options.address ?? "");
             $("#latitudeInput").val(self.system.options.latitude ?? "");
             $("#longitudeInput").val(self.system.options.longitude ?? "");
-            
+
             // Load ombrothermic data from climate_data if present
-            let hasClimateData = self.system.options.climate_data && 
-                                 self.system.options.climate_data.temperatures && 
+            let hasClimateData = self.system.options.climate_data &&
+                                 self.system.options.climate_data.temperatures &&
                                  self.system.options.climate_data.precipitations;
-            
+
             // Check the checkbox if show_climate_diagram is explicitly true OR if climate_data exists
             let showDiagram = self.system.options.show_climate_diagram === true;
             $("#ombroCheck").prop("checked", showDiagram);
-            
+
             if (hasClimateData) {
                 let tempLine = self.system.options.climate_data.temperatures.join(' ');
                 let precipLine = self.system.options.climate_data.precipitations.join(' ');
@@ -164,21 +163,21 @@ class TikaEditor {
             } else {
                 $("#ombroData").val("");
             }
-            
+
             // Enable/disable textarea based on checkbox state
             $("#ombroData").prop("disabled", !showDiagram);
         });
-        
+
         // Add event listener to toggle textarea when checkbox changes
         $("#ombroCheck").on("change", function() {
             $("#ombroData").prop("disabled", !this.checked);
         });
-        
+
         // Update Google Maps link when coordinates change
         function updateGoogleMapsLink() {
             const lat = $("#latitudeInput").val().trim();
             const lon = $("#longitudeInput").val().trim();
-            
+
             if (lat && lon && !isNaN(parseFloat(lat)) && !isNaN(parseFloat(lon))) {
                 const mapsUrl = `https://www.google.com/maps?q=${lat},${lon}`;
                 $("#googleMapsLink a").attr("href", mapsUrl);
@@ -187,28 +186,28 @@ class TikaEditor {
                 $("#googleMapsLink").hide();
             }
         }
-        
+
         // Attach listeners to lat/long inputs
         $("#latitudeInput, #longitudeInput").on("input change", updateGoogleMapsLink);
-        
+
         // Update link when modal opens
         $('#modalParams').on('shown.bs.modal', function() {
             updateGoogleMapsLink();
         });
-        
+
         // Location search button handler
         $("#searchLocationBtn").on("click", function() {
             const address = $("#addressInput").val().trim();
-            
+
             if (!address) {
                 $("#locationSearchStatus").html('<span class="text-warning">Veuillez entrer une adresse</span>');
                 return;
             }
-            
+
             // Show loading state
             $("#searchLocationBtn").prop("disabled", true);
             $("#locationSearchStatus").html('<i class="fa fa-spinner fa-spin"></i> Recherche en cours...');
-            
+
             $.ajax({
                 url: "https://itk-info.tripleperformance.fr/api/location",
                 method: "POST",
@@ -216,14 +215,14 @@ class TikaEditor {
                 data: JSON.stringify({ address: address }),
                 success: function(data) {
                     console.log("Location data received:", data);
-                    
+
                     // Populate latitude and longitude
                     if (data.latitude && data.longitude) {
                         $("#latitudeInput").val(data.latitude);
                         $("#longitudeInput").val(data.longitude);
                         updateGoogleMapsLink();
                     }
-                    
+
                     // Populate climate data if available
                     if (data.monthly_temperatures && data.monthly_rainfall) {
                         let tempLine = data.monthly_temperatures.join(' ');
@@ -232,7 +231,7 @@ class TikaEditor {
                         $("#ombroCheck").prop("checked", true);
                         $("#ombroData").prop("disabled", false);
                     }
-                    
+
                     // Show success message
                     let message = '<span class="text-success">✓ Coordonnées trouvées';
                     if (data.source_explanation) {
@@ -261,20 +260,20 @@ class TikaEditor {
             self.system.options.address = $("#addressInput").val().trim();
             self.system.options.latitude = $("#latitudeInput").val().trim();
             self.system.options.longitude = $("#longitudeInput").val().trim();
-            
+
             // Convert ombrothermic data to climate_data object
             let ombroEnabled = $("#ombroCheck").prop("checked");
-            
+
             if (ombroEnabled) {
                 self.system.options.show_climate_diagram = true;
-                
+
                 let ombroText = $("#ombroData").val().trim();
                 let lines = ombroText.split('\n');
-                
+
                 if (lines.length >= 2) {
                     let temperatures = lines[0].trim().split(/\s+/).map(v => parseFloat(v)).filter(v => !isNaN(v));
                     let precipitations = lines[1].trim().split(/\s+/).map(v => parseFloat(v)).filter(v => !isNaN(v));
-                    
+
                     if (temperatures.length > 0 && precipitations.length > 0) {
                         self.system.options.climate_data = {
                             temperatures: temperatures,
@@ -312,18 +311,18 @@ class TikaEditor {
         const self = this;
         $(document).ready(function() {
             // If we are in a wiki (the domain contains "tripleperformance.ag or tripleperformance.fr" then show the Wiki buttons
-            if (window.location.hostname.includes("tripleperformance.ag") || window.location.hostname.includes("tripleperformance.fr")) {
+            if ((window.location.hostname.includes("itinera") || window.location.hostname.includes("localhost"))
+                && window.location.search.includes("itinera") ) {
 
-                // Hide NonWikiButtons
-                self.editorLoader = new WikiLoader(self);
+                // If we are in Itinera - the domain is *.itinera.ag or localhost with a itinera param
+                self.editorLoader = new ItineraLoader(self);
                 self.editorLoader.setupButtons();
                 self.editorLoader.loadPageFromURL();
 
-            } else if (window.location.hostname.includes("itinera.ag") || 
-                      (window.location.hostname.includes("localhost") && window.location.search.includes("itinera")) ) {
+            } else if (window.location.hostname.includes("tripleperformance.ag") || window.location.hostname.includes("tripleperformance.fr")) {
 
-                // If we are in Itinera - the domain is *.itinera.ag or localhost with a itinera param
-                self.editorLoader = new ItineraLoader(self);
+                // Hide NonWikiButtons
+                self.editorLoader = new WikiLoader(self);
                 self.editorLoader.setupButtons();
                 self.editorLoader.loadPageFromURL();
 
@@ -367,6 +366,7 @@ class TikaEditor {
      */
     updateSelectedStep() {
         this.selectedStep.updateFromForm();
+        this.sortStepsByStartDate();
         this.refreshAllTables();
     }
 
@@ -377,10 +377,35 @@ class TikaEditor {
         document.getElementById(elementId).value = value;
     }
 
+    /**
+     * Briefly highlight a step row to signal it has been moved
+     */
+    highlightStepRow(id) {
+        let row = $('#cropsContainer .step-row[data-id="' + id + '"]');
+        if (!row.length) return;
+        row.removeClass('step-shifted');
+        // Force reflow so the animation restarts on repeated clicks
+        void row[0].offsetWidth;
+        row.addClass('step-shifted');
+        row.one('animationend', function () {
+            $(this).removeClass('step-shifted');
+        });
+    }
+
+    /**
+     * Sort steps array by start date (ascending)
+     */
+    sortStepsByStartDate() {
+        this.system.steps.sort(function (a, b) {
+            return new Date(a.startDate) - new Date(b.startDate);
+        });
+    }
+
     /**
      * Refresh all tables and views
      */
     refreshAllTables() {
+        this.sortStepsByStartDate();
         this.refreshStepsButtonList();
         this.renderChart();
     }
@@ -400,7 +425,7 @@ class TikaEditor {
     hideStepEditor() {
         $('#cropListView').show();
         $('#welcomeView').hide();
-        $('#cropEditorView').hide();        
+        $('#cropEditorView').hide();
     }
 
     /**
@@ -414,7 +439,7 @@ class TikaEditor {
         $('.step-edit').click(function (event) {
             event.stopPropagation();
             let stepId = renderer.getElementID(event.target.closest('.rotation_item'));
-            
+
             let index = stepId.split('_')[1];
             self.selectedStep = new StepModel(self.system.steps[index]);
             self.selectStep(self.selectedStep);
@@ -487,12 +512,12 @@ class TikaEditor {
             }),
             success: function(data) {
                 console.log("Réponse:", data);
-                    
+
                 if (data.color_hex && self.selectedStep.step.useDefaultColor) {
                     self.setInputValue("cropColor", data.color_hex);
                     self.updateSelectedStep();
                 }
-        
+
                 let startDate = self.getRotationEndDate();
                 if (data.average_sowing_date && self.selectedStep.step.useDefaultStartDate) {
                     // data.average_sowing_date is in MM-DD format, we need to convert it to YYYY-MM-DD
@@ -520,7 +545,7 @@ class TikaEditor {
                     self.setInputValue("cropEndDate", endDate.toISOString().split('T')[0]);
                     self.updateSelectedStep();
                 }
-                  
+
                 if (data.source_explanation) {
                     $('#itk-api-comment').text(data.source_explanation);
                 } else {
@@ -530,7 +555,7 @@ class TikaEditor {
             error: function(err) {
                 console.error("Erreur:", err);
             }
-        });        
+        });
     }
 
     /**
@@ -572,7 +597,7 @@ class TikaEditor {
 
         this.InterventionTableManager.setupDiv();
         this.InterventionTableManager.refreshInterventionsTable(this.selectedStep);
-                
+
         this.refreshAllTables();
     }
 
@@ -614,17 +639,29 @@ class TikaEditor {
             const rowDiv = this.createCropRow(crop);
             cropsContainer.append(rowDiv);
         });
-        
-        cropsContainer.sortable("refresh");
     }
 
-    addEditAndRemoveButtons(rowDiv, deleteId, editFunction, deleteFunction, duplicateFunction, style="btn-group") {
+    addEditAndRemoveButtons(rowDiv, deleteId, editFunction, deleteFunction, duplicateFunction, shiftYearUpFunction, shiftYearDownFunction, style="btn-group") {
         rowDiv = $(rowDiv);
 
         let actionContainer = $(`<div class="col-auto edit-buttons m-1 ${style}" role="group"></div>`);
 
         rowDiv.append(actionContainer);
 
+        if (shiftYearUpFunction != null) {
+            actionContainer.append($('<button class="btn btn-outline-secondary p-2" title="Reculer d\'un an"><i class="fa fa-arrow-up"></i></button>').click(function (event) {
+                event.stopPropagation();
+                shiftYearUpFunction(deleteId);
+            }));
+        }
+
+        if (shiftYearDownFunction != null) {
+            actionContainer.append($('<button class="btn btn-outline-secondary p-2" title="Avancer d\'un an"><i class="fa fa-arrow-down"></i></button>').click(function (event) {
+                event.stopPropagation();
+                shiftYearDownFunction(deleteId);
+            }));
+        }
+
         actionContainer.append($('<button class="edit-button btn btn-outline-primary p-2"><i class="fa fa-pencil"></i></button>').click(function(event) {
             event.stopPropagation();
             editFunction();
@@ -657,12 +694,17 @@ class TikaEditor {
 
         let rowDiv = $('<div class="row mb-2 step-row editable-row position-relative" data-id="'+step.getStep().id +'"></div>');
 
+        let startDate = new Date(step.getStep().startDate);
+        let startDateStr = startDate.toLocaleDateString('fr-FR', { month: 'short', year: 'numeric' });
+        startDateStr = startDateStr.charAt(0).toUpperCase() + startDateStr.slice(1);
+
         rowDiv.append($('<div class="col"></div>')
-            .append($('<i class="fa fa-bars drag-handle" aria-hidden="true"></i>'))
-            .append($('<strong>' + step.getStep().name + '</strong>')));
+            .append($('<strong>' + step.getStep().name + '</strong>'))
+            .append($('<br>'))
+            .append($('<small class="text-muted">' + startDateStr + '</small>')));
 
-        this.addEditAndRemoveButtons(rowDiv, 
-            step.getStep().id, 
+        this.addEditAndRemoveButtons(rowDiv,
+            step.getStep().id,
             function () {
                 console.log("Selected step:", step.getStep().name);
                 self.selectStep(step);
@@ -674,6 +716,30 @@ class TikaEditor {
             },
             function(id) {
                 self.duplicateStep(id);
+            },
+            function(id) {
+                let s = self.system.steps.find(function (c) { return c.id == id; });
+                if (!s) return;
+                let start = new Date(s.startDate);
+                let end = new Date(s.endDate);
+                start.setFullYear(start.getFullYear() - 1);
+                end.setFullYear(end.getFullYear() - 1);
+                s.startDate = start;
+                s.endDate = end;
+                self.refreshAllTables();
+                self.highlightStepRow(id);
+            },
+            function(id) {
+                let s = self.system.steps.find(function (c) { return c.id == id; });
+                if (!s) return;
+                let start = new Date(s.startDate);
+                let end = new Date(s.endDate);
+                start.setFullYear(start.getFullYear() + 1);
+                end.setFullYear(end.getFullYear() + 1);
+                s.startDate = start;
+                s.endDate = end;
+                self.refreshAllTables();
+                self.highlightStepRow(id);
             });
 
         rowDiv.click();
@@ -730,7 +796,7 @@ class TikaEditor {
 
         // Create a StepModel instance to ensure proper initialization
         let stepModel = new StepModel(newStep);
-        
+
         // Add the duplicated step to the rotation
         this.system.steps.push(stepModel.getStep());
 

package/package.json

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

package/scss/styles-editor.scss

@@ -66,6 +66,12 @@ $header-height     : 3rem;
     margin          : auto
 }
 
+@keyframes step-highlight {
+    0%   { box-shadow: 0 0 0 3px #ffc107; }
+    80%  { box-shadow: 0 0 0 3px #ffc107; }
+    100% { box-shadow: 0 0 0 0px transparent; }
+}
+
 .editable-row {
     background-color: #f7f7f7;
     min-height      : 3rem;
@@ -82,6 +88,14 @@ $header-height     : 3rem;
     &:hover>.edit-buttons {
         visibility: visible;
     }
+
+    &.step-shifted {
+        animation: step-highlight 1.4s ease-out forwards;
+
+        .edit-buttons {
+            visibility: visible;
+        }
+    }
 }
 
 .intervention-row {