diff --git a/mean-app/dist/inline.bundle.map b/mean-app/dist/inline.bundle.map
index 44ed8a8..ccf14ec 100644
--- a/mean-app/dist/inline.bundle.map
+++ b/mean-app/dist/inline.bundle.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap b4e4645a0149417749ea"],"names":[],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAQ,oBAAoB;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAY,2BAA2B;AACvC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,YAAI;AACJ;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA,mDAA2C,cAAc;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA,kDAA0C,oBAAoB,WAAW","file":"inline.bundle.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\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 = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId])\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\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(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length)\n \t\t\tresolves.shift()();\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t4: 0\n \t};\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\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 \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tif(installedChunks[chunkId] === 0)\n \t\t\treturn Promise.resolve();\n\n \t\t// an Promise means \"currently loading\".\n \t\tif(installedChunks[chunkId]) {\n \t\t\treturn installedChunks[chunkId][2];\n \t\t}\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = 'text/javascript';\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"\" + chunkId + \".chunk.js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) chunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunks[chunkId][2] = promise;\n\n \t\thead.appendChild(script);\n \t\treturn promise;\n \t};\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// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\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, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\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 = \"\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap b4e4645a0149417749ea"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/bootstrap ed1615832749ec6772cf"],"names":[],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAQ,oBAAoB;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAY,2BAA2B;AACvC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,YAAI;AACJ;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA,mDAA2C,cAAc;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA,kDAA0C,oBAAoB,WAAW","file":"inline.bundle.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\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 = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId])\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\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(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length)\n \t\t\tresolves.shift()();\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t4: 0\n \t};\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\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 \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tif(installedChunks[chunkId] === 0)\n \t\t\treturn Promise.resolve();\n\n \t\t// an Promise means \"currently loading\".\n \t\tif(installedChunks[chunkId]) {\n \t\t\treturn installedChunks[chunkId][2];\n \t\t}\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = 'text/javascript';\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"\" + chunkId + \".chunk.js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) chunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunks[chunkId][2] = promise;\n\n \t\thead.appendChild(script);\n \t\treturn promise;\n \t};\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// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\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, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\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 = \"\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap ed1615832749ec6772cf"],"sourceRoot":""}
\ No newline at end of file
diff --git a/mean-app/dist/main.bundle.js b/mean-app/dist/main.bundle.js
index a5f4759..318e59d 100644
--- a/mean-app/dist/main.bundle.js
+++ b/mean-app/dist/main.bundle.js
@@ -234,17 +234,17 @@ var DashboardComponent = (function () {
     };
     DashboardComponent.prototype.refreshData = function () {
         var _this = this;
-        this.label = ({ data: ["Huidig opgenomen", "Huidig terug"] });
+        this.label = ({ data: ["Totaal tarief 1", "Totaal tarief 2"] });
         this.dataService
             .usage("4530303035303031353538313833363134")
             .subscribe(function (res) {
-            _this.data1 = ({ data: [res.HOV, res.HTV], label: "Verbruik Martijn" });
+            _this.data1 = ({ data: [res.TOE1, res.TOE2], label: "Verbruik Martijn" });
             _this.mloaded = true;
         });
         this.dataService
             .usage("4530303235303030303636383733323136")
             .subscribe(function (res) {
-            _this.data2 = ({ data: [res.HOV, res.HTV], label: "Verbruik Kenneth" });
+            _this.data2 = ({ data: [res.TOE1, res.TOE2], label: "Verbruik Kenneth" });
             _this.kloaded = true;
         });
         this.dataService
@@ -321,6 +321,7 @@ var DetailComponent = (function () {
     };
     DetailComponent.prototype.refreshData = function (id) {
         var _this = this;
+        this.labelpie = ({ data: ["Totaal opgenomen 2", "Totaal opgenomen 1"] });
         this.labelpie1 = ({ data: ["Huidig opgenomen", "Huidig terug"] });
         this.labelpie2 = ({ data: ["Totaal opgenomen 2", "Totaal terug 2"] });
         this.labelpie3 = ({ data: ["Totaal opgenomen 1", "Totaal terug 1"] });
@@ -343,6 +344,7 @@ var DetailComponent = (function () {
             _this.htv = res.HTV;
             _this.ht = res.HTN;
             _this.money = ((res.TOE1 - res.TTE1) * res.tarief1) + ((res.TOE2 - res.TTE2) * res.tarief2);
+            _this.datapie = ({ data: [res.TOE2, res.TOE1], label: "Opgenomen" });
             _this.datapie1 = ({ data: [res.HOV, res.HTV], label: "Huidig verbruik" });
             _this.datapie2 = ({ data: [res.TOE2, res.TTE2], label: "Totaal 2" });
             _this.datapie3 = ({ data: [res.TOE1, res.TTE1], label: "Totaal 1" });
@@ -962,14 +964,14 @@ module.exports = "<div style=\"display: block;\">\r\n<canvas baseChart width=\"4
 /***/ 676:
 /***/ (function(module, exports) {
 
-module.exports = "<span *ngIf=\"mloaded\">\r\n\r\n\t<div class=\"col-md-6\">\r\n    <h3>Martijn</h3>\r\n\t\t<pie-chart [label]=\"label\" [data]=\"data1\"></pie-chart>\r\n\t</div>\r\n\r\n</span>\r\n\r\n<span *ngIf=\"kloaded\">\r\n\t<div class=\"col-md-6\">\r\n    <h3>Kenneth</h3>\r\n\t\t<pie-chart [label]=\"label\" [data]=\"data2\"></pie-chart>\r\n\t</div>\r\n\r\n</span>\r\n\r\n<span *ngIf=\"dbloaded\">\r\n\t<div class=\"col-md-12\">\r\n    <h3>Vergelijking</h3>\r\n\t\t<doubleline-chart [label]=\"label2\" [data]=\"data3\" [data2]=\"data4\"></doubleline-chart>\r\n\t</div>\r\n\r\n</span>"
+module.exports = "<span *ngIf=\"mloaded\">\r\n\r\n\t<div class=\"col-md-6\">\r\n    \t<h3>Martijn</h3>\r\n\t\t<pie-chart [label]=\"label\" [data]=\"data1\"></pie-chart>\r\n\t</div>\r\n\r\n</span>\r\n\r\n<span *ngIf=\"kloaded\">\r\n\t<div class=\"col-md-6\">\r\n    \t<h3>Kenneth</h3>\r\n\t\t<pie-chart [label]=\"label\" [data]=\"data2\"></pie-chart>\r\n\t</div>\r\n\r\n</span>\r\n\r\n<span *ngIf=\"dbloaded\">\r\n\t<div class=\"col-md-12\">\r\n\t\t<br>\r\n    \t<h3>Vergelijking</h3>\r\n\t\t<doubleline-chart [label]=\"label2\" [data]=\"data3\" [data2]=\"data4\"></doubleline-chart>\r\n\t</div>\r\n\r\n</span>"
 
 /***/ }),
 
 /***/ 677:
 /***/ (function(module, exports) {
 
-module.exports = "<div class=\"col-md-12\">\r\n\t<h2>{{name}}</h2>\r\n</div>\r\n\r\n<div class=\"col-md-12\">\r\n\t<div class=\"well\">\r\n\t\t<b>Huidig opgenomen vermogen:</b> {{hov}} kW <br>\r\n\t\t<b>Huidig teruggeleverd vermogen:</b> {{htv}} kW <br>\r\n\t\t<b>Huidig tarief:</b> {{ht}} <br>\r\n\t\t<b>Totale kosten:</b> €{{money}}\r\n\t</div>\r\n</div>\r\n\r\n<span *ngIf=\"pieloaded\">\r\n\r\n\t<div class=\"col-md-4\">\r\n\t\t<pie-chart [label]=\"labelpie1\" [data]=\"datapie1\"></pie-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-4\">\r\n\t\t<pie-chart [label]=\"labelpie2\" [data]=\"datapie2\"></pie-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-4\">\r\n\t\t<pie-chart [label]=\"labelpie3\" [data]=\"datapie3\"></pie-chart>\r\n\t</div>\r\n\r\n</span>\r\n\r\n<span *ngIf=\"loaded\">\r\n\r\n\t<div class=\"col-md-12\">\r\n\t\t<doubleline-chart [label]=\"label\" [data]=\"data1\" [data2]=\"data2\"></doubleline-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<line-chart [label]=\"label\" [data]=\"data3\"></line-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<line-chart [label]=\"label\" [data]=\"data4\"></line-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<line-chart [label]=\"label\" [data]=\"data5\"></line-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<line-chart [label]=\"label\" [data]=\"data6\"></line-chart>\r\n\t</div>\r\n</span>\r\n\r\n"
+module.exports = "<div class=\"col-md-12\">\r\n\t<h2>{{name}}</h2>\r\n</div>\r\n\r\n<div class=\"col-md-12\">\r\n\t<br>\r\n\t<div class=\"well\">\r\n\t\t<b>Huidig opgenomen vermogen:</b> {{hov}} kW <br>\r\n\t\t<b>Huidig teruggeleverd vermogen:</b> {{htv}} kW <br>\r\n\t\t<b>Huidig tarief:</b> {{ht}} <br>\r\n\t\t<b>Totale kosten:</b> €{{money}}\r\n\t</div>\r\n\t<br>\r\n</div>\r\n\r\n<span *ngIf=\"pieloaded\">\r\n\r\n\t<div class=\"col-md-3 col-xs-6\">\r\n\t\t<br>\r\n\t\t<pie-chart [label]=\"labelpie\" [data]=\"datapie\"></pie-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-3 col-xs-6\">\r\n\t\t<br>\r\n\t\t<pie-chart [label]=\"labelpie1\" [data]=\"datapie1\"></pie-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-3 col-xs-6\">\r\n\t\t<br>\r\n\t\t<pie-chart [label]=\"labelpie2\" [data]=\"datapie2\"></pie-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-3 col-xs-6\">\r\n\t\t<br>\r\n\t\t<pie-chart [label]=\"labelpie3\" [data]=\"datapie3\"></pie-chart>\r\n\t</div>\r\n\r\n</span>\r\n\r\n<span *ngIf=\"loaded\">\r\n\r\n\t<div class=\"col-md-12\">\r\n\t\t<br>\r\n\t\t<doubleline-chart [label]=\"label\" [data]=\"data1\" [data2]=\"data2\"></doubleline-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<br>\r\n\t\t<line-chart [label]=\"label\" [data]=\"data3\"></line-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<br>\r\n\t\t<line-chart [label]=\"label\" [data]=\"data4\"></line-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<br>\r\n\t\t<line-chart [label]=\"label\" [data]=\"data5\"></line-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<br>\r\n\t\t<line-chart [label]=\"label\" [data]=\"data6\"></line-chart>\r\n\t</div>\r\n</span>\r\n\r\n"
 
 /***/ }),
 
diff --git a/mean-app/dist/main.bundle.map b/mean-app/dist/main.bundle.map
index 88de056..b734377 100644
--- a/mean-app/dist/main.bundle.map
+++ b/mean-app/dist/main.bundle.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./src/app/data.service.ts","webpack:///./src/app/label-data.ts","webpack:///./src/app/line-data.ts","webpack:///./src/app/dashboard.component.ts","webpack:///./src/app/detail.component.ts","webpack:///./src/app/device.component.ts","webpack:///./src/app/picker.component.ts","webpack:///./src async","webpack:///./src/main.ts","webpack:///./src/app/app-routing.module.ts","webpack:///./src/app/app.component.ts","webpack:///./src/app/app.module.ts","webpack:///./src/app/chart.component.ts","webpack:///./src/app/doublelinechart.component.ts","webpack:///./src/app/piechart.component.ts","webpack:///./src/environments/environment.ts","webpack:///./src/app/app.component.css","webpack:///./src/app/app.component.html","webpack:///./src/app/chart.component.html","webpack:///./src/app/dashboard.component.html","webpack:///./src/app/detail.component.html","webpack:///./src/app/device.component.html","webpack:///./src/app/doublelinechart.component.html","webpack:///./src/app/picker.component.html","webpack:///./src/app/piechart.component.html"],"names":[],"mappings":"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","file":"main.bundle.js","sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { Observable } from 'rxjs/Rx';\r\nimport 'rxjs/add/operator/map'\r\nimport { Http, Response, Headers } from '@angular/http';\r\n\r\nimport { LineData } from './line-data';\r\nimport { GraphData } from './graph-data';\r\nimport { LabelData } from './label-data';\r\n\r\nimport { Device } from './device';\r\nimport { Usage } from './usage';\r\n\r\n@Injectable()\r\nexport class DataService {\r\n  private getUrl: string = '/webapi/data';\r\n  private usageUrl: string = '/webapi/usage';\r\n  private nameUrl: string = '/webapi/name';\r\n  private deviceUrl: string = '/webapi/device';\r\n\r\n  constructor(private http : Http){}\r\n\r\n  get(id:string): Observable<GraphData> {\r\n    let lineChartData$ =\r\n      this.http\r\n        .get((`${this.getUrl}/${id}/group/hour`)\r\n          , {headers: this.getHeaders()})\r\n        .map(mapData);\r\n\r\n    return lineChartData$;\r\n  }\r\n\r\n  pick(id:string, group:string, date1:string, date2:string): Observable<GraphData> {\r\n    let lineChartData$ =\r\n      this.http\r\n        .get((`${this.getUrl}/${id}/group/${group}/${date1}/${date2}`)\r\n          , {headers: this.getHeaders()})\r\n        .map(mapData);\r\n\r\n    return lineChartData$;\r\n  }\r\n\r\n  usage(id:string): Observable<Usage> {\r\n    let usageData$ =\r\n      this.http\r\n        .get((`${this.usageUrl}/${id}`)\r\n          , {headers: this.getHeaders()})\r\n        .map(mapUsage);\r\n\r\n    return usageData$;\r\n  }\r\n\r\n  name(id:string): Observable<string> {\r\n    let nameData$ =\r\n      this.http\r\n        .get((`${this.nameUrl}/${id}`)\r\n          , {headers: this.getHeaders()})\r\n        .map(mapName);\r\n\r\n    return nameData$;\r\n  }\r\n\r\n\r\n  devices(): Observable<Device[]> {\r\n    let devices$ =\r\n      this.http\r\n        .get((`${this.deviceUrl}`)\r\n          , {headers: this.getHeaders()})\r\n        .map(mapDevice);\r\n\r\n    return devices$;\r\n  }\r\n\r\n  private getHeaders(){\r\n    let headers = new Headers();\r\n    headers.append('Accept', 'application/json');\r\n    return headers;\r\n  }\r\n}\r\n\r\nfunction mapData(response:Response): GraphData {\r\n  let TOE1S = response.json().map(toe1ToData);\r\n  let TOE2S = response.json().map(toe2ToData);\r\n  let HOV = response.json().map(hovToData);\r\n  let TTE1S = response.json().map(tte1ToData);\r\n  let TTE2S = response.json().map(tte2ToData);\r\n  let HTV = response.json().map(htvToData);\r\n  let HT = response.json().map(htToData);\r\n  let times = response.json().map(timeToData);\r\n\r\n  let Toe1Line:LineData = <LineData>({data: TOE1S, label: \"Totaal Energieverbruik tarief 1\"});\r\n  let Toe2Line:LineData = <LineData>({data: TOE2S, label: \"Totaal Energieverbruik tarief 2\"});\r\n  let HovLine:LineData = <LineData>({data: HOV, label: \"Huidig Energieverbruik\"});\r\n  let Tte1Line:LineData = <LineData>({data: TTE1S, label: \"Totaal terug Energieverbruik tarief 1\"});\r\n  let Tte2Line:LineData = <LineData>({data: TTE2S, label: \"Totaal terug Energieverbruik tarief 2\"});\r\n  let HtvLine:LineData = <LineData>({data: HTV, label: \"Huidig terug Energieverbruik\"});\r\n  let HtLine:LineData = <LineData>({data: HT, label: \"Huidig Tarief\"});\r\n  let label:LabelData = <LabelData>({data: times});\r\n  let graph:GraphData = <GraphData>({TOE1:Toe1Line,TOE2:Toe2Line,HOV:HovLine,TTE1:Tte1Line,TTE2:Tte2Line,HTV:HtvLine,HT:HtLine,labels:label});\r\n  return graph;\r\n}\r\n\r\nfunction toe1ToData(r:any){\r\n  let TOE1 = r.TOE1;\r\n  return TOE1;\r\n}\r\n\r\nfunction toe2ToData(r:any){\r\n  let TOE2 = r.TOE2;\r\n  return TOE2;\r\n}\r\n\r\nfunction hovToData(r:any){\r\n  let HOV = r.HOV;\r\n  return HOV;\r\n}\r\n\r\nfunction tte1ToData(r:any){\r\n  let TTE1 = r.TTE1;\r\n  return TTE1;\r\n}\r\n\r\nfunction tte2ToData(r:any){\r\n  let TTE2 = r.TTE2;\r\n  return TTE2;\r\n}\r\n\r\nfunction htvToData(r:any){\r\n  let HTV = r.HTV;\r\n  return HTV;\r\n}\r\n\r\nfunction htToData(r:any){\r\n  let HT = r.HT;\r\n  return HT;\r\n}\r\n\r\nfunction timeToData(r:any){\r\n  let times = r.time.substring(11,19);\r\n  return times;\r\n}\r\n\r\n\r\nfunction mapUsage(response:Response): Usage {\r\n  let usage = response.json().map(toUsage);\r\n  return usage[0];\r\n}\r\n\r\nfunction toUsage(r:any): Usage\r\n{\r\n    let htname = \"nacht\";\r\n\r\n    if(r.HT == 2)\r\n    {\r\n        htname = \"dag\";\r\n    }\r\n\r\n    let usage = <Usage>({\r\n      HOV: r.HOV,\r\n      HTV: r.HTV,\r\n      HT: r.HT,\r\n      HTN: htname,\r\n      TOE1: r.TOE1,\r\n      TOE2: r.TOE2,\r\n      TTE1: r.TTE1,\r\n      TTE2: r.TTE2,\r\n      tarief1: r.tarief1,\r\n      tarief2: r.tarief2\r\n    });\r\n\r\n    return usage;\r\n}\r\n\r\nfunction mapName(response:Response): string {\r\n  let name = response.json().map(toName);\r\n  return name[0];\r\n}\r\n\r\nfunction toName(r:any): string\r\n{\r\n    return r.name;\r\n}\r\n\r\n\r\nfunction mapDevice(response:Response): Device[] {\r\n  let devices = response.json().map(toDevice);\r\n  return devices;\r\n}\r\n\r\n\r\nfunction toDevice(r:any){\r\n  let device = <Device>({\r\n      sn: r.SN,\r\n      name: r.name\r\n  });\r\n\r\n  return device;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/data.service.ts","export class LabelData {\r\n  public data: string[];\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/label-data.ts","export class LineData {\r\n  public data: number[];\r\n  public label:string;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/line-data.ts","import {Component, OnDestroy, OnInit} from '@angular/core';\r\n\r\nimport { IntervalObservable } from 'rxjs/observable/IntervalObservable';\r\nimport { Subscription } from 'rxjs/Subscription';\r\n\r\nimport { DataService } from './data.service';\r\nimport {LineChartComponent} from \"./chart.component\";\r\nimport {LineData} from \"./line-data\";\r\nimport {LabelData} from \"./label-data\";\r\n\r\n@Component({\r\n  selector: 'dashboard',\r\n  templateUrl: './dashboard.component.html'\r\n})\r\n\r\nexport class DashboardComponent implements OnInit, OnDestroy {\r\n  public data1:LineData;\r\n  public data2:LineData;\r\n\r\n  public data3:LineData;\r\n  public data4:LineData;\r\n\r\n  public label:LabelData;\r\n  public label2:LabelData;\r\n\r\n  public mloaded:boolean = false;\r\n  public kloaded:boolean = false;\r\n  public dbloaded:boolean = false;\r\n\r\n  public subscription:Subscription;\r\n\r\n  constructor(private dataService: DataService) {}\r\n\r\n  ngOnInit(): void {\r\n\r\n    this.refreshData();\r\n\r\n    this.subscription = IntervalObservable.create(7500).subscribe(n => this.refreshData());\r\n\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.subscription.unsubscribe();\r\n  }\r\n\r\n  refreshData()\r\n  {\r\n    this.label = <LabelData> ({data: [\"Huidig opgenomen\", \"Huidig terug\"]});\r\n\r\n    this.dataService\r\n      .usage(\"4530303035303031353538313833363134\")\r\n      .subscribe(res => {\r\n\r\n        this.data1 = <LineData> ({data: [res.HOV, res.HTV], label: \"Verbruik Martijn\"});\r\n        this.mloaded = true;\r\n\r\n      });\r\n\r\n    this.dataService\r\n      .usage(\"4530303235303030303636383733323136\")\r\n      .subscribe(res => {\r\n\r\n        this.data2 = <LineData> ({data: [res.HOV, res.HTV], label: \"Verbruik Kenneth\"});\r\n        this.kloaded = true;\r\n\r\n      });\r\n\r\n    this.dataService\r\n      .get(\"4530303235303030303636383733323136\")\r\n      .subscribe(res => {\r\n\r\n          this.data3 = res.HOV;\r\n          this.label2 = res.labels;\r\n\r\n      });\r\n\r\n    this.dataService\r\n      .get(\"4530303035303031353538313833363134\")\r\n      .subscribe(res => {\r\n\r\n          this.data4 = res.HOV;\r\n          this.dbloaded = true;\r\n\r\n      });\r\n\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/dashboard.component.ts","import { Component, OnInit, OnDestroy } from '@angular/core';\r\nimport { ActivatedRoute, Params }   from '@angular/router';\r\n\r\nimport { IntervalObservable } from 'rxjs/observable/IntervalObservable';\r\nimport { Subscription } from 'rxjs/Subscription';\r\n\r\nimport { DataService } from './data.service';\r\nimport {LineChartComponent} from \"./chart.component\";\r\nimport {LineData} from \"./line-data\";\r\nimport {LabelData} from \"./label-data\";\r\n\r\n@Component({\r\n  selector: 'detail',\r\n  templateUrl: './detail.component.html'\r\n})\r\n\r\nexport class DetailComponent implements OnInit, OnDestroy {\r\n\r\n  public id:string = 'Loading';\r\n  public name:string = \"Loading\";\r\n\r\n  public label:LabelData;\r\n  \r\n  public data1:LineData;\r\n  public data2:LineData;\r\n  public data3:LineData;\r\n  public data4:LineData;\r\n  public data5:LineData;\r\n  public data6:LineData;\r\n\r\n  public datapie1:LineData;\r\n  public datapie2:LineData;\r\n  public datapie3:LineData;\r\n\r\n  public labelpie1:LabelData;\r\n  public labelpie2:LabelData;\r\n  public labelpie3:LabelData;\r\n\r\n  public hov:number = 0;\r\n  public htv:number = 0;\r\n  public ht:string = \"loading\";  \r\n  public money:number = 0;\r\n\r\n  public loaded:boolean = false;\r\n  public pieloaded:boolean = false;\r\n\r\n  public subscription:Subscription;\r\n\r\n  constructor(private dataService: DataService,\r\n             private route: ActivatedRoute) {}\r\n\r\n  ngOnInit(): void {\r\n\r\n    this.id = this.route.snapshot.params['id'];\r\n\r\n    this.refreshData(this.id);\r\n\r\n    this.subscription = IntervalObservable.create(7500).subscribe(n => this.refreshData(this.id));\r\n\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.subscription.unsubscribe();\r\n  }\r\n\r\n  refreshData(id:string)\r\n  {\r\n      this.labelpie1 = <LabelData> ({data: [\"Huidig opgenomen\", \"Huidig terug\"]});\r\n      this.labelpie2 = <LabelData> ({data: [\"Totaal opgenomen 2\", \"Totaal terug 2\"]});\r\n      this.labelpie3 = <LabelData> ({data: [\"Totaal opgenomen 1\", \"Totaal terug 1\"]});\r\n\r\n      this.dataService\r\n      .get(id)\r\n      .subscribe(res => {\r\n\r\n        this.label = res.labels;\r\n\r\n        this.data1 = res.HOV;\r\n        this.data2 = res.HTV;\r\n\r\n        this.data3 = res.TOE2;\r\n        this.data4 = res.TTE2;\r\n\r\n        this.data5 = res.TOE1;\r\n        this.data6 = res.TTE1;\r\n\r\n        this.loaded = true;\r\n\r\n      });\r\n\r\n      this.dataService\r\n      .usage(id)\r\n      .subscribe(res => {\r\n\r\n        this.hov = res.HOV;\r\n        this.htv = res.HTV;\r\n        this.ht = res.HTN;\r\n\r\n        this.money = ((res.TOE1 - res.TTE1) * res.tarief1) + ((res.TOE2 - res.TTE2) * res.tarief2);\r\n\r\n        this.datapie1 = <LineData> ({data: [res.HOV, res.HTV], label: \"Huidig verbruik\"});\r\n        this.datapie2 = <LineData> ({data: [res.TOE2, res.TTE2], label: \"Totaal 2\"});\r\n        this.datapie3 = <LineData> ({data: [res.TOE1, res.TTE1], label: \"Totaal 1\"});\r\n\r\n        this.pieloaded = true;\r\n\r\n      });\r\n\r\n      this.dataService\r\n      .name(id)\r\n      .subscribe(res => {\r\n\r\n        this.name = res;\r\n\r\n      });\r\n  }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/detail.component.ts","import { Component, OnInit } from '@angular/core';\r\nimport { Device } from './device';\r\n\r\nimport { DataService } from './data.service';\r\nimport { Router } from '@angular/router'\r\n\r\n@Component({\r\n  selector: 'device',\r\n  templateUrl: './device.component.html'\r\n})\r\n\r\nexport class DeviceComponent implements OnInit {\r\n\r\n  public devices:Device[];\r\n\r\n  constructor(private router: Router, private dataService: DataService) {}\r\n\r\n  ngOnInit(): void {\r\n\r\n    this.dataService\r\n      .devices()\r\n      .subscribe(res => {\r\n        \r\n      \t\tthis.devices = res;\r\n\r\n      });\r\n\r\n  }\r\n\r\n  goToDetails(id:string): void {\r\n    this.router.navigate(['/detail', id]);\r\n  }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/device.component.ts","import { Component } from '@angular/core';\r\n\r\nimport { DataService } from './data.service';\r\nimport {LineChartComponent} from \"./chart.component\";\r\nimport {LineData} from \"./line-data\";\r\nimport {LabelData} from \"./label-data\";\r\n\r\n@Component({\r\n  selector: 'picker',\r\n  templateUrl: './picker.component.html'\r\n})\r\n\r\nexport class PickerComponent {\r\n\r\n  public label:LabelData;\r\n  public data:LineData;\r\n\r\n  public loaded:boolean = false;\r\n\r\n  constructor(private dataService: DataService) {}\r\n\r\n  refreshData(id:string, group:string, date1:string, date2:string, property:string)\r\n  {\r\n\r\n      this.dataService\r\n      .pick(id, group, date1, date2)\r\n      .subscribe(res => {\r\n\r\n        this.label = res.labels;\r\n        this.data = res[property];\r\n\r\n        this.loaded = true;\r\n\r\n      });\r\n  }\r\n\r\n  onSubmit(form:any)\r\n  {\r\n     this.loaded = false;\r\n     this.refreshData(form.meter, form.group, form.date1, form.date2, form.datatype);\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/picker.component.ts","function webpackEmptyContext(req) {\n\tthrow new Error(\"Cannot find module '\" + req + \"'.\");\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nmodule.exports = webpackEmptyContext;\nwebpackEmptyContext.id = 393;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src async\n// module id = 393\n// module chunks = 1","import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\nimport { enableProdMode } from '@angular/core';\r\nimport { environment } from './environments/environment';\r\nimport { AppModule } from './app/app.module';\r\n\r\nif (environment.production) {\r\n  enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule);\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.ts","import { NgModule }             from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { DashboardComponent }   from './dashboard.component';\r\nimport { DeviceComponent } from './device.component';\r\nimport { DetailComponent } from './detail.component';\r\nimport { PickerComponent } from './picker.component';\r\n\r\nconst routes: Routes = [\r\n  { path: '', redirectTo: '/dashboard', pathMatch: 'full' },\r\n  { path: 'dashboard',  component: DashboardComponent },\r\n  { path: 'device', component: DeviceComponent },\r\n  { path: 'picker', component: PickerComponent},\r\n  { path: 'detail/:id', component: DetailComponent }\r\n];\r\n@NgModule({\r\n  imports: [ RouterModule.forRoot(routes) ],\r\n  exports: [ RouterModule ]\r\n})\r\nexport class AppRoutingModule {}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/app-routing.module.ts","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-root',\r\n  templateUrl: './app.component.html',\r\n  styleUrls: ['./app.component.css']\r\n})\r\nexport class AppComponent {\r\n  \r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/app.component.ts","import { BrowserModule } from '@angular/platform-browser';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { HttpModule } from '@angular/http';\r\nimport { ChartsModule } from 'ng2-charts/ng2-charts';\r\n\r\nimport { AppRoutingModule } from './app-routing.module';\r\n\r\nimport { AppComponent } from './app.component';\r\nimport { LineChartComponent } from './chart.component';\r\nimport { PieChartComponent } from './piechart.component';\r\nimport { DoubleLineChartComponent } from \"./doublelinechart.component\";\r\nimport { DashboardComponent } from './dashboard.component';\r\nimport { DeviceComponent } from './device.component';\r\nimport { DetailComponent } from './detail.component';\r\nimport { PickerComponent } from './picker.component';\r\n\r\nimport { DataService } from './data.service';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    AppComponent,\r\n    LineChartComponent,\r\n    DoubleLineChartComponent,\r\n    PieChartComponent,\r\n    DashboardComponent,\r\n    DeviceComponent,\r\n    DetailComponent,\r\n    PickerComponent\r\n  ],\r\n  imports: [\r\n    BrowserModule,\r\n    FormsModule,\r\n    HttpModule,\r\n    ChartsModule,\r\n    AppRoutingModule\r\n  ],\r\n  providers: [DataService],\r\n  bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/app.module.ts","import { Component, OnInit, OnChanges, ViewChild, ElementRef,Input } from '@angular/core';\r\n\r\nimport { LineData } from './line-data';\r\nimport { BaseChartDirective } from 'ng2-charts/ng2-charts';\r\nimport { LabelData } from \"./label-data\";\r\n\r\n@Component({\r\n  selector: 'line-chart',\r\n  templateUrl: './chart.component.html'\r\n})\r\nexport class LineChartComponent implements OnInit, OnChanges {\r\n\r\n  @Input()data:LineData;\r\n  @Input()label:LabelData;\r\n\r\n  @ViewChild(BaseChartDirective) public chart: BaseChartDirective;\r\n\r\n  // lineChart\r\n  public lineChartData:Array<any> = [\r\n    {data: [0,0,0,0,0,0,0], label: 'Verbruik'}\r\n  ];\r\n  public lineChartLabels:Array<any> = ['-1', '-2', '-3', '-4', '-5', '-6', '-7'];\r\n  public lineChartOptions:any = {\r\n    responsive: true,\r\n    title: {\r\n      display: true,\r\n      position: 'left',\r\n      text: 'KiloWatt'\r\n    }\r\n  };\r\n  public lineChartColors:Array<any> = [\r\n    { // grey\r\n      backgroundColor: 'rgba(148,159,177,0.2)',\r\n      borderColor: 'rgba(148,159,177,1)',\r\n      pointBackgroundColor: 'rgba(148,159,177,1)',\r\n      pointBorderColor: '#fff',\r\n      pointHoverBackgroundColor: '#fff',\r\n      pointHoverBorderColor: 'rgba(148,159,177,0.8)'\r\n    }\r\n  ];\r\n  public lineChartLegend:boolean = true;\r\n  public lineChartType:string = 'line';\r\n\r\n  constructor() {}\r\n\r\n  ngOnInit(): void {\r\n\r\n        this.lineChartLabels = this.label.data.slice();\r\n\r\n        const newDataSet = [];\r\n        const newLine = {data: this.data.data, label: this.data.label};\r\n        newDataSet.push(newLine);\r\n        this.lineChartData = newDataSet;\r\n  }\r\n\r\n  ngOnChanges(): void {\r\n    if(this.chart.chart != undefined){\r\n      this.chart.chart.update();\r\n    }\r\n\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/chart.component.ts","import { Component, OnInit, OnChanges, ViewChild, ElementRef,Input } from '@angular/core';\r\n\r\nimport { LineData } from './line-data';\r\nimport { BaseChartDirective } from 'ng2-charts/ng2-charts';\r\nimport { LabelData } from \"./label-data\";\r\n\r\n@Component({\r\n  selector: 'doubleline-chart',\r\n  templateUrl: './doublelinechart.component.html'\r\n})\r\nexport class DoubleLineChartComponent implements OnInit, OnChanges {\r\n\r\n  @Input()data:LineData;\r\n  @Input()data2:LineData;\r\n  @Input()label:LabelData;\r\n\r\n  @ViewChild(BaseChartDirective) public chart: BaseChartDirective;\r\n\r\n  // line2Chart\r\n  public doublelineChartData:Array<any> = [\r\n    {data: [0,0,0,0,0,0,0], label: 'Verbruik'},\r\n    {data: [0,0,0,0,0,0,0], label: 'Verbruik2'}\r\n];\r\n  public doublelineChartLabels:Array<any> = ['-1', '-2', '-3', '-4', '-5', '-6', '-7'];\r\n  public doublelineChartOptions:any = {\r\n    responsive: true,\r\n    title: {\r\n      display: true,\r\n      position: 'left',\r\n      text: 'KiloWatt'\r\n    }\r\n  };\r\n  public doublelineChartColors:Array<any> = [\r\n    { // grey\r\n      backgroundColor: 'rgba(148,159,177,0.2)',\r\n      borderColor: 'rgba(148,159,177,1)',\r\n      pointBackgroundColor: 'rgba(148,159,177,1)',\r\n      pointBorderColor: '#fff',\r\n      pointHoverBackgroundColor: '#fff',\r\n      pointHoverBorderColor: 'rgba(148,159,177,0.8)'\r\n    },\r\n    { // grey\r\n      backgroundColor: 'rgba(148,159,255,0.2)',\r\n      borderColor: 'rgba(148,159,255,1)',\r\n      pointBackgroundColor: 'rgba(148,159,255,1)',\r\n      pointBorderColor: '#fff',\r\n      pointHoverBackgroundColor: '#fff',\r\n      pointHoverBorderColor: 'rgba(148,159,255,0.8)'\r\n    }\r\n  ];\r\n  public doublelineChartLegend:boolean = true;\r\n  public doublelineChartType:string = 'line';\r\n\r\n  constructor() {}\r\n\r\n  ngOnInit(): void {\r\n\r\n    this.doublelineChartLabels = this.label.data.slice();\r\n\r\n    const newDataSet = [];\r\n    const newLine =  {data: this.data.data, label: this.data.label};\r\n    const newLine2 = {data: this.data2.data, label: this.data2.label};\r\n    newDataSet.push(newLine);\r\n    newDataSet.push(newLine2);\r\n    this.doublelineChartData = newDataSet;\r\n  }\r\n\r\n  ngOnChanges(): void {\r\n    if(this.chart.chart != undefined){\r\n      this.chart.chart.update();\r\n    }\r\n\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/doublelinechart.component.ts","import { Component, OnInit, OnChanges, ViewChild, ElementRef,Input } from '@angular/core';\r\n\r\nimport { LineData } from './line-data';\r\nimport { BaseChartDirective } from 'ng2-charts/ng2-charts';\r\nimport { LabelData } from \"./label-data\";\r\n\r\n@Component({\r\n  selector: 'pie-chart',\r\n  templateUrl: './piechart.component.html'\r\n})\r\nexport class PieChartComponent implements OnInit, OnChanges {\r\n\r\n  @Input()data:LineData;\r\n  @Input()label:LabelData;\r\n\r\n  @ViewChild(BaseChartDirective) public chart: BaseChartDirective;\r\n\r\n  // lineChart\r\n  public pieChartData:number[] = [0,0];\r\n  public pieChartLabels:string[] = ['-1', '-2'];\r\n  public pieChartType:string = 'pie';\r\n\r\n  constructor() {}\r\n\r\n  ngOnInit(): void {\r\n\r\n    this.pieChartLabels = this.label.data.slice();\r\n    this.pieChartData = this.data.data.slice();\r\n  }\r\n\r\n  ngOnChanges(): void {\r\n    if(this.chart.chart != undefined){\r\n      this.chart.chart.update();\r\n    }\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/piechart.component.ts","// The file contents for the current environment will overwrite these during build.\r\n// The build system defaults to the dev environment which uses `environment.ts`, but if you do\r\n// `ng build --env=prod` then `environment.prod.ts` will be used instead.\r\n// The list of which env maps to which file can be found in `angular-cli.json`.\r\n\r\nexport const environment = {\r\n  production: false\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/environments/environment.ts","module.exports = \"\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/app.component.css\n// module id = 673\n// module chunks = 1","module.exports = \"<div class=\\\"container\\\">\\r\\n\\r\\n  <nav class=\\\"navbar navbar-default\\\">\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n      <div class=\\\"navbar-header\\\">\\r\\n        <button type=\\\"button\\\" class=\\\"navbar-toggle collapsed\\\" data-toggle=\\\"collapse\\\" data-target=\\\"#navbar\\\" aria-expanded=\\\"false\\\" aria-controls=\\\"navbar\\\">\\r\\n          <span class=\\\"sr-only\\\">Toggle navigation</span>\\r\\n          <span class=\\\"icon-bar\\\"></span>\\r\\n          <span class=\\\"icon-bar\\\"></span>\\r\\n          <span class=\\\"icon-bar\\\"></span>\\r\\n        </button>\\r\\n        <a class=\\\"navbar-brand\\\">Energiemeter</a>\\r\\n      </div>\\r\\n      <div id=\\\"navbar\\\" class=\\\"navbar-collapse collapse\\\">\\r\\n        <ul class=\\\"nav navbar-nav\\\">\\r\\n          <li routerLink=\\\"/dashboard\\\" routerLinkActive=\\\"active\\\"><a routerLink=\\\"/dashboard\\\" routerLinkActive=\\\"active\\\">Dashboard</a></li>\\r\\n          <li routerLink=\\\"/device\\\" routerLinkActive=\\\"active\\\"><a routerLink=\\\"/device\\\" routerLinkActive=\\\"active\\\">Device</a></li>\\r\\n          <li routerLink=\\\"/picker\\\" routerLinkActive=\\\"active\\\"><a routerLink=\\\"/picker\\\" routerLinkActive=\\\"active\\\">Picker</a></li>\\r\\n        </ul>\\r\\n      </div><!--/.nav-collapse -->\\r\\n    </div><!--/.container-fluid -->\\r\\n  </nav>\\r\\n\\r\\n  <div class=\\\"row\\\">\\r\\n\\r\\n    <div class=\\\"col-md-12\\\">\\r\\n      <div class=\\\"page-header\\\">\\r\\n        <h1>Energiemeter <small>Avans</small></h1>\\r\\n      </div>\\r\\n    </div>\\r\\n\\r\\n  </div>\\r\\n\\r\\n  <div class=\\\"row\\\">\\r\\n    <router-outlet></router-outlet>\\r\\n  </div>\\r\\n\\r\\n</div>\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/app.component.html\n// module id = 674\n// module chunks = 1","module.exports = \"<div style=\\\"display: block;\\\">\\r\\n<canvas baseChart width=\\\"400\\\" height=\\\"200\\\"\\r\\n            [datasets]=\\\"lineChartData\\\"\\r\\n            [labels]=\\\"lineChartLabels\\\"\\r\\n            [options]=\\\"lineChartOptions\\\"\\r\\n            [colors]=\\\"lineChartColors\\\"\\r\\n            [legend]=\\\"lineChartLegend\\\"\\r\\n            [chartType]=\\\"lineChartType\\\"></canvas>\\r\\n</div>\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/chart.component.html\n// module id = 675\n// module chunks = 1","module.exports = \"<span *ngIf=\\\"mloaded\\\">\\r\\n\\r\\n\\t<div class=\\\"col-md-6\\\">\\r\\n    <h3>Martijn</h3>\\r\\n\\t\\t<pie-chart [label]=\\\"label\\\" [data]=\\\"data1\\\"></pie-chart>\\r\\n\\t</div>\\r\\n\\r\\n</span>\\r\\n\\r\\n<span *ngIf=\\\"kloaded\\\">\\r\\n\\t<div class=\\\"col-md-6\\\">\\r\\n    <h3>Kenneth</h3>\\r\\n\\t\\t<pie-chart [label]=\\\"label\\\" [data]=\\\"data2\\\"></pie-chart>\\r\\n\\t</div>\\r\\n\\r\\n</span>\\r\\n\\r\\n<span *ngIf=\\\"dbloaded\\\">\\r\\n\\t<div class=\\\"col-md-12\\\">\\r\\n    <h3>Vergelijking</h3>\\r\\n\\t\\t<doubleline-chart [label]=\\\"label2\\\" [data]=\\\"data3\\\" [data2]=\\\"data4\\\"></doubleline-chart>\\r\\n\\t</div>\\r\\n\\r\\n</span>\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/dashboard.component.html\n// module id = 676\n// module chunks = 1","module.exports = \"<div class=\\\"col-md-12\\\">\\r\\n\\t<h2>{{name}}</h2>\\r\\n</div>\\r\\n\\r\\n<div class=\\\"col-md-12\\\">\\r\\n\\t<div class=\\\"well\\\">\\r\\n\\t\\t<b>Huidig opgenomen vermogen:</b> {{hov}} kW <br>\\r\\n\\t\\t<b>Huidig teruggeleverd vermogen:</b> {{htv}} kW <br>\\r\\n\\t\\t<b>Huidig tarief:</b> {{ht}} <br>\\r\\n\\t\\t<b>Totale kosten:</b> €{{money}}\\r\\n\\t</div>\\r\\n</div>\\r\\n\\r\\n<span *ngIf=\\\"pieloaded\\\">\\r\\n\\r\\n\\t<div class=\\\"col-md-4\\\">\\r\\n\\t\\t<pie-chart [label]=\\\"labelpie1\\\" [data]=\\\"datapie1\\\"></pie-chart>\\r\\n\\t</div>\\r\\n\\r\\n\\t<div class=\\\"col-md-4\\\">\\r\\n\\t\\t<pie-chart [label]=\\\"labelpie2\\\" [data]=\\\"datapie2\\\"></pie-chart>\\r\\n\\t</div>\\r\\n\\r\\n\\t<div class=\\\"col-md-4\\\">\\r\\n\\t\\t<pie-chart [label]=\\\"labelpie3\\\" [data]=\\\"datapie3\\\"></pie-chart>\\r\\n\\t</div>\\r\\n\\r\\n</span>\\r\\n\\r\\n<span *ngIf=\\\"loaded\\\">\\r\\n\\r\\n\\t<div class=\\\"col-md-12\\\">\\r\\n\\t\\t<doubleline-chart [label]=\\\"label\\\" [data]=\\\"data1\\\" [data2]=\\\"data2\\\"></doubleline-chart>\\r\\n\\t</div>\\r\\n\\r\\n\\t<div class=\\\"col-md-6\\\">\\r\\n\\t\\t<line-chart [label]=\\\"label\\\" [data]=\\\"data3\\\"></line-chart>\\r\\n\\t</div>\\r\\n\\r\\n\\t<div class=\\\"col-md-6\\\">\\r\\n\\t\\t<line-chart [label]=\\\"label\\\" [data]=\\\"data4\\\"></line-chart>\\r\\n\\t</div>\\r\\n\\r\\n\\t<div class=\\\"col-md-6\\\">\\r\\n\\t\\t<line-chart [label]=\\\"label\\\" [data]=\\\"data5\\\"></line-chart>\\r\\n\\t</div>\\r\\n\\r\\n\\t<div class=\\\"col-md-6\\\">\\r\\n\\t\\t<line-chart [label]=\\\"label\\\" [data]=\\\"data6\\\"></line-chart>\\r\\n\\t</div>\\r\\n</span>\\r\\n\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/detail.component.html\n// module id = 677\n// module chunks = 1","module.exports = \"<div>\\r\\n\\r\\n<ul>\\r\\n        <li *ngFor=\\\"let device of devices\\\" (click)=\\\"goToDetails(device.sn)\\\">\\r\\n          {{device.name}}\\r\\n        </li>\\r\\n</ul>\\r\\n\\r\\n</div>\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/device.component.html\n// module id = 678\n// module chunks = 1","module.exports = \"<div style=\\\"display: block;\\\">\\r\\n  <canvas baseChart width=\\\"400\\\" height=\\\"200\\\"\\r\\n          [datasets]=\\\"doublelineChartData\\\"\\r\\n          [labels]=\\\"doublelineChartLabels\\\"\\r\\n          [options]=\\\"doublelineChartOptions\\\"\\r\\n          [colors]=\\\"doublelineChartColors\\\"\\r\\n          [legend]=\\\"doublelineChartLegend\\\"\\r\\n          [chartType]=\\\"doublelineChartType\\\"></canvas>\\r\\n</div>\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/doublelinechart.component.html\n// module id = 679\n// module chunks = 1","module.exports = \"\\r\\n<div class=\\\"col-md-12\\\">\\r\\n\\r\\n <form #form=\\\"ngForm\\\" (ngSubmit)=\\\"onSubmit(form.value)\\\">\\r\\n\\r\\n  <div class=\\\"form-group\\\">  \\r\\n    <label>Meter</label>  \\r\\n    <select name=\\\"meter\\\" class=\\\"form-control\\\" required ngModel>\\r\\n    \\t<option value=\\\"4530303035303031353538313833363134\\\" selected>Martijn</option>\\r\\n    \\t<option value=\\\"4530303235303030303636383733323136\\\">Kenneth</option>\\r\\n    </select>\\r\\n  </div>\\r\\n\\r\\n  <div class=\\\"form-group\\\">  \\r\\n    <label>Data type</label>  \\r\\n    <select name=\\\"datatype\\\" class=\\\"form-control\\\" required ngModel>\\r\\n    \\t<optgroup label=\\\"Huidig\\\">\\r\\n        \\t<option value=\\\"HOV\\\" selected>Huidig opgenomen vermogen</option>\\r\\n        \\t<option value=\\\"HTV\\\">Huidig teruggeleverd vermogen</option>\\r\\n        </optgroup>\\r\\n    \\t<optgroup label=\\\"Tarief 1\\\">\\r\\n        \\t<option value=\\\"TOE1\\\">Totaal opgenomen energie</option>\\r\\n        \\t<option value=\\\"TTE1\\\">Totaal teruggeleverde energie</option>\\r\\n        </optgroup>\\r\\n        <optgroup label=\\\"Tarief 2\\\">\\r\\n        \\t<option value=\\\"TOE2\\\">Totaal opgenomen energie</option>\\r\\n        \\t<option value=\\\"TTE2\\\">Totaal teruggeleverde energie</option>\\r\\n        </optgroup>\\r\\n    </select>\\r\\n  </div>\\r\\n\\r\\n  <div class=\\\"form-group\\\">  \\r\\n    <label>Groupering</label>  \\r\\n    <select name=\\\"group\\\" class=\\\"form-control\\\" required ngModel>\\r\\n    \\t<option value=\\\"minute\\\">Minuut</option>\\r\\n    \\t<option value=\\\"hour\\\" selected>Uur</option>\\r\\n    \\t<option value=\\\"day\\\">Dag</option>\\r\\n    \\t<option value=\\\"month\\\">Maand</option>\\r\\n    \\t<option value=\\\"year\\\">Jaar</option>\\r\\n    </select>\\r\\n  </div>\\r\\n\\r\\n  <div class=\\\"form-group\\\">\\r\\n  \\t<label>Startdatum</label>\\r\\n  \\t<input type=\\\"date\\\" name=\\\"date1\\\" class=\\\"form-control\\\" required ngModel>\\r\\n  </div>\\r\\n\\r\\n  <div class=\\\"form-group\\\">\\r\\n  \\t<label>Einddatum</label>\\r\\n  \\t<input type=\\\"date\\\" name=\\\"date2\\\" class=\\\"form-control\\\" required ngModel>\\r\\n  </div>\\r\\n\\r\\n  <input type=\\\"submit\\\" class=\\\"btn btn-primary\\\" value=\\\"Update\\\" />\\r\\n\\r\\n  </form>\\r\\n</div>\\r\\n\\r\\n<span *ngIf=\\\"loaded\\\">\\r\\n\\r\\n\\t<div class=\\\"col-md-12\\\">\\r\\n\\t\\t<line-chart [label]=\\\"label\\\" [data]=\\\"data\\\"></line-chart>\\r\\n\\t</div>\\r\\n\\r\\n</span>\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/picker.component.html\n// module id = 680\n// module chunks = 1","module.exports = \"<div style=\\\"display: block;\\\">\\r\\n  <canvas baseChart\\r\\n          [data]=\\\"pieChartData\\\"\\r\\n          [labels]=\\\"pieChartLabels\\\"\\r\\n          [chartType]=\\\"pieChartType\\\"></canvas>\\r\\n</div>\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/piechart.component.html\n// module id = 681\n// module chunks = 1"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///./src/app/data.service.ts","webpack:///./src/app/label-data.ts","webpack:///./src/app/line-data.ts","webpack:///./src/app/dashboard.component.ts","webpack:///./src/app/detail.component.ts","webpack:///./src/app/device.component.ts","webpack:///./src/app/picker.component.ts","webpack:///./src async","webpack:///./src/main.ts","webpack:///./src/app/app-routing.module.ts","webpack:///./src/app/app.component.ts","webpack:///./src/app/app.module.ts","webpack:///./src/app/chart.component.ts","webpack:///./src/app/doublelinechart.component.ts","webpack:///./src/app/piechart.component.ts","webpack:///./src/environments/environment.ts","webpack:///./src/app/app.component.css","webpack:///./src/app/app.component.html","webpack:///./src/app/chart.component.html","webpack:///./src/app/dashboard.component.html","webpack:///./src/app/detail.component.html","webpack:///./src/app/device.component.html","webpack:///./src/app/doublelinechart.component.html","webpack:///./src/app/picker.component.html","webpack:///./src/app/piechart.component.html"],"names":[],"mappings":"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","file":"main.bundle.js","sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { Observable } from 'rxjs/Rx';\r\nimport 'rxjs/add/operator/map'\r\nimport { Http, Response, Headers } from '@angular/http';\r\n\r\nimport { LineData } from './line-data';\r\nimport { GraphData } from './graph-data';\r\nimport { LabelData } from './label-data';\r\n\r\nimport { Device } from './device';\r\nimport { Usage } from './usage';\r\n\r\n@Injectable()\r\nexport class DataService {\r\n  private getUrl: string = '/webapi/data';\r\n  private usageUrl: string = '/webapi/usage';\r\n  private nameUrl: string = '/webapi/name';\r\n  private deviceUrl: string = '/webapi/device';\r\n\r\n  constructor(private http : Http){}\r\n\r\n  get(id:string): Observable<GraphData> {\r\n    let lineChartData$ =\r\n      this.http\r\n        .get((`${this.getUrl}/${id}/group/hour`)\r\n          , {headers: this.getHeaders()})\r\n        .map(mapData);\r\n\r\n    return lineChartData$;\r\n  }\r\n\r\n  pick(id:string, group:string, date1:string, date2:string): Observable<GraphData> {\r\n    let lineChartData$ =\r\n      this.http\r\n        .get((`${this.getUrl}/${id}/group/${group}/${date1}/${date2}`)\r\n          , {headers: this.getHeaders()})\r\n        .map(mapData);\r\n\r\n    return lineChartData$;\r\n  }\r\n\r\n  usage(id:string): Observable<Usage> {\r\n    let usageData$ =\r\n      this.http\r\n        .get((`${this.usageUrl}/${id}`)\r\n          , {headers: this.getHeaders()})\r\n        .map(mapUsage);\r\n\r\n    return usageData$;\r\n  }\r\n\r\n  name(id:string): Observable<string> {\r\n    let nameData$ =\r\n      this.http\r\n        .get((`${this.nameUrl}/${id}`)\r\n          , {headers: this.getHeaders()})\r\n        .map(mapName);\r\n\r\n    return nameData$;\r\n  }\r\n\r\n\r\n  devices(): Observable<Device[]> {\r\n    let devices$ =\r\n      this.http\r\n        .get((`${this.deviceUrl}`)\r\n          , {headers: this.getHeaders()})\r\n        .map(mapDevice);\r\n\r\n    return devices$;\r\n  }\r\n\r\n  private getHeaders(){\r\n    let headers = new Headers();\r\n    headers.append('Accept', 'application/json');\r\n    return headers;\r\n  }\r\n}\r\n\r\nfunction mapData(response:Response): GraphData {\r\n  let TOE1S = response.json().map(toe1ToData);\r\n  let TOE2S = response.json().map(toe2ToData);\r\n  let HOV = response.json().map(hovToData);\r\n  let TTE1S = response.json().map(tte1ToData);\r\n  let TTE2S = response.json().map(tte2ToData);\r\n  let HTV = response.json().map(htvToData);\r\n  let HT = response.json().map(htToData);\r\n  let times = response.json().map(timeToData);\r\n\r\n  let Toe1Line:LineData = <LineData>({data: TOE1S, label: \"Totaal Energieverbruik tarief 1\"});\r\n  let Toe2Line:LineData = <LineData>({data: TOE2S, label: \"Totaal Energieverbruik tarief 2\"});\r\n  let HovLine:LineData = <LineData>({data: HOV, label: \"Huidig Energieverbruik\"});\r\n  let Tte1Line:LineData = <LineData>({data: TTE1S, label: \"Totaal terug Energieverbruik tarief 1\"});\r\n  let Tte2Line:LineData = <LineData>({data: TTE2S, label: \"Totaal terug Energieverbruik tarief 2\"});\r\n  let HtvLine:LineData = <LineData>({data: HTV, label: \"Huidig terug Energieverbruik\"});\r\n  let HtLine:LineData = <LineData>({data: HT, label: \"Huidig Tarief\"});\r\n  let label:LabelData = <LabelData>({data: times});\r\n  let graph:GraphData = <GraphData>({TOE1:Toe1Line,TOE2:Toe2Line,HOV:HovLine,TTE1:Tte1Line,TTE2:Tte2Line,HTV:HtvLine,HT:HtLine,labels:label});\r\n  return graph;\r\n}\r\n\r\nfunction toe1ToData(r:any){\r\n  let TOE1 = r.TOE1;\r\n  return TOE1;\r\n}\r\n\r\nfunction toe2ToData(r:any){\r\n  let TOE2 = r.TOE2;\r\n  return TOE2;\r\n}\r\n\r\nfunction hovToData(r:any){\r\n  let HOV = r.HOV;\r\n  return HOV;\r\n}\r\n\r\nfunction tte1ToData(r:any){\r\n  let TTE1 = r.TTE1;\r\n  return TTE1;\r\n}\r\n\r\nfunction tte2ToData(r:any){\r\n  let TTE2 = r.TTE2;\r\n  return TTE2;\r\n}\r\n\r\nfunction htvToData(r:any){\r\n  let HTV = r.HTV;\r\n  return HTV;\r\n}\r\n\r\nfunction htToData(r:any){\r\n  let HT = r.HT;\r\n  return HT;\r\n}\r\n\r\nfunction timeToData(r:any){\r\n  let times = r.time.substring(11,19);\r\n  return times;\r\n}\r\n\r\n\r\nfunction mapUsage(response:Response): Usage {\r\n  let usage = response.json().map(toUsage);\r\n  return usage[0];\r\n}\r\n\r\nfunction toUsage(r:any): Usage\r\n{\r\n    let htname = \"nacht\";\r\n\r\n    if(r.HT == 2)\r\n    {\r\n        htname = \"dag\";\r\n    }\r\n\r\n    let usage = <Usage>({\r\n      HOV: r.HOV,\r\n      HTV: r.HTV,\r\n      HT: r.HT,\r\n      HTN: htname,\r\n      TOE1: r.TOE1,\r\n      TOE2: r.TOE2,\r\n      TTE1: r.TTE1,\r\n      TTE2: r.TTE2,\r\n      tarief1: r.tarief1,\r\n      tarief2: r.tarief2\r\n    });\r\n\r\n    return usage;\r\n}\r\n\r\nfunction mapName(response:Response): string {\r\n  let name = response.json().map(toName);\r\n  return name[0];\r\n}\r\n\r\nfunction toName(r:any): string\r\n{\r\n    return r.name;\r\n}\r\n\r\n\r\nfunction mapDevice(response:Response): Device[] {\r\n  let devices = response.json().map(toDevice);\r\n  return devices;\r\n}\r\n\r\n\r\nfunction toDevice(r:any){\r\n  let device = <Device>({\r\n      sn: r.SN,\r\n      name: r.name\r\n  });\r\n\r\n  return device;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/data.service.ts","export class LabelData {\r\n  public data: string[];\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/label-data.ts","export class LineData {\r\n  public data: number[];\r\n  public label:string;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/line-data.ts","import {Component, OnDestroy, OnInit} from '@angular/core';\r\n\r\nimport { IntervalObservable } from 'rxjs/observable/IntervalObservable';\r\nimport { Subscription } from 'rxjs/Subscription';\r\n\r\nimport { DataService } from './data.service';\r\nimport {LineChartComponent} from \"./chart.component\";\r\nimport {LineData} from \"./line-data\";\r\nimport {LabelData} from \"./label-data\";\r\n\r\n@Component({\r\n  selector: 'dashboard',\r\n  templateUrl: './dashboard.component.html'\r\n})\r\n\r\nexport class DashboardComponent implements OnInit, OnDestroy {\r\n  public data1:LineData;\r\n  public data2:LineData;\r\n\r\n  public data3:LineData;\r\n  public data4:LineData;\r\n\r\n  public label:LabelData;\r\n  public label2:LabelData;\r\n\r\n  public mloaded:boolean = false;\r\n  public kloaded:boolean = false;\r\n  public dbloaded:boolean = false;\r\n\r\n  public subscription:Subscription;\r\n\r\n  constructor(private dataService: DataService) {}\r\n\r\n  ngOnInit(): void {\r\n\r\n    this.refreshData();\r\n\r\n    this.subscription = IntervalObservable.create(7500).subscribe(n => this.refreshData());\r\n\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.subscription.unsubscribe();\r\n  }\r\n\r\n  refreshData()\r\n  {\r\n    this.label = <LabelData> ({data: [\"Totaal tarief 1\", \"Totaal tarief 2\"]});\r\n\r\n    this.dataService\r\n      .usage(\"4530303035303031353538313833363134\")\r\n      .subscribe(res => {\r\n\r\n        this.data1 = <LineData> ({data: [res.TOE1, res.TOE2], label: \"Verbruik Martijn\"});\r\n        this.mloaded = true;\r\n\r\n      });\r\n\r\n    this.dataService\r\n      .usage(\"4530303235303030303636383733323136\")\r\n      .subscribe(res => {\r\n\r\n        this.data2 = <LineData> ({data: [res.TOE1, res.TOE2], label: \"Verbruik Kenneth\"});\r\n        this.kloaded = true;\r\n\r\n      });\r\n\r\n    this.dataService\r\n      .get(\"4530303235303030303636383733323136\")\r\n      .subscribe(res => {\r\n\r\n          this.data3 = res.HOV;\r\n          this.label2 = res.labels;\r\n\r\n      });\r\n\r\n    this.dataService\r\n      .get(\"4530303035303031353538313833363134\")\r\n      .subscribe(res => {\r\n\r\n          this.data4 = res.HOV;\r\n          this.dbloaded = true;\r\n\r\n      });\r\n\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/dashboard.component.ts","import { Component, OnInit, OnDestroy } from '@angular/core';\r\nimport { ActivatedRoute, Params }   from '@angular/router';\r\n\r\nimport { IntervalObservable } from 'rxjs/observable/IntervalObservable';\r\nimport { Subscription } from 'rxjs/Subscription';\r\n\r\nimport { DataService } from './data.service';\r\nimport {LineChartComponent} from \"./chart.component\";\r\nimport {LineData} from \"./line-data\";\r\nimport {LabelData} from \"./label-data\";\r\n\r\n@Component({\r\n  selector: 'detail',\r\n  templateUrl: './detail.component.html'\r\n})\r\n\r\nexport class DetailComponent implements OnInit, OnDestroy {\r\n\r\n  public id:string = 'Loading';\r\n  public name:string = \"Loading\";\r\n\r\n  public label:LabelData;\r\n  \r\n  public data1:LineData;\r\n  public data2:LineData;\r\n  public data3:LineData;\r\n  public data4:LineData;\r\n  public data5:LineData;\r\n  public data6:LineData;\r\n\r\n  public datapie:LineData;\r\n  public datapie1:LineData;\r\n  public datapie2:LineData;\r\n  public datapie3:LineData;\r\n\r\n  public labelpie:LabelData;\r\n  public labelpie1:LabelData;\r\n  public labelpie2:LabelData;\r\n  public labelpie3:LabelData;\r\n\r\n  public hov:number = 0;\r\n  public htv:number = 0;\r\n  public ht:string = \"loading\";  \r\n  public money:number = 0;\r\n\r\n  public loaded:boolean = false;\r\n  public pieloaded:boolean = false;\r\n\r\n  public subscription:Subscription;\r\n\r\n  constructor(private dataService: DataService,\r\n             private route: ActivatedRoute) {}\r\n\r\n  ngOnInit(): void {\r\n\r\n    this.id = this.route.snapshot.params['id'];\r\n\r\n    this.refreshData(this.id);\r\n\r\n    this.subscription = IntervalObservable.create(7500).subscribe(n => this.refreshData(this.id));\r\n\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.subscription.unsubscribe();\r\n  }\r\n\r\n  refreshData(id:string)\r\n  {\r\n      this.labelpie  = <LabelData> ({data: [\"Totaal opgenomen 2\", \"Totaal opgenomen 1\"]});\r\n      this.labelpie1 = <LabelData> ({data: [\"Huidig opgenomen\", \"Huidig terug\"]});\r\n      this.labelpie2 = <LabelData> ({data: [\"Totaal opgenomen 2\", \"Totaal terug 2\"]});\r\n      this.labelpie3 = <LabelData> ({data: [\"Totaal opgenomen 1\", \"Totaal terug 1\"]});\r\n\r\n      this.dataService\r\n      .get(id)\r\n      .subscribe(res => {\r\n\r\n        this.label = res.labels;\r\n\r\n        this.data1 = res.HOV;\r\n        this.data2 = res.HTV;\r\n\r\n        this.data3 = res.TOE2;\r\n        this.data4 = res.TTE2;\r\n\r\n        this.data5 = res.TOE1;\r\n        this.data6 = res.TTE1;\r\n\r\n        this.loaded = true;\r\n\r\n      });\r\n\r\n      this.dataService\r\n      .usage(id)\r\n      .subscribe(res => {\r\n\r\n        this.hov = res.HOV;\r\n        this.htv = res.HTV;\r\n        this.ht = res.HTN;\r\n\r\n        this.money = ((res.TOE1 - res.TTE1) * res.tarief1) + ((res.TOE2 - res.TTE2) * res.tarief2);\r\n\r\n        this.datapie  = <LineData> ({data: [res.TOE2, res.TOE1], label: \"Opgenomen\"});\r\n        this.datapie1 = <LineData> ({data: [res.HOV, res.HTV], label: \"Huidig verbruik\"});\r\n        this.datapie2 = <LineData> ({data: [res.TOE2, res.TTE2], label: \"Totaal 2\"});\r\n        this.datapie3 = <LineData> ({data: [res.TOE1, res.TTE1], label: \"Totaal 1\"});\r\n\r\n        this.pieloaded = true;\r\n\r\n      });\r\n\r\n      this.dataService\r\n      .name(id)\r\n      .subscribe(res => {\r\n\r\n        this.name = res;\r\n\r\n      });\r\n  }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/detail.component.ts","import { Component, OnInit } from '@angular/core';\r\nimport { Device } from './device';\r\n\r\nimport { DataService } from './data.service';\r\nimport { Router } from '@angular/router'\r\n\r\n@Component({\r\n  selector: 'device',\r\n  templateUrl: './device.component.html'\r\n})\r\n\r\nexport class DeviceComponent implements OnInit {\r\n\r\n  public devices:Device[];\r\n\r\n  constructor(private router: Router, private dataService: DataService) {}\r\n\r\n  ngOnInit(): void {\r\n\r\n    this.dataService\r\n      .devices()\r\n      .subscribe(res => {\r\n        \r\n      \t\tthis.devices = res;\r\n\r\n      });\r\n\r\n  }\r\n\r\n  goToDetails(id:string): void {\r\n    this.router.navigate(['/detail', id]);\r\n  }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/device.component.ts","import { Component } from '@angular/core';\r\n\r\nimport { DataService } from './data.service';\r\nimport {LineChartComponent} from \"./chart.component\";\r\nimport {LineData} from \"./line-data\";\r\nimport {LabelData} from \"./label-data\";\r\n\r\n@Component({\r\n  selector: 'picker',\r\n  templateUrl: './picker.component.html'\r\n})\r\n\r\nexport class PickerComponent {\r\n\r\n  public label:LabelData;\r\n  public data:LineData;\r\n\r\n  public loaded:boolean = false;\r\n\r\n  constructor(private dataService: DataService) {}\r\n\r\n  refreshData(id:string, group:string, date1:string, date2:string, property:string)\r\n  {\r\n\r\n      this.dataService\r\n      .pick(id, group, date1, date2)\r\n      .subscribe(res => {\r\n\r\n        this.label = res.labels;\r\n        this.data = res[property];\r\n\r\n        this.loaded = true;\r\n\r\n      });\r\n  }\r\n\r\n  onSubmit(form:any)\r\n  {\r\n     this.loaded = false;\r\n     this.refreshData(form.meter, form.group, form.date1, form.date2, form.datatype);\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/picker.component.ts","function webpackEmptyContext(req) {\n\tthrow new Error(\"Cannot find module '\" + req + \"'.\");\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nmodule.exports = webpackEmptyContext;\nwebpackEmptyContext.id = 393;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src async\n// module id = 393\n// module chunks = 1","import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\nimport { enableProdMode } from '@angular/core';\r\nimport { environment } from './environments/environment';\r\nimport { AppModule } from './app/app.module';\r\n\r\nif (environment.production) {\r\n  enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule);\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.ts","import { NgModule }             from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { DashboardComponent }   from './dashboard.component';\r\nimport { DeviceComponent } from './device.component';\r\nimport { DetailComponent } from './detail.component';\r\nimport { PickerComponent } from './picker.component';\r\n\r\nconst routes: Routes = [\r\n  { path: '', redirectTo: '/dashboard', pathMatch: 'full' },\r\n  { path: 'dashboard',  component: DashboardComponent },\r\n  { path: 'device', component: DeviceComponent },\r\n  { path: 'picker', component: PickerComponent},\r\n  { path: 'detail/:id', component: DetailComponent }\r\n];\r\n@NgModule({\r\n  imports: [ RouterModule.forRoot(routes) ],\r\n  exports: [ RouterModule ]\r\n})\r\nexport class AppRoutingModule {}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/app-routing.module.ts","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-root',\r\n  templateUrl: './app.component.html',\r\n  styleUrls: ['./app.component.css']\r\n})\r\nexport class AppComponent {\r\n  \r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/app.component.ts","import { BrowserModule } from '@angular/platform-browser';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { HttpModule } from '@angular/http';\r\nimport { ChartsModule } from 'ng2-charts/ng2-charts';\r\n\r\nimport { AppRoutingModule } from './app-routing.module';\r\n\r\nimport { AppComponent } from './app.component';\r\nimport { LineChartComponent } from './chart.component';\r\nimport { PieChartComponent } from './piechart.component';\r\nimport { DoubleLineChartComponent } from \"./doublelinechart.component\";\r\nimport { DashboardComponent } from './dashboard.component';\r\nimport { DeviceComponent } from './device.component';\r\nimport { DetailComponent } from './detail.component';\r\nimport { PickerComponent } from './picker.component';\r\n\r\nimport { DataService } from './data.service';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    AppComponent,\r\n    LineChartComponent,\r\n    DoubleLineChartComponent,\r\n    PieChartComponent,\r\n    DashboardComponent,\r\n    DeviceComponent,\r\n    DetailComponent,\r\n    PickerComponent\r\n  ],\r\n  imports: [\r\n    BrowserModule,\r\n    FormsModule,\r\n    HttpModule,\r\n    ChartsModule,\r\n    AppRoutingModule\r\n  ],\r\n  providers: [DataService],\r\n  bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/app.module.ts","import { Component, OnInit, OnChanges, ViewChild, ElementRef,Input } from '@angular/core';\r\n\r\nimport { LineData } from './line-data';\r\nimport { BaseChartDirective } from 'ng2-charts/ng2-charts';\r\nimport { LabelData } from \"./label-data\";\r\n\r\n@Component({\r\n  selector: 'line-chart',\r\n  templateUrl: './chart.component.html'\r\n})\r\nexport class LineChartComponent implements OnInit, OnChanges {\r\n\r\n  @Input()data:LineData;\r\n  @Input()label:LabelData;\r\n\r\n  @ViewChild(BaseChartDirective) public chart: BaseChartDirective;\r\n\r\n  // lineChart\r\n  public lineChartData:Array<any> = [\r\n    {data: [0,0,0,0,0,0,0], label: 'Verbruik'}\r\n  ];\r\n  public lineChartLabels:Array<any> = ['-1', '-2', '-3', '-4', '-5', '-6', '-7'];\r\n  public lineChartOptions:any = {\r\n    responsive: true,\r\n    title: {\r\n      display: true,\r\n      position: 'left',\r\n      text: 'KiloWatt'\r\n    }\r\n  };\r\n  public lineChartColors:Array<any> = [\r\n    { // grey\r\n      backgroundColor: 'rgba(148,159,177,0.2)',\r\n      borderColor: 'rgba(148,159,177,1)',\r\n      pointBackgroundColor: 'rgba(148,159,177,1)',\r\n      pointBorderColor: '#fff',\r\n      pointHoverBackgroundColor: '#fff',\r\n      pointHoverBorderColor: 'rgba(148,159,177,0.8)'\r\n    }\r\n  ];\r\n  public lineChartLegend:boolean = true;\r\n  public lineChartType:string = 'line';\r\n\r\n  constructor() {}\r\n\r\n  ngOnInit(): void {\r\n\r\n        this.lineChartLabels = this.label.data.slice();\r\n\r\n        const newDataSet = [];\r\n        const newLine = {data: this.data.data, label: this.data.label};\r\n        newDataSet.push(newLine);\r\n        this.lineChartData = newDataSet;\r\n  }\r\n\r\n  ngOnChanges(): void {\r\n    if(this.chart.chart != undefined){\r\n      this.chart.chart.update();\r\n    }\r\n\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/chart.component.ts","import { Component, OnInit, OnChanges, ViewChild, ElementRef,Input } from '@angular/core';\r\n\r\nimport { LineData } from './line-data';\r\nimport { BaseChartDirective } from 'ng2-charts/ng2-charts';\r\nimport { LabelData } from \"./label-data\";\r\n\r\n@Component({\r\n  selector: 'doubleline-chart',\r\n  templateUrl: './doublelinechart.component.html'\r\n})\r\nexport class DoubleLineChartComponent implements OnInit, OnChanges {\r\n\r\n  @Input()data:LineData;\r\n  @Input()data2:LineData;\r\n  @Input()label:LabelData;\r\n\r\n  @ViewChild(BaseChartDirective) public chart: BaseChartDirective;\r\n\r\n  // line2Chart\r\n  public doublelineChartData:Array<any> = [\r\n    {data: [0,0,0,0,0,0,0], label: 'Verbruik'},\r\n    {data: [0,0,0,0,0,0,0], label: 'Verbruik2'}\r\n];\r\n  public doublelineChartLabels:Array<any> = ['-1', '-2', '-3', '-4', '-5', '-6', '-7'];\r\n  public doublelineChartOptions:any = {\r\n    responsive: true,\r\n    title: {\r\n      display: true,\r\n      position: 'left',\r\n      text: 'KiloWatt'\r\n    }\r\n  };\r\n  public doublelineChartColors:Array<any> = [\r\n    { // grey\r\n      backgroundColor: 'rgba(148,159,177,0.2)',\r\n      borderColor: 'rgba(148,159,177,1)',\r\n      pointBackgroundColor: 'rgba(148,159,177,1)',\r\n      pointBorderColor: '#fff',\r\n      pointHoverBackgroundColor: '#fff',\r\n      pointHoverBorderColor: 'rgba(148,159,177,0.8)'\r\n    },\r\n    { // grey\r\n      backgroundColor: 'rgba(148,159,255,0.2)',\r\n      borderColor: 'rgba(148,159,255,1)',\r\n      pointBackgroundColor: 'rgba(148,159,255,1)',\r\n      pointBorderColor: '#fff',\r\n      pointHoverBackgroundColor: '#fff',\r\n      pointHoverBorderColor: 'rgba(148,159,255,0.8)'\r\n    }\r\n  ];\r\n  public doublelineChartLegend:boolean = true;\r\n  public doublelineChartType:string = 'line';\r\n\r\n  constructor() {}\r\n\r\n  ngOnInit(): void {\r\n\r\n    this.doublelineChartLabels = this.label.data.slice();\r\n\r\n    const newDataSet = [];\r\n    const newLine =  {data: this.data.data, label: this.data.label};\r\n    const newLine2 = {data: this.data2.data, label: this.data2.label};\r\n    newDataSet.push(newLine);\r\n    newDataSet.push(newLine2);\r\n    this.doublelineChartData = newDataSet;\r\n  }\r\n\r\n  ngOnChanges(): void {\r\n    if(this.chart.chart != undefined){\r\n      this.chart.chart.update();\r\n    }\r\n\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/doublelinechart.component.ts","import { Component, OnInit, OnChanges, ViewChild, ElementRef,Input } from '@angular/core';\r\n\r\nimport { LineData } from './line-data';\r\nimport { BaseChartDirective } from 'ng2-charts/ng2-charts';\r\nimport { LabelData } from \"./label-data\";\r\n\r\n@Component({\r\n  selector: 'pie-chart',\r\n  templateUrl: './piechart.component.html'\r\n})\r\nexport class PieChartComponent implements OnInit, OnChanges {\r\n\r\n  @Input()data:LineData;\r\n  @Input()label:LabelData;\r\n\r\n  @ViewChild(BaseChartDirective) public chart: BaseChartDirective;\r\n\r\n  // lineChart\r\n  public pieChartData:number[] = [0,0];\r\n  public pieChartLabels:string[] = ['-1', '-2'];\r\n  public pieChartType:string = 'pie';\r\n\r\n  constructor() {}\r\n\r\n  ngOnInit(): void {\r\n\r\n    this.pieChartLabels = this.label.data.slice();\r\n    this.pieChartData = this.data.data.slice();\r\n  }\r\n\r\n  ngOnChanges(): void {\r\n    if(this.chart.chart != undefined){\r\n      this.chart.chart.update();\r\n    }\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/piechart.component.ts","// The file contents for the current environment will overwrite these during build.\r\n// The build system defaults to the dev environment which uses `environment.ts`, but if you do\r\n// `ng build --env=prod` then `environment.prod.ts` will be used instead.\r\n// The list of which env maps to which file can be found in `angular-cli.json`.\r\n\r\nexport const environment = {\r\n  production: false\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/environments/environment.ts","module.exports = \"\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/app.component.css\n// module id = 673\n// module chunks = 1","module.exports = \"<div class=\\\"container\\\">\\r\\n\\r\\n  <nav class=\\\"navbar navbar-default\\\">\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n      <div class=\\\"navbar-header\\\">\\r\\n        <button type=\\\"button\\\" class=\\\"navbar-toggle collapsed\\\" data-toggle=\\\"collapse\\\" data-target=\\\"#navbar\\\" aria-expanded=\\\"false\\\" aria-controls=\\\"navbar\\\">\\r\\n          <span class=\\\"sr-only\\\">Toggle navigation</span>\\r\\n          <span class=\\\"icon-bar\\\"></span>\\r\\n          <span class=\\\"icon-bar\\\"></span>\\r\\n          <span class=\\\"icon-bar\\\"></span>\\r\\n        </button>\\r\\n        <a class=\\\"navbar-brand\\\">Energiemeter</a>\\r\\n      </div>\\r\\n      <div id=\\\"navbar\\\" class=\\\"navbar-collapse collapse\\\">\\r\\n        <ul class=\\\"nav navbar-nav\\\">\\r\\n          <li routerLink=\\\"/dashboard\\\" routerLinkActive=\\\"active\\\"><a routerLink=\\\"/dashboard\\\" routerLinkActive=\\\"active\\\">Dashboard</a></li>\\r\\n          <li routerLink=\\\"/device\\\" routerLinkActive=\\\"active\\\"><a routerLink=\\\"/device\\\" routerLinkActive=\\\"active\\\">Device</a></li>\\r\\n          <li routerLink=\\\"/picker\\\" routerLinkActive=\\\"active\\\"><a routerLink=\\\"/picker\\\" routerLinkActive=\\\"active\\\">Picker</a></li>\\r\\n        </ul>\\r\\n      </div><!--/.nav-collapse -->\\r\\n    </div><!--/.container-fluid -->\\r\\n  </nav>\\r\\n\\r\\n  <div class=\\\"row\\\">\\r\\n\\r\\n    <div class=\\\"col-md-12\\\">\\r\\n      <div class=\\\"page-header\\\">\\r\\n        <h1>Energiemeter <small>Avans</small></h1>\\r\\n      </div>\\r\\n    </div>\\r\\n\\r\\n  </div>\\r\\n\\r\\n  <div class=\\\"row\\\">\\r\\n    <router-outlet></router-outlet>\\r\\n  </div>\\r\\n\\r\\n</div>\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/app.component.html\n// module id = 674\n// module chunks = 1","module.exports = \"<div style=\\\"display: block;\\\">\\r\\n<canvas baseChart width=\\\"400\\\" height=\\\"200\\\"\\r\\n            [datasets]=\\\"lineChartData\\\"\\r\\n            [labels]=\\\"lineChartLabels\\\"\\r\\n            [options]=\\\"lineChartOptions\\\"\\r\\n            [colors]=\\\"lineChartColors\\\"\\r\\n            [legend]=\\\"lineChartLegend\\\"\\r\\n            [chartType]=\\\"lineChartType\\\"></canvas>\\r\\n</div>\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/chart.component.html\n// module id = 675\n// module chunks = 1","module.exports = \"<span *ngIf=\\\"mloaded\\\">\\r\\n\\r\\n\\t<div class=\\\"col-md-6\\\">\\r\\n    \\t<h3>Martijn</h3>\\r\\n\\t\\t<pie-chart [label]=\\\"label\\\" [data]=\\\"data1\\\"></pie-chart>\\r\\n\\t</div>\\r\\n\\r\\n</span>\\r\\n\\r\\n<span *ngIf=\\\"kloaded\\\">\\r\\n\\t<div class=\\\"col-md-6\\\">\\r\\n    \\t<h3>Kenneth</h3>\\r\\n\\t\\t<pie-chart [label]=\\\"label\\\" [data]=\\\"data2\\\"></pie-chart>\\r\\n\\t</div>\\r\\n\\r\\n</span>\\r\\n\\r\\n<span *ngIf=\\\"dbloaded\\\">\\r\\n\\t<div class=\\\"col-md-12\\\">\\r\\n\\t\\t<br>\\r\\n    \\t<h3>Vergelijking</h3>\\r\\n\\t\\t<doubleline-chart [label]=\\\"label2\\\" [data]=\\\"data3\\\" [data2]=\\\"data4\\\"></doubleline-chart>\\r\\n\\t</div>\\r\\n\\r\\n</span>\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/dashboard.component.html\n// module id = 676\n// module chunks = 1","module.exports = \"<div class=\\\"col-md-12\\\">\\r\\n\\t<h2>{{name}}</h2>\\r\\n</div>\\r\\n\\r\\n<div class=\\\"col-md-12\\\">\\r\\n\\t<br>\\r\\n\\t<div class=\\\"well\\\">\\r\\n\\t\\t<b>Huidig opgenomen vermogen:</b> {{hov}} kW <br>\\r\\n\\t\\t<b>Huidig teruggeleverd vermogen:</b> {{htv}} kW <br>\\r\\n\\t\\t<b>Huidig tarief:</b> {{ht}} <br>\\r\\n\\t\\t<b>Totale kosten:</b> €{{money}}\\r\\n\\t</div>\\r\\n\\t<br>\\r\\n</div>\\r\\n\\r\\n<span *ngIf=\\\"pieloaded\\\">\\r\\n\\r\\n\\t<div class=\\\"col-md-3 col-xs-6\\\">\\r\\n\\t\\t<br>\\r\\n\\t\\t<pie-chart [label]=\\\"labelpie\\\" [data]=\\\"datapie\\\"></pie-chart>\\r\\n\\t</div>\\r\\n\\r\\n\\t<div class=\\\"col-md-3 col-xs-6\\\">\\r\\n\\t\\t<br>\\r\\n\\t\\t<pie-chart [label]=\\\"labelpie1\\\" [data]=\\\"datapie1\\\"></pie-chart>\\r\\n\\t</div>\\r\\n\\r\\n\\t<div class=\\\"col-md-3 col-xs-6\\\">\\r\\n\\t\\t<br>\\r\\n\\t\\t<pie-chart [label]=\\\"labelpie2\\\" [data]=\\\"datapie2\\\"></pie-chart>\\r\\n\\t</div>\\r\\n\\r\\n\\t<div class=\\\"col-md-3 col-xs-6\\\">\\r\\n\\t\\t<br>\\r\\n\\t\\t<pie-chart [label]=\\\"labelpie3\\\" [data]=\\\"datapie3\\\"></pie-chart>\\r\\n\\t</div>\\r\\n\\r\\n</span>\\r\\n\\r\\n<span *ngIf=\\\"loaded\\\">\\r\\n\\r\\n\\t<div class=\\\"col-md-12\\\">\\r\\n\\t\\t<br>\\r\\n\\t\\t<doubleline-chart [label]=\\\"label\\\" [data]=\\\"data1\\\" [data2]=\\\"data2\\\"></doubleline-chart>\\r\\n\\t</div>\\r\\n\\r\\n\\t<div class=\\\"col-md-6\\\">\\r\\n\\t\\t<br>\\r\\n\\t\\t<line-chart [label]=\\\"label\\\" [data]=\\\"data3\\\"></line-chart>\\r\\n\\t</div>\\r\\n\\r\\n\\t<div class=\\\"col-md-6\\\">\\r\\n\\t\\t<br>\\r\\n\\t\\t<line-chart [label]=\\\"label\\\" [data]=\\\"data4\\\"></line-chart>\\r\\n\\t</div>\\r\\n\\r\\n\\t<div class=\\\"col-md-6\\\">\\r\\n\\t\\t<br>\\r\\n\\t\\t<line-chart [label]=\\\"label\\\" [data]=\\\"data5\\\"></line-chart>\\r\\n\\t</div>\\r\\n\\r\\n\\t<div class=\\\"col-md-6\\\">\\r\\n\\t\\t<br>\\r\\n\\t\\t<line-chart [label]=\\\"label\\\" [data]=\\\"data6\\\"></line-chart>\\r\\n\\t</div>\\r\\n</span>\\r\\n\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/detail.component.html\n// module id = 677\n// module chunks = 1","module.exports = \"<div>\\r\\n\\r\\n<ul>\\r\\n        <li *ngFor=\\\"let device of devices\\\" (click)=\\\"goToDetails(device.sn)\\\">\\r\\n          {{device.name}}\\r\\n        </li>\\r\\n</ul>\\r\\n\\r\\n</div>\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/device.component.html\n// module id = 678\n// module chunks = 1","module.exports = \"<div style=\\\"display: block;\\\">\\r\\n  <canvas baseChart width=\\\"400\\\" height=\\\"200\\\"\\r\\n          [datasets]=\\\"doublelineChartData\\\"\\r\\n          [labels]=\\\"doublelineChartLabels\\\"\\r\\n          [options]=\\\"doublelineChartOptions\\\"\\r\\n          [colors]=\\\"doublelineChartColors\\\"\\r\\n          [legend]=\\\"doublelineChartLegend\\\"\\r\\n          [chartType]=\\\"doublelineChartType\\\"></canvas>\\r\\n</div>\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/doublelinechart.component.html\n// module id = 679\n// module chunks = 1","module.exports = \"\\r\\n<div class=\\\"col-md-12\\\">\\r\\n\\r\\n <form #form=\\\"ngForm\\\" (ngSubmit)=\\\"onSubmit(form.value)\\\">\\r\\n\\r\\n  <div class=\\\"form-group\\\">  \\r\\n    <label>Meter</label>  \\r\\n    <select name=\\\"meter\\\" class=\\\"form-control\\\" required ngModel>\\r\\n    \\t<option value=\\\"4530303035303031353538313833363134\\\" selected>Martijn</option>\\r\\n    \\t<option value=\\\"4530303235303030303636383733323136\\\">Kenneth</option>\\r\\n    </select>\\r\\n  </div>\\r\\n\\r\\n  <div class=\\\"form-group\\\">  \\r\\n    <label>Data type</label>  \\r\\n    <select name=\\\"datatype\\\" class=\\\"form-control\\\" required ngModel>\\r\\n    \\t<optgroup label=\\\"Huidig\\\">\\r\\n        \\t<option value=\\\"HOV\\\" selected>Huidig opgenomen vermogen</option>\\r\\n        \\t<option value=\\\"HTV\\\">Huidig teruggeleverd vermogen</option>\\r\\n        </optgroup>\\r\\n    \\t<optgroup label=\\\"Tarief 1\\\">\\r\\n        \\t<option value=\\\"TOE1\\\">Totaal opgenomen energie</option>\\r\\n        \\t<option value=\\\"TTE1\\\">Totaal teruggeleverde energie</option>\\r\\n        </optgroup>\\r\\n        <optgroup label=\\\"Tarief 2\\\">\\r\\n        \\t<option value=\\\"TOE2\\\">Totaal opgenomen energie</option>\\r\\n        \\t<option value=\\\"TTE2\\\">Totaal teruggeleverde energie</option>\\r\\n        </optgroup>\\r\\n    </select>\\r\\n  </div>\\r\\n\\r\\n  <div class=\\\"form-group\\\">  \\r\\n    <label>Groupering</label>  \\r\\n    <select name=\\\"group\\\" class=\\\"form-control\\\" required ngModel>\\r\\n    \\t<option value=\\\"minute\\\">Minuut</option>\\r\\n    \\t<option value=\\\"hour\\\" selected>Uur</option>\\r\\n    \\t<option value=\\\"day\\\">Dag</option>\\r\\n    \\t<option value=\\\"month\\\">Maand</option>\\r\\n    \\t<option value=\\\"year\\\">Jaar</option>\\r\\n    </select>\\r\\n  </div>\\r\\n\\r\\n  <div class=\\\"form-group\\\">\\r\\n  \\t<label>Startdatum</label>\\r\\n  \\t<input type=\\\"date\\\" name=\\\"date1\\\" class=\\\"form-control\\\" required ngModel>\\r\\n  </div>\\r\\n\\r\\n  <div class=\\\"form-group\\\">\\r\\n  \\t<label>Einddatum</label>\\r\\n  \\t<input type=\\\"date\\\" name=\\\"date2\\\" class=\\\"form-control\\\" required ngModel>\\r\\n  </div>\\r\\n\\r\\n  <input type=\\\"submit\\\" class=\\\"btn btn-primary\\\" value=\\\"Update\\\" />\\r\\n\\r\\n  </form>\\r\\n</div>\\r\\n\\r\\n<span *ngIf=\\\"loaded\\\">\\r\\n\\r\\n\\t<div class=\\\"col-md-12\\\">\\r\\n\\t\\t<line-chart [label]=\\\"label\\\" [data]=\\\"data\\\"></line-chart>\\r\\n\\t</div>\\r\\n\\r\\n</span>\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/picker.component.html\n// module id = 680\n// module chunks = 1","module.exports = \"<div style=\\\"display: block;\\\">\\r\\n  <canvas baseChart\\r\\n          [data]=\\\"pieChartData\\\"\\r\\n          [labels]=\\\"pieChartLabels\\\"\\r\\n          [chartType]=\\\"pieChartType\\\"></canvas>\\r\\n</div>\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/piechart.component.html\n// module id = 681\n// module chunks = 1"],"sourceRoot":""}
\ No newline at end of file
diff --git a/mean-app/src/app/dashboard.component.html b/mean-app/src/app/dashboard.component.html
index 7b30df7..7451c59 100644
--- a/mean-app/src/app/dashboard.component.html
+++ b/mean-app/src/app/dashboard.component.html
@@ -1,7 +1,7 @@
 <span *ngIf="mloaded">
 
 	<div class="col-md-6">
-    <h3>Martijn</h3>
+    	<h3>Martijn</h3>
 		<pie-chart [label]="label" [data]="data1"></pie-chart>
 	</div>
 
@@ -9,7 +9,7 @@
 
 <span *ngIf="kloaded">
 	<div class="col-md-6">
-    <h3>Kenneth</h3>
+    	<h3>Kenneth</h3>
 		<pie-chart [label]="label" [data]="data2"></pie-chart>
 	</div>
 
@@ -17,7 +17,8 @@
 
 <span *ngIf="dbloaded">
 	<div class="col-md-12">
-    <h3>Vergelijking</h3>
+		<br>
+    	<h3>Vergelijking</h3>
 		<doubleline-chart [label]="label2" [data]="data3" [data2]="data4"></doubleline-chart>
 	</div>
 
diff --git a/mean-app/src/app/dashboard.component.ts b/mean-app/src/app/dashboard.component.ts
index 7646a96..c6d3a5e 100644
--- a/mean-app/src/app/dashboard.component.ts
+++ b/mean-app/src/app/dashboard.component.ts
@@ -45,13 +45,13 @@ export class DashboardComponent implements OnInit, OnDestroy {
 
   refreshData()
   {
-    this.label = <LabelData> ({data: ["Huidig opgenomen", "Huidig terug"]});
+    this.label = <LabelData> ({data: ["Totaal tarief 1", "Totaal tarief 2"]});
 
     this.dataService
       .usage("4530303035303031353538313833363134")
       .subscribe(res => {
 
-        this.data1 = <LineData> ({data: [res.HOV, res.HTV], label: "Verbruik Martijn"});
+        this.data1 = <LineData> ({data: [res.TOE1, res.TOE2], label: "Verbruik Martijn"});
         this.mloaded = true;
 
       });
@@ -60,7 +60,7 @@ export class DashboardComponent implements OnInit, OnDestroy {
       .usage("4530303235303030303636383733323136")
       .subscribe(res => {
 
-        this.data2 = <LineData> ({data: [res.HOV, res.HTV], label: "Verbruik Kenneth"});
+        this.data2 = <LineData> ({data: [res.TOE1, res.TOE2], label: "Verbruik Kenneth"});
         this.kloaded = true;
 
       });
diff --git a/mean-app/src/app/detail.component.html b/mean-app/src/app/detail.component.html
index d2b1e72..1adc687 100644
--- a/mean-app/src/app/detail.component.html
+++ b/mean-app/src/app/detail.component.html
@@ -3,25 +3,35 @@
 </div>
 
 <div class="col-md-12">
+	<br>
 	<div class="well">
 		<b>Huidig opgenomen vermogen:</b> {{hov}} kW <br>
 		<b>Huidig teruggeleverd vermogen:</b> {{htv}} kW <br>
 		<b>Huidig tarief:</b> {{ht}} <br>
 		<b>Totale kosten:</b> €{{money}}
 	</div>
+	<br>
 </div>
 
 <span *ngIf="pieloaded">
 
-	<div class="col-md-4">
+	<div class="col-md-3 col-xs-6">
+		<br>
+		<pie-chart [label]="labelpie" [data]="datapie"></pie-chart>
+	</div>
+
+	<div class="col-md-3 col-xs-6">
+		<br>
 		<pie-chart [label]="labelpie1" [data]="datapie1"></pie-chart>
 	</div>
 
-	<div class="col-md-4">
+	<div class="col-md-3 col-xs-6">
+		<br>
 		<pie-chart [label]="labelpie2" [data]="datapie2"></pie-chart>
 	</div>
 
-	<div class="col-md-4">
+	<div class="col-md-3 col-xs-6">
+		<br>
 		<pie-chart [label]="labelpie3" [data]="datapie3"></pie-chart>
 	</div>
 
@@ -30,22 +40,27 @@
 <span *ngIf="loaded">
 
 	<div class="col-md-12">
+		<br>
 		<doubleline-chart [label]="label" [data]="data1" [data2]="data2"></doubleline-chart>
 	</div>
 
 	<div class="col-md-6">
+		<br>
 		<line-chart [label]="label" [data]="data3"></line-chart>
 	</div>
 
 	<div class="col-md-6">
+		<br>
 		<line-chart [label]="label" [data]="data4"></line-chart>
 	</div>
 
 	<div class="col-md-6">
+		<br>
 		<line-chart [label]="label" [data]="data5"></line-chart>
 	</div>
 
 	<div class="col-md-6">
+		<br>
 		<line-chart [label]="label" [data]="data6"></line-chart>
 	</div>
 </span>
diff --git a/mean-app/src/app/detail.component.ts b/mean-app/src/app/detail.component.ts
index f751949..3adc275 100644
--- a/mean-app/src/app/detail.component.ts
+++ b/mean-app/src/app/detail.component.ts
@@ -28,10 +28,12 @@ export class DetailComponent implements OnInit, OnDestroy {
   public data5:LineData;
   public data6:LineData;
 
+  public datapie:LineData;
   public datapie1:LineData;
   public datapie2:LineData;
   public datapie3:LineData;
 
+  public labelpie:LabelData;
   public labelpie1:LabelData;
   public labelpie2:LabelData;
   public labelpie3:LabelData;
@@ -65,6 +67,7 @@ export class DetailComponent implements OnInit, OnDestroy {
 
   refreshData(id:string)
   {
+      this.labelpie  = <LabelData> ({data: ["Totaal opgenomen 2", "Totaal opgenomen 1"]});
       this.labelpie1 = <LabelData> ({data: ["Huidig opgenomen", "Huidig terug"]});
       this.labelpie2 = <LabelData> ({data: ["Totaal opgenomen 2", "Totaal terug 2"]});
       this.labelpie3 = <LabelData> ({data: ["Totaal opgenomen 1", "Totaal terug 1"]});
@@ -98,6 +101,7 @@ export class DetailComponent implements OnInit, OnDestroy {
 
         this.money = ((res.TOE1 - res.TTE1) * res.tarief1) + ((res.TOE2 - res.TTE2) * res.tarief2);
 
+        this.datapie  = <LineData> ({data: [res.TOE2, res.TOE1], label: "Opgenomen"});
         this.datapie1 = <LineData> ({data: [res.HOV, res.HTV], label: "Huidig verbruik"});
         this.datapie2 = <LineData> ({data: [res.TOE2, res.TTE2], label: "Totaal 2"});
         this.datapie3 = <LineData> ({data: [res.TOE1, res.TTE1], label: "Totaal 1"});