Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16273 | Rev 16275 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
16273 stevensc 1 
import React from "react";
16274 stevensc 2 
import Modal from "react-bootstrap/Modal";
16253 stevensc 3 
 
4 
const ConferenceModal = ({
16266 stevensc 5 
  isShow = false,
16253 stevensc 6 
  timezones = {},
7 
  zoomUrl = "",
16266 stevensc 8 
  onClose = () => null,
16253 stevensc 9 
  onCreate = () => null,
10 
}) => {
11 
  return (
16266 stevensc 12 
    <Modal show={isShow} onHide={onClose}>
16253 stevensc 13 
      <Modal.Header closeButton>
14 
        <Modal.Title>Crear Conferencia</Modal.Title>
15 
      </Modal.Header>
16264 stevensc 16 
      <Modal.Body>
16272 stevensc 17 
        <form autoComplete="new-password">
16264 stevensc 18 
          <div className="form-group">
19 
            <label htmlFor="first_name">Título</label>
20 
            <input
21 
              type="text"
22 
              name="title"
23 
              className="form-control"
24 
              maxLength={128}
25 
            />
26 
          </div>
27 
          <div className="form-group">
28 
            <label htmlFor="first_name">Descripción</label>
16272 stevensc 29 
            <input type="text" name="description" className="form-control" />
16264 stevensc 30 
          </div>
31 
          <div className="form-group">
32 
            <label htmlFor="timezone">Tipo de conferencia</label>
16272 stevensc 33 
            <select name="type" className="form-control">
16264 stevensc 34 
              <option value="i">Inmediata</option>
35 
              <option value="s">Programada</option>
36 
            </select>
37 
          </div>
38 
          <div className="form-group">
39 
            <label htmlFor="timezone">Zona horaria</label>
16272 stevensc 40 
            <select className="form-control" name="timezone">
16264 stevensc 41 
              <option value="" hidden>
42 
                Zona horaria
43 
              </option>
44 
            </select>
45 
          </div>
46 
          <div className="form-group">
47 
            <label htmlFor="timezone">Duración</label>
16272 stevensc 48 
            <select className="form-control" name="duration">
16264 stevensc 49 
              <option value={5}>5-min</option>
50 
              <option value={10}>10-min</option>
51 
              <option value={15}>15-min</option>
52 
              <option value={20}>20-min</option>
53 
              <option value={25}>25-min</option>
54 
              <option value={30}>30-min</option>
55 
              <option value={35}>35-min</option>
56 
              <option value={40}>40-min</option>
57 
              <option value={45}>45-min</option>
58 
            </select>
59 
          </div>
60 
          <div className="form-group">
61 
            <label htmlFor="first_name">Contraseña de ingreso</label>
16272 stevensc 62 
            <input type="password" name="password" className="form-control" />
16264 stevensc 63 
          </div>
64 
          <button className="btn btn-primary" type="submit">
65 
            Crear
66 
          </button>
67 
        </form>
68 
      </Modal.Body>
16253 stevensc 69 
    </Modal>
70 
  );
71 
};
72 
 
73 
export default ConferenceModal;