Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 vasya
|
9b4c68022d | ||
|
vasya
|
a0dad6e138 | ||
|
vasya
|
2ffcf73d86 |
@@ -1,36 +0,0 @@
|
||||
<?php
|
||||
|
||||
namespace App\Enums;
|
||||
|
||||
/**
|
||||
* Бизнес действия, доступные для логирования через activity_log
|
||||
* @author dgavrilov
|
||||
*/
|
||||
|
||||
|
||||
#Гаврилов
|
||||
//ПОЛУЧИТСЯ ЛИ ПЕРЕДАТЬ НА ФРОНТ ЭТОТ ENUM
|
||||
//ГАВРИЛОВ
|
||||
//ИДЕНТИЧНЫЙ СПРАВОЧНИК УКАЗАН НА СТОРОНЕ react в компоненте ENTITYHISTORY. ЕСТЬ ВОЗМОЖНОСТЬ ОБЪЕДИНИТЬ ИХ?
|
||||
enum LogBusinessEvents: string
|
||||
{
|
||||
case Create = 'create';
|
||||
case Edit = 'edit';
|
||||
case Archive = 'archive';
|
||||
case Restore = 'restore';
|
||||
case Delete = 'delete';
|
||||
case Cancel = 'cancel';
|
||||
|
||||
public function title(): string
|
||||
{
|
||||
return match($this)
|
||||
{
|
||||
self::Create => 'создание',
|
||||
self::Edit => 'редактирование',
|
||||
self::Archive => 'архивация',
|
||||
self::Restore => 'восстановление',
|
||||
self::Delete => 'удаление',
|
||||
self::Cancel => 'отмена',
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -1,148 +0,0 @@
|
||||
<?php
|
||||
|
||||
namespace app\Traits;
|
||||
|
||||
use PHPUnit\Event\Code\Throwable;
|
||||
use Spatie\Activitylog\LogOptions;
|
||||
use Spatie\Activitylog\Traits\LogsActivity;
|
||||
use Spatie\Activitylog\Contracts\Activity;
|
||||
use App\Enums\LogBusinessEvents;
|
||||
|
||||
trait LogsActivity_custom
|
||||
{
|
||||
//"наследуем" готовый трейт из пакета логирования, чтобы расширить его
|
||||
use LogsActivity;
|
||||
|
||||
/**
|
||||
*
|
||||
* @param string имя журнала логирования (название приложения). Нужно переопределять в модели в зависимости от используемого приложения (модуля)
|
||||
*/
|
||||
protected $logActivity_custom__name;
|
||||
/**
|
||||
* @param array Массив с кастомными значениями, которые хотим логировать независимо от модели, событие в которой логируется
|
||||
*/
|
||||
// protected $activityCustomProperties = [
|
||||
// 'custom__user_login' => session()->get('_auth_login'),
|
||||
// ];
|
||||
protected $activityCustomProperties = [];
|
||||
/**
|
||||
* @var array массив с кастомными значениями, которые относятся к самому действию логирования, а не к изменениям в результате логируемого действия (properties). Например, название совершенного действия: архивация, отмена, восстановление и т.д.
|
||||
*/
|
||||
protected $activityCustomDescription = [];
|
||||
/**
|
||||
* @var string название совершенного бизнес-действия (не события из поля event, там могут быть только eloquent события: create, udate и т.д.). По умолчанию действие - изменение.
|
||||
*
|
||||
* Свойство статическое, потому что при использовании нестатического свойства, его значение после присваения "сбрасывается" до значения по умолчанию из за специфики работы с моделью. Каждое создание экземпляра модели может привести к сбросу свойства до значения по умолчанию. Если свойство статическое, его можно менять в любой момент и во всех экземплярах этой модели оно будет изменено
|
||||
*/
|
||||
protected static $businessEvent = LogBusinessEvents::Edit;
|
||||
|
||||
/**
|
||||
* Единые опции логирования любых события в моделях, где указано использование данного трейта
|
||||
*
|
||||
* @return LogOptions
|
||||
*/
|
||||
public function getActivitylogOptions(): LogOptions
|
||||
{
|
||||
return LogOptions::defaults()
|
||||
->logAll() //Логируем все поля
|
||||
->logOnlyDirty() //Логируем только изменившиеся по сравнению с текущим состоянием значения
|
||||
->useLogName($this->logActivity_custom__name ? $this->logActivity_custom__name : 'default') //Имя журнала (имя приложения) события которого логируются
|
||||
->logExcept(['created_at', 'updated_at']); //Поля, значения которых не логируются
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Тут прописываем дополнительные свойства, которые будут добавляться к каждой записи логирования изменения моделей
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
protected function getActivityLogDefaultProp (): array
|
||||
{
|
||||
//Добавляем логин пользователя к записи с логированием события. Если изменение произошло через web роут, то берется логин из объекта ldap (свойство samaccountname), если было обращение через api ендпоинт, берется логин из таблицы users, где делается запись при аутентификации пользователя. Это связано со спецификой аутентификации при вызове web роута и api ендпоинта
|
||||
//UPD: решил отказаться от логирования пользователя через расширение properties, но для примера пока оставил
|
||||
//return ['custom__user_login' => auth()->user()->login ?? auth()->user()->samaccountname[0]];
|
||||
return [];
|
||||
}
|
||||
|
||||
// public function getActivitylogOptions(): LogOptions
|
||||
// {
|
||||
// //CauserResolver::setCauser('dgavrilov');
|
||||
// return LogOptions::defaults()
|
||||
// ->logAll() // Перечисляем логируемые поля. В данном случае, логируем все поля
|
||||
// ->logExcept(['created_at', 'updated_at']) // Поля, которые не будут логироваться не при каких условиях
|
||||
// ->logOnlyDirty() // Логируются только поля, данные в которых были изменены
|
||||
// //->useLogName($this->getLogName());
|
||||
// ->useLogName($this->logActivity_custom__name ? $this->logActivity_custom__name : 'default'); //Имя журнала логирования. Либо переопределеяется в модели, который использует данный трейт, либо по умолчанию ставится default
|
||||
// // ->tapActivity(function (Activity $activity) {
|
||||
// // // Указываем пользователя из сессии/кук
|
||||
// // //$activity->causer_id = auth()->id(); // или явно: 1
|
||||
// // $activity->causer_id = 'dgavrilov'; // или явно: 1
|
||||
// // //$activity->causer_type = \App\Models\User::class;
|
||||
// // });
|
||||
// }
|
||||
|
||||
/**
|
||||
* Метод позволяет "вмешаться" в процесс логирования в "последний момент" перед записью в модель activity_log. В данном случае, значения в поле properties обогащаются доп значениями, которые мы описали в свойстве $this->activityCustomProperties
|
||||
*
|
||||
* @param Activity $activity
|
||||
* @param string $eventName
|
||||
* @return void
|
||||
*/
|
||||
public function tapActivity(Activity $activity, string $eventName)
|
||||
{
|
||||
$this->activityCustomProperties = array_merge($this->activityCustomProperties, $this->getActivityLogDefaultProp());
|
||||
// $this->activityCustomDescription = $this->setLogDescription();
|
||||
$activity->properties = $activity->properties->merge(['custom_props' => $this->activityCustomProperties]);
|
||||
//переопределение поле description модели activityLog
|
||||
// $activity->description = json_encode($this->activityCustomDescription);
|
||||
$activity->business_event = self::$businessEvent;
|
||||
}
|
||||
|
||||
#Гаврилов
|
||||
//ЛУЧШЕ СДЕЛАТЬ ЕДИНЫЙ МЕТОД, ПРИНИМАЮЩИЙ НАЗВАНИЕ ACTION, СРАВНИВАЯ ЕГО СО СВОЙСТВОМ ТЕКУЩЕГО КЛАССА businessAction И ВОЗВРАЩАЮЩИЙ ОШИБКУ, ЕСЛИ ТАКОГО СВОЙСТВА НЕТ
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Метод инициации логирования бизнес-действия: создание, редактирование, архивация. В поле event по умолчанию логируются только Eloquent события: create, update и тд
|
||||
*
|
||||
* @param string $action логируемое бизнес-действие
|
||||
* @return void
|
||||
*/
|
||||
public function logBusinessEvent(LogBusinessEvents $event)
|
||||
{
|
||||
self::$businessEvent = $event;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @return array формирование дополнительного описания с информацией для логируемого действия
|
||||
*/
|
||||
// public function setLogDescription()
|
||||
// {
|
||||
// $activityDescription = array_merge(
|
||||
// $this->activityCustomDescription,
|
||||
// );
|
||||
|
||||
// return $activityDescription;
|
||||
// }
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Метод добавления кастомных значений для логирования
|
||||
*
|
||||
* Поля, переданные в метод из модели, где подключен этот трейт
|
||||
*
|
||||
* @param array $properties
|
||||
* @return void
|
||||
*/
|
||||
public function addCustomLogProperties(array $properties): void
|
||||
{
|
||||
$this->activityCustomProperties = array_merge(
|
||||
$this->activityCustomProperties ?? [],
|
||||
$properties
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,53 +0,0 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
* If set to false, no activities will be saved to the database.
|
||||
*/
|
||||
'enabled' => env('ACTIVITY_LOGGER_ENABLED', true),
|
||||
|
||||
/*
|
||||
* When the clean-command is executed, all recording activities older than
|
||||
* the number of days specified here will be deleted.
|
||||
*/
|
||||
//'delete_records_older_than_days' => 365,
|
||||
|
||||
/*
|
||||
* If no log name is passed to the activity() helper
|
||||
* we use this default log name.
|
||||
*/
|
||||
'default_log_name' => 'default',
|
||||
|
||||
/*
|
||||
* You can specify an auth driver here that gets user models.
|
||||
* If this is null we'll use the current Laravel auth driver.
|
||||
*/
|
||||
'default_auth_driver' => null,
|
||||
|
||||
/*
|
||||
* If set to true, the subject returns soft deleted models.
|
||||
*/
|
||||
'subject_returns_soft_deleted_models' => false,
|
||||
|
||||
/*
|
||||
* This model will be used to log activity.
|
||||
* It should implement the Spatie\Activitylog\Contracts\Activity interface
|
||||
* and extend Illuminate\Database\Eloquent\Model.
|
||||
*/
|
||||
'activity_model' => \Spatie\Activitylog\Models\Activity::class,
|
||||
|
||||
/*
|
||||
* This is the name of the table that will be created by the migration and
|
||||
* used by the Activity model shipped with this package.
|
||||
*/
|
||||
'table_name' => env('ACTIVITY_LOGGER_TABLE_NAME', 'activity_log'),
|
||||
|
||||
/*
|
||||
* This is the database connection that will be used by the migration and
|
||||
* the Activity model shipped with this package. In case it's not set
|
||||
* Laravel's database.default will be used instead.
|
||||
*/
|
||||
'database_connection' => env('ACTIVITY_LOGGER_DB_CONNECTION'),
|
||||
|
||||
];
|
||||
@@ -0,0 +1,121 @@
|
||||
@import url('./../variables.css');
|
||||
|
||||
/* #modal-window__background{
|
||||
position: fixed;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #6a6a6ab5;
|
||||
top: 0;
|
||||
z-index: 99;
|
||||
} */
|
||||
|
||||
.entity-hist-container{
|
||||
position: fixed;
|
||||
width: 50%;
|
||||
top: 10%;
|
||||
left: 25%;
|
||||
z-index: 100;
|
||||
background: white;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 0px 15px 1px #9b9999;
|
||||
|
||||
&>.hist__header-block{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: var(--color_graphite_main);
|
||||
min-height: 7%;
|
||||
height: auto;
|
||||
border-radius: 10px;
|
||||
color: white;
|
||||
padding: 10px;
|
||||
|
||||
&>.hist__header__buttons{
|
||||
|
||||
&>.header__buttons__close{
|
||||
transform: rotate(45deg);
|
||||
font-size: 2rem;
|
||||
color: var(--color_ruby_main);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&>.hist__content-block{
|
||||
overflow-y: scroll;
|
||||
padding: 10px;
|
||||
max-height: 500px;
|
||||
|
||||
&>.hist-container__date-block{
|
||||
display: flex;
|
||||
|
||||
&>.date-block__date{
|
||||
flex-basis: 15%;
|
||||
|
||||
&>div{
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
padding: 3px;
|
||||
background: var(--color_purple_main);
|
||||
border-radius: 5px 0 0 5px;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
&>.date-block__changes{
|
||||
flex-basis: 85%;
|
||||
border-left: 2px solid black;
|
||||
padding: 0 10px;
|
||||
|
||||
&>.changes__action-block{
|
||||
|
||||
& .action-block__action-name{
|
||||
padding: 3px;
|
||||
border-radius: 3px;
|
||||
font-size: 1.2rem;
|
||||
/* border-bottom: 3px solid var(--color_purple_main); */
|
||||
background: color-mix(in srgb, var(--color_purple_main) 20%, transparent);
|
||||
box-shadow: 0px 2px 3px 0px #c0bdd3;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
&>.changes__date-time-block{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 5px 0px 10px 0px;
|
||||
color: rgb(173 173 173);
|
||||
}
|
||||
|
||||
&>.changes__details{
|
||||
margin-bottom: 15px;
|
||||
|
||||
& .changes__details__el{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 10px;
|
||||
|
||||
&>.changes__details__el__prop-name{
|
||||
flex-basis: 30%;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
&>.changes__details__el__prop-val{
|
||||
flex-basis: 70%;
|
||||
background: #91919121;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,120 @@
|
||||
|
||||
import React, { useEffect, useMemo, useState, useContext } from "react";
|
||||
import { createPortal } from "react-dom";
|
||||
import './../../../css/components/entityHistory.css';
|
||||
import { HistoryContext } from "../../contexts/HistoryContext";
|
||||
|
||||
//Тип с параметрами сущности, история по которой будет выводиться
|
||||
export type EntityHistoryProps = {
|
||||
changeAction: string, //Совершенное действие: создание, удаление, редактирование, архивирование и т.д.
|
||||
changeAuthor: string, //Автор изменения: логин, сервисная УЗ
|
||||
changeDate: Date //Объект даты изменения. В объекте будет либо время (тогда показываем), либо время будет отсутствовать (тогда не показываем) //что будем передавать? объект new Date или библиотечный объект для работы с датами?
|
||||
changeTime?: string //Время изменений. Передавать не нужно, на этабе сборки компонента будет формироваться на основе пропса changeDate
|
||||
// changeDetails?: HistoryEntityElDetails[] //Массив объектов с деталями изменений формата: изменяемое свойство(поле, например) - значение изменяемого свойства
|
||||
changeDetails?: Record<string, string> //Массив объектов с деталями изменений формата: изменяемое свойство(поле, например) - значение изменяемого свойства
|
||||
};
|
||||
|
||||
//Тип с деталями изменений
|
||||
// type HistoryEntityElDetails = {
|
||||
// propName: string, //Имя измененного свойства
|
||||
// propValue: string //Значение измененного свойства
|
||||
// }
|
||||
|
||||
//Компонент отображения истории изменений сущности
|
||||
export default function EntityHistory ()
|
||||
{
|
||||
//ГАВРИЛОВ
|
||||
//ИДЕНТИЧНЫЙ СПРАВОЧНИК УКАЗАН НА СТОРОНЕ ЛАРАВЕЛЬ APP/ENUMS/LOGBUSINESSEVENTS. ЕСТЬ ВОЗМОЖНОСТЬ ОБЪЕДИНИТЬ ИХ?
|
||||
const HistoryActions = {
|
||||
create: 'создание',
|
||||
edit: 'редактирование',
|
||||
archive: 'архивация',
|
||||
restore: 'восстановление',
|
||||
delete: 'удаление',
|
||||
cancel: 'отмена',
|
||||
}
|
||||
const historyContext = useContext(HistoryContext);
|
||||
//Перестраиваем объект с изменениями, группируя их по датам
|
||||
const groupDataByDate = useMemo( () => {
|
||||
let changesByDate = {},
|
||||
historyContent = historyContext.content.length ? historyContext.content : []
|
||||
//Сортируем все изменения от большего к меньшему по дате и времени
|
||||
//ГАВРИЛОВ. или нужно отсортировать от меньшего к большему? мы хотим сверху самые актуальные данные а ниже менее актуальные или наоборот?
|
||||
//ПРОВЕРИТЬ СОРТИРУЕТСЯ ЛИ ПО ДАТАМ
|
||||
historyContent.sort( (a, b) => {return b.changeDate - a.changeDate} )
|
||||
//console.log(historyContext)
|
||||
historyContent.forEach( (changeEl: EntityHistoryProps) => {
|
||||
let dateToString = changeEl.changeDate.toLocaleString('ru-RU').split(',')[0];
|
||||
if ( !(dateToString in changesByDate) ) {
|
||||
changesByDate[dateToString] = [];
|
||||
}
|
||||
changesByDate[dateToString].push(changeEl);
|
||||
});
|
||||
|
||||
return changesByDate;
|
||||
}, [historyContext.content]);
|
||||
|
||||
|
||||
//Сокрытие блока показа истории
|
||||
function hideHistoryBlock(){
|
||||
historyContext.hideHistory()
|
||||
}
|
||||
|
||||
return (
|
||||
historyContext.content && historyContext.visible ?
|
||||
createPortal(
|
||||
<div>
|
||||
<div className="entity-hist-container">
|
||||
<div className="hist__header-block">
|
||||
<div className="hist__header__title">
|
||||
<h3>{ historyContext.headerText.length ? historyContext.headerText : `История изменений запроса ${historyContext.entityId}` }</h3>
|
||||
</div>
|
||||
<div className="hist__header__buttons" onClick={hideHistoryBlock}>
|
||||
<i className="fa fa-plus header__buttons__close"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div className="hist__content-block">
|
||||
{Object.entries(groupDataByDate).map( (dateChanges, dateIndex) =>
|
||||
<div key={dateIndex} className="hist-container__date-block">
|
||||
<div className="date-block__date">
|
||||
<div>{ dateChanges[0] }</div>
|
||||
</div>
|
||||
<div className="date-block__changes">
|
||||
{ dateChanges[1].map( (changeEl: EntityHistoryProps, elIndex: number) =>
|
||||
<div className="changes__action-block" key={ elIndex }>
|
||||
<div className="action-block__action-name">
|
||||
{ HistoryActions[changeEl.changeAction] }
|
||||
</div>
|
||||
<div className="changes__date-time-block">
|
||||
<div>
|
||||
{ changeEl.changeAuthor }
|
||||
</div>
|
||||
<div>
|
||||
{ changeEl.changeTime }
|
||||
</div>
|
||||
</div>
|
||||
<div className="changes__details">
|
||||
{Object.entries(changeEl.changeDetails).map( (detail, detailIndex) =>
|
||||
<div className="changes__details__el" key={ detailIndex }>
|
||||
<div className="changes__details__el__prop-name">
|
||||
{ (historyContext.dataFields && historyContext.dataFields[detail[0]]) ? historyContext.dataFields[detail[0]] : detail[0] }
|
||||
</div>
|
||||
<div className="changes__details__el__prop-val">
|
||||
{ detail[1] }
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
document.body
|
||||
)
|
||||
: ''
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,97 @@
|
||||
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>
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
use Illuminate\Support\Facades\Route;
|
||||
use \App\Http\Controllers;
|
||||
|
||||
|
||||
//Получение истории по сущности приложения
|
||||
Route::get('{app_name}/history/{subject_id}', [Controllers\AppHistoryController::class, 'getAppHistory']);
|
||||
|
||||
Reference in New Issue
Block a user