Persist image filters across jobs

changelog.d/20231006_155231_persist_image_filters.md

@@ -0,0 +1,4 @@
+### Fixed
+
+- Persist image filters across jobs
+  (<https://github.com/opencv/cvat/pull/6953>)

cvat-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cvat-ui",
-  "version": "1.57.2",
+  "version": "1.57.3",
   "description": "CVAT single-page application",
   "main": "src/index.tsx",
   "scripts": {

cvat-ui/src/components/annotation-page/canvas/views/canvas2d/canvas-wrapper.tsx

@@ -935,7 +935,7 @@ class CanvasWrapperComponent extends React.PureComponent<Props> {
                             const imageIsNotProcessed = imageFilters.some((imageFilter: ImageFilter) => (
                                 imageFilter.modifier.currentProcessedImage !== frame
                             ));
-
+                            console.log(imageIsNotProcessed);
                             if (imageIsNotProcessed) {
                                 try {
                                     const { renderWidth, renderHeight, imageData: imageBitmap } = originalImage;

cvat-ui/src/components/annotation-page/canvas/views/canvas2d/gamma-filter.tsx

@@ -46,6 +46,8 @@ export default function GammaFilter(): JSX.Element {
     useEffect(() => {
         if (filters.length === 0) {
             setGamma(1);
+        } else if (gammaFilter) {
+            setGamma((gammaFilter.modifier as GammaCorrection).gamma);
         }
     }, [filters]);
 

cvat-ui/src/reducers/settings-reducer.ts

@@ -462,6 +462,10 @@ export default (state = defaultState, action: AnyAction): SettingsState => {
         case BoundariesActionTypes.RESET_AFTER_ERROR:
         case AnnotationActionTypes.GET_JOB_SUCCESS: {
             const { job } = action.payload;
+            const filters = [...state.imageFilters];
+            filters.forEach((imageFilter) => {
+                imageFilter.modifier.currentProcessedImage = null;
+            });
 
             return {
                 ...state,
@@ -477,7 +481,7 @@ export default (state = defaultState, action: AnyAction): SettingsState => {
                         } :
                         {}),
                 },
-                imageFilters: [],
+                imageFilters: filters,
             };
         }
         case AnnotationActionTypes.INTERACT_WITH_CANVAS: {

cvat-ui/src/utils/fabric-wrapper/gamma-correciton.ts

@@ -10,6 +10,8 @@ export interface GammaFilterOptions {
 }
 
 export default class GammaCorrection extends FabricFilter {
+    #gamma: number[];
+
     constructor(options: GammaFilterOptions) {
         super();
 
@@ -22,5 +24,17 @@ export default class GammaCorrection extends FabricFilter {
         this.filter = new fabric.Image.filters.Gamma({
             gamma,
         });
+        this.#gamma = gamma;
+    }
+
+    public configure(options: object): void {
+        super.configure(options);
+
+        const { gamma: newGamma } = options as GammaFilterOptions;
+        this.#gamma = newGamma;
+    }
+
+    get gamma(): number {
+        return this.#gamma[0];
     }
 }