Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4133 Rev 4134
Línea 90... Línea 90...
90 
    url_leave,
 90 
    url_leave,
91 
    url_delete,
 91 
    url_delete,
92 
    url_add_user_to_group,
 92 
    url_add_user_to_group,
93 
    url_get_contact_group_list,
 93 
    url_get_contact_group_list,
94 
    url_get_contacts_availables_for_group,
 94 
    url_get_contacts_availables_for_group,
- 
 
 95 
    url_zoom
95 
  } = entity;
 96 
  } = entity;
Línea 96... Línea 97...
96 
 
 97 
 
97 
  // states
 98 
  // states
98 
  const [messages, setMessages] = useState([]);
 99 
  const [messages, setMessages] = useState([]);
Línea 781... Línea 782...
781 
            </div>
 782 
            </div>
782 
          </div>
 783 
          </div>
783 
        </div>
 784 
        </div>
784 
      </div>
 785 
      </div>
785 
      {shareFileModal}
 786 
      {shareFileModal}
786 
      <ConferenceModal show={showConferenceModal} timezones={timezones} />
 787 
      <ConferenceModal show={showConferenceModal} timezones={timezones} zoomUrl={url_zoom} />
787 
    </>
 788 
    </>
788 
  );
 789 
  );
Línea 789... Línea 790...
789 
 
 790 
 
790 
  const groupChat = (
 791 
  const groupChat = (
Línea 996... Línea 997...
996 
  )
 997 
  )
997 
}
 998 
}
Línea 998... Línea 999...
998 
 
 999 
 
