Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7025 Rev 7026
Línea 9... Línea 9...
9 
import EmptySection from '../../components/UI/EmptySection'
 9 
import EmptySection from '../../components/UI/EmptySection'
10 
import WidgetLayout from '../../components/widgets/WidgetLayout'
 10 
import WidgetLayout from '../../components/widgets/WidgetLayout'
11 
import PaginationComponent from '../../components/UI/PaginationComponent'
 11 
import PaginationComponent from '../../components/UI/PaginationComponent'
Línea 12... Línea 12...
12 
 
 12 
 
- 
 
 13 
const KnowledgeCategories = styled(WidgetLayout)`
- 
 
 14 
  display: flex;
13 
const KnowledgeCategories = styled(WidgetLayout)`
 15 
  flex-direction: column;
14 
  padding: 1rem;
 16 
  padding: 1rem;
15 
  gap: 0.5rem;
 17 
  gap: 0.5rem;
Línea -... Línea 18...
- 
 
 18 
`
- 
 
 19 
 
- 
 
 20 
const KnowledgeGrid = styled.div`
- 
 
 21 
  display: grid;
- 
 
 22 
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
- 
 
 23 
  gap: 1rem;
16 
`
 24 
`
17 
 
 25 
 
18 
const KnowledgeSearch = styled(SearchInput)`
 26 
const KnowledgeSearch = styled(SearchInput)`
Línea 19... Línea 27...
19 
  background-color: var(--bg-color);
 27 
  background-color: var(--bg-color);
Línea 84... Línea 92...
84 
      </div>
 92 
      </div>
Línea 85... Línea 93...
85 
 
 93 
 
86 
      <Row className="gap-3">
 94 
      <Row className="gap-3">
87 
        <Col md="3">
 95 
        <Col md="3">
88 
          <KnowledgeCategories>
 - 
 
89 
            <li className="knowledge-category-li knowledge-category-li-selected">
 - 
 
90 
              <input
 - 
 
91 
                type="radio"
 - 
 
92 
                id="category-all"
 - 
 
93 
                value="user"
 - 
 
94 
                onChange={(e) => setCategory(e.target.value)}
 - 
 
95 
                hidden
 - 
 
96 
              />
 - 
 
97 
              <label htmlFor="category-all">
 - 
 
98 
                {labels.knowledge_area_category_all}
 - 
 
99 
              </label>
 96 
          <KnowledgeCategories>
100 
            </li>
 - 
 
101 
            {knowledgesCategories.map(({ uuid, name }) => (
 97 
            <ul>
102 
              <li className="knowledge-category-li" key={uuid}>
 98 
              <li className="knowledge-category-li knowledge-category-li-selected">
103 
                <input
 99 
                <input
104 
                  type="radio"
 100 
                  type="radio"
105 
                  id={`category-${name}`}
 101 
                  id="category-all"
106 
                  value={uuid}
 102 
                  value="user"
107 
                  onChange={(e) => setCategory(e.target.value)}
 103 
                  onChange={(e) => setCategory(e.target.value)}
108 
                  hidden
 104 
                  hidden
109 
                />
 105 
                />
- 
 
 106 
                <label htmlFor="category-all">
- 
 
 107 
                  {labels.knowledge_area_category_all}
110 
                <label htmlFor={`category-${name}`}>{name}</label>
 108 
                </label>
- 
 
 109 
              </li>
- 
 
 110 
              {knowledgesCategories.map(({ uuid, name }) => (
- 
 
 111 
                <li className="knowledge-category-li" key={uuid}>
- 
 
 112 
                  <input
- 
 
 113 
                    type="radio"
- 
 
 114 
                    id={`category-${name}`}
- 
 
 115 
                    value={uuid}
- 
 
 116 
                    onChange={(e) => setCategory(e.target.value)}
- 
 
 117 
                    hidden
- 
 
 118 
                  />
- 
 
 119 
                  <label htmlFor={`category-${name}`}>{name}</label>
111 
              </li>
 120 
                </li>
- 
 
 121 
              ))}
112 
            ))}
 122 
            </ul>
113 
          </KnowledgeCategories>
 123 
          </KnowledgeCategories>
Línea 114... Línea 124...
114 
        </Col>
 124 
        </Col>
115 
 
 125 
 
116 
        <Col className="px-0">
 126 
        <Col className="px-0">
117 
          <KnowledgeSearch
 127 
          <KnowledgeSearch
118 
            onChange={handleInputChange}
 128 
            onChange={handleInputChange}
Línea 119... Línea 129...
119 
            placeholder={labels.search}
 129 
            placeholder={labels.search}
120 
          />
 130 
          />
121 
 
 131 
 
122 
          <div className="knowledge-record-list mt-3">
 132 
          <KnowledgeGrid className="mt-3">
123 
            {knowledges.length ? (
 133 
            {knowledges.length ? (
124 
              knowledges.map((knowledge, index) => (
 134 
              knowledges.map((knowledge, index) => (
125 
                <Item key={index} {...knowledge} />
 135 
                <Item key={index} {...knowledge} />
126 
              ))
 136 
              ))
127 
            ) : (
 137 
            ) : (
128 
              <EmptySection
 138 
              <EmptySection
129 
                message={labels.error_no_record_matched_your_query}
 139 
                message={labels.error_no_record_matched_your_query}
130 
              />
 140 
              />
131 
            )}
 141 
            )}
132 
          </div>
 142 
          </KnowledgeGrid>
133 
          <PaginationComponent
 143 
          <PaginationComponent
134 
            onChangePage={(newPage) => setCurrentPage(newPage)}
 144 
            onChangePage={(newPage) => setCurrentPage(newPage)}