wai-website-theme 1.3.1 → 1.4

data/assets/ableplayer/scripts/metadata.js

@@ -1,134 +1,134 @@
 (function ($) {
-  AblePlayer.prototype.updateMeta = function (time) {
-    if (this.hasMeta) {
-      if (this.metaType === 'text') {
-        this.$metaDiv.show();
-        this.showMeta(time || this.getElapsed());
-      }
-      else {
-        this.showMeta(time || this.getElapsed());
-      }
-    }
-  };
+	AblePlayer.prototype.updateMeta = function (time) {
+		if (this.hasMeta) {
+			if (this.metaType === 'text') {
+				this.$metaDiv.show();
+				this.showMeta(time || this.elapsed);
+			}
+			else {
+				this.showMeta(time || this.elapsed);
+			}
+		}
+	};
 
-  AblePlayer.prototype.showMeta = function(now) {
-    var tempSelectors, m, thisMeta,
-      cues, cueText, cueLines, i, line,
-      showDuration, focusTarget;
+	AblePlayer.prototype.showMeta = function(now) {
+		var tempSelectors, m, thisMeta,
+			cues, cueText, cueLines, i, line,
+			showDuration, focusTarget;
 
-    tempSelectors = [];
-    if (this.meta.length >= 1) {
-      cues = this.meta;
-    }
-    else {
-      cues = [];
-    }
-    for (m = 0; m < cues.length; m++) {
-      if ((cues[m].start <= now) && (cues[m].end > now)) {
-        thisMeta = m;
-        break;
-      }
-    }
-    if (typeof thisMeta !== 'undefined') {
-      if (this.currentMeta !== thisMeta) {
-        if (this.metaType === 'text') {
-          // it's time to load the new metadata cue into the container div
-          this.$metaDiv.html(this.flattenCueForMeta(cues[thisMeta]).replace('\n', '<br>'));
-        }
-        else if (this.metaType === 'selector') {
-          // it's time to show content referenced by the designated selector(s)
-          cueText = this.flattenCueForMeta(cues[thisMeta]);
-          cueLines = cueText.split('\n');
-          for (i=0; i<cueLines.length; i++) {
-            line = $.trim(cueLines[i]);
-            if (line.toLowerCase().trim() === 'pause') {
-              // don't show big play button when pausing via metadata
-              this.hideBigPlayButton = true;
-              this.pauseMedia();
-            }
-            else if (line.toLowerCase().substring(0,6) == 'focus:') {
-              focusTarget = line.substring(6).trim();
-              if ($(focusTarget).length) {
-                $(focusTarget).focus();
-              }
-            }
-            else {
-              if ($(line).length) {
-                // selector exists
-                showDuration = parseInt($(line).attr('data-duration'));
-                if (typeof showDuration !== 'undefined' && !isNaN(showDuration)) {
-                  $(line).show().delay(showDuration).fadeOut();
-                }
-                else {
-                  // no duration specified. Just show the element until end time specified in VTT file
-                  $(line).show();
-                }
-                // add to array of visible selectors so it can be hidden at end time
-                this.visibleSelectors.push(line);
-                tempSelectors.push(line);
-              }
-            }
-          }
-          // now step through this.visibleSelectors and remove anything that's stale
-          if (this.visibleSelectors && this.visibleSelectors.length) {
-            if (this.visibleSelectors.length !== tempSelectors.length) {
-              for (i=this.visibleSelectors.length-1; i>=0; i--) {
-                if ($.inArray(this.visibleSelectors[i],tempSelectors) == -1) {
-                  $(this.visibleSelectors[i]).hide();
-                  this.visibleSelectors.splice(i,1);
-                }
-              }
-            }
-          }
+		tempSelectors = [];
+		if (this.meta.length >= 1) {
+			cues = this.meta;
+		}
+		else {
+			cues = [];
+		}
+		for (m = 0; m < cues.length; m++) {
+			if ((cues[m].start <= now) && (cues[m].end > now)) {
+				thisMeta = m;
+				break;
+			}
+		}
+		if (typeof thisMeta !== 'undefined') {
+			if (this.currentMeta !== thisMeta) {
+				if (this.metaType === 'text') {
+					// it's time to load the new metadata cue into the container div
+					this.$metaDiv.html(this.flattenCueForMeta(cues[thisMeta]).replace('\n', '<br>'));
+				}
+				else if (this.metaType === 'selector') {
+					// it's time to show content referenced by the designated selector(s)
+					cueText = this.flattenCueForMeta(cues[thisMeta]);
+					cueLines = cueText.split('\n');
+					for (i=0; i<cueLines.length; i++) {
+						line = $.trim(cueLines[i]);
+						if (line.toLowerCase().trim() === 'pause') {
+							// don't show big play button when pausing via metadata
+							this.hideBigPlayButton = true;
+							this.pauseMedia();
+						}
+						else if (line.toLowerCase().substring(0,6) == 'focus:') {
+							focusTarget = line.substring(6).trim();
+							if ($(focusTarget).length) {
+								$(focusTarget).focus();
+							}
+						}
+						else {
+							if ($(line).length) {
+								// selector exists
+								showDuration = parseInt($(line).attr('data-duration'));
+								if (typeof showDuration !== 'undefined' && !isNaN(showDuration)) {
+									$(line).show().delay(showDuration).fadeOut();
+								}
+								else {
+									// no duration specified. Just show the element until end time specified in VTT file
+									$(line).show();
+								}
+								// add to array of visible selectors so it can be hidden at end time
+								this.visibleSelectors.push(line);
+								tempSelectors.push(line);
+							}
+						}
+					}
+					// now step through this.visibleSelectors and remove anything that's stale
+					if (this.visibleSelectors && this.visibleSelectors.length) {
+						if (this.visibleSelectors.length !== tempSelectors.length) {
+							for (i=this.visibleSelectors.length-1; i>=0; i--) {
+								if ($.inArray(this.visibleSelectors[i],tempSelectors) == -1) {
+									$(this.visibleSelectors[i]).hide();
+									this.visibleSelectors.splice(i,1);
+								}
+							}
+						}
+					}
 
-        }
-        this.currentMeta = thisMeta;
-      }
-    }
-    else {
-      // there is currently no metadata. Empty stale content
-      if (typeof this.$metaDiv !== 'undefined') {
-        this.$metaDiv.html('');
-      }
-      if (this.visibleSelectors && this.visibleSelectors.length) {
-        for (i=0; i<this.visibleSelectors.length; i++) {
-          $(this.visibleSelectors[i]).hide();
-        }
-        // reset array
-        this.visibleSelectors = [];
-      }
-      this.currentMeta = -1;
-    }
-  };
+				}
+				this.currentMeta = thisMeta;
+			}
+		}
+		else {
+			// there is currently no metadata. Empty stale content
+			if (typeof this.$metaDiv !== 'undefined') {
+				this.$metaDiv.html('');
+			}
+			if (this.visibleSelectors && this.visibleSelectors.length) {
+				for (i=0; i<this.visibleSelectors.length; i++) {
+					$(this.visibleSelectors[i]).hide();
+				}
+				// reset array
+				this.visibleSelectors = [];
+			}
+			this.currentMeta = -1;
+		}
+	};
 
-  // Takes a cue and returns the metadata text to display for it.
-  AblePlayer.prototype.flattenCueForMeta = function (cue) {
-    var result = [];
+	// Takes a cue and returns the metadata text to display for it.
+	AblePlayer.prototype.flattenCueForMeta = function (cue) {
+		var result = [];
 
-    var flattenComponent = function (component) {
-      var result = [], ii;
-      if (component.type === 'string') {
-        result.push(component.value);
-      }
-      else if (component.type === 'v') {
-        result.push('[' + component.value + ']');
-        for (ii = 0; ii < component.children.length; ii++) {
-          result.push(flattenComponent(component.children[ii]));
-        }
-      }
-      else {
-        for (ii = 0; ii < component.children.length; ii++) {
-          result.push(flattenComponent(component.children[ii]));
-        }
-      }
-      return result.join('');
-    }
+		var flattenComponent = function (component) {
+			var result = [], ii;
+			if (component.type === 'string') {
+				result.push(component.value);
+			}
+			else if (component.type === 'v') {
+				result.push('[' + component.value + ']');
+				for (ii = 0; ii < component.children.length; ii++) {
+					result.push(flattenComponent(component.children[ii]));
+				}
+			}
+			else {
+				for (ii = 0; ii < component.children.length; ii++) {
+					result.push(flattenComponent(component.children[ii]));
+				}
+			}
+			return result.join('');
+		}
 
-    for (var ii = 0; ii < cue.components.children.length; ii++) {
-      result.push(flattenComponent(cue.components.children[ii]));
-    }
+		for (var ii = 0; ii < cue.components.children.length; ii++) {
+			result.push(flattenComponent(cue.components.children[ii]));
+		}
 
-    return result.join('');
-  };
+		return result.join('');
+	};
 
 })(jQuery);

