Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7042 Rev 7043
Línea 16... Línea 16...
16 
  IconButton,
 16 
  IconButton,
17 
  Typography,
 17 
  Typography,
18 
} from '@mui/material'
 18 
} from '@mui/material'
19 
import { Delete, Edit } from '@mui/icons-material'
 19 
import { Delete, Edit } from '@mui/icons-material'
20 
import KnowledgeEditModal from '../../components/knowledge/KnowledgeEditModal'
 20 
import KnowledgeEditModal from '../../components/knowledge/KnowledgeEditModal'
- 
 
 21 
import ConfirmModal from '../../components/modals/ConfirmModal'
Línea 21... Línea 22...
21 
 
 22 
 
22 
const KnowledgeCategories = styled(WidgetLayout)`
 23 
const KnowledgeCategories = styled(WidgetLayout)`
23 
  padding: 1rem;
 24 
  padding: 1rem;
24 
  ul {
 25 
  ul {
Línea 101... Línea 102...
101 
        )
 102 
        )
102 
        throw new Error(error)
 103 
        throw new Error(error)
103 
      })
 104 
      })
104 
  }
 105 
  }
Línea -... Línea 106...
- 
 
 106 
 
- 
 
 107 
  const confirmDelete = () => {
- 
 
 108 
    axios
- 
 
 109 
      .post(actionUrl.current)
- 
 
 110 
      .then((response) => {
- 
 
 111 
        const { data, success } = response.data
- 
 
 112 
 
- 
 
 113 
        if (!success) {
- 
 
 114 
          const errorMessage =
- 
 
 115 
            typeof data === 'string'
- 
 
 116 
              ? data
- 
 
 117 
              : 'Ha ocurrido un error, por favor intente más tarde.'
- 
 
 118 
 
- 
 
 119 
          dispatch(addNotification({ style: 'danger', msg: errorMessage }))
- 
 
 120 
          return
- 
 
 121 
        }
- 
 
 122 
 
- 
 
 123 
        dispatch(addNotification({ style: 'success', msg: data }))
- 
 
 124 
      })
- 
 
 125 
      .catch((error) => {
- 
 
 126 
        dispatch(
- 
 
 127 
          addNotification({
- 
 
 128 
            style: 'danger',
- 
 
 129 
            msg: 'Ha ocurrido un error, por favor intente más tarde.',
- 
 
 130 
          })
- 
 
 131 
        )
- 
 
 132 
        throw new Error(error)
- 
 
 133 
      })
- 
 
 134 
  }
105 
 
 135 
 
106 
  const editKnowledge = (url) => {
 136 
  const editKnowledge = (url) => {
107 
    actionUrl.current = url
 137 
    actionUrl.current = url
108 
    setModalShow('edit')
 138 
    setModalShow('edit')
Línea -... Línea 139...
- 
 
 139 
  }
- 
 
 140 
 
- 
 
 141 
  const deleteKnowledge = (url) => {
- 
 
 142 
    actionUrl.current = url
- 
 
 143 
    setModalShow('delete')
109 
  }
 144 
  }
110 
 
 145 
 
111 
  const closeModal = () => {
 146 
  const closeModal = () => {
112 
    actionUrl.current = ''
 147 
    actionUrl.current = ''
Línea 138... Línea 173...
138 
                <li className={!category && 'selected'}>
 173 
                <li className={!category && 'selected'}>
139 
                  <input
 174 
                  <input
140 
                    type="radio"
 175 
                    type="radio"
141 
                    id="category-all"
 176 
                    id="category-all"
142 
                    value=""
 177 
                    value=""
- 
 
 178 
                    name="category"
143 
                    onChange={(e) => setCategory(e.target.value)}
 179 
                    onChange={(e) => setCategory(e.target.value)}
144 
                    hidden
 180 
                    hidden
145 
                  />
 181 
                  />
146 
                  <label htmlFor="category-all">
 182 
                  <label htmlFor="category-all">
147 
                    {labels.knowledge_area_category_all}
 183 
                    {labels.knowledge_area_category_all}
Línea 171... Línea 207...
171 
            />
 207 
            />
Línea 172... Línea 208...
172 
 
 208 
 
173 
            <KnowledgeGrid className="mt-3">
 209 
            <KnowledgeGrid className="mt-3">
174 
              {knowledges.length ? (
 210 
              {knowledges.length ? (
- 
 
 211 
                knowledges.map((knowledge, index) => (
- 
 
 212 
                  <Item
- 
 
 213 
                    key={index}
175 
                knowledges.map((knowledge, index) => (
 214 
                    {...knowledge}
- 
 
 215 
                    onEdit={editKnowledge}
- 
 
 216 
                    onDelete={deleteKnowledge}
176 
                  <Item key={index} {...knowledge} onEdit={editKnowledge} />
 217 
                  />
177 
                ))
 218 
                ))
178 
              ) : (
 219 
              ) : (
179 
                <EmptySection
 220 
                <EmptySection
180 
                  message={labels.error_no_record_matched_your_query}
 221 
                  message={labels.error_no_record_matched_your_query}
Línea 195... Línea 236...
195 
        url={actionUrl.current}
 236 
        url={actionUrl.current}
196 
        categories={knowledgesCategories}
 237 
        categories={knowledgesCategories}
197 
        onComplete={getKnowledgesInfo}
 238 
        onComplete={getKnowledgesInfo}
198 
        onClose={closeModal}
 239 
        onClose={closeModal}
199 
      />
 240 
      />
- 
 
 241 
      <ConfirmModal
- 
 
 242 
        show={modalShow === 'delete'}
- 
 
 243 
        onClose={closeModal}
- 
 
 244 
        onAccept={confirmDelete}
- 
 
 245 
      />
200 
    </>
 246 
    </>
201 
  )
 247 
  )
202 
}
 248 
}
Línea 203... Línea 249...
203 
 
 249 
 
Línea 208... Línea 254...
208 
  category,
 254 
  category,
209 
  description,
 255 
  description,
210 
  image,
 256 
  image,
211 
  title,
 257 
  title,
212 
  onEdit,
 258 
  onEdit,
- 
 
 259 
  onDelete,
213 
}) => {
 260 
}) => {
214 
  return (
 261 
  return (
215 
    <>
 262 
    <>
216 
      <KnowledgeCard>
 263 
      <KnowledgeCard>
217 
        <CardMedia
 264 
        <CardMedia
Línea 234... Línea 281...
234 
            <IconButton aria-label="edit" onClick={() => onEdit(link_edit)}>
 281 
            <IconButton aria-label="edit" onClick={() => onEdit(link_edit)}>
235 
              <Edit />
 282 
              <Edit />
236 
            </IconButton>
 283 
            </IconButton>
237 
          )}
 284 
          )}
238 
          {link_delete && (
 285 
          {link_delete && (
- 
 
 286 
            <IconButton
239 
            <IconButton aria-label="delete">
 287 
              aria-label="delete"
- 
 
 288 
              onClick={() => onDelete(link_delete)}
- 
 
 289 
            >
240 
              <Delete />
 290 
              <Delete />
241 
            </IconButton>
 291 
            </IconButton>
242 
          )}
 292 
          )}
243 
        </CardActions>
 293 
        </CardActions>
244 
      </KnowledgeCard>
 294 
      </KnowledgeCard>