rename SAVE to APPLY, show number of updates - #911

interface/src/utils/binding.ts

@@ -21,3 +21,29 @@ export const updateValue =
       [event.target.name]: extractEventValue(event)
     }));
   };
+
+export const updateValueDirty =
+  <S>(origData: any, dirtyFlags: any, setDirtyFlags: any, updateEntity: UpdateEntity<S>) =>
+  (event: React.ChangeEvent<HTMLInputElement>) => {
+    const updated_value = extractEventValue(event);
+    const name = event.target.name;
+    updateEntity((prevState) => ({
+      ...prevState,
+      [name]: updated_value
+    }));
+
+    const arr: string[] = dirtyFlags;
+
+    if (origData[name] !== updated_value) {
+      if (!arr.includes(name)) {
+        arr.push(name);
+      }
+    } else {
+      const startIndex = arr.indexOf(name);
+      if (startIndex !== -1) {
+        arr.splice(startIndex, 1);
+      }
+    }
+
+    setDirtyFlags(arr);
+  };