data/assets/ableplayer/scripts/misc.js

@@ -1,141 +1,174 @@
 (function ($) {
 
-  AblePlayer.prototype.getNextHeadingLevel = function($element) {
-
-    // Finds the nearest heading in the ancestor tree
-    // Loops over each parent of the current element until a heading is found
-    // If multiple headings are found beneath a given parent, get the closest
-    // Returns an integer (1-6) representing the next available heading level
-
-    var $parents, $foundHeadings, numHeadings, headingType, headingNumber;
-
-    $parents = $element.parents();
-    $parents.each(function(){
-      $foundHeadings = $(this).children(':header');
-      numHeadings = $foundHeadings.length;
-      if (numHeadings) {
-        headingType = $foundHeadings.eq(numHeadings-1).prop('tagName');
-        return false;
-      }
-    });
-    if (typeof headingType === 'undefined') {
-      // page has no headings
-      headingNumber = 1;
-    }
-    else {
-      // Increment closest heading by one if less than 6.
-      headingNumber = parseInt(headingType[1]);
-      headingNumber += 1;
-      if (headingNumber > 6) {
-        headingNumber = 6;
-      }
-    }
-    return headingNumber;
-  };
-
-  AblePlayer.prototype.countProperties = function(obj) {
-
-    // returns the number of properties in an object
-    var count, prop;
-    count = 0;
-    for (prop in obj) {
-      if (obj.hasOwnProperty(prop)) {
-        ++count;
-      }
-    }
-    return count;
-  };
-
-  AblePlayer.prototype.formatSecondsAsColonTime = function (seconds, showFullTime) {
-
-    // Takes seconds and converts to string of form hh:mm:ss
-    // If showFullTime is true, shows 00 for hours if time is less than an hour
-    //   and show milliseconds  (e.g., 00:00:04.123 as in Video Track Sorter)
-    // Otherwise, omits empty hours and milliseconds (e.g., 00:04 as in timer on controller)
-
-    var dHours, dMinutes, dSeconds,
-        parts, milliSeconds, numShort, i;
-
-    if (showFullTime) {
-      // preserve milliseconds, if included in seconds
-      parts = seconds.toString().split('.');
-      if (parts.length === 2) {
-        milliSeconds = parts[1];
-        if (milliSeconds.length < 3) {
-          numShort = 3 - milliSeconds.length;
-          for (i=1; i <= numShort; i++) {
-            milliSeconds += '0';
-          }
-        }
-      }
-      else {
-        milliSeconds = '000';
-      }
-    }
-    dHours = Math.floor(seconds / 3600);
-    dMinutes = Math.floor(seconds / 60) % 60;
-    dSeconds = Math.floor(seconds % 60);
-    if (dSeconds < 10) {
-      dSeconds = '0' + dSeconds;
-    }
-    if (dHours > 0) {
-      if (dMinutes < 10) {
-        dMinutes = '0' + dMinutes;
-      }
-      if (showFullTime) {
-        return dHours + ':' + dMinutes + ':' + dSeconds + '.' + milliSeconds;
-      }
-      else {
-        return dHours + ':' + dMinutes + ':' + dSeconds;
-      }
-    }
-    else {
-      if (showFullTime) {
-        if (dHours < 1) {
-          dHours = '00';
-        }
-        else if (dHours < 10) {
-          dHours = '0' + dHours;
-        }
-        if (dMinutes < 1) {
-          dMinutes = '00';
-        }
-        else if (dMinutes < 10) {
-          dMinutes = '0' + dMinutes;
-        }
-        return dHours + ':' + dMinutes + ':' + dSeconds + '.' + milliSeconds;
-      }
-      else {
-        return dMinutes + ':' + dSeconds;
-      }
-    }
-  };
-
-  AblePlayer.prototype.getSecondsFromColonTime = function (timeStr) {
-
-    // Converts string of form hh:mm:ss to seconds
-    var timeParts, hours, minutes, seconds, newTime;
-
-    timeParts = timeStr.split(':');
-    if (timeParts.length === 3) {
-      hours = parseInt(timeParts[0]);
-      minutes = parseInt(timeParts[1]);
-      seconds = parseFloat(timeParts[2]);
-      return ((hours * 3600) + (minutes * 60) + (seconds));
-    }
-    else if (timeParts.length === 2) {
-      minutes = parseInt(timeParts[0]);
-      seconds = parseFloat(timeParts[1]);
-      return ((minutes * 60) + (seconds));
-    }
-    else if (timeParts.length === 1) {
-      seconds = parseFloat(timeParts[0]);
-      return seconds;
-    }
-  };
-
-  AblePlayer.prototype.capitalizeFirstLetter = function (string) {
-    return string.charAt(0).toUpperCase() + string.slice(1);
-  }
+	AblePlayer.prototype.getNextHeadingLevel = function($element) {
+
+		// Finds the nearest heading in the ancestor tree
+		// Loops over each parent of the current element until a heading is found
+		// If multiple headings are found beneath a given parent, get the closest
+		// Returns an integer (1-6) representing the next available heading level
+
+		var $parents, $foundHeadings, numHeadings, headingType, headingNumber;
+
+		$parents = $element.parents();
+		$parents.each(function(){
+			$foundHeadings = $(this).children(':header');
+			numHeadings = $foundHeadings.length;
+			if (numHeadings) {
+				headingType = $foundHeadings.eq(numHeadings-1).prop('tagName');
+				return false;
+			}
+		});
+		if (typeof headingType === 'undefined') {
+			// page has no headings
+			headingNumber = 1;
+		}
+		else {
+			// Increment closest heading by one if less than 6.
+			headingNumber = parseInt(headingType[1]);
+			headingNumber += 1;
+			if (headingNumber > 6) {
+				headingNumber = 6;
+			}
+		}
+		return headingNumber;
+	};
+
+	AblePlayer.prototype.countProperties = function(obj) {
+
+		// returns the number of properties in an object
+		var count, prop;
+		count = 0;
+		for (prop in obj) {
+			if (obj.hasOwnProperty(prop)) {
+				++count;
+			}
+		}
+		return count;
+	};
+
+	AblePlayer.prototype.formatSecondsAsColonTime = function (seconds, showFullTime) {
+
+		// Takes seconds and converts to string of form hh:mm:ss
+		// If showFullTime is true, shows 00 for hours if time is less than an hour
+		//	 and show milliseconds	(e.g., 00:00:04.123 as in Video Track Sorter)
+		// Otherwise, omits empty hours and milliseconds (e.g., 00:04 as in timer on controller)
+
+		var dHours, dMinutes, dSeconds,
+				parts, milliSeconds, numShort, i;
+
+		if (showFullTime) {
+			// preserve milliseconds, if included in seconds
+			parts = seconds.toString().split('.');
+			if (parts.length === 2) {
+				milliSeconds = parts[1];
+				if (milliSeconds.length < 3) {
+					numShort = 3 - milliSeconds.length;
+					for (i=1; i <= numShort; i++) {
+						milliSeconds += '0';
+					}
+				}
+			}
+			else {
+				milliSeconds = '000';
+			}
+		}
+		dHours = Math.floor(seconds / 3600);
+		dMinutes = Math.floor(seconds / 60) % 60;
+		dSeconds = Math.floor(seconds % 60);
+		if (dSeconds < 10) {
+			dSeconds = '0' + dSeconds;
+		}
+		if (dHours > 0) {
+			if (dMinutes < 10) {
+				dMinutes = '0' + dMinutes;
+			}
+			if (showFullTime) {
+				return dHours + ':' + dMinutes + ':' + dSeconds + '.' + milliSeconds;
+			}
+			else {
+				return dHours + ':' + dMinutes + ':' + dSeconds;
+			}
+		}
+		else {
+			if (showFullTime) {
+				if (dHours < 1) {
+					dHours = '00';
+				}
+				else if (dHours < 10) {
+					dHours = '0' + dHours;
+				}
+				if (dMinutes < 1) {
+					dMinutes = '00';
+				}
+				else if (dMinutes < 10) {
+					dMinutes = '0' + dMinutes;
+				}
+				return dHours + ':' + dMinutes + ':' + dSeconds + '.' + milliSeconds;
+			}
+			else {
+				return dMinutes + ':' + dSeconds;
+			}
+		}
+	};
+
+	AblePlayer.prototype.getSecondsFromColonTime = function (timeStr) {
+
+		// Converts string of form hh:mm:ss to seconds
+		var timeParts, hours, minutes, seconds, newTime;
+
+		timeParts = timeStr.split(':');
+		if (timeParts.length === 3) {
+			hours = parseInt(timeParts[0]);
+			minutes = parseInt(timeParts[1]);
+			seconds = parseFloat(timeParts[2]);
+			return ((hours * 3600) + (minutes * 60) + (seconds));
+		}
+		else if (timeParts.length === 2) {
+			minutes = parseInt(timeParts[0]);
+			seconds = parseFloat(timeParts[1]);
+			return ((minutes * 60) + (seconds));
+		}
+		else if (timeParts.length === 1) {
+			seconds = parseFloat(timeParts[0]);
+			return seconds;
+		}
+	};
+
+	AblePlayer.prototype.capitalizeFirstLetter = function (string) {
+		return string.charAt(0).toUpperCase() + string.slice(1);
+	};
+
+	AblePlayer.prototype.roundDown = function (value, decimals) {
+
+		// round value down to the nearest X decimal points
+		// where X is the value of the decimals parameter
+		return Number(Math.floor(value+'e'+decimals)+'e-'+decimals);
+	};
+
+	AblePlayer.prototype.hasAttr = function (object, attribute) {
+
+		 // surprisingly, there is no hasAttr() function in Jquery as of 3.2.1
+		 // return true if object has attribute; otherwise false
+		 // selector is a Jquery object
+		 // attribute is a string
+
+		var attr = object.attr(attribute);
+
+		// For some browsers, `attr` is undefined; for others,
+		// `attr` is false.	 Check for both.
+		if (typeof attr !== typeof undefined && attr !== false) {
+			return true;
+		}
+		else {
+			 return false;
+		}
+	};
+
+	Number.isInteger = Number.isInteger || function(value) {
+
+		// polyfill for IE11, which doesn't otherwise support Number.isInteger
+		// https://stackoverflow.com/a/31720368/744281
+		return typeof value === "number" && isFinite(value) && Math.floor(value) === value;
+	};
 
 })(jQuery);