Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7022 Rev 7023
Línea 4... Línea 4...
4 
import { addNotification } from '../../redux/notification/notification.actions'
 4 
import { addNotification } from '../../redux/notification/notification.actions'
5 
import EmptySection from '../../components/UI/EmptySection'
 5 
import EmptySection from '../../components/UI/EmptySection'
6 
import { Col, Container, Row } from 'react-bootstrap'
 6 
import { Col, Container, Row } from 'react-bootstrap'
7 
import PaginationComponent from '../../components/UI/PaginationComponent'
 7 
import PaginationComponent from '../../components/UI/PaginationComponent'
8 
import SearchInput from '../../components/UI/SearchInput'
 8 
import SearchInput from '../../components/UI/SearchInput'
- 
 
 9 
import styled from 'styled-components'
- 
 
 10 
import WidgetLayout from '../../components/widgets/WidgetLayout'
Línea 9... Línea 11...
9 
 
 11 
 
10 
const KnowledgeAreaPage = () => {
 12 
const KnowledgeAreaPage = () => {
11 
  const [knowledges, setKnowledges] = useState([])
 13 
  const [knowledges, setKnowledges] = useState([])
12 
  const [knowledgesCategories, setKnowledgesCategories] = useState([])
 14 
  const [knowledgesCategories, setKnowledgesCategories] = useState([])
- 
 
 15 
  const [search, setSearch] = useState('')
13 
  const [search, setSearch] = useState('')
 16 
  const [category, setCategory] = useState('')
14 
  const [currentPage, setCurrentPage] = useState(1)
 17 
  const [currentPage, setCurrentPage] = useState(1)
15 
  const [totalPages, setTotalPages] = useState(1)
 18 
  const [totalPages, setTotalPages] = useState(1)
16 
  const [allowAdd, setAllowAdd] = useState(false)
 19 
  const [allowAdd, setAllowAdd] = useState(false)
17 
  const labels = useSelector(({ intl }) => intl.labels)
 20 
  const labels = useSelector(({ intl }) => intl.labels)
Línea 18... Línea 21...
18 
  const dispatch = useDispatch()
 21 
  const dispatch = useDispatch()
19 
 
 22 
 
20 
  const getKnowledgesInfo = (search, page) => {
 23 
  const getKnowledgesInfo = (search, page, category) => {
21 
    const urlParams = { search, page }
 24 
    const urlParams = { search, page, category }
22 
    axios
 25 
    axios
23 
      .get(`/knowledge-area?${jsonToParams(urlParams)}`, {
 26 
      .get(`/knowledge-area?${jsonToParams(urlParams)}`, {
24 
        headers: {
 27 
        headers: {
Línea 56... Línea 59...
56 
  }
 59 
  }
Línea 57... Línea 60...
57 
 
 60 
 
Línea 58... Línea 61...
58 
  const handleInputChange = debounce((e) => setSearch(e.target.value), 500)
 61 
  const handleInputChange = debounce((e) => setSearch(e.target.value), 500)
59 
 
 62 
 
60 
  useEffect(() => {
 63 
  useEffect(() => {
Línea 61... Línea 64...
61 
    getKnowledgesInfo(search, currentPage)
 64 
    getKnowledgesInfo(search, currentPage, category)
62 
  }, [search, currentPage])
 65 
  }, [search, currentPage])
63 
 
 66 
 
Línea 71... Línea 74...
71 
      </div>
 74 
      </div>
Línea 72... Línea 75...
72 
 
 75 
 
73 
      <Row className="gap-3">
 76 
      <Row className="gap-3">
74 
        <Col md="3">
 77 
        <Col md="3">
75 
          <h2>{labels.categories}</h2>
 78 
          <h2>{labels.categories}</h2>
76 
          <ul className="knowledge-category-list">
 79 
          <WidgetLayout as="ul">
- 
 
 80 
            <li className="knowledge-category-li knowledge-category-li-selected">
- 
 
 81 
              <input
- 
 
 82 
                type="radio"
- 
 
 83 
                id="category-all"
- 
 
 84 
                value="user"
- 
 
 85 
                onChange={(e) => setCategory(e.target.value)}
- 
 
 86 
                hidden
77 
            <li className="knowledge-category-li knowledge-category-li-selected">
 87 
              />
78 
              <a className="knowledge-category-a" href="">
 88 
              <label htmlFor="category-all">
79 
                {labels.knowledge_area_category_all}
 89 
                {labels.knowledge_area_category_all}
80 
              </a>
 90 
              </label>
81 
            </li>
 91 
            </li>
82 
            {knowledgesCategories.map((category, index) => (
 92 
            {knowledgesCategories.map(({ uuid, name }) => (
- 
 
 93 
              <li className="knowledge-category-li" key={uuid}>
- 
 
 94 
                <input
- 
 
 95 
                  type="radio"
- 
 
 96 
                  id={`category-${name}`}
83 
              <li className="knowledge-category-li" key={index}>
 97 
                  value={uuid}
84 
                <a className="knowledge-category-a" href="">
 98 
                  onChange={(e) => setCategory(e.target.value)}
85 
                  {category.name}
 99 
                  hidden
- 
 
 100 
                />
86 
                </a>
 101 
                <label htmlFor={`category-${name}`}>{name}</label>
87 
              </li>
 102 
              </li>
88 
            ))}
 103 
            ))}
89 
          </ul>
 104 
          </WidgetLayout>
Línea 90... Línea 105...
90 
        </Col>
 105 
        </Col>
91 
 
 106 
 
92 
        <Col className="px-0">
 107 
        <Col className="px-0">
Línea 126... Línea 141...
126 
  description,
 141 
  description,
127 
  image,
 142 
  image,
128 
  title,
 143 
  title,
129 
}) => {
 144 
}) => {
130 
  return (
 145 
  return (
131 
    <div className="knowledge-record-card">
 146 
    <WidgetLayout>
132 
      <a
 147 
      <a
133 
        href={link_view}
 148 
        href={link_view}
134 
        target="_blank"
 149 
        target="_blank"
135 
        className="knowledge-record-card-actions-view"
 150 
        className="knowledge-record-card-actions-view"
136 
        rel="noreferrer"
 151 
        rel="noreferrer"
Línea 153... Línea 168...
153 
      <h3>{category}</h3>
 168 
      <h3>{category}</h3>
154 
      <a href={link_view} target="_blank" rel="noreferrer">
 169 
      <a href={link_view} target="_blank" rel="noreferrer">
155 
        <h2>{title}</h2>
 170 
        <h2>{title}</h2>
156 
      </a>
 171 
      </a>
157 
      <p>{description}</p>
 172 
      <p>{description}</p>
158 
    </div>
 173 
    </WidgetLayout>
159 
  )
 174 
  )
160 
}
 175 
}
Línea 161... Línea 176...
161 
 
 176