Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6618 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 6618 Rev 6753
Línea 1... Línea 1...
1 
import React, { useState, useEffect } from 'react'
 1 
import React, { useState, useEffect } from 'react'
2 
import { useForm } from 'react-hook-form'
 2 
import { useForm } from 'react-hook-form'
3 
import { connect } from 'react-redux'
 3 
import { connect, useSelector } from 'react-redux'
4 
import { CKEditor } from 'ckeditor4-react'
 4 
import { CKEditor } from 'ckeditor4-react'
5 
import { axios, CKEDITOR_OPTIONS } from '../../utils'
 5 
import { axios, CKEDITOR_OPTIONS } from '../../utils'
6 
import Modal from 'react-bootstrap/Modal'
 6 
import Modal from 'react-bootstrap/Modal'
7 
import Button from 'react-bootstrap/Button'
 7 
import Button from 'react-bootstrap/Button'
Línea 39... Línea 39...
39 
  openShareModal, // Redux action
 39 
  openShareModal, // Redux action
40 
}) => {
 40 
}) => {
41 
  const [loading, setLoading] = useState(false)
 41 
  const [loading, setLoading] = useState(false)
42 
  const [isCKEditorLoading, setIsCKEditorLoading] = useState(true)
 42 
  const [isCKEditorLoading, setIsCKEditorLoading] = useState(true)
43 
  const [showConfirmModal, setShowConfirmModal] = useState(false)
 43 
  const [showConfirmModal, setShowConfirmModal] = useState(false)
- 
 
 44 
  const labels = useSelector(({ intl }) => intl.labels)
Línea 44... Línea 45...
44 
 
 45 
 
45 
  const {
 46 
  const {
46 
    register,
 47 
    register,
47 
    unregister,
 48 
    unregister,
Línea 213... Línea 214...
213 
            className="form-control"
 214 
            className="form-control"
214 
            ref={register({ required: 'El campo es requerido' })}
 215 
            ref={register({ required: 'El campo es requerido' })}
215 
            defaultValue="p"
 216 
            defaultValue="p"
216 
          >
 217 
          >
217 
            <option disabled="disabled" value="" style={{ display: 'none' }}>
 218 
            <option disabled="disabled" value="" style={{ display: 'none' }}>
218 
              {LABELS.SHARE_WITH}
 219 
              {labels.share_with}
219 
            </option>
 220 
            </option>
220 
            <option value="p">{LABELS.PUBLIC}</option>
 221 
            <option value="p">{labels.public}</option>
221 
            <option value="c">{LABELS.CONNECTIONS}</option>
 222 
            <option value="c">{labels.connections}</option>
222 
          </select>
 223 
          </select>
223 
          {errors.shared_with && (
 224 
          {errors.shared_with && (
224 
            <FormErrorFeedback>{errors.shared_with.message}</FormErrorFeedback>
 225 
            <FormErrorFeedback>{errors.shared_with.message}</FormErrorFeedback>
225 
          )}
 226 
          )}
226 
        </>
 227 
        </>
Línea 230... Línea 231...
230 
 
 231 
 
231 
  return (
 232 
  return (
232 
    <>
 233 
    <>
233 
      <Modal show={isOpen} onHide={closeShareModal} autoFocus={false}>
 234 
      <Modal show={isOpen} onHide={closeShareModal} autoFocus={false}>
234 
        <Modal.Header closeButton>
 235 
        <Modal.Header closeButton>
235 
          <Modal.Title>{LABELS.SHARE_A_POST}</Modal.Title>
 236 
          <Modal.Title>{labels.share_a_post}</Modal.Title>
236 
        </Modal.Header>
 237 
        </Modal.Header>
237 
        <form encType="multipart/form-data" onSubmit={handleSubmit(onSubmit)}>
 238 
        <form encType="multipart/form-data" onSubmit={handleSubmit(onSubmit)}>
238 
          <Modal.Body>
 239 
          <Modal.Body>
239 
            {SharedWithSelectRender()}
 240 
            {SharedWithSelectRender()}
Línea 267... Línea 268...
267 
              <FormErrorFeedback>{errors.file.message}</FormErrorFeedback>
 268 
              <FormErrorFeedback>{errors.file.message}</FormErrorFeedback>
268 
            )}
 269 
            )}
269 
          </Modal.Body>
 270 
          </Modal.Body>
270 
          <Modal.Footer>
 271 
          <Modal.Footer>
271 
            <Button size="sm" type="submit">
 272 
            <Button size="sm" type="submit">
272 
              {LABELS.SEND}
 273 
              {labels.send}
273 
            </Button>
 274 
            </Button>
274 
            <Button
 275 
            <Button
275 
              color="danger"
 276 
              color="danger"
276 
              size="sm"
 277 
              size="sm"
277 
              variant="danger"
 278 
              variant="danger"
278 
              onClick={closeShareModal}
 279 
              onClick={closeShareModal}
279 
            >
 280 
            >
280 
              {LABELS.CANCEL}
 281 
              {labels.cancel}
281 
            </Button>
 282 
            </Button>
282 
          </Modal.Footer>
 283 
          </Modal.Footer>
283 
        </form>
 284 
        </form>
284 
        {loading && <Spinner />}
 285 
        {loading && <Spinner />}
285 
      </Modal>
 286 
      </Modal>