MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

site image

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2026-01-18 18:13:58 -05:00
parent 4f7274c30c
commit 597a45dcba
1 changed files with 61 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/product/settingsTab/TemplateConfigure.jsx
+61 -10
View File
@@ -28,8 +28,9 @@ const TemplateConfigure = ({productData}) => {
}) })
const templateResponse = templateData?.data const templateResponse = templateData?.data
// debugger; const templateImages = templateResponse?.template_images?.data;
console.log("templateResponse",templateResponse); // debugger;
console.log("templateResponse", templateResponse);
// const currentColorUID = templateResponse?.current_colorstyle_uid // const currentColorUID = templateResponse?.current_colorstyle_uid
// const color_styles = templateResponse?.color_styles // const color_styles = templateResponse?.color_styles
// const custom_template_name = templateResponse?.custom_template_name // const custom_template_name = templateResponse?.custom_template_name
@@ -54,16 +55,66 @@ const TemplateConfigure = ({productData}) => {
<> <>
<div className="card-header"> <div className="card-header">
<div className="card-heading"> <div className="card-heading">
<h4 className="card-title" style={{textTransform: 'none'}}>{templateResponse?.template_name}</h4> <h4 className="card-title"
style={{textTransform: 'none'}}>{templateResponse?.template_name}</h4>
</div>
</div>
<div>
<div className="col-12">
<div>
<div>
<div>
<h4>Image List</h4>
</div>
</div>
<div>
<ul className="list-unstyled">
{templateImages && templateImages.map(
(item) => {
const currImage = item?.default_val;
return (
<li className="media">
<div style={{
display: 'flex',
flexDirection: 'row',
padding: '5px',
backgroundColor: 'aliceblue',
margin: '2px',
maxHeight: '150px'
}}>
<div style={{width: '50%', padding: '2px'}}>
<img className="mr-5 mb-3 mb-xxs-0 img-fluid"
src={currImage} alt="image"/>
</div>
<div className="media-body" style={{padding: '2px'}}>
<div style={{
display: 'flex',
flexDirection: 'column'
}}>
<div style={{textAlign: 'right',width: '100%'}}></div>
[Change Image]
<div>
<h5 className="mt-0 mb-1">{item?.name}</h5>
{item?.description}
</div>
</div>
</div>
</div>
</li>
)
}
)
}
</ul>
</div>
</div>
</div> </div>
</div> </div>
{/*<div className="card-body">*/}
{/* <div className="form-group">*/}
{/* /!*<label htmlFor="exampleInputEmail1">Email address</label>*!/*/}
{/* <input type="email" className="form-control"*/}
{/* aria-describedby="defaultUrlHelp" value={defaultUrl} readOnly={true} />*/}
{/* </div>*/}
{/*</div>*/}
</> </>