tweaks with ingrid

samatt · Jun 11, 2017 · f613b3b · f613b3b
1 parent d90de2c
commit f613b3b
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 8 deletions.
diff --git a/app/src/renderer/components/layout/Levelbar.vue b/app/src/renderer/components/layout/Levelbar.vue
@@ -16,13 +16,14 @@
       </div>
     </div>
   </nav>
+  <!-- <div @click="newMessage({level:'danger', title:'', duration: 5000, body:'If this is your first time using herbivore you\'ll need to set some permissions. Click on the permissions tab in the menu bar to do so. You will have to enter your password 3 times. (Sorry)'})" class='button'> Click here if its your first time </div> -->
 </section>
 </template>
 
 <script>
 // import Breadcrumb from 'vue-bulma-breadcrumb'
 // import Tooltip from 'vue-bulma-tooltip'
-import {mapGetters} from 'vuex'
+import {mapGetters, mapActions} from 'vuex'
 export default {
   components: {
   },
@@ -86,6 +87,10 @@ export default {
         heading: 'Current Target',
         title: deviceText
       })
+      text.push({
+        heading: 'Are we sniffing?',
+        title: this.running ? '👍' : '👎'
+      })
       text.push({
         heading: 'Number of Packets',
         title: this.packets.length
@@ -98,6 +103,7 @@ export default {
       'publicIp',
       'packets',
       'devices',
+      'running',
       'maxPossibleDevices'])
   },
   methods: {
@@ -108,7 +114,11 @@ export default {
         matched = [{ name: 'Home', path: '/' }].concat(matched)
       }
       this.list = matched
-    }
+    },
+    ...mapActions([
+      'newMessage',
+      'newNotification'
+    ])
   },
   watch: {
     $route (val) {
@@ -120,6 +130,7 @@ export default {
       }
     }
   }
+
 }
 </script>
 <style lang='scss'>

diff --git a/app/src/renderer/globals.scss b/app/src/renderer/globals.scss
@@ -16,7 +16,7 @@ $orange-yellow: rgba(255, 209, 102, 1);
 
 body {
     // -ms-overflow-style: scrollbar;
-    -webkit-app-region:drag;
+    // -webkit-app-region:drag;
 }
 
 input[type="submit"],

diff --git a/app/src/renderer/views/home/Index.vue b/app/src/renderer/views/home/Index.vue
@@ -15,7 +15,7 @@
   <p class="subtitle is-5">
 
   </p>
-  <div @click="newMessage({level:'primary', title:'', duration: 5000, body:'If this is your first time using herbivore you\'ll need to set some permissions. Click on the permissions tab in the menu bar to do so.'})" class='button'> Click here if its your first time </div>
+  <div @click="newMessage({level:'primary', title:'', duration: 5000, body:'If this is your first time using herbivore you\'ll need to set some permissions. Click on the permissions tab in the menu bar to do so. You will have to enter your password 3 times. (Sorry)'})" class='button'> Click here if its your first time </div>
 </div>
 </section>
 </template>

diff --git a/app/src/renderer/views/sniffer/Index.vue b/app/src/renderer/views/sniffer/Index.vue
@@ -1,4 +1,4 @@
-<template>
+  <template>
 <div>
   <sniffer-menu/>
   <packet-inspector/>
@@ -21,7 +21,7 @@
         @click="updateCurrent(packet, index)">
       <td class="selectable-text">  {{ packet.ts | prettifyTs}}</td>
       <td class="selectable-text">{{packet.payload.host }}</td>
-      <td class="selectable-text">{{packet.payload.type !== 'https' ? packet.payload.contentType : '' }}</td>
+      <td class="selectable-text">{{packet.payload.type !== 'https' ? packet.payload.contentType : '🔒' }}</td>
       <td class="selectable-text">{{packet.ip.saddr | stringifyIp}}</td>
       <td class="selectable-text">{{packet.ip.daddr | stringifyIp}}</td>
       <td class="selectable-text">{{packet.tcp.sport }}</td>

diff --git a/app/src/renderer/views/sniffer/PacketViewer.vue b/app/src/renderer/views/sniffer/PacketViewer.vue
@@ -72,9 +72,9 @@ export default {
     },
     getClasses (packet, index) {
       if (index === this.hoverIndex) {
-        return ['highlighted', 'small-title', 'has-text-left']
+        return ['selectable-text','highlighted', 'small-title', 'has-text-left']
       } else {
-        return ['small-title', 'has-text-left']
+        return ['selectable-text', 'small-title', 'has-text-left']
       }
     },
     keyup (e) {