diff --git a/app/panels/panels_editor/panels_editor.js b/app/panels/panels_editor/panels_editor.js index 92ca84d..5b3aa98 100644 --- a/app/panels/panels_editor/panels_editor.js +++ b/app/panels/panels_editor/panels_editor.js @@ -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 { 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 { genGUID } from "../../core/utils"; //Общие вспомогательные функции import { LayoutItem } from "./layout_item"; //Элемент макета @@ -33,6 +34,10 @@ const STYLES = { FAB_EDIT: { position: "absolute", top: 12, right: 12, zIndex: 2000 } }; +//Заголовоки по умолчанию +const PANEL_CAPTION_EDIT_MODE = "Редактор панелей"; +const PANEL_CAPTION_EXECUTE_MODE = "Исполнение панели"; + //Начальное состояние размера макета const INITIAL_BREAKPOINT = "lg"; @@ -59,6 +64,9 @@ const PanelsEditor = () => { const [editComponent, setEditComponent] = useState(null); const [addMenuAnchorEl, setAddMenuAnchorEl] = useState(null); + //Подключение к контексту приложения + const { setAppBarTitle } = useContext(ApplicationСtx); + //Добвление компонента в макет const addComponent = component => { 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);