Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5389 Rev 5390
Línea 175... Línea 175...
175 
  }
 175 
  }
Línea 176... Línea 176...
176 
 
 176 
 
177 
  return (
 177 
  return (
178 
    <main className="main-section-data container px-0 mt-3">
 178 
    <main className="main-section-data container px-0 mt-3">
179 
      <form
 179 
      <form
180 
        name="form-filter"
 - 
 
181 
        id="form-filter"
 180 
        name="filter-form"
182 
        ref={formRef}
 - 
 
183 
        onSubmit={(e) => {
 181 
        ref={formRef}
184 
          e.preventDefault()
 - 
 
185 
        }}
 182 
        onSubmit={(e) => e.preventDefault()}
186 
      >
 183 
      >
187 
        <div className="py-2 d-flex" style={{ gap: '10px' }}>
 184 
        <div className="py-2 d-flex" style={{ gap: '10px' }}>
188 
          <h2 className="font-weight-bold search-title">Filtros</h2>
 185 
          <h2 className="font-weight-bold search-title">Filtros</h2>
189 
          <div className="show_filters">
 - 
 
190 
            {
 186 
          <div className="show_filters">
191 
              displayFilters
 187 
            {displayFilters
192 
                ? <FaMinus className="cursor-pointer" onClick={() => setDisplayFilters(!displayFilters)} />
 188 
              ? <FaMinus className="cursor-pointer" onClick={() => setDisplayFilters(!displayFilters)} />
193 
                : <FaPlus className="cursor-pointer" onClick={() => setDisplayFilters(!displayFilters)} />
 - 
 
194 
            }
 189 
              : <FaPlus className="cursor-pointer" onClick={() => setDisplayFilters(!displayFilters)} />}
195 
          </div>
 190 
          </div>
- 
 
 191 
        </div>
196 
        </div>
 192 
 
197 
        <div className={`filter-secs border-gray border-radius ${displayFilters ? 'show_filters' : 'hidden_filters'}`}>
 193 
        <div className={`filter-secs ${displayFilters ? 'show_filters' : 'hidden_filters'}`}>
198 
          <div className="filter-heading m-0">
 - 
 
199 
            <h3 className="text-dark font-weight-bold">Buscar por</h3>
 - 
 
200 
          </div>
 - 
 
201 
          <div className="paddy">
 - 
 
202 
            <div className="filter-dd">
 - 
 
203 
              <ul className="avail-checks avail-checks-search-type">
 - 
 
204 
                <li>
 - 
 
205 
                  <a
 - 
 
206 
                    href="#"
 - 
 
207 
                    onClick={(e) => {
 - 
 
208 
                      e.preventDefault
 - 
 
209 
                      setSearchType('user')
 - 
 
210 
                    }}
 - 
 
211 
                    className={(searchType && searchType === 'user' ? 'search-item-selected' : '') + ' text-dark'}
 - 
 
212 
                  >
 - 
 
213 
                    Personas
 - 
 
214 
                  </a>
 - 
 
215 
                </li>
 - 
 
216 
                {filters.allowSearchCompany &&
 - 
 
217 
                  <li>
 - 
 
218 
                    <a
 - 
 
219 
                      className={(searchType && searchType === 'job' ? 'search-item-selected' : '') + ' text-dark'}
 - 
 
220 
                      href="#"
 - 
 
221 
                      onClick={(e) => {
 - 
 
222 
                        e.preventDefault
 - 
 
223 
                        setSearchType('job')
 - 
 
224 
                      }}
 - 
 
225 
                    >
 - 
 
226 
                      Trabajos
 - 
 
227 
                    </a>
 - 
 
228 
                  </li>
 - 
 
229 
                }
 - 
 
230 
                {filters.allowSearchCompany &&
 - 
 
231 
                  <li>
 - 
 
232 
                    <a
 - 
 
233 
                      className={(searchType && searchType === 'company' ? 'search-item-selected' : '') + ' text-dark'}
 - 
 
234 
                      href="#"
 - 
 
235 
                      onClick={(e) => {
 - 
 
236 
                        e.preventDefault
 - 
 
237 
                        // searchType.current = "company";
 - 
 
238 
                        setSearchType('company')
 - 
 
239 
                      }}
 - 
 
240 
                    >
 - 
 
241 
                      Empresas
 194 
          <div className="filter-heading">
242 
                    </a>
 - 
 
243 
                  </li>
 - 
 
244 
                }
 - 
 
245 
                <li>
 - 
 
246 
                  <a
 - 
 
247 
                    className={(searchType && searchType === 'group' ? 'search-item-selected' : '') + ' text-dark'}
 - 
 
248 
                    href="#"
 - 
 
249 
                    onClick={(e) => {
 - 
 
250 
                      e.preventDefault
 - 
 
251 
                      setSearchType('group')
 - 
 
252 
                    }}
 - 
 
253 
                  >
 - 
 
254 
                    Grupos
 - 
 
255 
                  </a>
 - 
 
256 
                </li>
 - 
 
257 
              </ul>
 - 
 
258 
            </div>
 195 
            <h3>Buscar por</h3>
- 
 
 196 
          </div>
- 
 
 197 
          <ul className="avail-checks avail-checks-search-type">
- 
 
 198 
            <li>
- 
 
 199 
              <a
- 
 
 200 
                href="#"
- 
 
 201 
                onClick={(e) => {
- 
 
 202 
                  e.preventDefault
- 
 
 203 
                  setSearchType('user')
- 
 
 204 
                }}
- 
 
 205 
                className={(searchType && searchType === 'user' ? 'search-item-selected' : '') + ' text-dark'}
- 
 
 206 
              >
- 
 
 207 
                Personas
- 
 
 208 
              </a>
- 
 
 209 
            </li>
- 
 
 210 
            {filters.allowSearchCompany &&
- 
 
 211 
              <li>
- 
 
 212 
                <a
- 
 
 213 
                  className={(searchType && searchType === 'job' ? 'search-item-selected' : '') + ' text-dark'}
- 
 
 214 
                  href="#"
- 
 
 215 
                  onClick={(e) => {
- 
 
 216 
                    e.preventDefault
- 
 
 217 
                    setSearchType('job')
- 
 
 218 
                  }}
- 
 
 219 
                >
- 
 
 220 
                  Trabajos
- 
 
 221 
                </a>
- 
 
 222 
              </li>
- 
 
 223 
            }
- 
 
 224 
            {filters.allowSearchCompany &&
- 
 
 225 
              <li>
- 
 
 226 
                <a
- 
 
 227 
                  className={(searchType && searchType === 'company' ? 'search-item-selected' : '') + ' text-dark'}
- 
 
 228 
                  href="#"
- 
 
 229 
                  onClick={(e) => {
- 
 
 230 
                    e.preventDefault
- 
 
 231 
                    // searchType.current = "company";
- 
 
 232 
                    setSearchType('company')
- 
 
 233 
                  }}
- 
 
 234 
                >
- 
 
 235 
                  Empresas
- 
 
 236 
                </a>
- 
 
 237 
              </li>
- 
 
 238 
            }
- 
 
 239 
            <li>
- 
 
 240 
              <a
- 
 
 241 
                className={(searchType && searchType === 'group' ? 'search-item-selected' : '') + ' text-dark'}
- 
 
 242 
                href="#"
- 
 
 243 
                onClick={(e) => {
- 
 
 244 
                  e.preventDefault
- 
 
 245 
                  setSearchType('group')
- 
 
 246 
                }}
- 
 
 247 
              >
- 
 
 248 
                Grupos
- 
 
 249 
              </a>
- 
 
 250 
            </li>
259 
          </div>
 251 
          </ul>
- 
 
 252 
        </div>
260 
        </div>
 253 
 
261 
        <div className={displayFilters ? 'show_filters' : 'hidden_filters'}>
 254 
        <div className={displayFilters ? 'show_filters' : 'hidden_filters'}>
262 
          {(searchType === 'user' && filters.allowViewConnectionLevelFilter) &&
 255 
          {(searchType === 'user' && filters.allowViewConnectionLevelFilter) &&
263 
            <Filters
 256 
            <Filters
264 
              filters={filters}
 257 
              filters={filters}
Línea 267... Línea 260...
267 
              onUncheckAll={onUncheckAllHandler}
 260 
              onUncheckAll={onUncheckAllHandler}
268 
              register={register}
 261 
              register={register}
269 
            />
 262 
            />
270 
          }
 263 
          }
271 
        </div>
 264 
        </div>
- 
 
 265 
 
272 
        <div className={`filter-secs border-gray border-radius ${displayFilters ? 'show_filters' : 'hidden_filters'}`}>
 266 
        <div className={`filter-secs ${displayFilters ? 'show_filters' : 'hidden_filters'}`}>
273 
          <div className="filter-heading">
 267 
          <div className="filter-heading">
274 
            <h3 className="text-dark font-weight-bold">Ubicación</h3>
 - 
 
275 
          </div>
 - 
 
276 
          <div
 - 
 
277 
            className="container mb-2"
 - 
 
278 
          >
 - 
 
279 
            <UbicationInput
 268 
            <h3>Ubicación</h3>
280 
              onGetAddress={getAddressHandler}
 - 
 
281 
              placeholder="Buscar un lugar"
 - 
 
282 
            />
 - 
 
283 
          </div>
 269 
          </div>
- 
 
 270 
          <UbicationInput
- 
 
 271 
            onGetAddress={getAddressHandler}
- 
 
 272 
            placeholder="Buscar un lugar"
- 
 
 273 
          />
284 
        </div>
 274 
        </div>
- 
 
 275 
 
285 
      </form>
 276 
      </form>
286 
      <div className="main-ws-sec">
 277 
      <div className="main-ws-sec">
287 
        <div className="posts-section">
 278 
        <div className="posts-section">
288 
          {loading && <Spinner />}
 279 
          {loading && <Spinner />}
289 
          {entities.length
 280 
          {entities.length
290 
            ? entities.map((entity) => (
 281 
            ? entities.map((entity) => (
291 
                <EntityTemplate
 282 
              <EntityTemplate
292 
                  entity={entity}
 283 
                entity={entity}
293 
                  key={entity.id}
 284 
                key={entity.id}
294 
                  onChangePage={onChangePageHandler}
 285 
                onChangePage={onChangePageHandler}
295 
                />
 286 
              />
296 
            ))
 287 
            ))
297 
            : <EmptySection message='No hay resultados' />
 288 
            : <EmptySection message='No hay resultados' />
298 
          }
 289 
          }
299 
        </div>
 290 
        </div>
300 
        <PaginationComponent
 291 
        <PaginationComponent