File indexing completed on 2025-05-04 05:30:58
0001 import React from 'react' 0002 0003 const ModalFlagModification = (props) => { 0004 return ( 0005 <div className="modal fade " id="productFlagModificationPanel" tabindex="-1" data-keyboard="false" role="dialog" aria-labelledby="productRelationshipPanelModalLabel" aria-hidden="true"> 0006 <div className="modal-dialog " role="document" style={{width:'1000px'}}> 0007 <form name="form-flag-modification" onSubmit={props.handleSubmit}> 0008 <div className="modal-content"> 0009 <div className="modal-header"> 0010 <button type="button" className="close" data-dismiss="modal" aria-label="Close"> 0011 <span aria-hidden="true">×</span> 0012 </button> 0013 <h5 className="modal-title" id="productRelationshipPanelModalLabel">Flag Modification</h5> 0014 </div> 0015 <div className="modal-body"> 0016 <div style={{display:'flex'}}> 0017 <div style={{borderRight:'1px solid #ccc',textAlign:'center', paddingRight:'20px',minHeight:'300px'}}> 0018 <h4> 0019 {props.product.title} 0020 </h4> 0021 <img src={props.product.image_small_absolute} style={{width:'400px'}}></img> 0022 <span style={{ fontSize: '11px', color: '#ccc',lineHeight:'15px',display:'inherit' }}> 0023 {props.product.cat_title}</span> 0024 </div> 0025 <div> 0026 <div className="container" style={{width:'500px'}}> 0027 <div className="row"> 0028 <div className="col-lg-12"><h6>URL to external product*:</h6></div> 0029 <div className="col-lg-12"> 0030 <input name="externalurl" id="externalurl" value={props.externalurl} onChange={props.handleChangeExternalurl} required></input> 0031 </div> 0032 </div> 0033 <div className="row"> 0034 <div className="col-lg-12"><h6>Message (optional): </h6> </div> 0035 <div className="col-lg-12"> 0036 <textarea name="message" id="message" value={props.message} 0037 onChange={props.handleChangeMessage} 0038 style={{width:'310px'}} /> 0039 </div> 0040 </div> 0041 0042 <div className="row"> 0043 <div className="col-lg-12" style={{paddingTop:'20px'}}> 0044 <span>*For pointing to an original product on this site, please use 0045 use <a onClick={props.triggerAddRelationship} style={{display: 'inherit',fontStyle:'italic',cursor:'pointer'}}> 0046 Add Relationship 0047 </a> option instead. </span> 0048 </div> 0049 </div> 0050 0051 </div> 0052 0053 0054 0055 </div> 0056 </div> 0057 0058 0059 </div> 0060 <div className="modal-footer"> 0061 0062 <> 0063 <span dangerouslySetInnerHTML={{__html: props.response.message}}></span> 0064 </> 0065 0066 <button type="button" className="btn btn-primary" data-dismiss="modal">Close</button> 0067 {!props.succeed && 0068 <button type="submit" className="btn btn-primary" >Flag Modification</button> 0069 } 0070 </div> 0071 </div> 0072 </form> 0073 </div> 0074 </div> 0075 ) 0076 } 0077 0078 0079 export default ModalFlagModification;