From 3d1e945fe1727f3447744b487e9d721f9937edf9 Mon Sep 17 00:00:00 2001
From: Evan Reichard <evan@reichard.io>
Date: Fri, 19 Mar 2021 23:32:22 -0400
Subject: [PATCH] Web Styling

---
 src/overseer/api/__init__.py                  | 14 -----------
 src/overseer/api/v1/routes.py                 | 21 ++++------------
 src/overseer/static/css/app.4d1483d7.css      |  1 -
 src/overseer/static/css/app.efe1070d.css      |  1 +
 src/overseer/static/js/app.77b1e8f6.js        |  2 --
 src/overseer/static/js/app.77b1e8f6.js.map    |  1 -
 src/overseer/static/js/app.b2809d88.js        |  2 ++
 src/overseer/static/js/app.b2809d88.js.map    |  1 +
 src/overseer/templates/index.html             |  2 +-
 src/overseer_client/src/App.vue               |  3 ++-
 .../src/components/OverseerHeader.vue         | 24 +++++++++++++++----
 .../src/components/OverseerHome.vue           | 24 +++++++++++++------
 .../src/components/OverseerNotifications.vue  | 19 ++++++++-------
 src/overseer_client/src/main.js               |  3 ---
 14 files changed, 59 insertions(+), 59 deletions(-)
 delete mode 100644 src/overseer/static/css/app.4d1483d7.css
 create mode 100644 src/overseer/static/css/app.efe1070d.css
 delete mode 100644 src/overseer/static/js/app.77b1e8f6.js
 delete mode 100644 src/overseer/static/js/app.77b1e8f6.js.map
 create mode 100644 src/overseer/static/js/app.b2809d88.js
 create mode 100644 src/overseer/static/js/app.b2809d88.js.map

diff --git a/src/overseer/api/__init__.py b/src/overseer/api/__init__.py
index 7b6857a..1403f6f 100644
--- a/src/overseer/api/__init__.py
+++ b/src/overseer/api/__init__.py
@@ -1,25 +1,11 @@
 open_websockets = []
 
 
-"""
-EVENT:
-    DATA:
-        {
-            id: 1,
-            target: "127.0.0.1",
-            total_progress: 90,
-            tcp_progress: 80,
-            udp_progress: 100,
-        }
-"""
-
-
 def send_websocket_event(data):
     """Send an event to all registered websockets.
 
     Arguments:
     data -- Data to send over the websocket(s)
     """
-    print("EMITTING DATA: %s" % data)
     for socket in open_websockets:
         socket.send(data)
diff --git a/src/overseer/api/v1/routes.py b/src/overseer/api/v1/routes.py
index b33fb84..cbbe9ef 100644
--- a/src/overseer/api/v1/routes.py
+++ b/src/overseer/api/v1/routes.py
@@ -4,18 +4,8 @@ from flask import request
 
 
 @api.route("/status", methods=["GET"])
