From 9af2accee68082e4e1160a4e4a7036451262be02 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Mon, 14 Mar 2022 10:27:05 +0100
Subject: Reorganize videojs components

---
 .../src/assets/player/settings/settings-dialog.ts  | 35 ++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 client/src/assets/player/settings/settings-dialog.ts

(limited to 'client/src/assets/player/settings/settings-dialog.ts')

diff --git a/client/src/assets/player/settings/settings-dialog.ts b/client/src/assets/player/settings/settings-dialog.ts
new file mode 100644
index 000000000..8cd98967f
--- /dev/null
+++ b/client/src/assets/player/settings/settings-dialog.ts
@@ -0,0 +1,35 @@
+import videojs from 'video.js'
+
+const Component = videojs.getComponent('Component')
+
+class SettingsDialog extends Component {
+  constructor (player: videojs.Player) {
+    super(player)
+
+    this.hide()
+  }
+
+  /**
+   * Create the component's DOM element
+   *
+   */
+  createEl () {
+    const uniqueId = this.id()
+    const dialogLabelId = 'TTsettingsDialogLabel-' + uniqueId
+    const dialogDescriptionId = 'TTsettingsDialogDescription-' + uniqueId
+
+    return super.createEl('div', {
+      className: 'vjs-settings-dialog vjs-modal-overlay',
+      innerHTML: '',
+      tabIndex: -1
+    }, {
+      role: 'dialog',
+      'aria-labelledby': dialogLabelId,
+      'aria-describedby': dialogDescriptionId
+    })
+  }
+}
+
+Component.registerComponent('SettingsDialog', SettingsDialog)
+
+export { SettingsDialog }
-- 
cgit v1.2.3