diff --git a/public/js/app.js b/public/js/app.js index 74e069e..bc1260e 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -376,7 +376,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n data: function data() {\n return {\n task: {\n id: null\n },\n history: null,\n refresh: null,\n chart: {\n render: false,\n days: 15\n },\n series: [{\n data: []\n }],\n noData: {\n text: 'Loading...'\n },\n chartOptions: {\n responsive: [{\n breakpoint: 480,\n options: {\n legend: {\n position: 'bottom',\n offsetX: -10,\n offsetY: 0\n }\n }\n }],\n xaxis: {\n categories: []\n },\n fill: {\n opacity: .9\n },\n legend: {\n position: 'right',\n offsetX: 0,\n offsetY: 50\n }\n }\n };\n },\n methods: {\n statusText: function statusText(status) {\n switch (status) {\n case 1:\n return 'up';\n break;\n\n case 0:\n return 'down';\n break;\n\n default:\n return 'unknown';\n }\n },\n refreshTask: function refreshTask() {\n var _this = this;\n\n this.$http.post('/api/getTask/' + this.task.id, {\n days: this.chart.days\n }).then(function (response) {\n _this.task = response.data.task;\n _this.history = response.data.history;\n\n _this.refreshGraph(response.data.stats);\n });\n },\n refreshGraph: function refreshGraph(stats) {\n var xaxis = [];\n var new_data_a = [];\n var new_data_b = [];\n\n for (var date in stats) {\n xaxis.push(date);\n new_data_a.push(stats[date]['up']);\n new_data_b.push(stats[date]['down']);\n }\n\n this.chartOptions = {\n xaxis: {\n categories: xaxis,\n labels: {\n show: true,\n rotate: -45,\n rotateAlways: true\n }\n },\n chart: {\n type: 'bar',\n height: 300,\n stacked: true,\n stackType: '100%'\n }\n };\n this.series = [{\n name: 'UP',\n data: new_data_a,\n color: '#00955c'\n }, {\n name: 'DOWN',\n data: new_data_b,\n color: '#ef3232'\n }];\n this.chart.render = true;\n }\n },\n mounted: function mounted() {\n var _this$$route$params$i;\n\n this.task.id = (_this$$route$params$i = this.$route.params.id) !== null && _this$$route$params$i !== void 0 ? _this$$route$params$i : null;\n\n if (this.task.id != null) {\n this.refreshTask();\n }\n },\n beforeRouteLeave: function beforeRouteLeave(to, from, next) {\n clearTimeout(this.refresh);\n next();\n }\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvYmFiZWwtbG9hZGVyL2xpYi9pbmRleC5qcz8/Y2xvbmVkUnVsZVNldC01WzBdLnJ1bGVzWzBdLnVzZVswXSEuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi9pbmRleC5qcz8/dnVlLWxvYWRlci1vcHRpb25zIS4vcmVzb3VyY2VzL3ZpZXdzL3Rhc2tkZXRhaWxzLnZ1ZT92dWUmdHlwZT1zY3JpcHQmbGFuZz1qcyYuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFxRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQURBLE9BREE7QUFJQSxtQkFKQTtBQUtBLG1CQUxBO0FBT0E7QUFDQSxxQkFEQTtBQUVBO0FBRkEsT0FQQTtBQVlBO0FBQ0E7QUFEQSxRQVpBO0FBZUE7QUFDQTtBQURBLE9BZkE7QUFrQkE7QUFDQTtBQUNBLHlCQURBO0FBRUE7QUFDQTtBQUNBLGdDQURBO0FBRUEsMEJBRkE7QUFHQTtBQUhBO0FBREE7QUFGQSxVQURBO0FBV0E7QUFDQTtBQURBLFNBWEE7QUFjQTtBQUNBO0FBREEsU0FkQTtBQWlCQTtBQUNBLDJCQURBO0FBRUEsb0JBRkE7QUFHQTtBQUhBO0FBakJBO0FBbEJBO0FBMENBLEdBNUNBO0FBNkNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQTtBQUNBO0FBQ0E7O0FBQ0E7QUFDQTtBQVJBO0FBVUEsS0FaQTtBQWFBO0FBQUE7O0FBQ0E7QUFDQTtBQURBLFNBR0EsSUFIQSxDQUdBO0FBQ0E7QUFDQTs7QUFDQTtBQUNBLE9BUEE7QUFRQSxLQXRCQTtBQXVCQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSwyQkFEQTtBQUVBO0FBQ0Esc0JBREE7QUFFQSx1QkFGQTtBQUdBO0FBSEE7QUFGQSxTQURBO0FBU0E7QUFDQSxxQkFEQTtBQUVBLHFCQUZBO0FBR0EsdUJBSEE7QUFJQTtBQUpBO0FBVEE7QUFnQkE7QUFDQSxrQkFEQTtBQUVBLHdCQUZBO0FBR0E7QUFIQSxTQUtBO0FBQ0Esb0JBREE7QUFFQSx3QkFGQTtBQUdBO0FBSEEsT0FMQTtBQVdBO0FBQ0E7QUE5REEsR0E3Q0E7QUE2R0E7QUFBQTs7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxHQW5IQTtBQW9IQSxrQkFwSEEsNEJBb0hBLEVBcEhBLEVBb0hBLElBcEhBLEVBb0hBLElBcEhBLEVBb0hBO0FBQ0E7QUFDQTtBQUNBO0FBdkhBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL3Jlc291cmNlcy92aWV3cy90YXNrZGV0YWlscy52dWU/NzNhNCJdLCJzb3VyY2VzQ29udGVudCI6WyI8dGVtcGxhdGU+XG5cdDxkaXY+XG5cdFx0PGRpdiBjbGFzcz1cImNvbnRhaW5lclwiXG5cdFx0XHR2LWlmPVwidGFzay5pZCAhPSBudWxsXCJcblx0XHQ+XG5cdFx0XHQ8aDE+XG5cdFx0XHRcdFRhc2sgI3t7IHRhc2suaWQgfX1cblx0XHRcdFx0PCEtLSA8cCBjbGFzcz1cImNvbnRleHQtbWVudVwiPjxpbWcgc3JjPVwiL2ltZy9tZW51LnN2Z1wiIHdpZHRoPVwiNDBcIiAvPjwvcD4gLS0+XG5cdFx0XHQ8L2gxPlxuXG5cdFx0XHRTaG93OlxuXHRcdFx0PHNlbGVjdFxuXHRcdFx0XHR2LW1vZGVsPVwiY2hhcnQuZGF5c1wiXG5cdFx0XHRcdEBjaGFuZ2U9XCJyZWZyZXNoVGFza1wiXG5cdFx0XHQ+XG5cdFx0XHRcdDxvcHRpb24gdmFsdWU9XCI3XCI+NyBkYXlzPC9vcHRpb24+XG5cdFx0XHRcdDxvcHRpb24gdmFsdWU9XCIxNVwiPjE1IGRheXM8L29wdGlvbj5cblx0XHRcdFx0PG9wdGlvbiB2YWx1ZT1cIjMwXCI+MzAgZGF5czwvb3B0aW9uPlxuXHRcdFx0PC9zZWxlY3Q+XG5cdFx0XHQ8ZGl2IGlkPVwiY2hhcnRcIiBjbGFzcz1cInJvdW5kXCI+XG5cdFx0XHRcdDxoMz5VcHRpbWU6IHBhc3Qge3sgY2hhcnQuZGF5cyB9fSBkYXlzPC9oMz5cblx0XHRcdFx0PGRpdiBjbGFzcz1cImJsb2NrLWNvbnRlbnRcIj5cblx0XHRcdFx0XHQ8YXBleGNoYXJ0IGNsYXNzPVwiZ3JhcGhcIiB2LWlmPVwiY2hhcnQucmVuZGVyXCIgdHlwZT1cImJhclwiIGhlaWdodD1cIjM1MFwiIDpvcHRpb25zPVwiY2hhcnRPcHRpb25zXCIgOnNlcmllcz1cInNlcmllc1wiPjwvYXBleGNoYXJ0PlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdDwvZGl2PlxuXG5cdFx0XHQ8ZGl2IGNsYXNzPVwicm91bmRcIj5cblx0XHRcdFx0PGgzPkxhc3Qge3sgY2hhcnQuZGF5cyB9fSBkYXlzIGhpc3RvcnkgbG9nPC9oMz5cblx0XHRcdFx0PGRpdiBjbGFzcz1cImJsb2NrLWNvbnRlbnRcIiB2LWlmPVwiaGlzdG9yeVwiPlxuXHRcdFx0XHRcdDxwPjxpPlNob3dpbmcgb25seSByZWNvcmRzIHdoZXJlIHN0YXR1cyBoYXMgY2hhbmdlZDwvaT48L3A+XG5cdFx0XHRcdFx0PHRhYmxlIGlkPVwidGFza3NfdGJsXCI+XG5cdFx0XHRcdFx0XHQ8dGhlYWQ+XG5cdFx0XHRcdFx0XHRcdDx0cj5cblx0XHRcdFx0XHRcdFx0XHQ8dGggd2lkdGg9XCIyMCVcIj5EYXRlPC90aD5cblx0XHRcdFx0XHRcdFx0XHQ8dGggd2lkdGg9XCIyMCVcIj5UaW1lPC90aD5cblx0XHRcdFx0XHRcdFx0XHQ8dGggd2lkdGg9XCIqXCI+T3V0cHV0PC90aD5cblx0XHRcdFx0XHRcdFx0XHQ8dGggd2lkdGg9XCIxMCVcIj5TdGF0dXM8L3RoPlxuXHRcdFx0XHRcdFx0XHQ8L3RyPlxuXHRcdFx0XHRcdFx0PC90aGVhZD5cblx0XHRcdFx0XHRcdDx0Ym9keT5cblx0XHRcdFx0XHRcdFx0PHRyXG5cdFx0XHRcdFx0XHRcdFx0di1mb3I9XCJoIGluIGhpc3RvcnlcIlxuXHRcdFx0XHRcdFx0XHRcdHYtYmluZDprZXk9XCJoaXN0b3J5LmlkXCJcblx0XHRcdFx0XHRcdFx0PlxuXHRcdFx0XHRcdFx0XHRcdDx0ZD57eyBtb21lbnQoaC5jcmVhdGVkX2F0KS5mb3JtYXQoJ1lZWVktTU0tREQnKSB9fTwvdGQ+XG5cdFx0XHRcdFx0XHRcdFx0PHRkPnt7IG1vbWVudChoLmNyZWF0ZWRfYXQpLmZvcm1hdCgnSEg6bW06c3MnKSB9fTwvdGQ+XG5cdFx0XHRcdFx0XHRcdFx0PHRkPlxuXHRcdFx0XHRcdFx0XHRcdFx0PHNwYW4gdi1pZj1cImgub3V0cHV0XCI+XG5cdFx0XHRcdFx0XHRcdFx0XHRcdHt7IGgub3V0cHV0IH19XG5cdFx0XHRcdFx0XHRcdFx0XHQ8L3NwYW4+XG5cdFx0XHRcdFx0XHRcdFx0XHQ8c3BhbiB2LWVsc2U+XG5cdFx0XHRcdFx0XHRcdFx0XHRcdDxpPk5vIG91dHB1dDwvaT5cblx0XHRcdFx0XHRcdFx0XHRcdDwvc3Bhbj5cblx0XHRcdFx0XHRcdFx0XHQ8L3RkPlxuXHRcdFx0XHRcdFx0XHRcdDx0ZCA6Y2xhc3M9XCJzdGF0dXNUZXh0KGguc3RhdHVzKVwiPlxuXHRcdFx0XHRcdFx0XHRcdFx0PGltZyA6c3JjPVwiJy9pbWcvJytzdGF0dXNUZXh0KGguc3RhdHVzKSsnLnN2ZydcIiB3aWR0aD1cIjE2XCIgYWx0PVwiU3RhdHVzXCIgLz5cblx0XHRcdFx0XHRcdFx0XHQ8L3RkPlxuXHRcdFx0XHRcdFx0XHQ8L3RyPlxuXHRcdFx0XHRcdFx0PC90Ym9keT5cblx0XHRcdFx0XHQ8L3RhYmxlPlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdFx0PHAgdi1lbHNlPjxjZW50ZXI+Tm8gaGlzdG9yeSB0byBkaXNwbGF5IGhlcmU8L2NlbnRlcj48L3A+XG5cdFx0XHQ8L2Rpdj5cblx0XHQ8L2Rpdj5cblx0PC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0PlxuXG4gICAgZXhwb3J0IGRlZmF1bHR7XG5cdFx0ZGF0YTogZnVuY3Rpb24oKSB7XG5cdFx0XHRyZXR1cm4ge1xuXHRcdFx0XHR0YXNrOiB7XG5cdFx0XHRcdFx0aWQ6IG51bGxcblx0XHRcdFx0fSxcblx0XHRcdFx0aGlzdG9yeTogbnVsbCxcblx0XHRcdFx0cmVmcmVzaDogbnVsbCxcblxuXHRcdFx0XHRjaGFydDoge1xuXHRcdFx0XHRcdHJlbmRlcjogZmFsc2UsXG5cdFx0XHRcdFx0ZGF5czogMTVcblx0XHRcdFx0fSxcblxuXHRcdFx0XHRzZXJpZXM6IFt7XG5cdFx0XHRcdFx0ZGF0YTogW11cblx0XHRcdFx0fV0sXG5cdFx0XHRcdG5vRGF0YToge1xuXHRcdFx0XHRcdHRleHQ6ICdMb2FkaW5nLi4uJ1xuXHRcdFx0XHR9LFxuXHRcdFx0XHRjaGFydE9wdGlvbnM6IHtcblx0XHRcdFx0XHRyZXNwb25zaXZlOiBbe1xuXHRcdFx0XHRcdFx0YnJlYWtwb2ludDogNDgwLFxuXHRcdFx0XHRcdFx0b3B0aW9uczoge1xuXHRcdFx0XHRcdFx0XHRsZWdlbmQ6IHtcblx0XHRcdFx0XHRcdFx0XHRwb3NpdGlvbjogJ2JvdHRvbScsXG5cdFx0XHRcdFx0XHRcdFx0b2Zmc2V0WDogLTEwLFxuXHRcdFx0XHRcdFx0XHRcdG9mZnNldFk6IDBcblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1dLFxuXHRcdFx0XHRcdHhheGlzOiB7XG5cdFx0XHRcdFx0XHRjYXRlZ29yaWVzOiBbXSxcblx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdGZpbGw6IHtcblx0XHRcdFx0XHRcdG9wYWNpdHk6IC45XG5cdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRsZWdlbmQ6IHtcblx0XHRcdFx0XHRcdHBvc2l0aW9uOiAncmlnaHQnLFxuXHRcdFx0XHRcdFx0b2Zmc2V0WDogMCxcblx0XHRcdFx0XHRcdG9mZnNldFk6IDUwXG5cdFx0XHRcdFx0fSxcblx0XHRcdFx0fSxcblx0XHRcdH1cblx0XHR9LFxuXHRcdG1ldGhvZHM6IHtcblx0XHRcdHN0YXR1c1RleHQ6IGZ1bmN0aW9uIChzdGF0dXMpIHtcblx0XHRcdFx0c3dpdGNoIChzdGF0dXMpIHtcblx0XHRcdFx0XHRjYXNlIDE6XG5cdFx0XHRcdFx0XHRyZXR1cm4gJ3VwJztcblx0XHRcdFx0XHRicmVhaztcblx0XHRcdFx0XHRjYXNlIDA6XG5cdFx0XHRcdFx0XHRyZXR1cm4gJ2Rvd24nO1xuXHRcdFx0XHRcdGJyZWFrO1xuXHRcdFx0XHRcdGRlZmF1bHQ6XG5cdFx0XHRcdFx0XHRyZXR1cm4gJ3Vua25vd24nO1xuXHRcdFx0XHR9XG5cdFx0XHR9LFxuXHRcdFx0cmVmcmVzaFRhc2s6IGZ1bmN0aW9uKCkge1xuXHRcdFx0XHR0aGlzLiRodHRwLnBvc3QoJy9hcGkvZ2V0VGFzay8nK3RoaXMudGFzay5pZCwge1xuXHRcdFx0XHRcdGRheXM6IHRoaXMuY2hhcnQuZGF5c1xuXHRcdFx0XHR9KVxuXHRcdFx0XHQudGhlbihyZXNwb25zZSA9PiB7XG5cdFx0XHRcdFx0dGhpcy50YXNrID0gcmVzcG9uc2UuZGF0YS50YXNrXG5cdFx0XHRcdFx0dGhpcy5oaXN0b3J5ID0gcmVzcG9uc2UuZGF0YS5oaXN0b3J5XG5cdFx0XHRcdFx0dGhpcy5yZWZyZXNoR3JhcGgocmVzcG9uc2UuZGF0YS5zdGF0cylcblx0XHRcdFx0fSlcblx0XHRcdH0sXG5cdFx0XHRyZWZyZXNoR3JhcGg6IGZ1bmN0aW9uKHN0YXRzKSB7XG5cdFx0XHRcdGxldCB4YXhpcyA9IFtdO1xuXHRcdFx0XHRsZXQgbmV3X2RhdGFfYSA9IFtdO1xuXHRcdFx0XHRsZXQgbmV3X2RhdGFfYiA9IFtdO1xuXG5cdFx0XHRcdGZvciAobGV0IGRhdGUgaW4gc3RhdHMpIHtcblx0XHRcdFx0XHR4YXhpcy5wdXNoKGRhdGUpXG5cdFx0XHRcdFx0bmV3X2RhdGFfYS5wdXNoKHN0YXRzW2RhdGVdWyd1cCddKVxuXHRcdFx0XHRcdG5ld19kYXRhX2IucHVzaChzdGF0c1tkYXRlXVsnZG93biddKVxuXHRcdFx0XHR9XG5cblx0XHRcdFx0dGhpcy5jaGFydE9wdGlvbnMgPSB7XG5cdFx0XHRcdFx0eGF4aXM6IHtcblx0XHRcdFx0XHRcdGNhdGVnb3JpZXM6IHhheGlzLFxuXHRcdFx0XHRcdFx0bGFiZWxzOiB7XG5cdFx0XHRcdFx0XHRcdHNob3c6IHRydWUsXG5cdFx0XHRcdFx0XHRcdHJvdGF0ZTogLTQ1LFxuXHRcdFx0XHRcdFx0XHRyb3RhdGVBbHdheXM6IHRydWUsXG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRjaGFydDoge1xuXHRcdFx0XHRcdFx0dHlwZTogJ2JhcicsXG5cdFx0XHRcdFx0XHRoZWlnaHQ6IDMwMCxcblx0XHRcdFx0XHRcdHN0YWNrZWQ6IHRydWUsXG5cdFx0XHRcdFx0XHRzdGFja1R5cGU6ICcxMDAlJ1xuXHRcdFx0XHRcdH0sXG5cdFx0XHRcdH1cblx0XHRcdFx0dGhpcy5zZXJpZXMgPSBbe1xuXHRcdFx0XHRcdG5hbWU6ICdVUCcsXG5cdFx0XHRcdFx0ZGF0YTogbmV3X2RhdGFfYSxcblx0XHRcdFx0XHRjb2xvcjogJyMwMDk1NWMnXG5cdFx0XHRcdH0sXG5cdFx0XHRcdHtcblx0XHRcdFx0XHRuYW1lOiAnRE9XTicsXG5cdFx0XHRcdFx0ZGF0YTogbmV3X2RhdGFfYixcblx0XHRcdFx0XHRjb2xvcjogJyNlZjMyMzInXG5cdFx0XHRcdH1dXG5cblx0XHRcdFx0dGhpcy5jaGFydC5yZW5kZXIgPSB0cnVlXG5cdFx0XHR9LFxuXHRcdH0sXG5cdFx0bW91bnRlZDogZnVuY3Rpb24oKSB7XG5cdFx0XHR0aGlzLnRhc2suaWQgPSB0aGlzLiRyb3V0ZS5wYXJhbXMuaWQgPz8gbnVsbFxuXG5cdFx0XHRpZiAodGhpcy50YXNrLmlkICE9IG51bGwpIHtcblx0XHRcdFx0dGhpcy5yZWZyZXNoVGFzaygpXG5cdFx0XHR9XG5cdFx0fSxcblx0XHRiZWZvcmVSb3V0ZUxlYXZlKHRvLCBmcm9tLCBuZXh0KSB7XG5cdFx0XHRjbGVhclRpbWVvdXQodGhpcy5yZWZyZXNoKTtcblx0XHRcdG5leHQoKTtcblx0XHR9LFxuICAgIH1cbjwvc2NyaXB0PlxuXG48c3R5bGUgc2NvcGVkPlxuXG48L3N0eWxlPlxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/views/taskdetails.vue?vue&type=script&lang=js&\n"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n data: function data() {\n return {\n task: {\n id: null\n },\n history: null,\n refresh: null,\n chart: {\n render: false,\n days: 15\n },\n series: [{\n data: []\n }],\n noData: {\n text: 'Loading...'\n },\n chartOptions: {\n responsive: [{\n breakpoint: 480,\n options: {\n legend: {\n position: 'bottom',\n offsetX: -10,\n offsetY: 0\n }\n }\n }],\n xaxis: {\n categories: []\n },\n fill: {\n opacity: .9\n }\n }\n };\n },\n methods: {\n statusText: function statusText(status) {\n switch (status) {\n case 1:\n return 'up';\n break;\n\n case 0:\n return 'down';\n break;\n\n default:\n return 'unknown';\n }\n },\n refreshTask: function refreshTask() {\n var _this = this;\n\n this.$http.post('/api/getTask/' + this.task.id, {\n days: this.chart.days\n }).then(function (response) {\n _this.task = response.data.task;\n _this.history = response.data.history;\n\n _this.refreshGraph(response.data.stats);\n });\n\n if (this.refresh == null) {\n this.refresh = window.setInterval(function () {\n _this.refreshTask();\n }, 10000);\n }\n },\n refreshGraph: function refreshGraph(stats) {\n var xaxis = [];\n var new_data_a = [];\n var new_data_b = [];\n\n for (var date in stats) {\n xaxis.push(date);\n new_data_a.push(stats[date]['up']);\n new_data_b.push(stats[date]['down']);\n }\n\n this.chartOptions = {\n xaxis: {\n categories: xaxis,\n labels: {\n show: true,\n rotate: -45,\n rotateAlways: true\n }\n },\n chart: {\n type: 'bar',\n height: 350,\n stacked: true,\n stackType: '100%'\n },\n legend: {\n position: 'right',\n offsetX: 0,\n offsetY: 50\n }\n };\n this.series = [{\n name: 'UP',\n data: new_data_a,\n color: '#00955c'\n }, {\n name: 'DOWN',\n data: new_data_b,\n color: '#ef3232'\n }];\n this.chart.render = true;\n }\n },\n mounted: function mounted() {\n var _this$$route$params$i;\n\n this.task.id = (_this$$route$params$i = this.$route.params.id) !== null && _this$$route$params$i !== void 0 ? _this$$route$params$i : null;\n\n if (this.task.id != null) {\n this.refreshTask();\n }\n },\n beforeRouteLeave: function beforeRouteLeave(to, from, next) {\n clearTimeout(this.refresh);\n next();\n }\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvYmFiZWwtbG9hZGVyL2xpYi9pbmRleC5qcz8/Y2xvbmVkUnVsZVNldC01WzBdLnJ1bGVzWzBdLnVzZVswXSEuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi9pbmRleC5qcz8/dnVlLWxvYWRlci1vcHRpb25zIS4vcmVzb3VyY2VzL3ZpZXdzL3Rhc2tkZXRhaWxzLnZ1ZT92dWUmdHlwZT1zY3JpcHQmbGFuZz1qcyYuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFxRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQURBLE9BREE7QUFJQSxtQkFKQTtBQUtBLG1CQUxBO0FBT0E7QUFDQSxxQkFEQTtBQUVBO0FBRkEsT0FQQTtBQVlBO0FBQ0E7QUFEQSxRQVpBO0FBZUE7QUFDQTtBQURBLE9BZkE7QUFrQkE7QUFDQTtBQUNBLHlCQURBO0FBRUE7QUFDQTtBQUNBLGdDQURBO0FBRUEsMEJBRkE7QUFHQTtBQUhBO0FBREE7QUFGQSxVQURBO0FBV0E7QUFDQTtBQURBLFNBWEE7QUFjQTtBQUNBO0FBREE7QUFkQTtBQWxCQTtBQXFDQSxHQXZDQTtBQXdDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBQ0E7QUFDQTtBQUNBOztBQUNBO0FBQ0E7QUFSQTtBQVVBLEtBWkE7QUFhQTtBQUFBOztBQUNBO0FBQ0E7QUFEQSxTQUdBLElBSEEsQ0FHQTtBQUNBO0FBQ0E7O0FBQ0E7QUFDQSxPQVBBOztBQVNBO0FBQ0E7QUFDQTtBQUNBLFNBRkEsRUFFQSxLQUZBO0FBR0E7QUFDQSxLQTVCQTtBQTZCQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSwyQkFEQTtBQUVBO0FBQ0Esc0JBREE7QUFFQSx1QkFGQTtBQUdBO0FBSEE7QUFGQSxTQURBO0FBU0E7QUFDQSxxQkFEQTtBQUVBLHFCQUZBO0FBR0EsdUJBSEE7QUFJQTtBQUpBLFNBVEE7QUFlQTtBQUNBLDJCQURBO0FBRUEsb0JBRkE7QUFHQTtBQUhBO0FBZkE7QUFxQkE7QUFDQSxrQkFEQTtBQUVBLHdCQUZBO0FBR0E7QUFIQSxTQUtBO0FBQ0Esb0JBREE7QUFFQSx3QkFGQTtBQUdBO0FBSEEsT0FMQTtBQVdBO0FBQ0E7QUF6RUEsR0F4Q0E7QUFtSEE7QUFBQTs7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxHQXpIQTtBQTBIQSxrQkExSEEsNEJBMEhBLEVBMUhBLEVBMEhBLElBMUhBLEVBMEhBLElBMUhBLEVBMEhBO0FBQ0E7QUFDQTtBQUNBO0FBN0hBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL3Jlc291cmNlcy92aWV3cy90YXNrZGV0YWlscy52dWU/NzNhNCJdLCJzb3VyY2VzQ29udGVudCI6WyI8dGVtcGxhdGU+XG5cdDxkaXY+XG5cdFx0PGRpdiBjbGFzcz1cImNvbnRhaW5lclwiXG5cdFx0XHR2LWlmPVwidGFzay5pZCAhPSBudWxsXCJcblx0XHQ+XG5cdFx0XHQ8aDE+XG5cdFx0XHRcdFRhc2sgI3t7IHRhc2suaWQgfX1cblx0XHRcdFx0PCEtLSA8cCBjbGFzcz1cImNvbnRleHQtbWVudVwiPjxpbWcgc3JjPVwiL2ltZy9tZW51LnN2Z1wiIHdpZHRoPVwiNDBcIiAvPjwvcD4gLS0+XG5cdFx0XHQ8L2gxPlxuXG5cdFx0XHRTaG93OlxuXHRcdFx0PHNlbGVjdFxuXHRcdFx0XHR2LW1vZGVsPVwiY2hhcnQuZGF5c1wiXG5cdFx0XHRcdEBjaGFuZ2U9XCJyZWZyZXNoVGFza1wiXG5cdFx0XHQ+XG5cdFx0XHRcdDxvcHRpb24gdmFsdWU9XCI3XCI+NyBkYXlzPC9vcHRpb24+XG5cdFx0XHRcdDxvcHRpb24gdmFsdWU9XCIxNVwiPjE1IGRheXM8L29wdGlvbj5cblx0XHRcdFx0PG9wdGlvbiB2YWx1ZT1cIjMwXCI+MzAgZGF5czwvb3B0aW9uPlxuXHRcdFx0PC9zZWxlY3Q+XG5cdFx0XHQ8ZGl2IGlkPVwiY2hhcnRcIiBjbGFzcz1cInJvdW5kXCI+XG5cdFx0XHRcdDxoMz5VcHRpbWU6IHBhc3Qge3sgY2hhcnQuZGF5cyB9fSBkYXlzPC9oMz5cblx0XHRcdFx0PGRpdiBjbGFzcz1cImJsb2NrLWNvbnRlbnRcIj5cblx0XHRcdFx0XHQ8YXBleGNoYXJ0IGNsYXNzPVwiZ3JhcGhcIiB2LWlmPVwiY2hhcnQucmVuZGVyXCIgdHlwZT1cImJhclwiIGhlaWdodD1cIjM1MFwiIDpvcHRpb25zPVwiY2hhcnRPcHRpb25zXCIgOnNlcmllcz1cInNlcmllc1wiPjwvYXBleGNoYXJ0PlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdDwvZGl2PlxuXG5cdFx0XHQ8ZGl2IGNsYXNzPVwicm91bmRcIj5cblx0XHRcdFx0PGgzPkxhc3Qge3sgY2hhcnQuZGF5cyB9fSBkYXlzIGhpc3RvcnkgbG9nPC9oMz5cblx0XHRcdFx0PGRpdiBjbGFzcz1cImJsb2NrLWNvbnRlbnRcIiB2LWlmPVwiaGlzdG9yeVwiPlxuXHRcdFx0XHRcdDxwPjxpPlNob3dpbmcgb25seSByZWNvcmRzIHdoZXJlIHN0YXR1cyBoYXMgY2hhbmdlZDwvaT48L3A+XG5cdFx0XHRcdFx0PHRhYmxlIGlkPVwidGFza3NfdGJsXCI+XG5cdFx0XHRcdFx0XHQ8dGhlYWQ+XG5cdFx0XHRcdFx0XHRcdDx0cj5cblx0XHRcdFx0XHRcdFx0XHQ8dGggd2lkdGg9XCIyMCVcIj5EYXRlPC90aD5cblx0XHRcdFx0XHRcdFx0XHQ8dGggd2lkdGg9XCIyMCVcIj5UaW1lPC90aD5cblx0XHRcdFx0XHRcdFx0XHQ8dGggd2lkdGg9XCIqXCI+T3V0cHV0PC90aD5cblx0XHRcdFx0XHRcdFx0XHQ8dGggd2lkdGg9XCIxMCVcIj5TdGF0dXM8L3RoPlxuXHRcdFx0XHRcdFx0XHQ8L3RyPlxuXHRcdFx0XHRcdFx0PC90aGVhZD5cblx0XHRcdFx0XHRcdDx0Ym9keT5cblx0XHRcdFx0XHRcdFx0PHRyXG5cdFx0XHRcdFx0XHRcdFx0di1mb3I9XCJoIGluIGhpc3RvcnlcIlxuXHRcdFx0XHRcdFx0XHRcdHYtYmluZDprZXk9XCJoaXN0b3J5LmlkXCJcblx0XHRcdFx0XHRcdFx0PlxuXHRcdFx0XHRcdFx0XHRcdDx0ZD57eyBtb21lbnQoaC5jcmVhdGVkX2F0KS5mb3JtYXQoJ1lZWVktTU0tREQnKSB9fTwvdGQ+XG5cdFx0XHRcdFx0XHRcdFx0PHRkPnt7IG1vbWVudChoLmNyZWF0ZWRfYXQpLmZvcm1hdCgnSEg6bW06c3MnKSB9fTwvdGQ+XG5cdFx0XHRcdFx0XHRcdFx0PHRkPlxuXHRcdFx0XHRcdFx0XHRcdFx0PHNwYW4gdi1pZj1cImgub3V0cHV0XCI+XG5cdFx0XHRcdFx0XHRcdFx0XHRcdHt7IGgub3V0cHV0IH19XG5cdFx0XHRcdFx0XHRcdFx0XHQ8L3NwYW4+XG5cdFx0XHRcdFx0XHRcdFx0XHQ8c3BhbiB2LWVsc2U+XG5cdFx0XHRcdFx0XHRcdFx0XHRcdDxpPk5vIG91dHB1dDwvaT5cblx0XHRcdFx0XHRcdFx0XHRcdDwvc3Bhbj5cblx0XHRcdFx0XHRcdFx0XHQ8L3RkPlxuXHRcdFx0XHRcdFx0XHRcdDx0ZCA6Y2xhc3M9XCJzdGF0dXNUZXh0KGguc3RhdHVzKVwiPlxuXHRcdFx0XHRcdFx0XHRcdFx0PGltZyA6c3JjPVwiJy9pbWcvJytzdGF0dXNUZXh0KGguc3RhdHVzKSsnLnN2ZydcIiB3aWR0aD1cIjE2XCIgYWx0PVwiU3RhdHVzXCIgLz5cblx0XHRcdFx0XHRcdFx0XHQ8L3RkPlxuXHRcdFx0XHRcdFx0XHQ8L3RyPlxuXHRcdFx0XHRcdFx0PC90Ym9keT5cblx0XHRcdFx0XHQ8L3RhYmxlPlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdFx0PHAgdi1lbHNlPjxjZW50ZXI+Tm8gaGlzdG9yeSB0byBkaXNwbGF5IGhlcmU8L2NlbnRlcj48L3A+XG5cdFx0XHQ8L2Rpdj5cblx0XHQ8L2Rpdj5cblx0PC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0PlxuXG4gICAgZXhwb3J0IGRlZmF1bHR7XG5cdFx0ZGF0YTogZnVuY3Rpb24oKSB7XG5cdFx0XHRyZXR1cm4ge1xuXHRcdFx0XHR0YXNrOiB7XG5cdFx0XHRcdFx0aWQ6IG51bGxcblx0XHRcdFx0fSxcblx0XHRcdFx0aGlzdG9yeTogbnVsbCxcblx0XHRcdFx0cmVmcmVzaDogbnVsbCxcblxuXHRcdFx0XHRjaGFydDoge1xuXHRcdFx0XHRcdHJlbmRlcjogZmFsc2UsXG5cdFx0XHRcdFx0ZGF5czogMTVcblx0XHRcdFx0fSxcblxuXHRcdFx0XHRzZXJpZXM6IFt7XG5cdFx0XHRcdFx0ZGF0YTogW11cblx0XHRcdFx0fV0sXG5cdFx0XHRcdG5vRGF0YToge1xuXHRcdFx0XHRcdHRleHQ6ICdMb2FkaW5nLi4uJ1xuXHRcdFx0XHR9LFxuXHRcdFx0XHRjaGFydE9wdGlvbnM6IHtcblx0XHRcdFx0XHRyZXNwb25zaXZlOiBbe1xuXHRcdFx0XHRcdFx0YnJlYWtwb2ludDogNDgwLFxuXHRcdFx0XHRcdFx0b3B0aW9uczoge1xuXHRcdFx0XHRcdFx0XHRsZWdlbmQ6IHtcblx0XHRcdFx0XHRcdFx0XHRwb3NpdGlvbjogJ2JvdHRvbScsXG5cdFx0XHRcdFx0XHRcdFx0b2Zmc2V0WDogLTEwLFxuXHRcdFx0XHRcdFx0XHRcdG9mZnNldFk6IDBcblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1dLFxuXHRcdFx0XHRcdHhheGlzOiB7XG5cdFx0XHRcdFx0XHRjYXRlZ29yaWVzOiBbXSxcblx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdGZpbGw6IHtcblx0XHRcdFx0XHRcdG9wYWNpdHk6IC45XG5cdFx0XHRcdFx0fSxcblx0XHRcdFx0fSxcblx0XHRcdH1cblx0XHR9LFxuXHRcdG1ldGhvZHM6IHtcblx0XHRcdHN0YXR1c1RleHQ6IGZ1bmN0aW9uIChzdGF0dXMpIHtcblx0XHRcdFx0c3dpdGNoIChzdGF0dXMpIHtcblx0XHRcdFx0XHRjYXNlIDE6XG5cdFx0XHRcdFx0XHRyZXR1cm4gJ3VwJztcblx0XHRcdFx0XHRicmVhaztcblx0XHRcdFx0XHRjYXNlIDA6XG5cdFx0XHRcdFx0XHRyZXR1cm4gJ2Rvd24nO1xuXHRcdFx0XHRcdGJyZWFrO1xuXHRcdFx0XHRcdGRlZmF1bHQ6XG5cdFx0XHRcdFx0XHRyZXR1cm4gJ3Vua25vd24nO1xuXHRcdFx0XHR9XG5cdFx0XHR9LFxuXHRcdFx0cmVmcmVzaFRhc2s6IGZ1bmN0aW9uKCkge1xuXHRcdFx0XHR0aGlzLiRodHRwLnBvc3QoJy9hcGkvZ2V0VGFzay8nK3RoaXMudGFzay5pZCwge1xuXHRcdFx0XHRcdGRheXM6IHRoaXMuY2hhcnQuZGF5c1xuXHRcdFx0XHR9KVxuXHRcdFx0XHQudGhlbihyZXNwb25zZSA9PiB7XG5cdFx0XHRcdFx0dGhpcy50YXNrID0gcmVzcG9uc2UuZGF0YS50YXNrXG5cdFx0XHRcdFx0dGhpcy5oaXN0b3J5ID0gcmVzcG9uc2UuZGF0YS5oaXN0b3J5XG5cdFx0XHRcdFx0dGhpcy5yZWZyZXNoR3JhcGgocmVzcG9uc2UuZGF0YS5zdGF0cylcblx0XHRcdFx0fSlcblxuXHRcdFx0XHRpZiAodGhpcy5yZWZyZXNoID09IG51bGwpIHtcblx0XHRcdFx0XHR0aGlzLnJlZnJlc2ggPSB3aW5kb3cuc2V0SW50ZXJ2YWwoKCkgPT4ge1xuXHRcdFx0XHRcdFx0dGhpcy5yZWZyZXNoVGFzaygpXG5cdFx0XHRcdFx0fSwgMTAwMDApXG5cdFx0XHRcdH1cblx0XHRcdH0sXG5cdFx0XHRyZWZyZXNoR3JhcGg6IGZ1bmN0aW9uKHN0YXRzKSB7XG5cdFx0XHRcdGxldCB4YXhpcyA9IFtdO1xuXHRcdFx0XHRsZXQgbmV3X2RhdGFfYSA9IFtdO1xuXHRcdFx0XHRsZXQgbmV3X2RhdGFfYiA9IFtdO1xuXG5cdFx0XHRcdGZvciAobGV0IGRhdGUgaW4gc3RhdHMpIHtcblx0XHRcdFx0XHR4YXhpcy5wdXNoKGRhdGUpXG5cdFx0XHRcdFx0bmV3X2RhdGFfYS5wdXNoKHN0YXRzW2RhdGVdWyd1cCddKVxuXHRcdFx0XHRcdG5ld19kYXRhX2IucHVzaChzdGF0c1tkYXRlXVsnZG93biddKVxuXHRcdFx0XHR9XG5cblx0XHRcdFx0dGhpcy5jaGFydE9wdGlvbnMgPSB7XG5cdFx0XHRcdFx0eGF4aXM6IHtcblx0XHRcdFx0XHRcdGNhdGVnb3JpZXM6IHhheGlzLFxuXHRcdFx0XHRcdFx0bGFiZWxzOiB7XG5cdFx0XHRcdFx0XHRcdHNob3c6IHRydWUsXG5cdFx0XHRcdFx0XHRcdHJvdGF0ZTogLTQ1LFxuXHRcdFx0XHRcdFx0XHRyb3RhdGVBbHdheXM6IHRydWUsXG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRjaGFydDoge1xuXHRcdFx0XHRcdFx0dHlwZTogJ2JhcicsXG5cdFx0XHRcdFx0XHRoZWlnaHQ6IDM1MCxcblx0XHRcdFx0XHRcdHN0YWNrZWQ6IHRydWUsXG5cdFx0XHRcdFx0XHRzdGFja1R5cGU6ICcxMDAlJ1xuXHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0bGVnZW5kOiB7XG5cdFx0XHRcdFx0XHRwb3NpdGlvbjogJ3JpZ2h0Jyxcblx0XHRcdFx0XHRcdG9mZnNldFg6IDAsXG5cdFx0XHRcdFx0XHRvZmZzZXRZOiA1MFxuXHRcdFx0XHRcdH0sXG5cdFx0XHRcdH1cblx0XHRcdFx0dGhpcy5zZXJpZXMgPSBbe1xuXHRcdFx0XHRcdG5hbWU6ICdVUCcsXG5cdFx0XHRcdFx0ZGF0YTogbmV3X2RhdGFfYSxcblx0XHRcdFx0XHRjb2xvcjogJyMwMDk1NWMnXG5cdFx0XHRcdH0sXG5cdFx0XHRcdHtcblx0XHRcdFx0XHRuYW1lOiAnRE9XTicsXG5cdFx0XHRcdFx0ZGF0YTogbmV3X2RhdGFfYixcblx0XHRcdFx0XHRjb2xvcjogJyNlZjMyMzInXG5cdFx0XHRcdH1dXG5cblx0XHRcdFx0dGhpcy5jaGFydC5yZW5kZXIgPSB0cnVlXG5cdFx0XHR9LFxuXHRcdH0sXG5cdFx0bW91bnRlZDogZnVuY3Rpb24oKSB7XG5cdFx0XHR0aGlzLnRhc2suaWQgPSB0aGlzLiRyb3V0ZS5wYXJhbXMuaWQgPz8gbnVsbFxuXG5cdFx0XHRpZiAodGhpcy50YXNrLmlkICE9IG51bGwpIHtcblx0XHRcdFx0dGhpcy5yZWZyZXNoVGFzaygpXG5cdFx0XHR9XG5cdFx0fSxcblx0XHRiZWZvcmVSb3V0ZUxlYXZlKHRvLCBmcm9tLCBuZXh0KSB7XG5cdFx0XHRjbGVhclRpbWVvdXQodGhpcy5yZWZyZXNoKTtcblx0XHRcdG5leHQoKTtcblx0XHR9LFxuICAgIH1cbjwvc2NyaXB0PlxuXG48c3R5bGUgc2NvcGVkPlxuXG48L3N0eWxlPlxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/views/taskdetails.vue?vue&type=script&lang=js&\n"); /***/ }), diff --git a/resources/views/taskdetails.vue b/resources/views/taskdetails.vue index d36b0c3..e8859ec 100644 --- a/resources/views/taskdetails.vue +++ b/resources/views/taskdetails.vue @@ -104,11 +104,6 @@ fill: { opacity: .9 }, - legend: { - position: 'right', - offsetX: 0, - offsetY: 50 - }, }, } }, @@ -134,6 +129,12 @@ this.history = response.data.history this.refreshGraph(response.data.stats) }) + + if (this.refresh == null) { + this.refresh = window.setInterval(() => { + this.refreshTask() + }, 10000) + } }, refreshGraph: function(stats) { let xaxis = []; @@ -157,10 +158,15 @@ }, chart: { type: 'bar', - height: 300, + height: 350, stacked: true, stackType: '100%' }, + legend: { + position: 'right', + offsetX: 0, + offsetY: 50 + }, } this.series = [{ name: 'UP',