94 lines
3.6 KiB
TypeScript
94 lines
3.6 KiB
TypeScript
import {
|
||
IconClone,
|
||
IconControls,
|
||
IconDestroy,
|
||
IconEdit,
|
||
IconList,
|
||
IconMoveDown,
|
||
IconMoveUp,
|
||
IconNewItem,
|
||
IconReset,
|
||
IconSave,
|
||
IconStatusOK,
|
||
IconText,
|
||
IconTree
|
||
} from '@/components/Icons';
|
||
import LinkTopic from '@/components/ui/LinkTopic';
|
||
import { useConceptOptions } from '@/context/OptionsContext';
|
||
import { HelpTopic } from '@/models/miscellaneous';
|
||
|
||
function HelpCstEditor() {
|
||
const { colors } = useConceptOptions();
|
||
return (
|
||
<div className='dense'>
|
||
<h1>Редактор конституенты</h1>
|
||
<li>
|
||
<IconSave className='inline-icon' /> сохранить изменения: Ctrl + S
|
||
</li>
|
||
<li>
|
||
<IconReset className='inline-icon' /> сбросить несохраненные изменения
|
||
</li>
|
||
<li>
|
||
<IconClone className='inline-icon icon-green' /> клонировать текущую: Alt + V
|
||
</li>
|
||
<li>
|
||
<IconNewItem className='inline-icon icon-green' /> новая конституента
|
||
</li>
|
||
<li>
|
||
<IconDestroy className='inline-icon icon-red' /> удаление текущей
|
||
</li>
|
||
|
||
<h2>Термин и Текстовое определение</h2>
|
||
<li>
|
||
<IconEdit className='inline-icon' /> кнопка переименования справа от{' '}
|
||
<LinkTopic text='Имени' topic={HelpTopic.CC_CONSTITUENTA} />
|
||
</li>
|
||
<li>
|
||
<IconEdit className='inline-icon' /> кнопка редактирования словоформ справа от{' '}
|
||
<LinkTopic text='Термина' topic={HelpTopic.CC_CONSTITUENTA} />
|
||
</li>
|
||
<li>Ctrl + Пробел открывает редактирование отсылок</li>
|
||
|
||
<h2>Определение понятия</h2>
|
||
<li>
|
||
<IconStatusOK className='inline-icon' /> индикатор статуса определения сверху
|
||
</li>
|
||
<li>
|
||
<IconText className='inline-icon' /> переключение шрифта
|
||
</li>
|
||
<li>
|
||
<IconControls className='inline-icon' /> специальная клавиатура и горячие клавиши
|
||
</li>
|
||
<li>
|
||
<IconTree className='inline-icon' /> отображение{' '}
|
||
<LinkTopic text='дерева разбора' topic={HelpTopic.UI_FORMULA_TREE} />
|
||
</li>
|
||
<li>Ctrl + Пробел дополняет до незанятого имени</li>
|
||
|
||
<h2>Список конституент</h2>
|
||
<li>
|
||
<IconList className='inline-icon' /> отображение списка конституент
|
||
</li>
|
||
<li>
|
||
<IconMoveDown className='inline-icon' />
|
||
<IconMoveUp className='inline-icon' /> Alt + вверх/вниз – перемещение
|
||
</li>
|
||
<li>фильтрация в верхней части</li>
|
||
<li>при наведении на имя конституенты отображаются атрибуты</li>
|
||
<li>
|
||
<span style={{ backgroundColor: colors.bgSelected }}>цветом фона</span> выделена текущая конституента
|
||
</li>
|
||
<li>
|
||
<span style={{ backgroundColor: colors.bgGreen50 }}>цветом фона</span> выделена{' '}
|
||
<LinkTopic text='основа' topic={HelpTopic.CC_RELATIONS} /> текущей
|
||
</li>
|
||
<li>
|
||
<span style={{ backgroundColor: colors.bgOrange50 }}>цветом фона</span> выделены{' '}
|
||
<LinkTopic text='порожденные' topic={HelpTopic.CC_RELATIONS} /> текущей
|
||
</li>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
export default HelpCstEditor;
|