Merge pull request #42 from Financial-Times/add-duration

Add duration to heavy template

Author: ironsidevsquincy

src/data-model/fragments.js

@@ -69,6 +69,9 @@ module.exports = {
 				height
 				ratio
 			}
+			...on Video {
+				duration
+			}
 		}
 	`,
 	teaserTopStory: `

src/presenters/teaser-presenter.js

@@ -95,6 +95,16 @@ const TeaserPresenter = class TeaserPresenter {
 		}
 	}
 
+	// returns duration in the format m:ss
+	get formattedDuration () {
+		const duration = this.data.duration;
+		if (duration > 0) {
+			const minutes = Math.floor(duration / (1000 * 60));
+			const seconds = Math.round(duration / 1000) - (minutes * 60);
+			return `${minutes}.${seconds < 10 ? '0' : ''}${seconds}`;
+		}
+	}
+
 	//returns prefix for timestamp (null / 'new' / 'updated')
 	timeStatus () {
 		const now = Date.now();

templates/partials/display-tag.html

@@ -7,6 +7,9 @@
 			{{@nTeaserPresenter.displayTag.prefLabel}}
 		</a>
 	{{/if}}
+	{{#with @nTeaserPresenter.formattedDuration}}
+		<p class="o-teaser__duration">{{this}}min</p>
+	{{/with}}
 	{{#if advertiser}}
 		<span class="o-teaser__promoted-prefix">{{promotedByPrefix}}</span> by <span class="o-teaser__promoted-by">{{advertiser}}</span>
 	{{/if}}