mirror of
https://github.com/shaka-project/shaka-player.git
synced 2026-06-24 17:35:10 +03:00
Theodore Abshire
efc2ed3df1
This is a complete replacement for the old demo page, made to be more modern-looking and easier to maintain. It contains new features such as remembering the URIs you provide for custom assets, and searching through the default assets by feature. This demo page is not quite ready for release yet, but it's getting close. Change-Id: Iad01d1fc02c3cd238d73b9b9e02dbb4301cb6f2a
123 lines
3.4 KiB
JavaScript
123 lines
3.4 KiB
JavaScript
/**
|
|
* @license
|
|
* Copyright 2016 Google Inc.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
|
|
goog.provide('shaka.ui.Utils');
|
|
|
|
goog.require('goog.asserts');
|
|
|
|
|
|
/**
|
|
* @param {!HTMLElement} element
|
|
* @param {string} className
|
|
* @return {!HTMLElement}
|
|
* @export
|
|
*/
|
|
// TODO: This can be replaced by shaka.util.Dom.getElementByClassName
|
|
shaka.ui.Utils.getFirstDescendantWithClassName = function(element, className) {
|
|
let descendant = shaka.ui.Utils.getDescendantIfExists(element, className);
|
|
goog.asserts.assert(descendant != null, 'Should not be null!');
|
|
|
|
return descendant;
|
|
};
|
|
|
|
|
|
/**
|
|
* @param {!HTMLElement} element
|
|
* @param {string} className
|
|
* @return {?HTMLElement}
|
|
*/
|
|
shaka.ui.Utils.getDescendantIfExists = function(element, className) {
|
|
let childrenWithClassName = element.getElementsByClassName(className);
|
|
if (childrenWithClassName.length) {
|
|
return /** @type {!HTMLElement} */ (childrenWithClassName[0]);
|
|
}
|
|
|
|
return null;
|
|
};
|
|
|
|
|
|
/**
|
|
* Finds a descendant of |menu| that has a 'shaka-chosen-item' class
|
|
* and focuses on its' parent.
|
|
*
|
|
* @param {HTMLElement} menu
|
|
*/
|
|
shaka.ui.Utils.focusOnTheChosenItem = function(menu) {
|
|
if (!menu) return;
|
|
const chosenItem = shaka.ui.Utils.getDescendantIfExists(
|
|
menu, 'shaka-chosen-item');
|
|
if (chosenItem) {
|
|
chosenItem.parentElement.focus();
|
|
}
|
|
};
|
|
|
|
|
|
/**
|
|
* @return {!Element}
|
|
*/
|
|
shaka.ui.Utils.checkmarkIcon = function() {
|
|
const icon = shaka.util.Dom.createHTMLElement('i');
|
|
icon.classList.add('material-icons');
|
|
icon.classList.add('shaka-chosen-item');
|
|
icon.textContent = shaka.ui.Enums.MaterialDesignIcons.CHECKMARK;
|
|
// Screen reader should ignore icon text.
|
|
icon.setAttribute('aria-hidden', 'true');
|
|
return icon;
|
|
};
|
|
|
|
|
|
/**
|
|
* Depending on the value of display, sets/removes the css class of element to
|
|
* either display it or hide it.
|
|
*
|
|
* @param {Element} element
|
|
* @param {boolean} display
|
|
* @export
|
|
*/
|
|
shaka.ui.Utils.setDisplay = function(element, display) {
|
|
if (!element) return;
|
|
|
|
// You can't use setDisplay with SVG on IE, because classList isn't on SVG
|
|
// elements on that browser. It's better to find out on Chrome through an
|
|
// assertion, rather than wait for a failed test pass later on IE.
|
|
goog.asserts.assert(!(element instanceof SVGElement),
|
|
'Do not use setDisplay with SVG elements!');
|
|
|
|
if (display) {
|
|
element.classList.add('shaka-displayed');
|
|
// Removing a non-existent class doesn't throw, so, even if
|
|
// the element is not hidden, this should be fine. Same for displayed
|
|
// below.
|
|
element.classList.remove('shaka-hidden');
|
|
} else {
|
|
element.classList.add('shaka-hidden');
|
|
element.classList.remove('shaka-displayed');
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Remove all of the child nodes of an elements.
|
|
* @param {!Element} element
|
|
* @export
|
|
*/
|
|
shaka.ui.Utils.removeAllChildren = function(element) {
|
|
while (element.firstChild) {
|
|
element.removeChild(element.firstChild);
|
|
}
|
|
};
|