-def status():
-    """
-    GET:
-        REQUEST: /api/v1/status
-        RESPONSE:
-            {
-                version: "0.0.1",,
-                active_scans: [
-                    <WEBSOCKET_DATA>
-                ],
-            }
-    """
+def get_status():
+    """Get server version and all active scans."""
     return {
         "version": overseer.__version__,
         "active_scans": overseer.scan_manager.get_status(),
@@ -23,7 +13,7 @@ def status():
 
 
 @api.route("/scans", methods=["POST"])
-def scans_post():
+def post_scans():
     """
     POST:
         REQUEST: /api/v1/scans
@@ -43,7 +33,7 @@ def scans_post():
 
 
 @api.route("/scans/<string:target>", methods=["GET"])
-def scan_get_history(target):
+def get_scans_by_target(target):
     """
     GET:
         REQUEST: /api/v1/scans/www.google.com
@@ -64,9 +54,8 @@ def scan_get_history(target):
     return {"data": __normalize_scan_results(scan_results)}
 
 
-# TODO
 @api.route("/search", methods=["GET"])
-def scan_get_all(search):
+def get_scans(search):
     """
     GET:
         REQUEST: /api/v1/search?query=1.1.1.1
diff --git a/src/overseer/static/css/app.4d1483d7.css b/src/overseer/static/css/app.4d1483d7.css
deleted file mode 100644
index f660edc..0000000
--- a/src/overseer/static/css/app.4d1483d7.css
+++ /dev/null
@@ -1 +0,0 @@
-#overseer-body[data-v-dc8467c2]{background-color:#ff0;width:100%;height:100%}#center[data-v-dc8467c2]{margin:0 auto;width:800px;height:100%;background-color:purple}#overseer-search[data-v-dc8467c2]{width:400px;border-radius:5px;height:40px;margin-top:300px;font-size:1rem;padding:.3rem .8rem;text-indent:0;outline:none;border:0 solid}#overseer-header[data-v-182df07c]{background-color:green;width:100%;height:60px}#overseer-notifications[data-v-5c26d9a3]{height:100%;width:320px;padding:10px;float:right;background-color:#00f}.overseer-notification[data-v-5c26d9a3]{width:300px;height:65px;background-color:green;border-radius:5px;border:1px solid #000;text-align:start;padding:10px}#overseer-app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100%}body,html{height:100%;width:100%;margin:0}
\ No newline at end of file
diff --git a/src/overseer/static/css/app.efe1070d.css b/src/overseer/static/css/app.efe1070d.css
new file mode 100644
index 0000000..b9f604f
--- /dev/null
+++ b/src/overseer/static/css/app.efe1070d.css
@@ -0,0 +1 @@
+#overseer-body[data-v-352462f2]{width:100%;height:100%}#center[data-v-352462f2]{margin:0 auto;width:1000px;height:100%;background-color:#343a46;box-shadow:inset 0 0 3px 3px #2b303a}#overseer-search[data-v-352462f2]::-moz-placeholder{text-align:center}#overseer-search[data-v-352462f2]:-ms-input-placeholder{text-align:center}#overseer-search[data-v-352462f2]::placeholder{text-align:center}#overseer-search[data-v-352462f2]{width:400px;height:40px;border-radius:5px;text-align:center;margin-top:400px;font-size:1rem;padding:.3rem .8rem;text-indent:0;outline:none;border:0 solid}#overseer-header[data-v-1f75c2e8]{background-color:#c9582c;width:100%;height:60px;position:fixed;top:0}#overseer-notifications[data-v-47117d80]{height:calc(100% - 60px);width:320px;position:fixed;transition:.5s;right:0;overflow:scroll;margin-top:60px}.overseer-notification[data-v-47117d80]{height:65px;transition:.5s;background-color:#e0e3de;border-radius:2px;text-align:start;padding:10px;margin:10px}#overseer-app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#3a4040;height:100%}body,html{height:100%;width:100%;margin:0;background-color:#2b303a}
\ No newline at end of file
diff --git a/src/overseer/static/js/app.77b1e8f6.js b/src/overseer/static/js/app.77b1e8f6.js
deleted file mode 100644
index c1a79d7..0000000
--- a/src/overseer/static/js/app.77b1e8f6.js
+++ /dev/null
@@ -1,2 +0,0 @@
-(function(e){function t(t){for(var r,c,s=t[0],a=t[1],u=t[2],l=0,p=[];l<s.length;l++)c=s[l],Object.prototype.hasOwnProperty.call(o,c)&&o[c]&&p.push(o[c][0]),o[c]=0;for(r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r]);f&&f(t);while(p.length)p.shift()();return i.push.apply(i,u||[]),n()}function n(){for(var e,t=0;t<i.length;t++){for(var n=i[t],r=!0,s=1;s<n.length;s++){var a=n[s];0!==o[a]&&(r=!1)}r&&(i.splice(t--,1),e=c(c.s=n[0]))}return e}var r={},o={app:0},i=[];function c(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,c),n.l=!0,n.exports}c.m=e,c.c=r,c.d=function(e,t,n){c.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},c.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,t){if(1&t&&(e=c(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(c.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)c.d(n,r,function(t){return e[t]}.bind(null,r));return n},c.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return c.d(t,"a",t),t},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.p="/static/";var s=window["webpackJsonp"]=window["webpackJsonp"]||[],a=s.push.bind(s);s.push=t,s=s.slice();for(var u=0;u<s.length;u++)t(s[u]);var f=a;i.push([0,"chunk-vendors"]),n()})({0:function(e,t,n){e.exports=n("56d7")},"034f":function(e,t,n){"use strict";n("85ec")},"3b75":function(e,t,n){},"56d7":function(e,t,n){"use strict";n.r(t);n("e260"),n("e6cf"),n("cca6"),n("a79d");var r=n("2b0e"),o=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"overseer-app"}},[n("OverseerHeader"),n("OverseerNotifications"),n("OverseerHome")],1)},i=[],c=function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},s=[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"overseer-body"}},[n("div",{attrs:{id:"center"}},[n("input",{attrs:{id:"overseer-search",placeholder:"IP / Hostname",type:"text"}})])])}],a={name:"OverseerHome"},u=a,f=(n("c931"),n("2877")),l=Object(f["a"])(u,c,s,!1,null,"dc8467c2",null),p=l.exports,d=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"overseer-header"}})},v=[],b={name:"OverseerHeader"},_=b,O=(n("8033"),Object(f["a"])(_,d,v,!1,null,"182df07c",null)),h=O.exports,m=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"overseer-notifications"}},e._l(e.items,(function(t){return n("div",{key:t.id,staticClass:"overseer-notification"},[n("b",[e._v("Target: ")]),e._v(" "+e._s(t.target)+" "),n("br"),n("b",[e._v("Status: ")]),e._v(e._s(t.status)+" "),n("br"),"total_progress"in t?n("span",[n("b",[e._v("Progress: ")]),e._v(e._s(t.total_progress)+" "),n("br")]):e._e()])})),0)},g=[],y={name:"OverseerNotifications",computed:{items:function(){return this.$store.state.notifications}}},w=y,j=(n("d09c"),Object(f["a"])(w,m,g,!1,null,"5c26d9a3",null)),x=j.exports,E={name:"App",components:{OverseerHome:p,OverseerHeader:h,OverseerNotifications:x}},S=E,P=(n("034f"),Object(f["a"])(S,o,i,!1,null,null,null)),T=P.exports,C=(n("7db0"),n("159b"),n("b64b"),n("2f62"));r["a"].use(C["a"]);var H=new C["a"].Store({state:{ws_connected:!1,notifications:[]},mutations:{SOCKET_connect:function(e,t){e.ws_connected=!0,console.log("CONNECT: ",e,t)},SOCKET_disconnect:function(e,t){e.ws_connected=!1,console.log("DISCONNECT: ",e,t)},SOCKET_message:function(e,t){var n=e.notifications.find((function(e){return e.id==t.id}));n?Object.keys(t).forEach((function(e){r["a"].set(n,e,t[e])})):e.notifications.push(t)}},actions:{}}),N=n("8e27"),$=n.n(N),k=n("5132"),K=n.n(k);r["a"].use(new K.a({debug:!0,connection:$()({path:"/api/v1/socket.io"}),vuex:{store:H,actionPrefix:"SOCKET_",mutationPrefix:"SOCKET_"}})),r["a"].config.productionTip=!1,console.log(H),new r["a"]({render:function(e){return e(T)},store:H}).$mount("#app")},8033:function(e,t,n){"use strict";n("3b75")},"85ec":function(e,t,n){},a2a5:function(e,t,n){},c931:function(e,t,n){"use strict";n("a2a5")},d09c:function(e,t,n){"use strict";n("e6eb")},e6eb:function(e,t,n){}});
-//# sourceMappingURL=app.77b1e8f6.js.map
\ No newline at end of file
diff --git a/src/overseer/static/js/app.77b1e8f6.js.map b/src/overseer/static/js/app.77b1e8f6.js.map
deleted file mode 100644
index 9e73bbd..0000000
--- a/src/overseer/static/js/app.77b1e8f6.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?7e02","webpack:///./src/App.vue?7f78","webpack:///./src/components/OverseerHome.vue?195c","webpack:///src/components/OverseerHome.vue","webpack:///./src/components/OverseerHome.vue?7c79","webpack:///./src/components/OverseerHome.vue?5250","webpack:///./src/components/OverseerHeader.vue?1dcd","webpack:///src/components/OverseerHeader.vue","webpack:///./src/components/OverseerHeader.vue?e94e","webpack:///./src/components/OverseerHeader.vue?2035","webpack:///./src/components/OverseerNotifications.vue?2529","webpack:///src/components/OverseerNotifications.vue","webpack:///./src/components/OverseerNotifications.vue?328e","webpack:///./src/components/OverseerNotifications.vue?1bc5","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue?bff9","webpack:///./src/store/index.js","webpack:///./src/main.js","webpack:///./src/components/OverseerHeader.vue?19ee","webpack:///./src/components/OverseerHome.vue?13de","webpack:///./src/components/OverseerNotifications.vue?d3aa"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_m","component","_l","item","id","staticClass","_v","_s","target","status","total_progress","_e","components","OverseerHome","OverseerHeader","OverseerNotifications","Vue","use","Vuex","Store","state","ws_connected","notifications","mutations","console","log","message","matchedItem","find","keys","forEach","set","actions","VueSocketIO","debug","connection","socketio","path","vuex","store","actionPrefix","mutationPrefix","config","productionTip","render","h","App","$mount"],"mappings":"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","file":"js/app.77b1e8f6.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/static/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"overseer-app\"}},[_c('OverseerHeader'),_c('OverseerNotifications'),_c('OverseerHome')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"overseer-body\"}},[_c('div',{attrs:{\"id\":\"center\"}},[_c('input',{attrs:{\"id\":\"overseer-search\",\"placeholder\":\"IP / Hostname\",\"type\":\"text\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"overseer-body\">\n        <div id=\"center\">\n            <input id=\"overseer-search\" placeholder=\"IP / Hostname\" type=\"text\">\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'OverseerHome'\n}\n</script>\n\n<style scoped>\n#overseer-body {\n    background-color: yellow;\n    width: 100%;\n    height: 100%;\n}\n#center {\n    margin: 0px auto;\n    width: 800px;\n    height: 100%;\n    background-color: purple;\n}\n#overseer-search {\n    width: 400px;\n    border-radius: 5px;\n    height: 40px;\n    margin-top: 300px;\n    font-size: 1rem;\n    padding: .3rem .8rem;\n    text-indent: 0px;\n    outline: none;\n    border: 0px solid;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerHome.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerHome.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OverseerHome.vue?vue&type=template&id=dc8467c2&scoped=true&\"\nimport script from \"./OverseerHome.vue?vue&type=script&lang=js&\"\nexport * from \"./OverseerHome.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OverseerHome.vue?vue&type=style&index=0&id=dc8467c2&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"dc8467c2\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"overseer-header\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"overseer-header\">\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'OverseerHeader'\n}\n</script>\n\n<style scoped>\n#overseer-header {\n    background-color: green;\n    width: 100%;\n    height: 60px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerHeader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OverseerHeader.vue?vue&type=template&id=182df07c&scoped=true&\"\nimport script from \"./OverseerHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./OverseerHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OverseerHeader.vue?vue&type=style&index=0&id=182df07c&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"182df07c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"overseer-notifications\"}},_vm._l((_vm.items),function(item){return _c('div',{key:item.id,staticClass:\"overseer-notification\"},[_c('b',[_vm._v(\"Target: \")]),_vm._v(\" \"+_vm._s(item.target)+\" \"),_c('br'),_c('b',[_vm._v(\"Status: \")]),_vm._v(_vm._s(item.status)+\" \"),_c('br'),('total_progress' in item)?_c('span',[_c('b',[_vm._v(\"Progress: \")]),_vm._v(_vm._s(item.total_progress)+\" \"),_c('br')]):_vm._e()])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"overseer-notifications\">\n        <div class=\"overseer-notification\" v-for=\"item in items\" :key=\"item.id\">\n            <b>Target: </b> {{ item.target }} <br>\n            <b>Status: </b>{{ item.status }} <br>\n            <span v-if=\"'total_progress' in item\">\n                <b>Progress: </b>{{item.total_progress}} <br>\n            </span>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'OverseerNotifications',\n    computed: {\n        items() {\n            return this.$store.state.notifications\n        }\n    }\n}\n</script>\n\n<style scoped>\n#overseer-notifications {\n    height: 100%;\n    width: 320px;\n    padding: 10px;\n    float: right;\n    background-color: blue;\n}\n\n.overseer-notification {\n    width: 300px;\n    height: 65px;\n    background-color: green;\n    border-radius: 5px;\n    border: 1px solid black;\n    text-align: start;\n    padding: 10px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerNotifications.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerNotifications.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OverseerNotifications.vue?vue&type=template&id=5c26d9a3&scoped=true&\"\nimport script from \"./OverseerNotifications.vue?vue&type=script&lang=js&\"\nexport * from \"./OverseerNotifications.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OverseerNotifications.vue?vue&type=style&index=0&id=5c26d9a3&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5c26d9a3\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div id=\"overseer-app\">\n        <OverseerHeader/>\n        <OverseerNotifications/>\n        <OverseerHome/>\n    </div>\n</template>\n\n<script>\nimport OverseerHome from './components/OverseerHome.vue'\nimport OverseerHeader from './components/OverseerHeader.vue'\nimport OverseerNotifications from './components/OverseerNotifications.vue'\n\nexport default {\n  name: 'App',\n  components: {\n    OverseerHome,\n    OverseerHeader,\n    OverseerNotifications\n  }\n}\n</script>\n\n<style>\n#overseer-app {\n    font-family: Avenir, Helvetica, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    text-align: center;\n    color: #2c3e50;\n    height: 100%;\n}\n\nhtml, body {\n    height: 100%;\n    width: 100%;\n    margin: 0px;\n}\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=543eda39&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport Vuex from 'vuex'\n\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n    state: {\n        ws_connected: false,\n        notifications: []\n    },\n    mutations: {\n        \"SOCKET_connect\"(state, status) {\n            state.ws_connected = true\n            console.log(\"CONNECT: \", state, status);\n        },\n        \"SOCKET_disconnect\"(state, status) {\n            state.ws_connected = false\n            console.log(\"DISCONNECT: \", state, status);\n        },\n        \"SOCKET_message\"(state, message) {\n            let matchedItem = state.notifications.find(item => item.id == message.id);\n            if (matchedItem){\n                Object.keys(message).forEach(key => {\n                    // matchedItem[key] = message[key]\n                    Vue.set(matchedItem, key, message[key])\n                });\n            } else {\n                state.notifications.push(message);\n            }\n        }\n    },\n    actions: {\n    }\n})\n","import Vue from 'vue'\nimport App from './App.vue'\nimport store from './store'\nimport socketio from 'socket.io-client';\nimport VueSocketIO from 'vue-socket.io'\n\nVue.use(new VueSocketIO({\n    debug: true,\n    connection: socketio({ path: \"/api/v1/socket.io\" }),\n    vuex: {\n        store,\n        actionPrefix: 'SOCKET_',\n        mutationPrefix: 'SOCKET_'\n    },\n}))\n\nVue.config.productionTip = false\n\nconsole.log(store)\n\nnew Vue({\n  render: h => h(App),\n  store\n}).$mount('#app')\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerHeader.vue?vue&type=style&index=0&id=182df07c&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerHome.vue?vue&type=style&index=0&id=dc8467c2&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerNotifications.vue?vue&type=style&index=0&id=5c26d9a3&scoped=true&lang=css&\""],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/overseer/static/js/app.b2809d88.js b/src/overseer/static/js/app.b2809d88.js
new file mode 100644
index 0000000..33ff799
--- /dev/null
+++ b/src/overseer/static/js/app.b2809d88.js
@@ -0,0 +1,2 @@
+(function(e){function t(t){for(var r,s,c=t[0],a=t[1],u=t[2],l=0,p=[];l<c.length;l++)s=c[l],Object.prototype.hasOwnProperty.call(o,s)&&o[s]&&p.push(o[s][0]),o[s]=0;for(r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r]);f&&f(t);while(p.length)p.shift()();return i.push.apply(i,u||[]),n()}function n(){for(var e,t=0;t<i.length;t++){for(var n=i[t],r=!0,c=1;c<n.length;c++){var a=n[c];0!==o[a]&&(r=!1)}r&&(i.splice(t--,1),e=s(s.s=n[0]))}return e}var r={},o={app:0},i=[];function s(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,s),n.l=!0,n.exports}s.m=e,s.c=r,s.d=function(e,t,n){s.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},s.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(s.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)s.d(n,r,function(t){return e[t]}.bind(null,r));return n},s.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/static/";var c=window["webpackJsonp"]=window["webpackJsonp"]||[],a=c.push.bind(c);c.push=t,c=c.slice();for(var u=0;u<c.length;u++)t(c[u]);var f=a;i.push([0,"chunk-vendors"]),n()})({0:function(e,t,n){e.exports=n("56d7")},"034f":function(e,t,n){"use strict";n("85ec")},"167f":function(e,t,n){"use strict";n("dcb8")},"388d":function(e,t,n){},"425d":function(e,t,n){"use strict";n("388d")},"56d7":function(e,t,n){"use strict";n.r(t);n("e260"),n("e6cf"),n("cca6"),n("a79d");var r=n("2b0e"),o=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"overseer-app"}},[n("OverseerHeader"),n("OverseerNotifications"),n("OverseerHome")],1)},i=[],s=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"overseer-body"}},[n("div",{attrs:{id:"center"}},[n("input",{attrs:{id:"overseer-search",placeholder:"IP Address / Hostname",type:"text"},on:{keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.onSubmit(t)}}})])])},c=[],a={name:"OverseerHome",methods:{onSubmit:function(e){alert(e.target.value)}}},u=a,f=(n("425d"),n("2877")),l=Object(f["a"])(u,s,c,!1,null,"352462f2",null),p=l.exports,d=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"overseer-header"}},[n("div",{staticStyle:{float:"left",margin:"8px 20px","font-weight":"700","font-size":"2em"}},[e._v("Overseer")]),n("div",{staticStyle:{float:"right",margin:"10px 20px"}},[n("p",{staticStyle:{color:"white",position:"absolute","font-weight":"700",width:"35px",height:"35px",margin:"9px 0px","font-size":".8em"}},[e._v(" "+e._s(e.notificationCount)+" ")]),n("svg",{staticStyle:{width:"35px",height:"35px"},attrs:{viewBox:"0 0 24 24"}},[n("path",{attrs:{fill:"currentColor",d:"M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z"}})])])])},v=[],b={name:"OverseerHeader",computed:{notificationCount:function(){return this.$store.state.notifications.length}}},h=b,_=(n("167f"),Object(f["a"])(h,d,v,!1,null,"1f75c2e8",null)),m=_.exports,O=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"overseer-notifications"}},e._l(e.items,(function(t){return n("div",{key:t.id,staticClass:"overseer-notification"},[n("b",[e._v("Target: ")]),e._v(" "+e._s(t.target)+" "),n("br"),n("b",[e._v("Status: ")]),e._v(e._s(t.status)+" "),n("br"),"total_progress"in t?n("span",[n("b",[e._v("Progress: ")]),e._v(e._s(t.total_progress)+" "),n("br")]):e._e()])})),0)},g=[],y={name:"OverseerNotifications",computed:{items:function(){return this.$store.state.notifications}}},x=y,w=(n("c7b0"),Object(f["a"])(x,O,g,!1,null,"47117d80",null)),C=w.exports,S={name:"App",components:{OverseerHome:p,OverseerHeader:m,OverseerNotifications:C}},j=S,E=(n("034f"),Object(f["a"])(j,o,i,!1,null,null,null)),k=E.exports,P=(n("7db0"),n("159b"),n("b64b"),n("2f62"));r["a"].use(P["a"]);var T=new P["a"].Store({state:{ws_connected:!1,notifications:[]},mutations:{SOCKET_connect:function(e,t){e.ws_connected=!0,console.log("CONNECT: ",e,t)},SOCKET_disconnect:function(e,t){e.ws_connected=!1,console.log("DISCONNECT: ",e,t)},SOCKET_message:function(e,t){var n=e.notifications.find((function(e){return e.id==t.id}));n?Object.keys(t).forEach((function(e){r["a"].set(n,e,t[e])})):e.notifications.push(t)}},actions:{}}),H=n("8e27"),M=n.n(H),N=n("5132"),$=n.n(N);r["a"].use(new $.a({debug:!0,connection:M()({path:"/api/v1/socket.io"}),vuex:{store:T,actionPrefix:"SOCKET_",mutationPrefix:"SOCKET_"}})),r["a"].config.productionTip=!1,console.log(T),new r["a"]({render:function(e){return e(k)},store:T}).$mount("#app")},"85ec":function(e,t,n){},c7b0:function(e,t,n){"use strict";n("cbe9")},cbe9:function(e,t,n){},dcb8:function(e,t,n){}});
+//# sourceMappingURL=app.b2809d88.js.map
\ No newline at end of file
diff --git a/src/overseer/static/js/app.b2809d88.js.map b/src/overseer/static/js/app.b2809d88.js.map
new file mode 100644
index 0000000..ad5c1f9
--- /dev/null
+++ b/src/overseer/static/js/app.b2809d88.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?7e02","webpack:///./src/components/OverseerHeader.vue?b956","webpack:///./src/components/OverseerHome.vue?3fe7","webpack:///./src/App.vue?9075","webpack:///./src/components/OverseerHome.vue?22dd","webpack:///src/components/OverseerHome.vue","webpack:///./src/components/OverseerHome.vue?7c79","webpack:///./src/components/OverseerHome.vue?5250","webpack:///./src/components/OverseerHeader.vue?4191","webpack:///src/components/OverseerHeader.vue","webpack:///./src/components/OverseerHeader.vue?e94e","webpack:///./src/components/OverseerHeader.vue?2035","webpack:///./src/components/OverseerNotifications.vue?1715","webpack:///src/components/OverseerNotifications.vue","webpack:///./src/components/OverseerNotifications.vue?328e","webpack:///./src/components/OverseerNotifications.vue?1bc5","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue?bff9","webpack:///./src/store/index.js","webpack:///./src/main.js","webpack:///./src/components/OverseerNotifications.vue?e23b"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","on","$event","type","indexOf","_k","keyCode","onSubmit","component","staticStyle","_v","_s","notificationCount","_l","item","id","staticClass","target","status","total_progress","_e","components","OverseerHome","OverseerHeader","OverseerNotifications","Vue","use","Vuex","Store","state","ws_connected","notifications","mutations","console","log","message","matchedItem","find","keys","forEach","set","actions","VueSocketIO","debug","connection","socketio","path","vuex","store","actionPrefix","mutationPrefix","config","productionTip","render","h","App","$mount"],"mappings":"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","file":"js/app.b2809d88.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/static/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerHeader.vue?vue&type=style&index=0&id=1f75c2e8&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerHome.vue?vue&type=style&index=0&id=352462f2&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"overseer-app\"}},[_c('OverseerHeader'),_c('OverseerNotifications'),_c('OverseerHome')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"overseer-body\"}},[_c('div',{attrs:{\"id\":\"center\"}},[_c('input',{attrs:{\"id\":\"overseer-search\",\"placeholder\":\"IP Address / Hostname\",\"type\":\"text\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.onSubmit($event)}}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"overseer-body\">\n        <div id=\"center\">\n            <input @keyup.enter=\"onSubmit\" id=\"overseer-search\" placeholder=\"IP Address / Hostname\" type=\"text\">\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'OverseerHome',\n    methods: {\n        onSubmit(event){\n            alert(event.target.value)\n        }\n    }\n}\n</script>\n\n<style scoped>\n#overseer-body {\n    width: 100%;\n    height: 100%;\n}\n#center {\n    margin: 0px auto;\n    width: 1000px;\n    height: 100%;\n    background-color: #343A46;\n    /* background-color: #CAD2C5; */\n    box-shadow: 0 0 3px 3px #2B303A inset;\n}\n#overseer-search::placeholder{\n    text-align: center;\n}\n#overseer-search {\n    width: 400px;\n    height: 40px;\n    border-radius: 5px;\n    text-align: center;\n    margin-top: 400px;\n    font-size: 1rem;\n    padding: .3rem .8rem;\n    text-indent: 0px;\n    outline: none;\n    border: 0px solid;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerHome.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerHome.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OverseerHome.vue?vue&type=template&id=352462f2&scoped=true&\"\nimport script from \"./OverseerHome.vue?vue&type=script&lang=js&\"\nexport * from \"./OverseerHome.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OverseerHome.vue?vue&type=style&index=0&id=352462f2&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"352462f2\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"overseer-header\"}},[_c('div',{staticStyle:{\"float\":\"left\",\"margin\":\"8px 20px\",\"font-weight\":\"700\",\"font-size\":\"2em\"}},[_vm._v(\"Overseer\")]),_c('div',{staticStyle:{\"float\":\"right\",\"margin\":\"10px 20px\"}},[_c('p',{staticStyle:{\"color\":\"white\",\"position\":\"absolute\",\"font-weight\":\"700\",\"width\":\"35px\",\"height\":\"35px\",\"margin\":\"9px 0px\",\"font-size\":\".8em\"}},[_vm._v(\" \"+_vm._s(_vm.notificationCount)+\" \")]),_c('svg',{staticStyle:{\"width\":\"35px\",\"height\":\"35px\"},attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z\"}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"overseer-header\">\n        <div style=\"float: left; margin: 8px 20px; font-weight: 700; font-size: 2em;\">Overseer</div>\n        <div style=\"float: right; margin: 10px 20px;\">\n            <p style=\"color: white; position: absolute; font-weight: 700; width: 35px; height: 35px; margin: 9px 0px; font-size: .8em;\">\n            {{ notificationCount }}\n            </p>\n            <svg style=\"width:35px; height:35px;\" viewBox=\"0 0 24 24\">\n                <path fill=\"currentColor\" d=\"M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z\" />\n            </svg>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'OverseerHeader',\n    computed: {\n        notificationCount() {\n            return this.$store.state.notifications.length\n        }\n    }\n}\n</script>\n\n<style scoped>\n#overseer-header {\n    background-color: #C9582C;\n    width: 100%;\n    height: 60px;\n    position: fixed;\n    top: 0;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerHeader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OverseerHeader.vue?vue&type=template&id=1f75c2e8&scoped=true&\"\nimport script from \"./OverseerHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./OverseerHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OverseerHeader.vue?vue&type=style&index=0&id=1f75c2e8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1f75c2e8\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"overseer-notifications\"}},_vm._l((_vm.items),function(item){return _c('div',{key:item.id,staticClass:\"overseer-notification\"},[_c('b',[_vm._v(\"Target: \")]),_vm._v(\" \"+_vm._s(item.target)+\" \"),_c('br'),_c('b',[_vm._v(\"Status: \")]),_vm._v(_vm._s(item.status)+\" \"),_c('br'),('total_progress' in item)?_c('span',[_c('b',[_vm._v(\"Progress: \")]),_vm._v(_vm._s(item.total_progress)+\" \"),_c('br')]):_vm._e()])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"overseer-notifications\">\n        <div class=\"overseer-notification\" v-for=\"item in items\" :key=\"item.id\">\n            <b>Target: </b> {{ item.target }} <br>\n            <b>Status: </b>{{ item.status }} <br>\n            <span v-if=\"'total_progress' in item\">\n                <b>Progress: </b>{{item.total_progress}} <br>\n            </span>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'OverseerNotifications',\n    computed: {\n        items() {\n            return this.$store.state.notifications\n        }\n    }\n}\n</script>\n\n<style scoped>\n#overseer-notifications {\n    height: calc(100% - 60px);\n    width: 320px;\n    position: fixed;\n    transition: 0.5s;\n    right: 0px;\n    overflow: scroll;\n    margin-top: 60px;\n}\n\n.overseer-notification {\n    height: 65px;\n    transition: 0.5s;\n    background-color: #E0E3DE;\n    border-radius: 2px;\n    text-align: start;\n    padding: 10px;\n    margin: 10px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerNotifications.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerNotifications.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OverseerNotifications.vue?vue&type=template&id=47117d80&scoped=true&\"\nimport script from \"./OverseerNotifications.vue?vue&type=script&lang=js&\"\nexport * from \"./OverseerNotifications.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OverseerNotifications.vue?vue&type=style&index=0&id=47117d80&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"47117d80\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div id=\"overseer-app\">\n        <OverseerHeader/>\n        <OverseerNotifications/>\n        <OverseerHome/>\n    </div>\n</template>\n\n<script>\nimport OverseerHome from './components/OverseerHome.vue'\nimport OverseerHeader from './components/OverseerHeader.vue'\nimport OverseerNotifications from './components/OverseerNotifications.vue'\n\nexport default {\n  name: 'App',\n  components: {\n    OverseerHome,\n    OverseerHeader,\n    OverseerNotifications\n  }\n}\n</script>\n\n<style>\n#overseer-app {\n    font-family: Avenir, Helvetica, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    text-align: center;\n    color: #3A4040;\n    height: 100%;\n}\n\nhtml, body {\n    height: 100%;\n    width: 100%;\n    margin: 0px;\n    background-color: #2B303A;\n}\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=15e285e6&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport Vuex from 'vuex'\n\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n    state: {\n        ws_connected: false,\n        notifications: []\n    },\n    mutations: {\n        \"SOCKET_connect\"(state, status) {\n            state.ws_connected = true\n            console.log(\"CONNECT: \", state, status);\n        },\n        \"SOCKET_disconnect\"(state, status) {\n            state.ws_connected = false\n            console.log(\"DISCONNECT: \", state, status);\n        },\n        \"SOCKET_message\"(state, message) {\n            let matchedItem = state.notifications.find(item => item.id == message.id);\n            if (matchedItem){\n                Object.keys(message).forEach(key => {\n                    // matchedItem[key] = message[key]\n                    Vue.set(matchedItem, key, message[key])\n                });\n            } else {\n                state.notifications.push(message);\n            }\n        }\n    },\n    actions: {\n    }\n})\n","import Vue from 'vue'\nimport App from './App.vue'\nimport store from './store'\nimport socketio from 'socket.io-client';\nimport VueSocketIO from 'vue-socket.io'\n\nVue.use(new VueSocketIO({\n    debug: true,\n    connection: socketio({ path: \"/api/v1/socket.io\" }),\n    vuex: {\n        store,\n        actionPrefix: 'SOCKET_',\n        mutationPrefix: 'SOCKET_'\n    },\n}))\n\nVue.config.productionTip = false\n\nconsole.log(store)\n\nnew Vue({\n    render: h => h(App),\n    store,\n}).$mount('#app')\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OverseerNotifications.vue?vue&type=style&index=0&id=47117d80&scoped=true&lang=css&\""],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/overseer/templates/index.html b/src/overseer/templates/index.html
index d06aabf..17b8019 100644
--- a/src/overseer/templates/index.html
+++ b/src/overseer/templates/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/static/favicon.ico"><title>overseer_client</title><link href="/static/css/app.4d1483d7.css" rel="preload" as="style"><link href="/static/js/app.77b1e8f6.js" rel="preload" as="script"><link href="/static/js/chunk-vendors.6130e7bc.js" rel="preload" as="script"><link href="/static/css/app.4d1483d7.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but overseer_client doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/static/js/chunk-vendors.6130e7bc.js"></script><script src="/static/js/app.77b1e8f6.js"></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/static/favicon.ico"><title>overseer_client</title><link href="/static/css/app.efe1070d.css" rel="preload" as="style"><link href="/static/js/app.b2809d88.js" rel="preload" as="script"><link href="/static/js/chunk-vendors.6130e7bc.js" rel="preload" as="script"><link href="/static/css/app.efe1070d.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but overseer_client doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/static/js/chunk-vendors.6130e7bc.js"></script><script src="/static/js/app.b2809d88.js"></script></body></html>
\ No newline at end of file
diff --git a/src/overseer_client/src/App.vue b/src/overseer_client/src/App.vue
index 8217190..35645d9 100644
--- a/src/overseer_client/src/App.vue
+++ b/src/overseer_client/src/App.vue
@@ -27,7 +27,7 @@ export default {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-align: center;
-    color: #2c3e50;
+    color: #3A4040;
     height: 100%;
 }
 
@@ -35,5 +35,6 @@ html, body {
     height: 100%;
     width: 100%;
     margin: 0px;
+    background-color: #2B303A;
 }
 </style>
diff --git a/src/overseer_client/src/components/OverseerHeader.vue b/src/overseer_client/src/components/OverseerHeader.vue
index 6eab636..93150d6 100644
--- a/src/overseer_client/src/components/OverseerHeader.vue
+++ b/src/overseer_client/src/components/OverseerHeader.vue
@@ -1,18 +1,34 @@
 <template>
-  <div id="overseer-header">
-  </div>
+    <div id="overseer-header">
+        <div style="float: left; margin: 8px 20px; font-weight: 700; font-size: 2em;">Overseer</div>
+        <div style="float: right; margin: 10px 20px;">
+            <p style="color: white; position: absolute; font-weight: 700; width: 35px; height: 35px; margin: 9px 0px; font-size: .8em;">
+            {{ notificationCount }}
+            </p>
+            <svg style="width:35px; height:35px;" viewBox="0 0 24 24">
+                <path fill="currentColor" d="M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z" />
+            </svg>
+        </div>
+    </div>
 </template>
 
 <script>
 export default {
-  name: 'OverseerHeader'
+    name: 'OverseerHeader',
+    computed: {
+        notificationCount() {
+            return this.$store.state.notifications.length
+        }
+    }
 }
 </script>
 
 <style scoped>
 #overseer-header {
-    background-color: green;
+    background-color: #C9582C;
     width: 100%;
     height: 60px;
+    position: fixed;
+    top: 0;
 }
 </style>
diff --git a/src/overseer_client/src/components/OverseerHome.vue b/src/overseer_client/src/components/OverseerHome.vue
index dc05cfd..23bb7d5 100644
--- a/src/overseer_client/src/components/OverseerHome.vue
+++ b/src/overseer_client/src/components/OverseerHome.vue
@@ -1,34 +1,44 @@
 <template>
     <div id="overseer-body">
         <div id="center">
-            <input id="overseer-search" placeholder="IP / Hostname" type="text">
+            <input @keyup.enter="onSubmit" id="overseer-search" placeholder="IP Address / Hostname" type="text">
         </div>
     </div>
 </template>
 
 <script>
 export default {
-    name: 'OverseerHome'
+    name: 'OverseerHome',
+    methods: {
+        onSubmit(event){
+            alert(event.target.value)
+        }
+    }
 }
 </script>
 
 <style scoped>
 #overseer-body {
-    background-color: yellow;
     width: 100%;
     height: 100%;
 }
 #center {
     margin: 0px auto;
-    width: 800px;
+    width: 1000px;
     height: 100%;
-    background-color: purple;
+    background-color: #343A46;
+    /* background-color: #CAD2C5; */
+    box-shadow: 0 0 3px 3px #2B303A inset;
+}
+#overseer-search::placeholder{
+    text-align: center;
 }
 #overseer-search {
     width: 400px;
-    border-radius: 5px;
     height: 40px;
-    margin-top: 300px;
+    border-radius: 5px;
+    text-align: center;
+    margin-top: 400px;
     font-size: 1rem;
     padding: .3rem .8rem;
     text-indent: 0px;
diff --git a/src/overseer_client/src/components/OverseerNotifications.vue b/src/overseer_client/src/components/OverseerNotifications.vue
index e10096d..596e3b8 100644
--- a/src/overseer_client/src/components/OverseerNotifications.vue
+++ b/src/overseer_client/src/components/OverseerNotifications.vue
@@ -23,21 +23,22 @@ export default {
 
 <style scoped>
 #overseer-notifications {
-    height: 100%;
+    height: calc(100% - 60px);
     width: 320px;
-    padding: 10px;
-    float: right;
-    background-color: blue;
+    position: fixed;
+    transition: 0.5s;
+    right: 0px;
+    overflow: scroll;
+    margin-top: 60px;
 }
 
 .overseer-notification {
-    width: 300px;
     height: 65px;
-    background-color: green;
-    border-radius: 5px;
-    border: 1px solid black;
+    transition: 0.5s;
+    background-color: #E0E3DE;
+    border-radius: 2px;
     text-align: start;
     padding: 10px;
-    margin: 3px 0px;
+    margin: 10px;
 }
 </style>
diff --git a/src/overseer_client/src/main.js b/src/overseer_client/src/main.js
index 9be368d..0b563b8 100644
--- a/src/overseer_client/src/main.js
+++ b/src/overseer_client/src/main.js
@@ -1,9 +1,7 @@
 import Vue from 'vue'
 import App from './App.vue'
 import store from './store'
-import router from './router'
 import socketio from 'socket.io-client';
-import VueRouter from 'vue-router'
 import VueSocketIO from 'vue-socket.io'
 
 Vue.use(new VueSocketIO({
@@ -22,6 +20,5 @@ console.log(store)
 
 new Vue({
     render: h => h(App),
-    router,
     store,
 }).$mount('#app')