Add duration to video attributes in watch view

1 files changed, 19 insertions, 0 deletions

diff --git a/client/src/app/shared/angular/video-duration-formatter.pipe.ts b/client/src/app/shared/angular/video-duration-formatter.pipe.ts
new file mode 100644
index 000000000..c92631a75
--- /dev/null
+++ b/client/src/app/shared/angular/video-duration-formatter.pipe.ts
@@ -0,0 +1,19 @@
+import { Pipe, PipeTransform } from '@angular/core'
+
+// Thanks: https://stackoverflow.com/a/46055604
+
+@Pipe({
+  name: 'myVideoDurationFormatter'
+})
+export class VideoDurationPipe implements PipeTransform {
+  transform (value: number): string {
+    const minutes = Math.floor(value / 60)
+    const hours = Math.floor(minutes / 60)
+
+    if (hours > 0) {
+      return hours + ' h ' + (minutes - hours * 60) + ' min ' + (value - (minutes - hours * 60) * 60) + ' sec'
+    }
+
+    return minutes + ' min ' + (value - minutes * 60) + ' sec'
+  }
+}