Source: ui/context_menu.js

  1. /*! @license
  2.  * Shaka Player
  3.  * Copyright 2016 Google LLC
  4.  * SPDX-License-Identifier: Apache-2.0
  5.  */
  8. goog.provide('shaka.ui.ContextMenu');
  10. goog.require('goog.asserts');
  11. goog.require('shaka.log');
  12. goog.require('shaka.ui.Element');
  13. goog.require('shaka.ui.Utils');
  14. goog.require('shaka.util.Dom');
  15. goog.requireType('shaka.ui.Controls');
  18. /**
  19.  * @extends {shaka.ui.Element}
  20.  * @final
  21.  * @export
  22.  */
  23. shaka.ui.ContextMenu = class extends shaka.ui.Element {
  24.   /**
  25.    * @param {!HTMLElement} parent
  26.    * @param {!shaka.ui.Controls} controls
  27.    */
  28.   constructor(parent, controls) {
  29.     super(parent, controls);
  31.     /** @private {!shaka.extern.UIConfiguration} */
  32.     this.config_ = this.controls.getConfig();
  34.     /** @private {HTMLElement} */
  35.     this.controlsContainer_ = this.controls.getControlsContainer();
  37.     /** @private {!Array.<shaka.extern.IUIElement>} */
  38.     this.children_ = [];
  40.     /** @private {!HTMLElement} */
  41.     this.contextMenu_ = shaka.util.Dom.createHTMLElement('div');
  42.     this.contextMenu_.classList.add('shaka-no-propagation');
  43.     this.contextMenu_.classList.add('shaka-context-menu');
  44.     this.contextMenu_.classList.add('shaka-hidden');
  46.     this.controlsContainer_.appendChild(this.contextMenu_);
  48.     this.eventManager.listen(this.controlsContainer_, 'contextmenu', (e) => {
  49.       if (this.contextMenu_.classList.contains('shaka-hidden')) {
  50.         e.preventDefault();
  52.         const controlsLocation =
  53.             this.controlsContainer_.getBoundingClientRect();
  54.         this.contextMenu_.style.left = `${e.clientX - controlsLocation.left}px`;
  55.         this.contextMenu_.style.top = `${e.clientY - controlsLocation.top}px`;
  57.         shaka.ui.Utils.setDisplay(this.contextMenu_, true);
  58.       } else {
  59.         shaka.ui.Utils.setDisplay(this.contextMenu_, false);
  60.       }
  61.     });
  63.     this.eventManager.listen(window, 'click', () => {
  64.       shaka.ui.Utils.setDisplay(this.contextMenu_, false);
  65.     });
  67.     this.createChildren_();
  68.   }
  70.   /** @override */
  71.   release() {
  72.     this.controlsContainer_ = null;
  74.     for (const element of this.children_) {
  75.       element.release();
  76.     }
  78.     this.children_ = [];
  79.     super.release();
  80.   }
  82.   /**
  83.    * @param {string} name
  84.    * @param {!shaka.extern.IUIElement.Factory} factory
  85.    * @export
  86.    */
  87.   static registerElement(name, factory) {
  88.     shaka.ui.ContextMenu.elementNamesToFactories_.set(name, factory);
  89.   }
  91.   /**
  92.    * @private
  93.    */
  94.   createChildren_() {
  95.     for (const name of this.config_.contextMenuElements) {
  96.       const factory =
  97.           shaka.ui.ContextMenu.elementNamesToFactories_.get(name);
  98.       if (factory) {
  99.         goog.asserts.assert(this.controls, 'Controls should not be null!');
  100.         this.children_.push(factory.create(this.contextMenu_, this.controls));
  101.       } else {
  102.         shaka.log.alwaysWarn('Unrecognized context menu element:', name);
  103.       }
  104.     }
  105.   }
  106. };
  108. /** @private {!Map.<string, !shaka.extern.IUIElement.Factory>} */
  109. shaka.ui.ContextMenu.elementNamesToFactories_ = new Map();