vasya
98 lines
5.1 KiB
TypeScript
98 lines
5.1 KiB
TypeScript
import React, { createContext, useState, useContext } from "react";
|
|
import EntityHistory, { EntityHistoryProps } from "../components/entityHistory/EntityHistory";
|
|
import api from "../api";
|
|
import { PreloaderContext } from "./PreloaderContext";
|
|
|
|
//Тип с пропсами для взаимодействия с контекстом
|
|
interface HistoryContextType {
|
|
visible: boolean, //Пропс видимости компонента
|
|
historyDataFields: HistoryDataFields, //Объект с названиями полей, по которым было совершено изменение. В БД они будут храниться, скорее всего, на латинице, на фронте их надо расшифровать
|
|
hideHistory: () => void, //Колбек для сокрытия блока с историей
|
|
content: Record<string, string> | null, //Контент для отображения истории
|
|
headerText: string, //Текст в заголовке окна с историей
|
|
entityId: number, //Уникальный идентификатор сущности, по которой показываем историю (заявки, запрос и т.д.)
|
|
showHistory: (entityId: number, content: EntityHistoryProps[], windowHeader?: string) => void, //Колбек для вызова окна с историей
|
|
getHistoryFromMagic: (appname: string, subjectId: string | number, historyDataFields: HistoryDataFields, windowHeader?: string) => void //Метод получения истории из приложения Magic
|
|
}
|
|
|
|
type HistoryDataFields = Record<string, string>;
|
|
|
|
export const HistoryContext = createContext<HistoryContextType | null>(null);
|
|
|
|
export const HistoryProvider = ( {children} ) => {
|
|
const [historyVisible, setHistoryVisible] = useState<boolean>(false);
|
|
const [historyContent, setHistoryContent] = useState<EntityHistoryProps[] | []>( [] );
|
|
const [historyWindowHeader, setHistoryWindowHeader] = useState<string>('');
|
|
const [historyEntityId, setHistoryEntityId] = useState<number>();
|
|
const [historyDataFields, setHistoryDataFields] = useState<HistoryDataFields | null>( null );
|
|
|
|
/**
|
|
* Сокрытие окна с историей
|
|
*/
|
|
function hideHistoryBlock() {
|
|
setHistoryVisible(false);
|
|
setHistoryWindowHeader('');
|
|
setHistoryContent( [] );
|
|
setHistoryEntityId(0);
|
|
}
|
|
|
|
const preloaderContext = useContext(PreloaderContext);
|
|
|
|
//ГАВРИЛОВ. ПРАВИЛЬНО ЛИ В КОНТЕКСТЕ РЕАЛИЗОВЫВАТЬ ЛОГИКУ ФУНКЦИОНАЛА? ИЛИ ПРАВИЛЬНЕЕ ЕЕ РАЗМЕСТИТЬ В ФАЙЛЕ КОМПОНЕНТА?
|
|
async function getHistoryFromMagic(appName: string, subjectId: number | string, historyDataFields: HistoryDataFields, windowHeader?: string){
|
|
preloaderContext.setPreloaderVisible(true)
|
|
const appHistory = await api.get(`${appName}/history/${subjectId}`).then(history => history.data.data);
|
|
|
|
// console.log(appHistory)
|
|
|
|
if (appHistory) {
|
|
appHistory.forEach( changeData => {
|
|
changeData.changeDetails = JSON.parse(changeData.changeDetails)
|
|
});
|
|
//appHistory.changeDetails = JSON.parse(appHistory.changeDetails)
|
|
}
|
|
//ГАВРИЛОВ
|
|
//ПРОВЕРКА НА НАЛИЧИЕ НУЖНЫХ СВОЙСТВ. ЧТОБЫ ОБЪЕКТ СООТВЕТСТВОВАЛ ТИПУ
|
|
//УБРАТЬ CHANGE. ПРОСТО AUTHOR,DETAILS и так далее
|
|
|
|
// console.log(appHistory)
|
|
|
|
showHistoryBlock(subjectId, appHistory, historyDataFields, windowHeader)
|
|
|
|
// return appHistory;
|
|
}
|
|
|
|
/**
|
|
* Показываем историю
|
|
* @param entityId идентификатор бизнес-сущности
|
|
* @param content контент для отображения
|
|
* @param windowHeader заголовок для окна с историей
|
|
*/
|
|
//ГАВРИЛОВ. сделать пропс historyDataFields необязательным (пустой объект по умолчанию), так как details могут не передаваться, тогда и словарь не нужен (В ТОМ ЧИСЛЕ И В МЕТОДЕ getHistoryFromMagic). сделай интерфейс для аргументов идентичным
|
|
function showHistoryBlock(subjectId: number | string, content: EntityHistoryProps[], historyDataFields: HistoryDataFields, windowHeader?: string){
|
|
preloaderContext.setPreloaderVisible(true)
|
|
setHistoryVisible(true);
|
|
setHistoryEntityId(subjectId);
|
|
setHistoryContent(content);
|
|
windowHeader ? setHistoryWindowHeader(windowHeader) : true;
|
|
historyDataFields ? setHistoryDataFields(historyDataFields) : true;
|
|
preloaderContext.setPreloaderVisible(false)
|
|
}
|
|
|
|
const value = {
|
|
getHistoryFromMagic: getHistoryFromMagic,
|
|
showHistory: showHistoryBlock,
|
|
hideHistory: hideHistoryBlock,
|
|
visible: historyVisible,
|
|
content: historyContent,
|
|
headerText: historyWindowHeader,
|
|
entityId: historyEntityId,
|
|
dataFields: historyDataFields
|
|
};
|
|
|
|
return <HistoryContext.Provider value={value}>
|
|
{children}
|
|
<EntityHistory/>
|
|
</HistoryContext.Provider>
|
|
}
|