Merge 440e8f8 into 6b405b0

askomics · Apr 26, 2023 · f6e630c · f6e630c
2 parents 6b405b0 + 440e8f8
commit f6e630c
Show file tree

Hide file tree

Showing 6 changed files with 3,281 additions and 1,898 deletions.
diff --git a/askomics/react/src/navbar.jsx b/askomics/react/src/navbar.jsx
@@ -22,13 +22,17 @@ export default class AskoNavbar extends Component {
     let links
     let askLink
     let aboutLink
+    let overviewLink
 
     // if wait is false
     if (!this.props.waitForStart) {
       askLink = (
         <NavItem><Link className="nav-link" to="/"><i className="fas fa-play"></i> Ask!</Link></NavItem>
       )
 
+      overviewLink = (
+        <NavItem><Link className="nav-link" to="/overview"><i className="fas fa-network-wired"></i> Abstraction</Link></NavItem>
+      )
       let contactLink
       if (this.props.config.contactMessage){
         contactLink = (
@@ -112,6 +116,7 @@ export default class AskoNavbar extends Component {
             <Collapse navbar>
               <Nav className="ml-auto" navbar>
                 {askLink}
+                {overviewLink}
                 {links}
               </Nav>
             </Collapse>

diff --git a/askomics/react/src/routes.jsx b/askomics/react/src/routes.jsx
@@ -24,6 +24,7 @@ import Results from './routes/results/results'
 import AskoNavbar from './navbar'
 import AskoFooter from './footer'
 import Contact from './contact'
+import Overview from './routes/overview/overview'
 
 import 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css'
 import 'bootstrap/dist/css/bootstrap.min.css'
@@ -130,6 +131,7 @@ export default class Routes extends Component {
             <Route path="/prefixes" exact component={() => (<Prefixes config={this.state.config} waitForStart={this.state.waiting} setStateNavbar={p => this.setState(p)} />)} />
             <Route path="/ontologies" exact component={() => (<Ontologies config={this.state.config} waitForStart={this.state.waiting} setStateNavbar={p => this.setState(p)} />)} />
             <Route path="/query" exact component={Query} />
+            <Route path="/overview" exact component={ () => (<Overview config={this.state.config} waitForStart={this.state.waiting} setStateNavbar={p => this.setState(p)} />)} />
             <Route path="/form" exact component={FormQuery} />
             <Route path="/form_edit" exact component={FormEditQuery} />
             <Route path="/results" exact component={() => (<Results config={this.state.config} waitForStart={this.state.waiting} />)} />