ConceptProd/Portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix folder switch

Browse Source
This commit is contained in:
IRBorisov 2024-06-20 11:50:26 +03:00
parent fdbb05df70
commit 7d41953a8d
4 changed files with 20 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
rsconcept/frontend/src/pages/LibraryPage/LibraryFolders.tsx
View File

@ -83,7 +83,7 @@ function LibraryFolders({ folders, currentFolder, setFolder, toggleFolderMode }:
/> />
<MiniButton <MiniButton
icon={<IconFolderTree size='1.25rem' className='icon-green' />} icon={<IconFolderTree size='1.25rem' className='icon-green' />}
title='Режим: проводник' title='Переключение в режим Поиск'
onClick={toggleFolderMode} onClick={toggleFolderMode}
/> />
</div> </div>

16
rsconcept/frontend/src/pages/LibraryPage/LibraryTable.tsx
View File

@ -5,7 +5,7 @@ import { useCallback, useLayoutEffect, useMemo, useState } from 'react';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import { urls } from '@/app/urls'; import { urls } from '@/app/urls';
import { IconFolder } from '@/components/Icons'; import { IconFolderTree } from '@/components/Icons';
import BadgeLocation from '@/components/info/BadgeLocation'; import BadgeLocation from '@/components/info/BadgeLocation';
import { CProps } from '@/components/props'; import { CProps } from '@/components/props';
import DataTable, { createColumnHelper, IConditionalStyle, VisibilityState } from '@/components/ui/DataTable'; import DataTable, { createColumnHelper, IConditionalStyle, VisibilityState } from '@/components/ui/DataTable';
@ -56,11 +56,9 @@ function LibraryTable({ items, resetQuery, folderMode, toggleFolderMode }: Libra
const handleToggleFolder = useCallback( const handleToggleFolder = useCallback(
(event: CProps.EventMouse) => { (event: CProps.EventMouse) => {
if (event.ctrlKey) { event.preventDefault();
event.preventDefault(); event.stopPropagation();
event.stopPropagation(); toggleFolderMode();
toggleFolderMode();
}
}, },
[toggleFolderMode] [toggleFolderMode]
); );
@ -74,12 +72,12 @@ function LibraryTable({ items, resetQuery, folderMode, toggleFolderMode }: Libra
id: 'location', id: 'location',
header: () => ( header: () => (
<MiniButton <MiniButton
noHover
noPadding noPadding
noHover
className='pl-2 max-h-[1rem] translate-y-[-0.125rem]' className='pl-2 max-h-[1rem] translate-y-[-0.125rem]'
onClick={handleToggleFolder} onClick={handleToggleFolder}
titleHtml='Ctrl + клик для переключения </br>в режим папок' titleHtml='Переключение в режим Проводник'
icon={<IconFolder size='1.25rem' className='clr-text-controls' />} icon={<IconFolderTree size='1.25rem' className='clr-text-controls' />}
/> />
), ),
size: 50, size: 50,

16
rsconcept/frontend/src/pages/LibraryPage/SearchPanel.tsx
View File

@ -176,6 +176,12 @@ function SearchPanel({
/> />
<Dropdown isOpen={headMenu.isOpen} stretchLeft className='z-modalTooltip'> <Dropdown isOpen={headMenu.isOpen} stretchLeft className='z-modalTooltip'>
<DropdownButton className='w-[10rem]' title='Переключение в режим Проводник' onClick={handleToggleFolder}>
<div className='inline-flex items-center gap-3'>
<IconFolderTree size='1rem' className='clr-text-controls' />
<span>проводник...</span>
</div>
</DropdownButton>
<DropdownButton className='w-[10rem]' onClick={() => handleChange(undefined)}> <DropdownButton className='w-[10rem]' onClick={() => handleChange(undefined)}>
<div className='inline-flex items-center gap-3'> <div className='inline-flex items-center gap-3'>
<IconFolder size='1rem' className='clr-text-controls' /> <IconFolder size='1rem' className='clr-text-controls' />
@ -197,16 +203,6 @@ function SearchPanel({
</DropdownButton> </DropdownButton>
); );
})} })}
<DropdownButton
className='w-[10rem]'
title='переключение в режим выбора папок'
onClick={handleToggleFolder}
>
<div className='inline-flex items-center gap-3'>
<IconFolderTree size='1rem' className='clr-text-controls' />
<span>проводник...</span>
</div>
</DropdownButton>
</Dropdown> </Dropdown>
</div> </div>
) : null} ) : null}

9
rsconcept/frontend/src/pages/ManualsPage/items/HelpLibrary.tsx
View File

@ -36,16 +36,19 @@ function HelpLibrary() {
<li>клик по папке отображает справа файлы в ней</li> <li>клик по папке отображает справа файлы в ней</li>
<li>клик по иконке сворачивает/разворачивает вложенные</li> <li>клик по иконке сворачивает/разворачивает вложенные</li>
<li> <li>
<IconFolderTree size='1rem' className='inline-icon' /> скрыть / отобразить Проводник <IconFolderTree size='1rem' className='inline-icon' /> переключение между Проводник и Поиск
</li> </li>
<li> <li>
<IconFolderEmpty size='1rem' className='inline-icon' /> папка без файлов <IconFolderEmpty size='1rem' className='inline-icon clr-text-default' /> папка без файлов
</li>
<li>
<IconFolderEmpty size='1rem' className='inline-icon' /> папка с вложенными без файлов
</li> </li>
<li> <li>
<IconFolder size='1rem' className='inline-icon' /> папка без вложенных <IconFolder size='1rem' className='inline-icon' /> папка без вложенных
</li> </li>
<li> <li>
<IconFolderClosed size='1rem' className='inline-icon' /> папка с вложенными <IconFolderClosed size='1rem' className='inline-icon' /> папка с вложенными и файлами
</li> </li>
<li> <li>
<IconFolderOpened size='1rem' className='inline-icon icon-green' /> развернутая папка <IconFolderOpened size='1rem' className='inline-icon icon-green' /> развернутая папка