Add band selection to visit and tract plots.

Also make the band selector not appear when band is not in the dimensions.
lsst-dm · Dec 5, 2024 · bf02568 · bf02568
1 parent 16ffe8e
commit bf02568
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/app/_components/plotPager.js b/app/_components/plotPager.js
@@ -37,6 +37,10 @@ export default function PlotPager({plotEntries, plotsPerPage = 10}) {
         }
     }, [selectedBands])
 
+    const displayBandSelector = () => {
+        const dimensions = new Set(plotEntries.map((entry) => Object.keys(entry.dataId)).flat())
+        return (dimensions.has('band'))
+    }
 
     const previousPage = () => {
         if(currentPage > 1) {
@@ -99,7 +103,7 @@ export default function PlotPager({plotEntries, plotsPerPage = 10}) {
                     </div>
                 </div>
                 <div className="m-2">
-                    <BandSelector selectedBands={selectedBands} onBandUpdated={onBandUpdated} />
+                    { displayBandSelector() ? <BandSelector selectedBands={selectedBands} onBandUpdated={onBandUpdated} /> : "" }
                 </div>
             </div>
             <div className="flex flex-row flex-wrap justify-center">

diff --git a/app/tract/[repo]/[collection]/[tract]/page.js b/app/tract/[repo]/[collection]/[tract]/page.js
@@ -58,7 +58,7 @@ export default async function Collection({params, searchParams}) {
                     <div key={n}>
                         <div className="m-8 text-xl font-medium border-b-2 border-black">{plotGroup}_*</div>
                     <PlotPager plotsPerPage={6} plotEntries={findMatchingPlots(plotEntries, plotGroup).map((entry, n) =>
-                            ({dataId: {}, plot: <PlotDisplay key={n} plotEntry={ ({...entry, repo: repo}) } showDataId={false} showDatasetType={true} /> }))}  />
+                            ({dataId: JSON.parse(entry.dataId), plot: <PlotDisplay key={n} plotEntry={ ({...entry, repo: repo}) } showDataId={false} showDatasetType={true} /> }))}  />
                         <div className="clear-both"></div>
                     </div>
                 )}

diff --git a/app/visit/[repo]/[collection]/[visit]/page.js b/app/visit/[repo]/[collection]/[visit]/page.js
@@ -58,7 +58,7 @@ export default async function Collection({params, searchParams}) {
                     <div key={n}>
                         <div className="m-8 text-xl font-medium border-b-2 border-black">{plotGroup}_*</div>
                     <PlotPager plotsPerPage={6} plotEntries={findMatchingPlots(plotEntries, plotGroup).map((entry, n) =>
-                        ({dataId: {}, plot: <PlotDisplay key={n} plotEntry={ ({...entry, repo: repo}) } showDataId={false} showDatasetType={true} />})
+                        ({dataId: JSON.parse(entry.dataId), plot: <PlotDisplay key={n} plotEntry={ ({...entry, repo: repo}) } showDataId={false} showDatasetType={true} />})
                     )} />
                         <div className="clear-both"></div>
                     </div>