haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-27 15:54:39 +00:00
Code Issues Releases Wiki Activity

add_close_face_recognition (#6998)

Browse Source 
* add_close_face_recognition

* update

* update

* update

---------

Co-authored-by: zheng.shen <zheng.shen@seafile.com>
This commit is contained in:
shenzheng-1
2024-11-07 13:58:18 +08:00
committed by GitHub
parent d823a02caf
commit 59f24cb2b6
5 changed files with 116 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,18 +7,24 @@ import { gettext } from '../../../../utils/constants';
import metadataAPI from '../../../api';
import toaster from '../../../../components/toast';
import { Utils } from '../../../../utils/utils';
import TurnOffConfirmDialog from './turn-off-confirm';
import './index.css';
const MetadataFaceRecognitionDialog = ({ value: oldValue, repoID, toggleDialog: toggle, submit }) => {
const [value, setValue] = useState(oldValue);
const [submitting, setSubmitting] = useState(false);
const [showTurnOffConfirmDialog, setShowTurnOffConfirmDialog] = useState(false);
const onToggle = useCallback(() => {
toggle();
}, [toggle]);
const onSubmit = useCallback(() => {
if (!value) {
setShowTurnOffConfirmDialog(true);
return;
}
setSubmitting(true);
metadataAPI.openFaceRecognition(repoID).then(res => {
submit(true);
@@ -28,6 +34,23 @@ const MetadataFaceRecognitionDialog = ({ value: oldValue, repoID, toggleDialog:
toaster.danger(errorMsg);
setSubmitting(false);
});
}, [repoID, submit, toggle, value]);
const turnOffConfirmToggle = useCallback(() => {
setShowTurnOffConfirmDialog(!showTurnOffConfirmDialog);
}, [showTurnOffConfirmDialog]);
const turnOffConfirmSubmit = useCallback(() => {
setShowTurnOffConfirmDialog(false);
setSubmitting(true);
metadataAPI.closeFaceRecognition(repoID).then(res => {
submit(false);
toggle();
}).catch(error => {
const errorMsg = Utils.getErrorMsg(error);
toaster.danger(errorMsg);
setSubmitting(false);
});
}, [repoID, submit, toggle]);
const onValueChange = useCallback(() => {
@@ -37,25 +60,30 @@ const MetadataFaceRecognitionDialog = ({ value: oldValue, repoID, toggleDialog:
return (
<>
<ModalBody className="metadata-face-recognition-dialog">
<Switch
checked={value}
disabled={submitting || oldValue}
size="large"
textPosition="right"
className={classnames('change-face-recognition-status-management w-100', { 'disabled': submitting || oldValue })}
onChange={onValueChange}
placeholder={gettext('Face recognition')}
/>
<p className="tip m-0">
{gettext('Enable face recognition to identify people in your photos.')}
</p>
</ModalBody>
{!oldValue && (
<ModalFooter>
<Button color="secondary" onClick={onToggle}>{gettext('Cancel')}</Button>
<Button color="primary" disabled={oldValue === value || submitting} onClick={onSubmit}>{gettext('Submit')}</Button>
</ModalFooter>
{!showTurnOffConfirmDialog && (
<>
<ModalBody className="metadata-face-recognition-dialog">
<Switch
checked={value}
disabled={submitting}
size="large"
textPosition="right"
className={classnames('change-face-recognition-status-management w-100', { 'disabled': submitting || oldValue })}
onChange={onValueChange}
placeholder={gettext('Face recognition')}
/>
<p className="tip m-0">
{gettext('Enable face recognition to identify people in your photos.')}
</p>
</ModalBody>
<ModalFooter>
<Button color="secondary" onClick={onToggle}>{gettext('Cancel')}</Button>
<Button color="primary" disabled={oldValue === value || submitting} onClick={onSubmit}>{gettext('Submit')}</Button>
</ModalFooter>
</>
)}
{showTurnOffConfirmDialog && (
<TurnOffConfirmDialog toggle={turnOffConfirmToggle} submit={turnOffConfirmSubmit} />
)}
</>
);