Added new Dashboard Features

public/js/pages/DashboardNew/DashboardNew.js

@@ -359,7 +359,7 @@ Vue.component('dashboard-default', {
             data: dashboardData.timeline[0].filter(item => {
                 return selectedTimeframe === 'all' || moment(item.date).isAfter(moment().subtract(selectedTimeframe.split(' ')[0], selectedTimeframe.split(' ')[1]))
             }),
-            color: 'rgb(75, 192, 192)',
+            color: 'rgb(156, 237, 138)',
             fill: true,
             yAxisID: 'y',
             order: 3
@@ -367,7 +367,7 @@ Vue.component('dashboard-default', {
         {
             label: 'Leerrohr',
             data: dashboardData.timeline_leerrohr[0].filter(item => selectedTimeframe === 'all' || moment(item.date).isAfter(moment().subtract(selectedTimeframe.split(' ')[0], selectedTimeframe.split(' ')[1]))),
-            color: 'rgb(255, 99, 132)',
+            color: 'rgb(245, 185, 2)',
             fill: false,
             yAxisID: 'y',
             order: 2
@@ -375,7 +375,15 @@ Vue.component('dashboard-default', {
         {
             label: 'ONT installiert',
             data: dashboardData.timeline_ont_installed[0].filter(item => selectedTimeframe === 'all' || moment(item.date).isAfter(moment().subtract(selectedTimeframe.split(' ')[0], selectedTimeframe.split(' ')[1]))),
-            color: 'rgb(54, 162, 235)',
+            color: 'rgb(75, 192, 192)',
+            fill: false,
+            yAxisID: 'y',
+            order: 1
+        },
+        {
+            label: 'Provider bestellt',
+            data: dashboardData.timeline_provider_bestellt[0].filter(item => selectedTimeframe === 'all' || moment(item.date).isAfter(moment().subtract(selectedTimeframe.split(' ')[0], selectedTimeframe.split(' ')[1]))),
+            color: 'rgb(11, 179, 108)',
             fill: false,
             yAxisID: 'y',
             order: 1