#257 fusion tab

frontend/src/components/CKFusion.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="w-100 p-2 bg-light text-left">
+    <b-alert :show="true">
+      <b-link @click="ckfusionInfo=true" href="#">
+        <b-icon icon="info-circle-fill"/>
+      </b-link>&ensp;
+      About CK Fusion
+    </b-alert>
+
+    <!-- info  popup -->
+    <b-modal
+        v-model=ckfusionInfo
+        title="CK Fusion">
+        CK Fusion software uses the clustered kriging fusion method to combine earth surface displacement observations from two sources: GNSS and UAVSAR.
+        <br><br>
+        There are three stand alone components to software each of which can be run separately as a python executable.
+        <ul>
+        <li><b>get_uavsar_displacements</b>: Retrieves GNSS displacements over an InSAR epoch defined by the input UAVSAR annotation file.</li> 
+        <li><b>clusterKrigeVelocities</b>: A stand alone implementation of the clustered kriging algorithm that uses only the GNSS observations to generate an estimated field.</li>
+        <li><b>CK_Fusion_GNSS_InSAR</b>: Implements the full clustered kriging fusion method for GNSS and UAVSAR displacement observations.</li>
+        </ul>
+      <div slot="modal-footer" class="w-100">
+      </div>
+    </b-modal>
+  </div>
+
+</template>
+
+<script>
+export default {
+  name: "CKFusion",
+  data() {
+    return {
+      ckfusionInfo: false,
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>

frontend/src/components/ToolBar.vue

@@ -85,10 +85,13 @@ export default {
         case 7:
           route = '/3dimaging';
           break;
+        case 8:
+          route = '/ckfusion';
+          break;
         case 9:
           route = '/report';
           break;
-        case 8:
+        case 10:
           route = '/help';
           break;
       }

frontend/src/components/ToolTabs.vue

@@ -40,6 +40,7 @@ export default {
         {to: "disloc", label: "Disloc"},
         {to: "specialstudies", label: "Studies"},
         {to: "3dimaging", label: "3D imaging"},
+        {to: "ckfusion", label: "CK Fusion"},
         {to: "report", label: "Report"},
         {to: "help", label: "Help"}
       ]
@@ -147,11 +148,14 @@ export default {
         case "/3dimaging":
           index = 7;
           break;
+        case "/ckfusion":
+          index = 8;
+          break;
         case "/report":
           index = 9;
           break;
         case "/help":
-          index = 8;
+          index = 10;
           break;
       }
       if (this.tabIndex != index) {

frontend/src/main.js

@@ -13,6 +13,7 @@ import help from "./components/help";
 import Disloc from "./components/Disloc";
 import SpecialStudies from "./components/SpecialStudies";
 import ThreeDImaging from "./components/ThreeDImaging";
+import CKFusion from "./components/CKFusion";
 import VueRouter from 'vue-router';
 import 'leaflet/dist/leaflet.css';
 import "leaflet-kml";
@@ -51,6 +52,7 @@ const routes = [
   {name: 'uavsar', path: '/uavsar', component: UAVSAR },
   {name: 'specialstudies', path: '/specialstudies', component: SpecialStudies },
   {name: '3dimaging', path: '/3dimaging', component: ThreeDImaging },
+  {name: 'ckfusion', path: '/ckfusion', component: CKFusion },
   {name: 'report', path: '/report', component: report },
   {name: 'help', path: '/help', component: help },
   ]}