Include upper boundary on stats graph zoom

diff --git a/client/src/app/+stats/video/video-stats.component.ts b/client/src/app/+stats/video/video-stats.component.ts
index 14db31ecfdca0ee2dc3884638f8752869d3c3b4b..8200661c31a3a202f73290ea7529e34cd453683b 100644 (file)
--- a/client/src/app/+stats/video/video-stats.component.ts
+++ b/client/src/app/+stats/video/video-stats.component.ts
@@ -316,7 +316,7 @@ export class VideoStatsComponent implements OnInit {
               const { min, max } = chart.scales.x
 
               const startDate = rawData.data[min].date
-              const endDate = rawData.data[max].date
+              const endDate = this.buildZoomEndDate(rawData.groupInterval, rawData.data[max].date)
 
               this.peertubeRouter.silentNavigate([], { startDate, endDate })
             }
@@ -449,4 +449,19 @@ export class VideoStatsComponent implements OnInit {
       }
     }
   }
+
+  private buildZoomEndDate (groupInterval: string, last: string) {
+    const date = new Date(last)
+
+    // Remove parts of the date we don't need
+    if (groupInterval.endsWith(' day') || groupInterval.endsWith(' days')) {
+      date.setHours(23, 59, 59)
+    } else if (groupInterval.endsWith(' hour') || groupInterval.endsWith(' hours')) {
+      date.setMinutes(59, 59)
+    } else {
+      date.setSeconds(59)
+    }
+
+    return date.toISOString()
+  }
 }