From bc54d4ad5921c9d79bf871fa72dda3633f26b01e Mon Sep 17 00:00:00 2001
From: "D. Berge" <dberge@aaltronav.eu>
Date: Thu, 8 Oct 2020 16:39:29 +0200
Subject: [PATCH] Add option to add sequence to planner as reshoot

---
 .../client/source/src/views/SequenceList.vue  | 119 +++++++++++++++---
 1 file changed, 104 insertions(+), 15 deletions(-)

diff --git a/lib/www/client/source/src/views/SequenceList.vue b/lib/www/client/source/src/views/SequenceList.vue
index 4828a79..6c09590 100644
--- a/lib/www/client/source/src/views/SequenceList.vue
+++ b/lib/www/client/source/src/views/SequenceList.vue
@@ -19,18 +19,36 @@
       </v-card-title>
       <v-card-text>
 
+        <v-menu
+          v-model="contextMenuShow"
+          :position-x="contextMenuX"
+          :position-y="contextMenuY"
+          absolute
+          offset-y
+        >
+          <v-list dense v-if="contextMenuItem">
+            <v-list-item @click="addToPlan(false)">
+              <v-list-item-title>Reshoot</v-list-item-title>
+            </v-list-item>
+            <v-list-item @click="addToPlan(true)">
+              <v-list-item-title>Reshoot with overlap</v-list-item-title>
+            </v-list-item>
+          </v-list>
+        </v-menu>
+
         <v-data-table
-        :headers="headers"
-        :items="items"
-        item-key="sequence"
-        :server-items-length="num_rows"
-        :search="filter"
-        :custom-filter="customFilter"
-        :loading="loading"
-        :fixed-header="true"
-        show-expand
-        :item-class="(item) => activeItem == item ? 'blue accent-1 elevation-3' : ''"
-        @click:row="setActiveItem"
+          :headers="headers"
+          :items="items"
+          item-key="sequence"
+          :server-items-length="num_rows"
+          :search="filter"
+          :custom-filter="customFilter"
+          :loading="loading"
+          :fixed-header="true"
+          show-expand
+          :item-class="(item) => activeItem == item ? 'blue accent-1 elevation-3' : ''"
+          @click:row="setActiveItem"
+          @contextmenu:row="contextMenu"
         >
 
           <template v-slot:expanded-item="{ headers, item }">
@@ -243,8 +261,8 @@
             <span>{{ Math.round(props.value) }} m</span>
           </template>
 
-          <template v-slot:item.azimuth="props">
-            <span>{{ props.value.toFixed(1) }} °</span>
+          <template v-slot:item.azimuth="{value}">
+            <span>{{ value.toFixed? value.toFixed(1) : value }} °</span>
           </template>
 
         </v-data-table>
@@ -378,7 +396,17 @@ export default {
       num_rows: null,
       activeItem: null,
       edit: null, // {sequence, key, value}
-      queuedReload: false
+      queuedReload: false,
+
+      // Planner related stuff
+      preplots: null,
+      plannerConfig: null,
+
+      // Context menu stuff
+      contextMenuShow: false,
+      contextMenuX: 0,
+      contextMenuY: 0,
+      contextMenuItem: null
     }
   },
 
@@ -437,7 +465,68 @@ export default {
   },
 
   methods: {
-    
+
+    contextMenu (e, {item}) {
+      e.preventDefault();
+      this.contextMenuShow = false;
+      this.contextMenuX = e.clientX;
+      this.contextMenuY = e.clientY;
+      this.contextMenuItem = item;
+      this.$nextTick( () => this.contextMenuShow = true );
+    },
+
+    async getReshootEndpoints (item, overlap) {
+      const urlPreplot = `/project/${this.$route.params.project}/line`;
+      const urlPlannerConfig = `/project/${this.$route.params.project}/configuration/planner`;
+      if (!this.preplots) {
+        this.preplots = await this.api([urlPreplot]);
+      }
+      if (!this.plannerConfig) {
+        this.plannerConfig = await this.api([urlPlannerConfig]) || {
+          overlapBefore: 0,
+          overlapAfter: 0
+        };
+      }
+
+      const preplot = this.preplots.find(l => l.line == item.line);
+      const incr = item.fsp <= item.lsp;
+      const lim0 = incr
+        ? Math.max : Math.min;
+      const lim1 = incr
+        ? Math.min : Math.max;
+      const dir = incr ? 1 : -1;
+
+      const sp0 = overlap
+        ? lim0((item.fsp_final || item.fsp) - this.plannerConfig.overlapBefore * dir, preplot.fsp)
+        : lim0(item.fsp_final || item.fsp, preplot.fsp);
+
+      const sp1 = overlap
+        ? lim1((item.lsp_final || item.lsp) + this.plannerConfig.overlapAfter * dir, preplot.lsp)
+        : lim1(item.lsp_final || item.lsp, preplot.lsp);
+
+      return {sp0, sp1}
+    },
+
+    async addToPlan (overlap=false) {
+
+      const { sp0, sp1 } = await this.getReshootEndpoints(this.contextMenuItem, overlap);
+
+      const payload = {
+        line: this.contextMenuItem.line,
+        fsp: sp0,
+        lsp: sp1,
+        remarks: `Reshoot of sequence ${this.contextMenuItem.sequence}.`
+      }
+      console.log("Plan", payload);
+      const url = `/project/${this.$route.params.project}/plan`;
+      const init = {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: payload
+      }
+      await this.api([url, init]);
+    },
+
     editItem (item, key) {
       this.edit = {
         sequence: item.sequence,