Replace event edit dialogue.

The old <dougal-event-edit-dialog/> gets replaced by
<dougal-event-edit/> which handles the new events schema.

lib/www/client/source/src/views/Log.vue

@@ -33,16 +33,16 @@
             </span>
           </v-toolbar-title>
 
-            <dougal-event-edit-dialog v-if="writeaccess"
+            <dougal-event-edit v-if="writeaccess"
               v-model="eventDialog"
-              :allowed-labels="userLabels"
+              v-bind="editedEvent"
+              :loading="loading"
+              :available-labels="userLabels"
               :preset-remarks="presetRemarks"
-              :default-timestamp="defaultEventTimestamp"
-              :default-sequence="defaultSequence"
-              :default-shotpoint="point"
-              :event-mode="online?'seq':'timed'"
-              @save="saveEvent"
-            ></dougal-event-edit-dialog>
+              @new="newEvent"
+              @changed="saveEvent"
+            >
+            </dougal-event-edit>
 
           <v-menu v-if="$route.params.sequence">
             <template v-slot:activator="{on, attrs}">
@@ -288,7 +288,7 @@
 <script>
 import { mapActions, mapGetters, mapState } from 'vuex';
 import DougalContextMenu from '@/components/context-menu';
-import DougalEventEditDialog from '@/components/event-edit-dialog'
+import DougalEventEdit from '@/components/event-edit'
 
 function ArraysEqual (a, b) {
   return a.every(i => b.includes(i)) && b.every(i => a.includes(i));
@@ -298,11 +298,15 @@ function EventKey (e) {
   return e.type+e.id;
 }
 
+function clone (obj) {
+  return JSON.parse(JSON.stringify(obj));
+}
+
 export default {
   name: "Log",
 
   components: {
-    DougalEventEditDialog,
+    DougalEventEdit,
     DougalContextMenu
   },
 
@@ -359,6 +363,7 @@ export default {
         items: []
       },
       selectedLabels: [],
+      editedEvent: {},
       labelSearch: null,
       queuedReload: false,
       itemsPerPage: 25
@@ -405,7 +410,7 @@ export default {
       }
     },
 
-    ...mapGetters(['user', 'writeaccess', 'loading', 'online', 'sequence', 'line', 'point', 'lineName', 'serverEvent']),
+    ...mapGetters(['user', 'writeaccess', 'loading', 'online', 'sequence', 'line', 'point', 'position', 'timestamp', 'lineName', 'serverEvent']),
     ...mapState({projectSchema: state => state.project.projectSchema})
 
   },
@@ -531,15 +536,71 @@ export default {
       };
     },
 
-    async saveEvent (event) {
+    /** Add a brand new event.
+     *
+     * Used when adding a new event to the database,
+     * assumed to have occurred in the immediate past,
+     * so we populate it with the last received real-time
+     * information (timestamp, shotpoint, position, etc.)
+     */
+    newEvent () {
+      this.editedEvent = {
+        tstamp: this.timestamp,
+        sequence: this.sequence,
+        point: this.point,
+        longitude: (this.position??[])[0],
+        latitude: (this.position??[])[1]
+      }
+    },
+
+
+    async patchEvent (id, data) {
       const callback = (err, res) => {
         if (!err && res.ok) {
-          this.showSnack(["New event saved", "success"]);
+          this.showSnack(["Event saved", "success"]);
           this.queuedReload = true;
           this.getEvents({cache: "reload"});
         }
       }
 
+      const url = `/project/${this.$route.params.project}/event/${id}`;
+      await this.api([url, {
+        method: "PATCH",
+        body: data
+      }, callback]);
+    },
+
+    // TODO POST or PATCH depending on whether this is a new event
+    // (no id) or an edit (id present)
+    async saveEvent (event) {
+      const callback = (err, res) => {
+        if (!err && res.ok) {
+          this.showSnack(["Event saved", "success"]);
+          this.queuedReload = true;
+          this.getEvents({cache: "reload"});
+        }
+      }
+
+      if (event) {
+        if (event.id) {
+          const id = event.id;
+          delete event.id;
+          this.putEvent(id, event, callback); // No await
+        } else {
+          this.postEvent(event, callback); // No await
+        }
+      }
+    },
+
+    async putEvent (id, event, callback) {
+      const url = `/project/${this.$route.params.project}/event/${id}`;
+      await this.api([url, {
+        method: "PATCH",
+        body: event
+      }, callback]);
+    },
+
+    async postEvent (event, callback) {
       const url = `/project/${this.$route.params.project}/event`;
       await this.api([url, {
         method: "POST",