Websocket basic

Websocket basic

web/src/lib/components/asset-viewer/detail-panel.svelte

@@ -125,7 +125,6 @@
           longitude: gps.lng,
         },
       });
-      notificationController.show({ message: 'Metadata updated please reload to apply', type: NotificationType.Info });
     } catch (error) {
       handleError(error, 'Unable to change location');
     }

web/src/lib/components/photos-page/actions/change-date-action.svelte

@@ -24,7 +24,7 @@
       await api.assetApi.updateAssets({
         assetBulkUpdateDto: { ids, dateTimeOriginal },
       });
-      notificationController.show({ message: 'Metadata updated please reload to apply', type: NotificationType.Info });
+      notificationController.show({ message: 'Updating date please wait', type: NotificationType.Info });
     } catch (error) {
       handleError(error, 'Unable to change date');
     }

web/src/lib/components/photos-page/actions/change-location-action.svelte

@@ -29,7 +29,7 @@
           longitude: point.lng,
         },
       });
-      notificationController.show({ message: 'Metadata updated please reload to apply', type: NotificationType.Info });
+      notificationController.show({ message: 'Updating location please wait', type: NotificationType.Info });
     } catch (error) {
       handleError(error, 'Unable to update location');
     }

web/src/lib/components/shared-components/update-panel.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+  import { websocketStore } from '$lib/stores/websocket';
+  import { notificationController, NotificationType } from './notification/notification';
+
+  let assetUpdateCount = 0;
+  let lastAssetName;
+  let timeoutId;
+
+  const subscribe = websocketStore.onAssetUpdate.subscribe(value => {
+    if (value && value.originalFileName) {
+      lastAssetName = value.originalFileName;
+      assetUpdateCount++;
+      clearTimeout(timeoutId);
+      timeoutId = setTimeout(() => {
+        if (assetUpdateCount === 1) {
+          
+          notificationController.show({
+            message: `Asset updated: ${lastAssetName}.\nPlease reload to apply changes`,
+            type: NotificationType.Info,
+          });
+        } else {
+          notificationController.show({
+            message: `${assetUpdateCount} assets updated.\nPlease reload to apply changes`,
+            type: NotificationType.Info,
+          });
+        }
+        assetUpdateCount = 0;
+      }, 500);
+    }
+  });
+
+</script>