Dollerok/P8-Panels
1
0
Fork 0
forked from CITKParus/P8-Panels
Code Issues Pull Requests Projects Releases Wiki Activity

WEBAPP: Редактор панелей - установка заголовка панели при переключении режима редактирования

Browse Source
This commit is contained in:
Mikhail Chechnev 2025-05-20 13:57:03 +03:00
parent 5a08fdf605
commit 4f2a1d4034
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/panels/panels_editor/panels_editor.js
View File

@ -9,9 +9,10 @@
//Подключение библиотек //Подключение библиотек
//--------------------- //---------------------
import React, { useEffect, useState } from "react"; //Классы React import React, { useEffect, useState, useContext } from "react"; //Классы React
import { Responsive, WidthProvider } from "react-grid-layout"; //Адаптивный макет import { Responsive, WidthProvider } from "react-grid-layout"; //Адаптивный макет
import { Box, Grid, Stack, Menu, MenuItem, IconButton, Icon, Fab } from "@mui/material"; //Интерфейсные элементы import { Box, Grid, Stack, Menu, MenuItem, IconButton, Icon, Fab } from "@mui/material"; //Интерфейсные элементы
import { ApplicationСtx } from "../../context/application"; //Контекст приложения
import { APP_BAR_HEIGHT } from "../../components/p8p_app_workspace"; //Рабочая область приложения import { APP_BAR_HEIGHT } from "../../components/p8p_app_workspace"; //Рабочая область приложения
import { genGUID } from "../../core/utils"; //Общие вспомогательные функции import { genGUID } from "../../core/utils"; //Общие вспомогательные функции
import { LayoutItem } from "./layout_item"; //Элемент макета import { LayoutItem } from "./layout_item"; //Элемент макета
@ -33,6 +34,10 @@ const STYLES = {
FAB_EDIT: { position: "absolute", top: 12, right: 12, zIndex: 2000 } FAB_EDIT: { position: "absolute", top: 12, right: 12, zIndex: 2000 }
}; };
//Заголовоки по умолчанию
const PANEL_CAPTION_EDIT_MODE = "Редактор панелей";
const PANEL_CAPTION_EXECUTE_MODE = "Исполнение панели";
//Начальное состояние размера макета //Начальное состояние размера макета
const INITIAL_BREAKPOINT = "lg"; const INITIAL_BREAKPOINT = "lg";
@ -59,6 +64,9 @@ const PanelsEditor = () => {
const [editComponent, setEditComponent] = useState(null); const [editComponent, setEditComponent] = useState(null);
const [addMenuAnchorEl, setAddMenuAnchorEl] = useState(null); const [addMenuAnchorEl, setAddMenuAnchorEl] = useState(null);
//Подключение к контексту приложения
const { setAppBarTitle } = useContext(ApplicationСtx);
//Добвление компонента в макет //Добвление компонента в макет
const addComponent = component => { const addComponent = component => {
const id = genGUID(); const id = genGUID();
@ -79,7 +87,11 @@ const PanelsEditor = () => {
}; };
//Включение/выключение режима редиктирования //Включение/выключение режима редиктирования
const toggleEditMode = () => setEditMode(!editMode); const toggleEditMode = () => {
if (!editMode) setAppBarTitle(PANEL_CAPTION_EDIT_MODE);
else setAppBarTitle(PANEL_CAPTION_EXECUTE_MODE);
setEditMode(!editMode);
};
//Открытие редактора настроек компонента //Открытие редактора настроек компонента
const openComponentSettingsEditor = id => setEditComponent(id); const openComponentSettingsEditor = id => setEditComponent(id);