Merge pull request #410 from wearepal/set-as-project-extent

Set as project extent button in Snapshot Tool
wearepal · Aug 22, 2024 · 5df56fa · 5df56fa
2 parents ec497d0 + 6ea5744
commit 5df56fa
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/app/javascript/projects/analysis_panel.tsx b/app/javascript/projects/analysis_panel.tsx
@@ -145,6 +145,7 @@ interface AnalysisPanelProps {
     selectedLayer: Layer | null
     layerStats: (layer: DatasetLayer | ModelOutputLayer) => BooleanTileGrid | NumericTileGrid | CategoricalTileGrid | null
     currentTab: number
+    projectExtent: Extent
 }
 
 let dataSourceType: string = "null"
@@ -156,7 +157,7 @@ ChartTypeArray.set("NumericTileGrid", ["hist"])
 
 
 
-export const AnalysisPanel = ({ selectedArea, setSelectedArea, setShowAP, selectedLayer, layerStats, currentTab }: AnalysisPanelProps) => {
+export const AnalysisPanel = ({ selectedArea, setSelectedArea, setShowAP, selectedLayer, layerStats, currentTab, projectExtent }: AnalysisPanelProps) => {
 
     const [chartType, setChartType] = React.useState<ChartType>()
     const [chartData, setChartData] = React.useState<ChartData>()
@@ -341,7 +342,7 @@ export const AnalysisPanel = ({ selectedArea, setSelectedArea, setShowAP, select
                             <button className="btn btn-sm btn-outline-primary">
                                 <i className="fas fa-square" /> Set extent
                             </button>
-                        </div>                        
+                        </div>          
                         <div className="btn-group mr-2" style={{paddingBottom: 15}} onClick={()=>{navigator.clipboard.writeText(selectedArea ? selectedArea.join(",") : ""); alert("Copied selected area to clipboard.")}}>
                             <button className="btn btn-sm btn-outline-primary">
                                 <i className="fas fa-copy" /> Copy extent
@@ -382,6 +383,8 @@ export const AnalysisPanel = ({ selectedArea, setSelectedArea, setShowAP, select
                     </div>
                     <div className="modal-footer">
                         <button type="button" className="btn btn-secondary" data-dismiss="modal">Close</button>
+
+                        <button type='button' className='btn btn-primary' data-dismiss="modal" onClick={()=>setSelectedArea(projectExtent)}>Use project extent</button>
                         <button 
                             id="save-snapshot-extent-btn" 
                             type="button" 

diff --git a/app/javascript/projects/project_editor.tsx b/app/javascript/projects/project_editor.tsx
@@ -191,6 +191,7 @@ export function ProjectEditor({ projectId, projectSource, backButtonPath, dbMode
                 return cache[id] ? cache[id] : null
               }}
               currentTab={currentTab}
+              projectExtent={projectExtent}
             />
           }
           {
-Original file line number
+Diff line change
@@ Expand Up @@
                     return cache[id] ? cache[id] : null
                   }}
                   currentTab={currentTab}
+                  projectExtent={projectExtent}
                 />
               }
               {
@@ Expand Down @@