haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-28 16:17:02 +00:00
Code Issues Releases Wiki Activity

Change metadata tag language setting style (#7636)

Browse Source 
* change metadata lang setting

* change tip text
This commit is contained in:
Michael An
2025-03-18 14:57:58 +08:00
committed by GitHub
parent 742d7eb311
commit 4cc3250c4a
4 changed files with 11 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/metadata/components/dialog/metadata-face-recognition-dialog/index.js
View File

@@ -63,7 +63,7 @@ const MetadataFaceRecognitionDialog = ({ value: oldValue, repoID, toggleDialog:
{!showTurnOffConfirmDialog && ( {!showTurnOffConfirmDialog && (
<> <>
<ModalBody className="metadata-face-recognition-dialog"> <ModalBody className="metadata-face-recognition-dialog">
{!enableMetadata && <p className="tip">{gettext('Please enable the extended properties setting first')}</p>} {!enableMetadata && <p className="tip">{gettext('Please turn on extended properties setting first')}</p>}
<Switch <Switch
checked={value} checked={value}
disabled={submitting || !enableMetadata} disabled={submitting || !enableMetadata}

2
frontend/src/metadata/components/dialog/metadata-ocr-status-management-dialog/index.js
View File

@@ -62,7 +62,7 @@ const MetadataOCRStatusManagementDialog = ({ value: oldValue, repoID, toggleDial
{!showTurnOffConfirmDialog && ( {!showTurnOffConfirmDialog && (
<> <>
<ModalBody className="metadata-status-management-dialog"> <ModalBody className="metadata-status-management-dialog">
{!enableMetadata && <p className="tip">{gettext('Please enable the extended properties setting first')}</p>} {!enableMetadata && <p className="tip">{gettext('Please turn on extended properties setting first')}</p>}
<Switch <Switch
checked={value} checked={value}
disabled={submitting || !enableMetadata} disabled={submitting || !enableMetadata}

10
frontend/src/metadata/components/dialog/metadata-tags-status-dialog/index.css
View File

@@ -1,10 +0,0 @@
.tags-language-container {
display: flex;
align-items: center;
}
.tags-language-container .tags-language-selector {
width: 200px;
margin-top: 10px;
margin-left: 10px;
}

20
frontend/src/metadata/components/dialog/metadata-tags-status-dialog/index.js
View File

@@ -1,6 +1,6 @@
import React, { useState, useCallback } from 'react'; import React, { useState, useCallback } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { ModalBody, ModalFooter, Button } from 'reactstrap'; import { ModalBody, ModalFooter, Button, FormGroup, Label } from 'reactstrap';
import classnames from 'classnames'; import classnames from 'classnames';
import Switch from '../../../../components/switch'; import Switch from '../../../../components/switch';
import { gettext } from '../../../../utils/constants'; import { gettext } from '../../../../utils/constants';
@@ -10,8 +10,6 @@ import { Utils } from '../../../../utils/utils';
import TurnOffConfirmDialog from '../turn-off-confirm-dialog'; import TurnOffConfirmDialog from '../turn-off-confirm-dialog';
import { SeahubSelect } from '../../../../components/common/select'; import { SeahubSelect } from '../../../../components/common/select';
import './index.css';
const langOptions = [ const langOptions = [
{ {
value: 'zh-cn', value: 'zh-cn',
@@ -81,7 +79,7 @@ const MetadataTagsStatusDialog = ({ value: oldValue, lang: oldLang, repoID, togg
{!showTurnOffConfirmDialog && ( {!showTurnOffConfirmDialog && (
<> <>
<ModalBody className="metadata-face-recognition-dialog"> <ModalBody className="metadata-face-recognition-dialog">
{!enableMetadata && <p className="tip">{gettext('Please enable the extended properties setting first')}</p>} {!enableMetadata && <p className="tip">{gettext('Please turn on extended properties setting first')}</p>}
<Switch <Switch
checked={value} checked={value}
disabled={submitting || !enableMetadata} disabled={submitting || !enableMetadata}
@@ -91,21 +89,21 @@ const MetadataTagsStatusDialog = ({ value: oldValue, lang: oldLang, repoID, togg
onChange={onValueChange} onChange={onValueChange}
placeholder={gettext('Tags')} placeholder={gettext('Tags')}
/> />
<p className="tip m-0"> <p className="tip">
{gettext('Enable tags to add tags to files and search files by tags.')} {gettext('Enable tags to add tags to files and search files by tags.')}
</p> </p>
{value && ( {value &&
<div className="tags-language-container"> <FormGroup className="mt-6">
<span>{gettext('Tags language:')}</span> <Label>{gettext('Language for tags generated by AI')}</Label>
<SeahubSelect <SeahubSelect
className='tags-language-selector' className='tags-language-selector w-75'
value={langOptions.find(o => o.value === lang) || langOptions[1]} value={langOptions.find(o => o.value === lang) || langOptions[1]}
options={langOptions} options={langOptions}
onChange={onSelectChange} onChange={onSelectChange}
isClearable={false} isClearable={false}
/> />
</div> </FormGroup>
)} }
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>
<Button color="secondary" onClick={onToggle}>{gettext('Cancel')}</Button> <Button color="secondary" onClick={onToggle}>{gettext('Cancel')}</Button>