Udemy - show section time

For Udemy, displays the time a section has ( remaining time / total time).

// ==UserScript==
// @name         Udemy - show section time
// @namespace    http://tampermonkey.net/
// @version      1.3
// @description  For Udemy, displays the time a section has ( remaining time / total time).
// @copyright    2017, Pedro Mass (https://github.com/pedro-mass)
// @author       pedro-mass
// @match        *.udemy.com/*
// @grant        none
// @require      http://code.jquery.com/jquery-3.2.0.min.js
// @require      https://greasyfork.org/scripts/5392-waitforkeyelements/code/WaitForKeyElements.js?version=115012
// @run-at       document-idle
// ==/UserScript==

(function() {
  var $ = window.$;

  var classes = {
    sectionTime: "section-time"
  };

  var selectors = {
    sectionCard: "[class^=section--section--] > .panel-body",
    sectionHeader: "[class^=section--section-heading--]",
    sectionTitle: "[class^=section--section-heading--] > h3",
    sectionProgress: "[class^=section--section-heading--] > .text-secondary",

    // class needed by this user script
    sectionTime: "." + classes.sectionTime,

    lectureItem: "[class^=curriculum-item--curriculum-item--]",
    lectureTime: "[class^=curriculum-item--duration--]",
    // lectureStatus: '.cur-status',
    lectureStatus: "[class^=curriculum-item--progress]",
    lectureProgress: "#top-detail > div.detail__progress > div > div.fx",
    lectureCompleted: "[class^=curriculum-item--is-completed]"
  };

  // run();

  // waits for the cards to be loaded
  waitForKeyElements(selectors.sectionCard, run, true);

  /**
  Gets total and remaining time for each section.
  Displays these per section.
  Display the total of all sections
  */
  function run() {
    var sections = $(selectors.sectionCard);

    var totalLectureTime = 0;
    var remainingLectureTime = 0;

    $.each(sections, function(index, section) {
      // remove previous time display
      $(section)
        .find(selectors.sectionTime)
        .remove();

      // get the section title
      var title = $(section)
        .find(selectors.sectionTitle)
        .text();

      // get the total times
      var totalTimeTexts = getTimeTexts(section, false);
      var totalTimeSeconds = textTimesToSeconds(totalTimeTexts);
      var totalTime = secondsToTextTime(totalTimeSeconds);

      // update the lecture time
      totalLectureTime += totalTimeSeconds;

      // initialize the text to display with the total time
      var textToDisplay = totalTime;

      // check if we need to display partial time
      if (checkPartialTime(section)) {
        // sum the partial times
        var partialTimeTexts = getTimeTexts(section, true);
        var partialTimeSeconds = textTimesToSeconds(partialTimeTexts);
        var partialTime = secondsToTextTime(partialTimeSeconds);

        // update the lecture time
        remainingLectureTime += partialTimeSeconds;

        // prepend partial time
        textToDisplay = partialTime + " / " + textToDisplay;
      }

      // check if we need to add up the total time to remaining time
      if (getRemainingParts(section) === 0) {
        remainingLectureTime += totalTimeSeconds;
      }

      // display the section text
      displaySectionTime(section, textToDisplay);
    });

    // display lecture totals
    displayLectureTimeProgress(totalLectureTime, remainingLectureTime);

    // stops the script from running continuously
    return false;
  }

  function displayLectureTimeProgress(totalLectureTime, remainingLectureTime) {
    // start with total
    var displayText = secondsToTextTime(totalLectureTime);

    // conditional add remaining
    if (remainingLectureTime) {
      displayText =
        secondsToTextTime(remainingLectureTime) + " / " + displayText;
    }

    // surround in parens
    displayText = "(" + displayText + ")";

    // add to DOM
    var lectureProgressClass = "lecture-progress-time";

    var lectureProgressSpans = $(selectors.lectureProgress).find(
      "." + lectureProgressClass
    );
    if (lectureProgressSpans.length > 0) {
      $(lectureProgressSpans[0]).text(displayText);
    } else {
      $(selectors.lectureProgress + " > div").before(
        "<span" +
          ' class="' +
          lectureProgressClass +
          '"' +
          ' style="margin-left: 1em;"' +
          '">' +
          displayText +
          "</span>"
      );
    }

    return displayText;
  }

  /*
    Gets the section parts and checks if it's not 0 or the total parts
  */
  function checkPartialTime(section) {
    // get the section parts
    var sectionParts = getSectionParts(section);

    // determine what times to get
    var totalSections = sectionParts[1];
    var sectionsToGo = sectionParts[0];

    return sectionsToGo !== 0 && sectionsToGo != totalSections;
  }

  function getRemainingParts(section) {
    // get the section parts
    var sectionParts = getSectionParts(section);

    // determine what times to get
    return sectionParts[0];
  }

  /**
    Get the section's time. Whether partial or total is determined by the passed in
    parameter.
  */
  function getTimeTexts(section, isPartialTime) {
    // get the times
    var $lectures = $(section).find(selectors.lectureItem);

    // Check for partial time
    if (isPartialTime) {
      // filter down to just the non-completed ones
      $lectures = $lectures.filter((index, element) => {
        return $(element).has(selectors.lectureCompleted).length === 0;
      });
    }

    // get the time spans
    var timeSpans = $lectures.find(selectors.lectureTime);

    // convert to timeTexts and return
    return convertTimeSpansToTexts(timeSpans);
  }

  function displaySectionTime(section, displayText) {
    var sectionTimeClass = classes.sectionTime;

    // prepend to lecture status
    var location = $(section).find(selectors.sectionHeader);
    var totalTimeSpan = location.find(sectionTimeClass);

    // check to see if we've already added the time to the DOM
    if (totalTimeSpan.length > 0) {
      $(totalTimeSpan[0]).text(displayText);
    } else {
      // we haven't, so create the element and add it
      location.prepend(
        '<span class="' +
          sectionTimeClass +
          '" style="position:absolute;right:10%">' +
          displayText +
          "</span>"
      );
    }
  }

  function getSectionParts(section) {
    return (
      $(section)
        .find(selectors.sectionProgress)
        .text()
        // split up the parts by "/"
        .split("/")
        // trim up the space
        .map(function(text) {
          return text.trim();
        })
    );
  }

  function convertTimeSpansToTexts(timeSpans) {
    var timeTexts = [];

    for (var i = 0; i < timeSpans.length; i++) {
      timeTexts.push($(timeSpans[i]).text());
    }

    return timeTexts;
  }

  function convertTextToSeconds(textTime) {
    if (!textTime || textTime.trim().length === 0) return 0;

    var timeParts = textTime.split(":");

    var seconds = parseInt(timeParts[1]);

    seconds += parseInt(timeParts[0]) * 60;

    return seconds;
  }

  // get the summation of the times
  function textTimesToSeconds(textTimes) {
    var totalSeconds = 0;

    // get total minutes
    $.each(textTimes, function(index, textTime) {
      totalSeconds += convertTextToSeconds(textTime);
    });

    return totalSeconds;
  }

  function secondsToTextTime(totalSeconds) {
    // convert back to hh:mm
    var hours = Math.floor(totalSeconds / 60 / 60);
    var remainingTime = totalSeconds - hours * 60 * 60;
    var minutes = Math.floor(remainingTime / 60);
    remainingTime = remainingTime - minutes * 60;
    var seconds = remainingTime;

    return getTime(hours, minutes, seconds);
  }

  // get the time in the following format -> hh:mm:ss
  function getTime(hours, minutes, seconds) {
    var result = "";

    // get the hours part
    if (hours > 0) {
      result += hours + ":";

      result += timePad(minutes);
    } else {
      // we didn't have any hours
      result += minutes;
    }

    // check for minutes
    if (minutes > 0) {
      result += ":" + timePad(seconds);
    } else {
      // we didn't have any minutes, but we should say 0
      result += "0:" + timePad(seconds);
    }

    return result;
  }

  // time should be a length of 2, so prepend with 0
  function timePad(timeSegment) {
    var result = timeSegment + "";

    while (result.length < 2) {
      result = "0" + result;
    }

    return result;
  }
})();