Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2275 Rev 2445
Línea 188... Línea 188...
188 
    <div>
 188 
    <div>
189 
      <main>
 189 
      <main>
190 
        <div className="main-section">
 190 
        <div className="main-section">
191 
          <div className="container">
 191 
          <div className="container">
192 
            <div className="main-section-data">
 192 
            <div className="main-section-data">
193 
              <div className="row">
 - 
 
194 
                <div className="col-lg-3">
 - 
 
195 
                  <form
 193 
              <form
196 
                    name="form-filter"
 194 
                name="form-filter"
197 
                    id="form-filter"
 195 
                id="form-filter"
198 
                    ref={formRef}
 196 
                ref={formRef}
199 
                    onSubmit={(e) => {
 197 
                onSubmit={(e) => {
200 
                      e.preventDefault();
 198 
                  e.preventDefault();
201 
                    }}
 199 
                }}
202 
                  >
 200 
              >
203 
                    <h2 className="font-weight-bold search-title">Filtros</h2>
 201 
                <h2 className="font-weight-bold search-title">Filtros</h2>
204 
                    <div className="filter-secs border-gray border-radius">
 202 
                <div className="filter-secs border-gray border-radius">
205 
                      <div className="filter-heading m-0">
 203 
                  <div className="filter-heading m-0">
206 
                        <h3 className="text-dark font-weight-bold">Buscar por</h3>
 204 
                    <h3 className="text-dark font-weight-bold">Buscar por</h3>
207 
                      </div>
 205 
                  </div>
208 
                      {/* <!--filter-heading end--> */}
 206 
                  {/* <!--filter-heading end--> */}
209 
                      <div className="paddy">
 207 
                  <div className="paddy">
210 
                        <div className="filter-dd">
 208 
                    <div className="filter-dd">
211 
                          <ul className="avail-checks avail-checks-search-type">
 209 
                      <ul className="avail-checks avail-checks-search-type">
212 
                            <li>
 210 
                        <li>
213 
                              <a
 211 
                          <a
214 
                                href="#"
 212 
                            href="#"
215 
                                onClick={(e) => {
 213 
                            onClick={(e) => {
216 
                                  e.preventDefault;
 214 
                              e.preventDefault;
217 
                                  setSearchType("user");
 215 
                              setSearchType("user");
218 
                                }}
 216 
                            }}
219 
                                className={(searchType && searchType === 'user' ? 'search-item-selected' : '') + ' text-dark'}
 217 
                            className={(searchType && searchType === 'user' ? 'search-item-selected' : '') + ' text-dark'}
220 
                              >
 218 
                          >
221 
                                Personas
 219 
                            Personas
222 
                              </a>
 220 
                          </a>
223 
                            </li>
 221 
                        </li>
224 
                            <li>
 222 
                        <li>
225 
                              <a
 223 
                          <a
226 
                                className={(searchType && searchType === 'job' ? 'search-item-selected' : '') + ' text-dark'}
 224 
                            className={(searchType && searchType === 'job' ? 'search-item-selected' : '') + ' text-dark'}
227 
                                href="#"
 225 
                            href="#"
228 
                                onClick={(e) => {
 226 
                            onClick={(e) => {
229 
                                  e.preventDefault;
 227 
                              e.preventDefault;
230 
                                  setSearchType("job");
 228 
                              setSearchType("job");
231 
                                }}
 229 
                            }}
232 
                              >
 230 
                          >
233 
                                Trabajos
 231 
                            Trabajos
234 
                              </a>
 232 
                          </a>
235 
                            </li>
 233 
                        </li>
236 
                            <li>
 234 
                        <li>
237 
                              <a
 235 
                          <a
238 
                                className={(searchType && searchType === 'company' ? 'search-item-selected' : '') + ' text-dark'}
 236 
                            className={(searchType && searchType === 'company' ? 'search-item-selected' : '') + ' text-dark'}
239 
                                href="#"
 237 
                            href="#"
240 
                                onClick={(e) => {
 238 
                            onClick={(e) => {
241 
                                  e.preventDefault;
 239 
                              e.preventDefault;
242 
                                  // searchType.current = "company";
 240 
                              // searchType.current = "company";
243 
                                  setSearchType("company");
 241 
                              setSearchType("company");
244 
                                }}
 242 
                            }}
245 
                              >
 243 
                          >
246 
                                Empresas
 244 
                            Empresas
247 
                              </a>
 245 
                          </a>
248 
                            </li>
 246 
                        </li>
249 
                            <li>
 247 
                        <li>
250 
                              <a
 248 
                          <a
251 
                                className={(searchType && searchType === 'group' ? 'search-item-selected' : '') + ' text-dark'}
 249 
                            className={(searchType && searchType === 'group' ? 'search-item-selected' : '') + ' text-dark'}
252 
                                href="#"
 250 
                            href="#"
253 
                                onClick={(e) => {
 251 
                            onClick={(e) => {
254 
                                  e.preventDefault;
 252 
                              e.preventDefault;
255 
                                  setSearchType("group");
 253 
                              setSearchType("group");
256 
                                }}
 254 
                            }}
257 
                              >
 255 
                          >
258 
                                Grupos
 256 
                            Grupos
259 
                              </a>
 - 
 
260 
                            </li>
 - 
 
261 
                          </ul>
 257 
                          </a>
262 
                        </div>
 258 
                        </li>
263 
                      </div>
 259 
                      </ul>
264 
                    </div>
 260 
                    </div>
- 
 
 261 
                  </div>
- 
 
 262 
                </div>
265 
                    {/* <!--filter-secs end--> */}
 263 
                {/* <!--filter-secs end--> */}
Línea 266... Línea 264...
266 
 
 264 
 
267 
                    {/* <!--filter-heading end--> */}
 265 
                {/* <!--filter-heading end--> */}
