GVSU/marten-application
GVSU
/
marten-application
1
0
Fork 0
Code Pull Requests Releases Activity

Fixed startup issue.

This commit is contained in:
wildscotsmen 2018-11-25 13:19:43 -05:00
parent 73db7e5074
commit 95143d8034
1 changed files with 42 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
src/components/FlameLinkCollectionGallery.js
View File

@ -9,22 +9,22 @@ import "react-image-gallery/styles/css/image-gallery.css";
import '../css/FlameLink.css';
const styles = theme => ({
flamelinkItem: {
marginRight: 20,
marginLeft: 20,
marginTop: 20,
},
flamelinkItem: {
marginRight: 20,
marginLeft: 20,
marginTop: 20,
},
flamelinkGallery: {
marginRight: "auto",
marginLeft: "auto",
},
flamelinkGallery: {
marginRight: "auto",
marginLeft: "auto",
},
flamelinkGalleryContainer: {
backgroundColor: 'black',
marginTop: 20,
},
});
flamelinkGalleryContainer: {
backgroundColor: 'black',
marginTop: 20,
},
});
class FlameLinkCollectionGallery extends Component {
constructor(props) {
@ -39,62 +39,61 @@ class FlameLinkCollectionGallery extends Component {
schemaDescription: '',
}
flamelinkApp.schemas.getFields(this.props.galleryName, { fields: [ 'title', 'key', 'type', 'gridColumns', 'description', 'options'] })
.then(result => this.setState({
schemaDetails: result
}))
flamelinkApp.schemas.getFields(this.props.galleryName, { fields: ['title', 'key', 'type', 'gridColumns', 'description', 'options'] })
.then(result => this.setState({
schemaDetails: result
}))
flamelinkApp.content.get(this.props.galleryName)
.then(result => this.setState({
schemaContent: result
schemaContent: result
}))
if(this.props.showTitle === false){
}
else{
if (this.props.showTitle === false) {
} else {
flamelinkApp.schemas.get(this.props.galleryName)
.then(result => this.setState({
schemaDescription: result.title
schemaDescription: result.title
}))
}
}
getGalleryInfo(schemaDetails, schemaContent){
getGalleryInfo(schemaDetails, schemaContent) {
var key;
var mediaNums = []
for (var val in schemaDetails){
for (var val in schemaDetails) {
key = schemaDetails[val].key
}
for (var val1 in schemaContent){
for (var val2 in schemaContent[val1][key]){
}
for (var val1 in schemaContent) {
for (var val2 in schemaContent[val1][key]) {
global.mediaIDs.push(schemaContent[val1][key][val2]);
}
}
for (var val3 in global.mediaIDs){
mediaNums.push(val3)
}
for (var val3 in global.mediaIDs) {
mediaNums.push(val3)
}
return mediaNums.map(this.createGallery);
}
createGallery(num){
return <FlameLinkCollectionGalleryContent num={num} key={global.mediaIDs[num]}/>
createGallery(num) {
return <FlameLinkCollectionGalleryContent num={num} key={global.mediaIDs[num]} />
}
render() {
const { classes } = this.props;
return(
<Grid container>
{this.getGalleryInfo(this.state.schemaDetails, this.state.schemaContent)}
<Typography variant='display3' className={classes.flamelinkItem}>
{this.state.schemaDescription}
</Typography>
<Grid container className={classes.flamelinkGalleryContainer}>
<Grid item lg={8} md={8} sm={12} xs={12} className={classes.flamelinkGallery} >
<RenderGallery/>
</Grid>
return (
<Grid container>
{this.getGalleryInfo(this.state.schemaDetails, this.state.schemaContent)}
<Typography variant='display3' className={classes.flamelinkItem}>
{this.state.schemaDescription}
</Typography>
<Grid container className={classes.flamelinkGalleryContainer}>
<Grid item lg={8} md={8} sm={12} xs={12} className={classes.flamelinkGallery} >
<RenderGallery key={Math.random()} />
</Grid>
</Grid>
</Grid>
);
}
}