Proyectos de Subversion LeadersLinked - Backend

Rev

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

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