268 
                    <Filters
 266 
                <Filters
269 
                      filters={filters}
 267 
                  filters={filters}
270 
                      searchType={searchType}
 268 
                  searchType={searchType}
271 
                      onCheck={onCheckHandler}
 269 
                  onCheck={onCheckHandler}
272 
                      onUncheckAll={onUncheckAllHandler}
 270 
                  onUncheckAll={onUncheckAllHandler}
273 
                      register={register}
 271 
                  register={register}
Línea 274... Línea 272...
274 
                    />
 272 
                />
275 
 
 273 
 
276 
                    <div className="filter-secs border-gray border-radius">
 274 
                <div className="filter-secs border-gray border-radius">
277 
                      <div className="filter-heading">
 275 
                  <div className="filter-heading">
278 
                        <h3 className="text-dark font-weight-bold">Ubicación</h3>
 276 
                    <h3 className="text-dark font-weight-bold">Ubicación</h3>
279 
                      </div>
 277 
                  </div>
280 
                      {/* <!--filter-heading end--> */}
 278 
                  {/* <!--filter-heading end--> */}
281 
                      <div
 279 
                  <div
282 
                        className="container mb-2"
 280 
                    className="container mb-2"
283 
                      >
 281 
                  >
284 
                        <UbicationInput
 282 
                    <UbicationInput
285 
                          onGetAddress={getAddressHandler}
 283 
                      onGetAddress={getAddressHandler}
286 
                          placeholder="Buscar un lugar"
 - 
 
287 
                        />
 284 
                      placeholder="Buscar un lugar"
288 
                      </div>
 - 
 
289 
                    </div>
 - 
 
290 
                  </form>
 285 
                    />
291 
                  {/* <!--filter-secs end--> */}
 286 
                  </div>
292 
                </div>
 287 
                </div>
293 
                <div className="col-lg-6">
 288 
              </form>
294 
                  <div className="main-ws-sec">
 289 
              <div className="main-ws-sec">
295 
                    <div className="posts-section">
 290 
                <div className="posts-section">
296 
                      {/* <!--post-bar end--> */}
 291 
                  {/* <!--post-bar end--> */}
297 
                      {loading ? (
 292 
                  {loading ? (
298 
                        <SpinnerStyled>
 293 
                    <SpinnerStyled>
299 
                          <Spinner />
 294 
                      <Spinner />
300 
                        </SpinnerStyled>
 295 
                    </SpinnerStyled>
301 
                      ) : error ? (
 296 
                  ) : error ? (
302 
                        <div>{error}</div>
 297 
                    <div>{error}</div>
303 
                      ) : entities && entities.length ? (
 298 
                  ) : entities && entities.length ? (
304 
                        entities.map((entity) => (
 299 
                    entities.map((entity) => (
305 
                          <EntityTemplate
 300 
                      <EntityTemplate
306 
                            entity={entity}
 301 
                        entity={entity}
307 
                            key={entity.id}
 302 
                        key={entity.id}
308 
                            onChangePage={onChangePageHandler}
 303 
                        onChangePage={onChangePageHandler}
309 
                          />
 304 
                      />
310 
                        ))
 305 
                    ))
311 
                      ) : (
 306 
                  ) : (
312 
                        <div
 307 
                    <div
313 
                          style={{
 308 
                      style={{
314 
                            display: "flex",
 309 
                        display: "flex",
315 
                            justifyContent: "center",
 310 
                        justifyContent: "center",
316 
                            alignItems: "center",
 311 
                        alignItems: "center",
317 
                            padding: "1rem 0 3rem 0",
 312 
                        padding: "1rem 0 3rem 0",
318 
                          }}
 313 
                      }}
319 
                        >
 - 
 
320 
                          No hay resultados
 - 
 
321 
                        </div>
 314 
                    >
- 
 
 315 
                      No hay resultados
- 
 
 316 
                    </div>
322 
                      )}
 317 
                  )}
323 
                    </div>
 318 
                </div>
324 
                    <PaginationComponent
 319 
                <PaginationComponent
325 
                      pages={pages}
 320 
                  pages={pages}
326 
                      currentActivePage={currentPage}
 321 
                  currentActivePage={currentPage}
327 
                      onChangePage={loadEntities}
 322 
                  onChangePage={loadEntities}
328 
                    />
 323 
                />
329 
                    {/* <div className="process-comm" id="paginator-process-comm">
 324 
                {/* <div className="process-comm" id="paginator-process-comm">
330 
                      <div className="spinner">
 325 
                      <div className="spinner">
331 
                        <div className="bounce1"></div>
 326 
                        <div className="bounce1"></div>
332 
                        <div className="bounce2"></div>
 327 
                        <div className="bounce2"></div>
333 
                        <div className="bounce3"></div>
 328 
                        <div className="bounce3"></div>
334 
                      </div>
 329 
                      </div>
335 
                    </div> */}
 330 
                    </div> */}
336 
                    {/* <!--process-comm end-->
 - 
 
337 
              <!--posts-section end--> */}
 - 
 
338 
                  </div>
 - 
 
339 
                  {/* <!--main-ws-sec end--> */}
 - 
 
340 
                </div>
 - 
 
341 
                <div className="col-lg-3">
 - 
 
342 
                  <div className="right-sidebar"></div>
 331 
                {/* <!--process-comm end-->
- 
 
 332 
              <!--posts-section end--> */}
343 
                </div>
 333 
              </div>
344 
              </div>
 - 
 
345 
            </div>
 334 
              <div className="right-sidebar"></div>
346 
            {/* <!-- main-section-data end--> */}
 335 
            </div>
347 
          </div>
 336 
          </div>
348 
        </div>
 337 
        </div>
349 
      </main>
 338 
      </main>