added breadcrumbs to pipelines pages

linea-it · Mar 6, 2024 · 66d3dc0 · 66d3dc0
1 parent 0c8b122
commit 66d3dc0
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 2 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,7 +1,7 @@
 {
     "editor.formatOnSave": true,
     "editor.codeActionsOnSave": {
-        "source.organizeImports": true,
+        "source.organizeImports": "explicit"
     },
     "python.analysis.typeCheckingMode": "basic",
     "files.eol": "\n",

diff --git a/frontend/pages/pz_pipelines.js b/frontend/pages/pz_pipelines.js
@@ -1,5 +1,8 @@
+import Grid from '@mui/material/Grid'
+import Typography from '@mui/material/Typography'
+import Link from '@mui/material/Link'
+import Breadcrumbs from '@mui/material/Breadcrumbs'
 import React from 'react'
-import { Grid, Typography } from '@mui/material'
 import SpeczCatalogs from '../components/SpeczCatalogs'
 import TrainingSetMaker from '../components/TrainingSetMaker'
 
@@ -13,6 +16,12 @@ function PZPipelines() {
         mb={10}
         mt={-12}
       >
+        <Breadcrumbs aria-label="breadcrumb" sx={{ ml: -30 }}>
+          <Link color="inherit" href="/">
+            Home
+          </Link>
+          <Typography color="textPrimary">Pipelines</Typography>
+        </Breadcrumbs>
         Photo-z Server Pipelines
       </Typography>
 

diff --git a/frontend/pages/specz_catalogs.js b/frontend/pages/specz_catalogs.js
@@ -5,6 +5,8 @@ import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'
 import Grid from '@mui/material/Grid'
 import IconButton from '@mui/material/IconButton'
+import Link from '@mui/material/Link'
+import Breadcrumbs from '@mui/material/Breadcrumbs'
 import MenuItem from '@mui/material/MenuItem'
 import Paper from '@mui/material/Paper'
 import Select from '@mui/material/Select'
@@ -71,6 +73,15 @@ function SpeczCatalogs() {
     <Paper style={styles.root}>
       <CardContent>
         <Grid container spacing={3}>
+          <Breadcrumbs aria-label="breadcrumb">
+          <Link color="inherit" href="/">
+            Home
+          </Link>
+          <Link color="inherit" href="pz_pipelines">
+            Pipelines
+            </Link>
+          <Typography color="textPrimary">Combine Spec-z Catalogs</Typography>
+        </Breadcrumbs>
           <Grid item xs={12}>
             <Typography variant="h4" mb={3} textAlign={'center'}>
               Combine Spec-z Catalogs

diff --git a/frontend/pages/training_set_maker.js b/frontend/pages/training_set_maker.js
@@ -4,6 +4,8 @@ import Button from '@mui/material/Button'
 import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'
 import Grid from '@mui/material/Grid'
+import Breadcrumbs  from '@mui/material/Breadcrumbs'
+import Link from '@mui/material/Link'
 import IconButton from '@mui/material/IconButton'
 import MenuItem from '@mui/material/MenuItem'
 import Paper from '@mui/material/Paper'
@@ -77,6 +79,15 @@ function TrainingSetMaker() {
     <Paper style={styles.root}>
       <CardContent>
         <Grid container spacing={3}>
+        <Breadcrumbs aria-label="breadcrumb">
+          <Link color="inherit" href="/">
+            Home
+          </Link>
+          <Link color="inherit" href="pz_pipelines">
+            Pipelines
+            </Link>
+          <Typography color="textPrimary">Training Set Maker</Typography>
+        </Breadcrumbs>
           <Grid item xs={12}>
             <Typography variant="h4" mb={3} textAlign={'center'}>
               Training Set Maker