Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3475 Rev 3661
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { useNavigate } from 'react-router-dom';
 2 
import { Link } from 'react-router-dom';
3 
import { useSelector } from 'react-redux';
 - 
 
Línea 4... Línea 3...
4 
 
 3 
 
Línea 5... Línea 4...
5 
import { useKnowledges } from '../hooks';
 4 
import { useKnowledges } from '@knowledges/hooks';
6 
 
 5 
 
Línea 7... Línea 6...
7 
import { Grid, PageHeader, Pagination, SearchBar, Spinner } from '@shared/components';
 6 
import { Grid, PageHeader, SearchBar, Select, Spinner } from '@shared/components';
8 
import { KnowledgeCard } from '@knowledges/components';
 - 
 
9 
 
 - 
 
10 
export default function KnowledgesPage() {
 - 
 
11 
  const navigate = useNavigate();
 7 
import { KnowledgeCard } from '@knowledges/components';
12 
  const labels = useSelector(({ intl }) => intl.labels);
 - 
 
13 
 
 8 
 
14 
  const {
 - 
 
15 
    loading,
 9 
export default function KnowledgesPage() {
16 
    knowledges,
 - 
 
17 
    // categories,
 - 
 
18 
    linkAdd,
 10 
  const {
19 
    page,
 - 
 
20 
    pages,
 11 
    knowledges,
- 
 
 12 
    loading,
- 
 
 13 
    searchTerm,
- 
 
 14 
    searchKnowledge,
- 
 
 15 
    addUrl,
- 
 
 16 
    categoriesWithEdition,
21 
    setPage,
 17 
    changeCategory,
22 
    addKnowledge,
 18 
    searchCategory,
- 
 
 19 
    elementRef,
23 
    searchKnowledge,
 20 
    addKnowledge,
Línea 24... Línea 21...
24 
    editKnowledge,
 21 
    deleteKnowledge,
25 
    deleteKnowledge
 22 
    editKnowledge
26 
  } = useKnowledges();
 23 
  } = useKnowledges();
27 
 
 24 
 
28 
  return (
 25 
  return (
29 
    <>
 26 
    <>
- 
 
 27 
      <PageHeader
- 
 
 28 
        title='Área de conocimiento'
- 
 
 29 
        onAdd={addUrl ? () => addKnowledge(addUrl) : null}
- 
 
 30 
        labelAdd='Agregar conocimiento'
- 
 
 31 
      />
- 
 
 32 
 
- 
 
 33 
      <Select
30 
      <PageHeader
 34 
        options={categoriesWithEdition}
Línea 31... Línea 35...
31 
        title={labels.knowledge_area_title}
 35 
        value={searchCategory}
Línea 32... Línea 36...
32 
        onAdd={linkAdd ? () => addKnowledge(linkAdd) : null}
 36 
        onChange={changeCategory}
33 
        labelAdd={labels.knowledge_area_add}
 37 
        placeholder='Filtrar por categoría'
34 
      />
 38 
      />
35 
 
 39 
 
36 
      <SearchBar onChange={searchKnowledge} />
 40 
      <SearchBar onChange={searchKnowledge} value={searchTerm} />
37 
 
 41 
 
38 
      {loading ? (
 42 
      {loading ? (
- 
 
 43 
        <Spinner />
39 
        <Spinner />
 44 
      ) : (
40 
      ) : (
 45 
        <Grid
41 
        <Grid
 46 
          items={knowledges}
42 
          items={knowledges}
 47 
          emptyMessage='No hay conocimientos para mostrar'
43 
          emptyMessage={labels.error_no_record_matched_your_query}
 48 
          renderItem={(knowledge) => (
44 
          renderItem={(knowledge) => (
 49 
            <Link to={knowledge.link_view}>
45 
            <KnowledgeCard
 50 
              <KnowledgeCard
46 
              key={knowledge.link_view}
 51 
                key={knowledge.link_view}
- 
 
 52 
                knowledge={knowledge}
47 
              knowledge={knowledge}
 53 
                onEdit={editKnowledge}
48 
              onClick={() => navigate(knowledge.link_view)}
 54 
                onDelete={deleteKnowledge}
49 
              onEdit={() => editKnowledge(knowledge.link_edit)}
 - 
 
50 
              onDelete={() => deleteKnowledge(knowledge.link_delete)}
 - 
 
51 
            />
 55 
              />
52 
          )}
 56 
            </Link>
53 
        />
 57 
          )}