WIP

package.json

@@ -75,7 +75,7 @@
     "coordinate-parser": "^1.0.3",
     "dijkstrajs": "^1.0.1",
     "electron-debug": "^3.0.1",
-    "element-ui": "^2.12.0",
+    "element-ui": "^2.13.2",
     "file-url": "^3.0.0",
     "fs": "0.0.1-security",
     "geo-coordinates-parser": "^1.2.3",

src/renderer/components/Airport.vue

@@ -1,27 +1,53 @@
 <template>
   <div>
-      <el-row>
-        <el-col :span="3" class='text'>
-          {{airport.icao}}
-        </el-col>
-        <el-col :span="6" class='text'>
-          {{date}}
-        </el-col>
-        <el-col :span="6" class='text'>
-          {{upload_date}}
-        </el-col>
-        <el-col :span="9">
-          <el-button @click="goto" class="button"><i class="fas fa-bullseye"></i></el-button>
-          <el-button @click="remove" tooltip="Remove wip file" class="button"><i class="fas fa-trash-alt"></i></el-button>
-          <el-button @click="upload" tooltip="Upload to groundweb" class="button"><i class="fas fa-upload"></i></el-button>
-        </el-col>
-      </el-row>
+    <el-row>
+      <el-col :span="3" class="text">{{airport.icao}}</el-col>
+      <el-col :span="6" class="text">{{date}}</el-col>
+      <el-col :span="6" class="text">{{upload_date}}</el-col>
+      <el-col :span="9">
+        <el-popover
+          placement="top-start"
+          title="Goto"
+          width="200"
+          trigger="hover"
+          content="Center to airport"
+        >
+          <el-button @click="goto" class="button" slot="reference">
+            <i class="fas fa-bullseye"></i>
+          </el-button>
+        </el-popover>
+        <el-popover
+          placement="top-start"
+          title="Remove"
+          width="200"
+          trigger="hover"
+          content="Remove this Work in progress file"
+        >
+          <el-button @click="remove" tooltip="Remove wip file" class="button" slot="reference">
+            <i class="fas fa-trash-alt"></i>
+          </el-button>
+        </el-popover>
+        <el-popover
+          placement="top-start"
+          title="Upload"
+          width="200"
+          trigger="hover"
+          content="Upload work in progress"
+        >
+          <el-button @click="upload" tooltip="Upload to groundweb" class="button" slot="reference">
+            <i class="fas fa-upload"></i>
+          </el-button>
+        </el-popover>
+      </el-col>
+    </el-row>
   </div>
 </template>
 <script lang="js">
+/* eslint-disable */
+  const $ = require('jquery');
+  import 'element-ui/lib/theme-chalk/index.css'
   import {removeWip} from '../loaders/groundnet_functions'
 
-/* eslint-disable */
   export default  {
     name: 'airport',
     props: {airport: Object},
@@ -75,4 +101,7 @@
   padding-left: 10px;
   padding-right: 10px;
 }
+.el-popover--plain {
+    padding: 5px 5px;
+}
 </style>

src/renderer/components/WorkInProgress.vue

@@ -13,10 +13,11 @@
         <el-col :span="7" class="text">
           Edited
         </el-col>
-        <el-col :span="9" class="text">
+        <el-col :span="8" class="text">
           Uploaded
         </el-col>
         <el-col :span="6" class="text">
+          Actions
         </el-col>
       </el-row>
         
@@ -52,6 +53,7 @@
 <style scoped lang="scss">
 .text {
   padding: 10px;
+  font-weight: bold;
 }
 .el-row {
     margin-bottom: 0px;