-
-
+
+
-
-
+
+
+
-
-
+
+
See documentation
-
+
-
-
+
+
More information
-
+
-
+
-
{this.state.stats && (
-
+
)}
+
+
+
+
); } diff --git a/apps/validation_framework_v2/src/ModelDetail.js b/apps/validation_framework_v2/src/ModelDetail.js index 14baefca2..447eca59c 100644 --- a/apps/validation_framework_v2/src/ModelDetail.js +++ b/apps/validation_framework_v2/src/ModelDetail.js @@ -8,6 +8,7 @@ import Grid from "@material-ui/core/Grid"; import Typography from "@material-ui/core/Typography"; import IconButton from "@material-ui/core/IconButton"; import CloseIcon from "@material-ui/icons/Close"; +import DoubleArrowIcon from '@material-ui/icons/DoubleArrow'; import AppBar from "@material-ui/core/AppBar"; import Tabs from "@material-ui/core/Tabs"; import Tab from "@material-ui/core/Tab"; @@ -47,6 +48,17 @@ const styles = (theme) => ({ top: theme.spacing(1), color: theme.palette.grey[500], }, + default_tabStyle: { + backgroundColor: Theme.tableHeader, + }, + active_tabStyle: { + backgroundColor: Theme.activeTabColor, + }, + default_subTabStyle: { + backgroundColor: Theme.subTabColor, + fontStyle: "italic", + opacity: 1.0 + } }); function TabPanel(props) { @@ -243,7 +255,7 @@ class ModelDetail extends React.Component { }; } // check if all model instances are now in compare - this.setState({ compareFlag: this.checkCompareStatus() }); + this.setState({ compareFlag: this.checkCompareStatus(model) }); setCompareModels(compareModels); showNotification( @@ -289,6 +301,13 @@ class ModelDetail extends React.Component { } handleTabChange(event, newValue) { + // 0 : Model Info + // 1 : Validations + // 2 : Validations -> Results + // 3 : Validations -> Figures + if (newValue === 1) { + newValue = 2 + } this.setState({ tabValue: newValue }); } @@ -365,6 +384,7 @@ class ModelDetail extends React.Component { } render() { + const { classes } = this.props; return (
{showFilters.map((filterName, index) => {
return (
-
+
+ {/*
+
+ {
+ this.state.display !== "Only Tests"
+ &&
+
*/}
-
+
);
}
}
diff --git a/apps/validation_framework_v2/src/Introduction.js b/apps/validation_framework_v2/src/Introduction.js
index 28455e612..0e8912a07 100644
--- a/apps/validation_framework_v2/src/Introduction.js
+++ b/apps/validation_framework_v2/src/Introduction.js
@@ -1,7 +1,6 @@
import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import { withStyles } from "@material-ui/core/styles";
-import Paper from "@material-ui/core/Paper";
import Grid from "@material-ui/core/Grid";
import Typography from "@material-ui/core/Typography";
import SettingsIcon from "@material-ui/icons/Settings";
@@ -78,7 +77,7 @@ function MediaCard(props) {
response.json())
.then((jsonData) => {
@@ -241,47 +240,60 @@ class Introduction extends React.Component {
const { classes } = this.props;
return (
-
-
- 
-
-
- EBRAINS Model Catalog
-
-
-
-
-
- A framework for collaborative and reproducible modelling in
- neuroscience
-
-
-
+
+ | + + Only Curated Models + + | ++ + | +
| + + Only With Validation Results + + | ++ + | +
-
- EBRAINS Model Catalog
+ A framework for collaborative and reproducible modelling in neuroscience
+
+
+ {/*
+
+
+
+
+
+
+
+
+
+
+ abcde
+
*/}
+
Featured Models
-
+
-
Distribution of Models
-
+
+
+
+
+
+
+
+
+
+
+
+
+ +
); } diff --git a/apps/validation_framework_v2/src/ModelDetail.js b/apps/validation_framework_v2/src/ModelDetail.js index 14baefca2..447eca59c 100644 --- a/apps/validation_framework_v2/src/ModelDetail.js +++ b/apps/validation_framework_v2/src/ModelDetail.js @@ -8,6 +8,7 @@ import Grid from "@material-ui/core/Grid"; import Typography from "@material-ui/core/Typography"; import IconButton from "@material-ui/core/IconButton"; import CloseIcon from "@material-ui/icons/Close"; +import DoubleArrowIcon from '@material-ui/icons/DoubleArrow'; import AppBar from "@material-ui/core/AppBar"; import Tabs from "@material-ui/core/Tabs"; import Tab from "@material-ui/core/Tab"; @@ -47,6 +48,17 @@ const styles = (theme) => ({ top: theme.spacing(1), color: theme.palette.grey[500], }, + default_tabStyle: { + backgroundColor: Theme.tableHeader, + }, + active_tabStyle: { + backgroundColor: Theme.activeTabColor, + }, + default_subTabStyle: { + backgroundColor: Theme.subTabColor, + fontStyle: "italic", + opacity: 1.0 + } }); function TabPanel(props) { @@ -243,7 +255,7 @@ class ModelDetail extends React.Component { }; } // check if all model instances are now in compare - this.setState({ compareFlag: this.checkCompareStatus() }); + this.setState({ compareFlag: this.checkCompareStatus(model) }); setCompareModels(compareModels); showNotification( @@ -289,6 +301,13 @@ class ModelDetail extends React.Component { } handleTabChange(event, newValue) { + // 0 : Model Info + // 1 : Validations + // 2 : Validations -> Results + // 3 : Validations -> Figures + if (newValue === 1) { + newValue = 2 + } this.setState({ tabValue: newValue }); } @@ -365,6 +384,7 @@ class ModelDetail extends React.Component { } render() { + const { classes } = this.props; return (