SHARE
TWEET

Untitled

a guest Jul 17th, 2019 58 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div className="items-container">
  2.                     { values.map( (val, index) => {
  3.                         return(
  4.                             <div className="el-container">
  5.                                 <div className="element">
  6.                                     <div className="image-container">
  7.                                         <MediaUpload
  8.                                             onSelect={ ( media ) => {
  9.                                                 let newValues = [...values]
  10.                                                 newValues[index]['mediaid'] = media.id
  11.                                                 newValues[index]['mediaurl'] = media.url
  12.                                                 setAttributes({ items: newValues })
  13.                                             }}
  14.                                             type="image"
  15.                                             value={val['mediaid']}
  16.                                             className="file"
  17.                                             render={ ( { open } ) => (
  18.                                                 <Button
  19.                                                     className={ val['mediaurl'] ? 'galery-render-image' : 'button button-large' }
  20.                                                     onClick={ open } >
  21.                                                     {
  22.                                                         val['mediaurl'] ? <div className={ className + '-icon' } style={{ backgroundImage: `url(${val['mediaurl']})` }}></div>: __( 'Choisir une image' )
  23.                                                     }
  24.                                                 </Button>
  25.                                             ) }
  26.                                         />
  27.                                     </div>
  28.  
  29.                                     <div className="content-container">
  30.                                         <PlainText
  31.                                             value={ val['legend'] }
  32.                                             keepPlaceholderOnFocus={ true }
  33.                                             placeholder={ __( 'L├ęgende') }
  34.                                             className={'legend'}
  35.                                             onChange={ (legend) => {
  36.                                                 let newValues = [...values]
  37.                                                 newValues[index]['legend'] = legend
  38.                                                 setAttributes( { items: newValues } )
  39.                                             } }
  40.                                         />
  41.                                         <div className="url-input">
  42.                                             <URLInputButton
  43.                                                 className={'button-link'}
  44.                                                 url={val['link']}
  45.                                                 onChange={(link) => {
  46.                                                     let newValues = [...values]
  47.                                                     if(link.includes(url)){
  48.                                                         newValues[index]['link'] = link.replace(url, '');
  49.                                                     }else{
  50.                                                         newValues[index]['link'] = link;
  51.                                                     }
  52.                                                     setAttributes({items: newValues})
  53.                                                 }}
  54.                                             />
  55.                                         </div>
  56.                                         <Button className="button button-large add-button" onClick={ () => {
  57.                                             let newValues = [
  58.                                                 ...values.slice(0, index),
  59.                                                 ...values.slice(index + 1)
  60.                                             ]
  61.                                             setAttributes( { items: newValues } )
  62.                                         } }>{ __('Supprimer') }</Button>
  63.                                     </div>
  64.                                 </div>
  65.                             </div>
  66.                         )
  67.                     } ) }
  68.                 </div>
  69.                 <Button className="button button-large" onClick={ () => {
  70.                         const newValues = [...values, {}]
  71.                         setAttributes( { items: newValues } )
  72.                     } }>{ __('Ajouter') }</Button>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top