999 
const ConferenceModal = ({
 1000 
const ConferenceModal = ({
1000 
  show = false,
 1001 
  show = false,
- 
 
 1002 
  timezones = {},
1001 
  timezones = {}
 1003 
  zoomUrl = ''
Línea 1002... Línea 1004...
1002 
}) => {
 1004 
}) => {
1003 
 
 1005 
 
1004 
  const dt = new Date()
 1006 
  const dt = new Date()
Línea 1018... Línea 1020...
1018 
  const handleChange = (value) => setConferenceType(value)
 1020 
  const handleChange = (value) => setConferenceType(value)
Línea 1019... Línea 1021...
1019 
 
 1021 
 
1020 
  const handleDateTime = (value) => {
 1022 
  const handleDateTime = (value) => {
1021 
    setDate({
 1023 
    setDate({
1022 
      ...date,
 1024 
      ...date,
1023 
      year: new Intl.DateTimeFormat('en', { year: 'numeric' }).format(value),
 1025 
      year: new Intl.DateTimeFormat('es', { year: 'numeric' }).format(value),
1024 
      month: new Intl.DateTimeFormat('en', { month: '2-digit' }).format(value),
 1026 
      month: new Intl.DateTimeFormat('es', { month: '2-digit' }).format(value),
1025 
      day: new Intl.DateTimeFormat('en', { day: '2-digit' }).format(value),
 1027 
      day: new Intl.DateTimeFormat('es', { day: '2-digit' }).format(value),
1026 
    })
 1028 
    })
1027 
    setTime({
 1029 
    setTime({
1028 
      ...time,
 1030 
      ...time,
1029 
      hour: new Intl.DateTimeFormat('en', { hour: 'numeric' }).format(value),
 1031 
      hour: new Intl.DateTimeFormat('es', { hour: 'numeric' }).format(value),
1030 
      minute: new Intl.DateTimeFormat('en', { minute: '2-digit' }).format(value),
 1032 
      minute: new Intl.DateTimeFormat('es', { minute: '2-digit' }).format(value),
1031 
      second: new Intl.DateTimeFormat('en', { second: '2-digit' }).format(value),
 1033 
      second: new Intl.DateTimeFormat('es', { second: '2-digit' }).format(value),
1032 
    })
 1034 
    })
Línea 1033... Línea 1035...
1033 
  }
 1035 
  }
- 
 
 1036 
 
- 
 
 1037 
  const onSubmit = (data) => {
- 
 
 1038 
    Object.entries(data)
1034 
 
 1039 
    .forEach(([key, value]) => console.log(`${key}: ${value}`))
1035 
  const onSubmit = () => {
 1040 
 
Línea 1036... Línea 1041...
1036 
    reset()
 1041 
    reset()
1037 
  }
 1042 
  }
Línea 1063... Línea 1068...
1063 
            {...register({ required: "Por favor ingrese una descripción" })}
 1068 
            {...register({ required: "Por favor ingrese una descripción" })}
1064 
          />
 1069 
          />
1065 
          {errors.title && <FormErrorFeedback> {errors.description.message}</FormErrorFeedback>}
 1070 
          {errors.title && <FormErrorFeedback> {errors.description.message}</FormErrorFeedback>}
1066 
        </div>
 1071 
        </div>
1067 
        <div className="form-group">
 1072 
        <div className="form-group">
- 
 
 1073 
          <label htmlFor="timezone">Tipo de conferencia</label>
- 
 
 1074 
          <select
- 
 
 1075 
            name="type"
- 
 
 1076 
            className="form-control"
- 
 
 1077 
            onChange={({ target }) => handleChange(target.value)}
- 
 
 1078 
            {...register}
- 
 
 1079 
          >
- 
 
 1080 
            <option value='i'>
- 
 
 1081 
              Inmediata
- 
 
 1082 
            </option>
- 
 
 1083 
            <option value='s'>
- 
 
 1084 
              Programada
- 
 
 1085 
            </option>
- 
 
 1086 
          </select>
- 
 
 1087 
        </div>
- 
 
 1088 
        {
- 
 
 1089 
          coferenceType === 's' &&
- 
 
 1090 
          <div className="form-group">
- 
 
 1091 
            <label htmlFor="timezone">Horario</label>
- 
 
 1092 
            <Datetime
- 
 
 1093 
              dateFormat="DD-MM-YYYY"
- 
 
 1094 
              onChange={(e) => handleDateTime(e.toDate())}
- 
 
 1095 
              inputProps={{ className: 'form-control' }}
- 
 
 1096 
              initialValue={Date.parse(date)}
- 
 
 1097 
              closeOnSelect
- 
 
 1098 
            />
- 
 
 1099 
          </div>
- 
 
 1100 
        }
- 
 
 1101 
        <div className="form-group">
1068 
          <label htmlFor="timezone">Zona horaria</label>
 1102 
          <label htmlFor="timezone">Zona horaria</label>
1069 
          <select
 1103 
          <select
1070 
            className="form-control"
 1104 
            className="form-control"
1071 
            name="timezone"
 1105 
            name="timezone"
1072 
            {...register({ required: "Por favor elige una Zona horaria" })}
 1106 
            {...register({ required: "Por favor elige una Zona horaria" })}
Línea 1100... Línea 1134...
1100 
            <option value={45}>45-min</option>
 1134 
            <option value={45}>45-min</option>
1101 
          </select>
 1135 
          </select>
1102 
          {errors.timezone && <FormErrorFeedback>{errors.timezone.message}</FormErrorFeedback>}
 1136 
          {errors.timezone && <FormErrorFeedback>{errors.timezone.message}</FormErrorFeedback>}
1103 
        </div>
 1137 
        </div>
1104 
        <div className="form-group">
 1138 
        <div className="form-group">
1105 
          <label htmlFor="timezone">Tipo de conferencia</label>
 - 
 
1106 
          <select
 - 
 
1107 
            name="type"
 - 
 
1108 
            className="form-control"
 - 
 
1109 
            onChange={({ target }) => handleChange(target.value)}
 - 
 
1110 
            {...register}
 - 
 
1111 
          >
 - 
 
1112 
            <option value='i'>
 - 
 
1113 
              Inmediata
 - 
 
1114 
            </option>
 - 
 
1115 
            <option value='s'>
 - 
 
1116 
              Programada
 - 
 
1117 
            </option>
 - 
 
1118 
          </select>
 - 
 
1119 
        </div>
 - 
 
1120 
        {
 - 
 
1121 
          coferenceType === 's' &&
 - 
 
1122 
          <div className="form-group">
 - 
 
1123 
            <label htmlFor="timezone">Horario</label>
 - 
 
1124 
            <Datetime
 - 
 
1125 
              dateFormat="DD-MM-YYYY"
 - 
 
1126 
              onChange={(e) => handleDateTime(e.toDate())}
 - 
 
1127 
              inputProps={{ className: 'form-control' }}
 - 
 
1128 
              initialValue={Date.parse(date)}
 - 
 
1129 
              closeOnSelect
 - 
 
1130 
            />
 - 
 
1131 
          </div>
 - 
 
1132 
        }
 - 
 
1133 
        <div className="form-group">
 - 
 
1134 
          <label htmlFor="first_name">Contraseña de ingreso</label>
 1139 
          <label htmlFor="first_name">Contraseña de ingreso</label>
1135 
          <input
 1140 
          <input
1136 
            type="password"
 1141 
            type="password"
1137 
            name="password"
 1142 
            name="password"
1138 
            className="form-control"
 1143 
            className="form-control"
- 
 
 1144 
            maxLength={6}
1139 
            {...register({ required: "Por favor ingrese una contraseña" })}
 1145 
            {...register({ required: "Por favor ingrese una contraseña" })}
1140 
          />
 1146 
          />
1141 
          {errors.title && <FormErrorFeedback> {errors.password.message}</FormErrorFeedback>}
 1147 
          {errors.title && <FormErrorFeedback> {errors.password.message}</FormErrorFeedback>}
1142 
        </div>
 1148 
        </div>
1143 
        <button className="btn btn-primary">
 1149 
        <button className="btn btn-primary">