Update fields.html

Updated

Author: aimtyaem

fields.html

@@ -160,6 +160,8 @@ <h3>Register New Field</h3>
     </div>
 
     <script>
+        let uploadedMedia = [];
+
         // Load fields from localStorage
         function loadFields() {
             const fieldsGrid = document.getElementById('fieldsGrid');
@@ -198,7 +200,6 @@ <h3>${field.name}</h3>
         document.getElementById('mediaUpload').addEventListener('change', function(e) {
             const files = Array.from(e.target.files);
             const mediaPreview = document.getElementById('mediaPreview');
-            let fieldData = JSON.parse(localStorage.getItem('fieldData')) || { fields: [] };
 
             files.forEach(file => {
                 const reader = new FileReader();
@@ -212,19 +213,14 @@ <h3>${field.name}</h3>
                     mediaPreview.appendChild(mediaItem);
 
                     // Store media reference
-                    if (fieldData.fields.length > 0) {
-                        fieldData.fields[0].media.push({
-                            type: file.type.startsWith('image') ? 'image' : 'video',
-                            url: e.target.result,
-                            timestamp: new Date().toISOString()
-                        });
-                    }
+                    uploadedMedia.push({
+                        type: file.type.startsWith('image') ? 'image' : 'video',
+                        url: e.target.result,
+                        timestamp: new Date().toISOString()
+                    });
                 };
                 reader.readAsDataURL(file);
             });
-
-            // Update localStorage
-            localStorage.setItem('fieldData', JSON.stringify(fieldData));
         });
 
         // Register new field
@@ -245,7 +241,7 @@ <h3>${field.name}</h3>
                 health: fieldHealth,
                 yield: 'N/A',
                 lastUpdated: new Date().toISOString(),
-                media: []
+                media: uploadedMedia
             });
 
             localStorage.setItem('fieldData', JSON.stringify(fieldData));
@@ -290,4 +286,4 @@ <h3>${field.name}</h3>
         });
     </script>
 </body>
-</html>
+</html>