Displaying the initial set of results

Now that we have data being returned by YouTube's API, we can render our template. However, in order to render our template, we need to add helper functions used to format some of the data. In this task we can add those helper functions and then render the template.

Engage Thrusters

The template helpers don't need to reside within the $.done()callback function. We can add them directly before this code in infinite-scroller.js:

var truncate = function (start, summary) {
        return summary.substring(start,200) + "...";
    },
    formatTime = function (time) {
        var timeArr = [],
            hours = Math.floor(time / 3600),
            mins = Math.floor((time % 3600) / 60),
            secs= Math.floor(time % 60);

        if (hours> 0) {
            timeArr.push(hours);
        }

        if (mins< 10) {
            timeArr.push("0" + mins);
        } else {
            timeArr.push(mins);
        }

        if (secs< 10) {
          ...