feat(AU-2042): Show Google disclaimer on VideoBlock bottom section (#35040)

* feat(AU-2042): Show Google disclaimer on VideoBlock bottom section

* feat(AU-2042): Remove unnecessary classname prop
This commit is contained in:
Rodrigo Martin
2024-06-28 13:15:31 -03:00
committed by GitHub
parent 98dfb12943
commit 032bf044c6
3 changed files with 56 additions and 1 deletions

View File

@@ -37,7 +37,8 @@
'previousLanguageMenuItem', 'nextLanguageMenuItem', 'handleCaptionToggle',
'showClosedCaptions', 'hideClosedCaptions', 'toggleClosedCaptions',
'updateCaptioningCookie', 'handleCaptioningCookie', 'handleTranscriptToggle',
'listenForDragDrop', 'setTranscriptVisibility', 'updateTranscriptCookie'
'listenForDragDrop', 'setTranscriptVisibility', 'updateTranscriptCookie',
'toggleGoogleDisclaimer'
);
this.state = state;
@@ -492,6 +493,31 @@
};
},
/**
* @desc Shows/Hides Google disclaimer based on captions being AI generated and
* if ClosedCaptions are being shown.
*
* @param {array} captions List of captions for the video.
*
* @returns {boolean}
*/
toggleGoogleDisclaimer: function(captions) {
var self = this,
state = this.state,
aIGeneratedSpan = '<span id="captions-ai-generated"></span>',
captionsAIGenerated = captions.some(caption => caption.includes(aIGeneratedSpan));
if (!self.hideCaptionsOnLoad && !state.captionsHidden) {
if (captionsAIGenerated) {
state.el.find('.google-disclaimer').show();
self.shouldShowGoogleDisclaimer = true;
} else {
state.el.find('.google-disclaimer').hide();
self.shouldShowGoogleDisclaimer = false;
}
}
},
/**
* @desc Fetch the caption file specified by the user. Upon successful
* receipt of the file, the captions will be rendered.
@@ -547,6 +573,8 @@
start = results.start;
captions = results.captions;
self.toggleGoogleDisclaimer(captions);
if (self.loaded) {
if (self.rendered) {
self.renderCaption(start, captions);
@@ -1299,6 +1327,7 @@
*/
hideCaptions: function(hideCaptions, triggerEvent) {
var transcriptControlEl = this.transcriptControlEl,
self = this,
state = this.state,
text;
@@ -1310,6 +1339,8 @@
this.state.el.trigger('transcript:hide');
}
state.el.find('.google-disclaimer').hide();
transcriptControlEl
.removeClass('is-active')
.attr('title', gettext(text))
@@ -1323,6 +1354,10 @@
this.state.el.trigger('transcript:show');
}
if (self.shouldShowGoogleDisclaimer) {
state.el.find('.google-disclaimer').show();
}
transcriptControlEl
.addClass('is-active')
.attr('title', gettext(text))