From 611a88192579f5f460e0d1faf621e079d185c223 Mon Sep 17 00:00:00 2001
From: Paul Crossley <pauljoncrossley@gmail.com>
Date: Tue, 28 May 2024 11:44:27 +0100
Subject: [PATCH] add to edit

---
 app/controllers/projects_controller.rb |  2 ++
 app/views/projects/edit.html.erb       | 37 +++++++++++++++++++++++---
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/app/controllers/projects_controller.rb b/app/controllers/projects_controller.rb
index abd523f0..51559764 100644
--- a/app/controllers/projects_controller.rb
+++ b/app/controllers/projects_controller.rb
@@ -49,6 +49,8 @@ def update
       existing_source = @project.source || {}
       existing_source["name"] = params.require(:project).require(:name)
       existing_source["extent"] = params.require(:project).require(:extent).split(",").map(&:to_f)  
+      existing_source["cql"] = params.require(:project).require(:cql)
+      existing_source["layer"] = params.require(:project).require(:layer)
 
       if @project.update(source: existing_source)
         if params[:commit] == 'Save and open project'
diff --git a/app/views/projects/edit.html.erb b/app/views/projects/edit.html.erb
index 6ba0c2fa..de61f569 100644
--- a/app/views/projects/edit.html.erb
+++ b/app/views/projects/edit.html.erb
@@ -39,6 +39,11 @@
     <div id="map" style="width: 100%; height: 400px; margin-bottom: 10px;"></div>
     <div id="guide" style="margin-bottom: 10px"></div>
 
+    <div class="row">
+      <%= f.hidden_field :layer, class: 'form-control', value: (@project.layer.present? ? @project.layer : '') %>
+      <%= f.hidden_field :cql, class: 'form-control', value: (@project.cql.present? ? @project.cql : '') %>
+    </div>
+
     
     <%= link_to 'Cancel', :back, class: 'btn btn-secondary' %>    
     <%= f.submit 'Save and open project', class: 'btn btn-primary' %>
@@ -48,16 +53,42 @@
 </div>
 <script>
 
-    var extents = <%= raw @extents.to_json %>;
-
     document.addEventListener("turbolinks:load", () =>{
+
+      var extents = <%= raw @extents.to_json %>;
+
       const projEx = document.getElementById('PROJEDIT303')
       if(!projEx) return
-      
+
+        const hardcoded_extents = [
+          { id: -1, name: "✨Wealden", value:  [ -4034.29345383, 6591225.55995304, 44295.78978777, 6647418.730598 ], layer_source: "shapefiles:westminster_const", layer_cql: "Name='Wealden Co Const'" },
+          { id: -2, name: "✨Brighton Pravilion", value: [ -21125.72504206, 6589221.35051539, -9227.54925854, 6602279.95570845 ], layer_source: "shapefiles:westminster_const", layer_cql: "Name='Brighton, Pavilion Boro Const'" },
+        ]
+
+        extents = [...extents, ...hardcoded_extents]
+
+        const extent_select = document.getElementById('project_value')
+        if(!extent_select) return
+        extent_select.innerHTML = ''
+
+        extents.forEach(extent => {
+          const option = document.createElement('option')
+          option.value = extent.id
+          option.text = extent.name
+          extent_select.appendChild(option)
+        })  
+  
       document.getElementById('project_value').addEventListener('change', () => {
           const valueId = document.getElementById('project_value').value
           const value = extents.find(ext => ext.id == valueId).value
           const extent = value ?? [-49469.089243, 6570068.329224, 55641.379277, 6669018.450996]
+
+          // Layer and CQL for advanced extents
+          const layer = extents.find(ext => ext.id == valueId).layer_source || ''
+          const cql = extents.find(ext => ext.id == valueId).layer_cql || ''
+          document.getElementById('project_layer').value = layer
+          document.getElementById('project_cql').value = cql
+
           document.getElementById('project_extent').value = extent.join(', ')
           mapUpdate('PROJEDIT303')
       })