Add tooltips to player controls

Author: OpenHypervideo

src/_shared/modules/Localization/locale/de.js

@@ -118,6 +118,7 @@ window.FrameTrail_L10n['de'] = {
     "GenericEmptyVideo": "Keine Quelle / Leeres Video",
     "GenericError": "Fehler",
     "GenericExport": "Exportieren",
+    "GenericFullscreen": "Vollbild",
     "GenericExportData": "Daten exportieren",
     "GenericExportHypervideo": "Hypervideo exportieren",
     "GenericForkHypervideo": "Hypervideo duplizieren",
@@ -139,6 +140,7 @@ window.FrameTrail_L10n['de'] = {
     "GenericReorder": "Umsortieren",
     "GenericRequired": "erforderlich",
     "GenericSave": "Speichern",
+    "GenericSearch": "Suche",
     "GenericSaveAs": "Speichern unter...",
     "GenericSaveChanges": "Änderungen speichern",
     "GenericSeconds": "Sekunden",
@@ -150,6 +152,7 @@ window.FrameTrail_L10n['de'] = {
     "GenericTimelines": "Timelines",
     "GenericType": "Typ",
     "GenericUndo": "Rückgängig",
+    "GenericVolume": "Lautstärke",
     "GenericYes": "Ja",
     "HypervideoNew": "Hypervideo erstellen",
     "HypervideoPickerTitle": "Hypervideo auswählen",

src/_shared/modules/Localization/locale/en.js

@@ -118,6 +118,7 @@ window.FrameTrail_L10n['en'] = {
     "GenericEmptyVideo": "No Source / Empty Video",
     "GenericError": "Error",
     "GenericExport": "Export",
+    "GenericFullscreen": "Fullscreen",
     "GenericExportData": "Export Data",
     "GenericExportHypervideo": "Export Hypervideo",
     "GenericForkHypervideo": "Duplicate Hypervideo",
@@ -139,6 +140,7 @@ window.FrameTrail_L10n['en'] = {
     "GenericReorder": "Reorder",
     "GenericRequired": "required",
     "GenericSave": "Save",
+    "GenericSearch": "Search",
     "GenericSaveAs": "Save As...",
     "GenericSaveChanges": "Save changes",
     "GenericSeconds": "seconds",
@@ -150,6 +152,7 @@ window.FrameTrail_L10n['en'] = {
     "GenericTimelines": "Timelines",
     "GenericType": "Type",
     "GenericUndo": "Undo",
+    "GenericVolume": "Volume",
     "GenericYes": "Yes",
     "HypervideoNew": "Create Hypervideo",
     "HypervideoPickerTitle": "Select Hypervideo",

src/_shared/modules/Localization/locale/fr.js

@@ -118,6 +118,7 @@ window.FrameTrail_L10n['fr'] = {
     "GenericEmptyVideo": "Aucune source / Vidéo vide",
     "GenericError": "Erreur",
     "GenericExport": "Exporter",
+    "GenericFullscreen": "Plein écran",
     "GenericExportData": "Exporter les données",
     "GenericExportHypervideo": "Exporter l'Hypervideo",
     "GenericForkHypervideo": "Dupliquer l'Hypervideo",
@@ -139,6 +140,7 @@ window.FrameTrail_L10n['fr'] = {
     "GenericReorder": "Réorganiser",
     "GenericRequired": "requis",
     "GenericSave": "Enregistrer",
+    "GenericSearch": "Recherche",
     "GenericSaveAs": "Enregistrer sous...",
     "GenericSaveChanges": "Enregistrer les modifications",
     "GenericSeconds": "secondes",
@@ -150,6 +152,7 @@ window.FrameTrail_L10n['fr'] = {
     "GenericTimelines": "Timelines",
     "GenericType": "Type",
     "GenericUndo": "Annuler",
+    "GenericVolume": "Volume",
     "GenericYes": "Oui",
     "HypervideoNew": "Créer un Hypervideo",
     "HypervideoPickerTitle": "Sélectionner un Hypervideo",

src/player/modules/ViewVideo/module.js

@@ -88,24 +88,24 @@ FrameTrail.defineModule('ViewVideo', function(FrameTrail){
                         + '                </div>'
                         + '                <div class="rightControlPanel">'
                         + '                    <div class="sharingWidget playerControl" data-tooltip-bottom-right="'+ labels['GenericShareEmbed'] +'"><span class="icon-share"></span></div>'
-                        + '                    <div class="annotationSearchButton playerControl contextButton">'
+                        + '                    <div class="annotationSearchButton playerControl contextButton" data-tooltip-bottom-right="'+ labels['GenericSearch'] +'">'
                         + '                        <span class="icon-search"></span>'
                         + '                        <div class="annotationSearchContainer contextButtonContainer">'
                         + '                        </div>'
                         + '                    </div>'
-                        + '                    <div class="layoutAreasButton playerControl">'
+                        + '                    <div class="layoutAreasButton playerControl" data-tooltip-bottom-right="'+ labels['GenericLayoutAreas'] +'">'
                         + '                        <span class="icon-th-large-1"></span>'
                         + '                        <div class="layoutAreasPanel"></div>'
                         + '                    </div>'
-                        + '                    <div class="captionsButton playerControl">'
+                        + '                    <div class="captionsButton playerControl" data-tooltip-bottom-right="'+ labels['GenericSubtitles'] +'">'
                         + '                        <span class="icon-captions-off"></span>'
                         + '                        <div class="captionSelectContainer">'
                         + '                            <div class="captionSelect none" data-lang="" data-config="hv_config_captionsVisible">'+ labels['GenericNone'] +'</div>'
                         + '                            <div class="captionSelectList"></div>'
                         + '                        </div>'
                         + '                    </div>'
-                        + '                    <div class="volumeButton playerControl"><span class="icon-volume-up"></span></div>'
-                        + '                    <div class="fullscreenButton playerControl"><span class="icon-resize-full-alt"></span></div>'
+                        + '                    <div class="volumeButton playerControl" data-tooltip-bottom-right="'+ labels['GenericVolume'] +'"><span class="icon-volume-up"></span></div>'
+                        + '                    <div class="fullscreenButton playerControl" data-tooltip-bottom-right="'+ labels['GenericFullscreen'] +'"><span class="icon-resize-full-alt"></span></div>'
                         + '                </div>'
                         + '            </div>'
                         + '            <div class="annotationTimeline timeline"></div>'
@@ -278,7 +278,7 @@ FrameTrail.defineModule('ViewVideo', function(FrameTrail){
                         + '    <div>Link</div>'
                         + '    <input type="text" value="'+ url +'"/>'
                         + '    <div>Embed Code</div>'
-                        + '    <textarea style="height: 100px;" readonly><iframe width="800" height="600" src="'+ iframeUrl +'" title="'+ hypervideoTitle +'" frameborder="0" allow="fullscreen" allowfullscreen></iframe></textarea>'
+                        + '    <textarea class="m-0" style="height: 100px;" readonly><iframe width="800" height="600" src="'+ iframeUrl +'" title="'+ hypervideoTitle +'" frameborder="0" allow="fullscreen" allowfullscreen></iframe></textarea>'
                         + '</div>';
         var shareDialog = _sdWrapper.firstElementChild;
 
@@ -296,17 +296,10 @@ FrameTrail.defineModule('ViewVideo', function(FrameTrail){
             modal:     true,
             resizable: false,
             width:     500,
-            height:    360,
+            height:    "auto",
             close: function() {
                 shareDialogCtrl.destroy();
-            },
-            buttons: [
-                { text: 'OK',
-                    click: function() {
-                        shareDialogCtrl.close();
-                    }
-                }
-            ]
+            }
         });
     });