mirror of
https://github.com/blakeblackshear/frigate.git
synced 2024-11-21 19:07:46 +01:00
Show status when mask is saved (#7212)
This commit is contained in:
parent
bfa7a5cc60
commit
d30a738960
@ -1090,7 +1090,7 @@ def config_set():
|
||||
logging.error(f"Error updating config: {e}")
|
||||
return "Error updating config", 500
|
||||
|
||||
return "Config successfully updated", 200
|
||||
return "Config successfully updated, restart to apply", 200
|
||||
|
||||
|
||||
@bp.route("/config/schema.json")
|
||||
|
@ -53,6 +53,8 @@ export default function CameraMasks({ camera }) {
|
||||
);
|
||||
|
||||
const [editing, setEditing] = useState({ set: motionMaskPoints, key: 0, fn: setMotionMaskPoints });
|
||||
const [success, setSuccess] = useState();
|
||||
const [error, setError] = useState();
|
||||
|
||||
const handleUpdateEditable = useCallback(
|
||||
(newPoints) => {
|
||||
@ -133,11 +135,14 @@ export default function CameraMasks({ camera }) {
|
||||
const endpoint = `config/set?${queryParameters}`;
|
||||
const response = await axios.put(endpoint);
|
||||
if (response.status === 200) {
|
||||
// handle successful response
|
||||
setSuccess(response.data);
|
||||
}
|
||||
} catch (error) {
|
||||
// handle error
|
||||
//console.error(error);
|
||||
if (error.response) {
|
||||
setError(error.response.data.message);
|
||||
} else {
|
||||
setError(error.message);
|
||||
}
|
||||
}
|
||||
}, [camera, motionMaskPoints]);
|
||||
|
||||
@ -207,11 +212,14 @@ ${Object.keys(zonePoints)
|
||||
const endpoint = `config/set?${queryParameters}`;
|
||||
const response = await axios.put(endpoint);
|
||||
if (response.status === 200) {
|
||||
// handle successful response
|
||||
setSuccess(response.data);
|
||||
}
|
||||
} catch (error) {
|
||||
// handle error
|
||||
//console.error(error);
|
||||
if (error.response) {
|
||||
setError(error.response.data.message);
|
||||
} else {
|
||||
setError(error.message);
|
||||
}
|
||||
}
|
||||
}, [camera, zonePoints]);
|
||||
|
||||
@ -263,11 +271,14 @@ ${Object.keys(objectMaskPoints)
|
||||
const endpoint = `config/set?${queryParameters}`;
|
||||
const response = await axios.put(endpoint);
|
||||
if (response.status === 200) {
|
||||
// handle successful response
|
||||
setSuccess(response.data);
|
||||
}
|
||||
} catch (error) {
|
||||
// handle error
|
||||
//console.error(error);
|
||||
if (error.response) {
|
||||
setError(error.response.data.message);
|
||||
} else {
|
||||
setError(error.message);
|
||||
}
|
||||
}
|
||||
}, [camera, objectMaskPoints]);
|
||||
|
||||
@ -320,6 +331,9 @@ ${Object.keys(objectMaskPoints)
|
||||
header="Warning"
|
||||
/>
|
||||
|
||||
{success && <div className="max-h-20 text-green-500">{success}</div>}
|
||||
{error && <div className="p-4 overflow-scroll text-red-500 whitespace-pre-wrap">{error}</div>}
|
||||
|
||||
<div className="space-y-4">
|
||||
<div className="relative">
|
||||
<img ref={imageRef} src={`${apiHost}/api/${camera}/latest.jpg`} />
|
||||
|
Loading…
Reference in New Issue
Block a user