From e8a6b2dd0fd6a748a97fa0ecec218399294be573 Mon Sep 17 00:00:00 2001 From: IRBorisov <8611739+IRBorisov@users.noreply.github.com> Date: Fri, 29 Sep 2023 16:22:49 +0300 Subject: [PATCH] Update help UI --- .../src/components/Help/HelpConstituenta.tsx | 3 +- .../src/components/Help/HelpRSFormMeta.tsx | 2 +- .../Help/HelpTerminologyControl.tsx | 16 ++++++++++ .../components/RefsInput/DlgEditReference.tsx | 31 ++++++++++++++----- rsconcept/frontend/src/index.css | 3 ++ rsconcept/frontend/src/models/miscelanious.ts | 3 +- rsconcept/frontend/src/pages/LoginPage.tsx | 2 +- .../src/pages/ManualsPage/ViewTopic.tsx | 4 ++- .../src/pages/RSFormPage/DlgEditWordForms.tsx | 19 +++++++++++- rsconcept/frontend/src/utils/labels.ts | 6 ++-- 10 files changed, 73 insertions(+), 16 deletions(-) create mode 100644 rsconcept/frontend/src/components/Help/HelpTerminologyControl.tsx diff --git a/rsconcept/frontend/src/components/Help/HelpConstituenta.tsx b/rsconcept/frontend/src/components/Help/HelpConstituenta.tsx index b3733d05..994b6dfe 100644 --- a/rsconcept/frontend/src/components/Help/HelpConstituenta.tsx +++ b/rsconcept/frontend/src/components/Help/HelpConstituenta.tsx @@ -6,7 +6,8 @@ function HelpConstituenta() {

Подсказки

Изменения сохраняются ПОСЛЕ нажатия на кнопку снизу или справа вверху

-

Клик на формальное выражение - обратите внимание на кнопки снизу.
Для каждой есть горячая клавиша в подсказке

+

Клик на формальное выражение - обратите внимание на кнопки снизу
Горячие клавиши указаны в подсказках при наведении

+

Поля Термин и Определение - Ctrl+Пробел открывает диалог редактирования отсылок
Перед открытием диалога переместите текстовый курсор на заменяемое слово или ссылку

Список конституент справа - обратите внимание на настройки фильтрации

- слева от ввода текста настраивается набор атрибутов конституенты

- справа от ввода текста настраивается список конституент, которые фильтруются

diff --git a/rsconcept/frontend/src/components/Help/HelpRSFormMeta.tsx b/rsconcept/frontend/src/components/Help/HelpRSFormMeta.tsx index c0fadf44..724e0a9e 100644 --- a/rsconcept/frontend/src/components/Help/HelpRSFormMeta.tsx +++ b/rsconcept/frontend/src/components/Help/HelpRSFormMeta.tsx @@ -4,7 +4,7 @@ function HelpRSFormMeta() {

Паспорт схемы

Владелец - пользователь, обладающий правом редактирования

Для общедоступных схем владельцем может стать любой пользователь

-

Для не схем правом редактирования обладают только администраторы

+

Для неизменных схем правом редактирования обладают только администраторы

Клонировать - создать копию схемы для дальнейшего редактирования

Отслеживание - возможность видеть схему в Библиотеке и использовать фильтры

Загрузить/Выгрузить схему - взаимодействие с Экстеор через файлы формата TRS

diff --git a/rsconcept/frontend/src/components/Help/HelpTerminologyControl.tsx b/rsconcept/frontend/src/components/Help/HelpTerminologyControl.tsx new file mode 100644 index 00000000..3bf6b883 --- /dev/null +++ b/rsconcept/frontend/src/components/Help/HelpTerminologyControl.tsx @@ -0,0 +1,16 @@ + +function HelpTerminologyControl() { + return ( +
+

Терминологизация: Контроль терминологии

+

Портал позволяет контролировать употребление терминов, привязанных к сущностям в концептуальных схемах.

+

Для этого используется механизм текстовых отсылок: использование термина и синтаксическая связь.

+

При отсылке к термину указывается параметры словоформы так, обеспечивающие корректное согласование слов.

+

Граммема - минимальная единица грамматической информаци, например род, число, падеж.

+

Словоформа - грамматическая форма словосочетания, которая может меняться в зависимости от его грамматических характеристик.

+

Лексема - все грамматические формы и словосочетания, связанные с данным словосочетанием.

+

При работе со словосочетаниями определяется основное слово, которое определяет набор граммем и используется для согласования с другими словами в предложении.

+
); +} + +export default HelpTerminologyControl; diff --git a/rsconcept/frontend/src/components/RefsInput/DlgEditReference.tsx b/rsconcept/frontend/src/components/RefsInput/DlgEditReference.tsx index 89584c09..1875a597 100644 --- a/rsconcept/frontend/src/components/RefsInput/DlgEditReference.tsx +++ b/rsconcept/frontend/src/components/RefsInput/DlgEditReference.tsx @@ -10,12 +10,15 @@ import { colorfgCstStatus } from '../../utils/color'; import { prefixes } from '../../utils/constants'; import { labelReferenceType } from '../../utils/labels'; import { compareGrammemeOptions, IGrammemeOption, PremadeWordForms, SelectorGrammems, SelectorReferenceType } from '../../utils/selectors'; +import ConceptTooltip from '../Common/ConceptTooltip'; import Label from '../Common/Label'; import Modal from '../Common/Modal'; import SelectMulti from '../Common/SelectMulti'; import SelectSingle from '../Common/SelectSingle'; import TextInput from '../Common/TextInput'; import DataTable, { IConditionalStyle } from '../DataTable'; +import HelpTerminologyControl from '../Help/HelpTerminologyControl'; +import { HelpIcon } from '../Icons'; import TermformButton from './TermformButton'; interface DlgEditReferenceProps { @@ -214,14 +217,26 @@ function DlgEditReference({ hideWindow, items, initialRef, initialText, initialT onSubmit={handleSubmit} >
- setType(data?.value ?? ReferenceType.ENTITY)} - /> +
+ setType(data?.value ?? ReferenceType.ENTITY)} + /> +
+ +
+ + + +
{type === ReferenceType.SYNTACTIC &&
diff --git a/rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx b/rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx index 73268bc3..ae037969 100644 --- a/rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx +++ b/rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx @@ -7,6 +7,7 @@ import HelpRSFormItems from '../../components/Help/HelpRSFormItems'; import HelpRSFormMeta from '../../components/Help/HelpRSFormMeta'; import HelpRSLang from '../../components/Help/HelpRSLang'; import HelpTermGraph from '../../components/Help/HelpTermGraph'; +import HelpTerminologyControl from '../../components/Help/HelpTerminologyControl'; import { HelpTopic } from '../../models/miscelanious'; interface ViewTopicProps { @@ -17,12 +18,13 @@ function ViewTopic({ topic }: ViewTopicProps) { return (
{topic === HelpTopic.MAIN && } - {topic === HelpTopic.RSLANG && } {topic === HelpTopic.LIBRARY && } {topic === HelpTopic.RSFORM && } {topic === HelpTopic.CSTLIST && } {topic === HelpTopic.CONSTITUENTA && } {topic === HelpTopic.GRAPH_TERM && } + {topic === HelpTopic.RSLANG && } + {topic === HelpTopic.TERM_CONTROL && } {topic === HelpTopic.EXTEOR && } {topic === HelpTopic.API && }
diff --git a/rsconcept/frontend/src/pages/RSFormPage/DlgEditWordForms.tsx b/rsconcept/frontend/src/pages/RSFormPage/DlgEditWordForms.tsx index 09a7f1bc..98ae88c6 100644 --- a/rsconcept/frontend/src/pages/RSFormPage/DlgEditWordForms.tsx +++ b/rsconcept/frontend/src/pages/RSFormPage/DlgEditWordForms.tsx @@ -1,12 +1,14 @@ import { useEffect, useLayoutEffect, useMemo, useState } from 'react'; +import ConceptTooltip from '../../components/Common/ConceptTooltip'; import Divider from '../../components/Common/Divider'; import MiniButton from '../../components/Common/MiniButton'; import Modal from '../../components/Common/Modal'; import SelectMulti from '../../components/Common/SelectMulti'; import TextArea from '../../components/Common/TextArea'; import DataTable, { createColumnHelper } from '../../components/DataTable'; -import { ArrowLeftIcon, ArrowRightIcon, CheckIcon, ChevronDoubleDownIcon, CrossIcon } from '../../components/Icons'; +import HelpTerminologyControl from '../../components/Help/HelpTerminologyControl'; +import { ArrowLeftIcon, ArrowRightIcon, CheckIcon, ChevronDoubleDownIcon, CrossIcon, HelpIcon } from '../../components/Icons'; import { useConceptTheme } from '../../context/ThemeContext'; import useConceptText from '../../hooks/useConceptText'; import { @@ -215,6 +217,21 @@ function DlgEditWordForms({ hideWindow, target, onSave }: DlgEditWordFormsProps) canSubmit onSubmit={handleSubmit} > +
+
+
+ +
+ + + +
+
+