63 lines
1.9 KiB
JavaScript
63 lines
1.9 KiB
JavaScript
import React, { useState, useEffect } from 'react'
|
|
|
|
import RenderShowAndDownloadForm from '../../../components/forms/render_crud/renderShowReadyRendersAndDownload'
|
|
|
|
import RenderSingleImageForm from '../../../components/forms/render_websocket/renderSingleImage'
|
|
import RenderSingleSetForm from '../../../components/forms/render_websocket/renderSingleSet'
|
|
import RenderAllForm from '../../../components/forms/render_websocket/renderAll'
|
|
|
|
import RenderVectorSingleImageForm from '../../../components/forms/render_websocket/renderVectorImage'
|
|
|
|
|
|
const __handleSwap = (name, movement) => {
|
|
|
|
let display = {
|
|
display: 'block'
|
|
}
|
|
|
|
let hide = {
|
|
display: 'none'
|
|
}
|
|
|
|
console.log(movement)
|
|
|
|
if ( Object.keys(movement['movement']).includes(name) ) {
|
|
if (movement['movement'][name])
|
|
return display
|
|
else
|
|
return hide
|
|
} else if (Object.keys(movement['movement']['render_functionality']).includes(name)) {
|
|
if (movement['movement']['render_functionality'][name])
|
|
return display
|
|
else
|
|
return hide
|
|
} else {
|
|
return hide
|
|
}
|
|
|
|
}
|
|
|
|
const RenderIndex = ( movement ) => {
|
|
|
|
return (
|
|
<div>
|
|
<div style={ __handleSwap( 'show_ready_renders_and_download', movement ) }>
|
|
<RenderShowAndDownloadForm />
|
|
</div>
|
|
<div style={ __handleSwap( 'render_single_image', movement ) }>
|
|
<RenderSingleImageForm />
|
|
</div>
|
|
<div style={ __handleSwap( 'render_single_set', movement ) }>
|
|
<RenderSingleSetForm />
|
|
</div>
|
|
<div style={ __handleSwap( 'render_all', movement ) }>
|
|
<RenderAllForm />
|
|
</div>
|
|
<div style={ __handleSwap( 'render_image_by_vector', movement ) }>
|
|
<RenderVectorSingleImageForm />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default RenderIndex |