Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 688 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 688 Rev 689
Línea 54... Línea 54...
54 
  }
 54 
  }
Línea 55... Línea 55...
55 
 
 55 
 
56 
  return (
 56 
  return (
57 
    <Modal show={show} onHide={onHide}>
 57 
    <Modal show={show} onHide={onHide}>
58 
      <Modal.Header closeButton>
 58 
      <Modal.Header closeButton>
59 
        <Modal.Title id='contained-modal-title-vcenter'>
 - 
 
60 
          Nuevo Grupo
 - 
 
61 
        </Modal.Title>
 59 
        <Modal.Title>Nuevo Grupo</Modal.Title>
62 
      </Modal.Header>
 60 
      </Modal.Header>
63 
      <form onSubmit={handleSubmit(onSubmitHandler)}>
 61 
      <form onSubmit={handleSubmit(onSubmitHandler)}>
64 
        <Modal.Body>
 - 
 
65 
          <div style={{ position: 'relative' }}>
 62 
        <Modal.Body>
66 
            <div className='form-group'>
 63 
          <div className='form-group'>
67 
              <input
 64 
            <input
68 
                type='text'
 65 
              type='text'
69 
                name='name'
 66 
              name='name'
70 
                id='name'
 67 
              id='name'
71 
                placeholder='Nombre del grupo'
 68 
              placeholder='Nombre del grupo'
72 
                ref={register({
 69 
              ref={register({
73 
                  required: 'Por favor ingrese el nombre del grupo'
 70 
                required: 'Por favor ingrese el nombre del grupo'
74 
                })}
 71 
              })}
75 
              />
 72 
            />
76 
              {errors.name && (
 73 
            {errors.name && (
77 
                <FormErrorFeedback>{errors.name.message}</FormErrorFeedback>
 74 
              <FormErrorFeedback>{errors.name.message}</FormErrorFeedback>
78 
              )}
 75 
            )}
- 
 
 76 
          </div>
79 
            </div>
 77 
 
80 
            <div className='form-group'>
 78 
          <div className='form-group'>
81 
              <select
 79 
            <select
82 
                name='type_id'
 80 
              name='type_id'
83 
                id='type_id'
 81 
              id='type_id'
84 
                defaultValue=''
 82 
              defaultValue=''
85 
                ref={register({
 83 
              ref={register({
86 
                  required: 'Por favor eliga un tipo'
 84 
                required: 'Por favor eliga un tipo'
87 
                })}
 85 
              })}
88 
              >
 86 
            >
89 
                <option value='' hidden>
 87 
              <option value='' hidden>
90 
                  Tipo
 88 
                Tipo
91 
                </option>
 89 
              </option>
92 
                {groupTypes.map(({ name, value }) => (
 90 
              {groupTypes.map(({ name, value }) => (
93 
                  <option value={value} key={name}>
 91 
                <option value={value} key={name}>
94 
                    {name}
 - 
 
95 
                  </option>
 - 
 
96 
                ))}
 - 
 
97 
              </select>
 - 
 
98 
              {errors.type_id && (
 - 
 
99 
                <FormErrorFeedback>{errors.type_id.message}</FormErrorFeedback>
 - 
 
100 
              )}
 - 
 
101 
            </div>
 - 
 
102 
            <div className='form-group'>
 - 
 
103 
              <select
 - 
 
104 
                name='industry_id'
 - 
 
105 
                id='industry_id'
 - 
 
106 
                defaultValue=''
 - 
 
107 
                ref={register({
 - 
 
108 
                  required: 'Por favor eliga una industria'
 - 
 
109 
                })}
 - 
 
110 
              >
 - 
 
111 
                <option value='' hidden>
 - 
 
112 
                  Industria
 92 
                  {name}
113 
                </option>
 - 
 
114 
                {industries.map(({ name, value }) => (
 - 
 
115 
                  <option value={value} key={value}>
 - 
 
116 
                    {name}
 - 
 
117 
                  </option>
 93 
                </option>
118 
                ))}
 94 
              ))}
119 
              </select>
 95 
            </select>
120 
              {errors.industry_id && (
 - 
 
121 
                <FormErrorFeedback>
 96 
            {errors.type_id && (
122 
                  {errors.industry_id.message}
 - 
 
123 
                </FormErrorFeedback>
 97 
              <FormErrorFeedback>{errors.type_id.message}</FormErrorFeedback>
124 
              )}
 98 
            )}
Línea -... Línea 99...
- 
 
 99 
          </div>
- 
 
 100 
 
- 
 
 101 
          <div className='form-group'>
- 
 
 102 
            <select
- 
 
 103 
              name='industry_id'
- 
 
 104 
              id='industry_id'
- 
 
 105 
              defaultValue=''
- 
 
 106 
              ref={register({
- 
 
 107 
                required: 'Por favor eliga una industria'
- 
 
 108 
              })}
- 
 
 109 
            >
- 
 
 110 
              <option value='' hidden>
- 
 
 111 
                Industria
- 
 
 112 
              </option>
- 
 
 113 
              {industries.map(({ name, value }) => (
- 
 
 114 
                <option value={value} key={value}>
- 
 
 115 
                  {name}
- 
 
 116 
                </option>
125 
            </div>
 117 
              ))}
- 
 
 118 
            </select>
- 
 
 119 
            {errors.industry_id && (
- 
 
 120 
              <FormErrorFeedback>
- 
 
 121 
                {errors.industry_id.message}
126 
 
 122 
              </FormErrorFeedback>
- 
 
 123 
            )}
- 
 
 124 
          </div>
127 
            {loading && <Spinner />}
 125 
 
128 
          </div>
 126 
          {loading && <Spinner />}
129 
        </Modal.Body>
 127 
        </Modal.Body>
130 
        <Modal.Footer>
 128 
        <Modal.Footer>
131 
          <Button type='submit'>Crear</Button>
 - 
 
132 
          <Button onClick={onHide} variant='danger'>
 - 
 
133 
            Cancelar
 129 
          <Button type='submit'>Crear</Button>
134 
          </Button>
 130 
          <Button onClick={onHide}>Cancelar</Button>
135 
        </Modal.Footer>
 131 
        </Modal.Footer>
136 
      </form>
 132 
      </form>
137 
    </Modal>
 133 
    </Modal>