e51c01bf4e
* feat: WIP transcript feedback * feat: Add UI mock for Transcript Feedbacks (#33416) * feat: Add UI mock for Transcript Feedbacks * fix: Fix mongo tests * feat: Get video_uuid, user_uuid and language for request (#33445) * feat: make call to ai-translations to obtain feedback * feat: Show widget if transcript was AI generated * feat: bind all class methods * fix: async calls * feat: send request when choosing feedback * feat: update showing condition (#33474) * fix: ajax success lint * fix: video caption specs errors fixed * feat: add coverage to feedback widget * chore: connect XT to LMS and CMS * feat: use url * chore: add vars to devstack * chore: fix url name * feat: update unit tests regarding env vars * fix: fix test_video_mongo * feat: add more tests * feat: remove console log Co-authored-by: Jesper Hodge <19345795+jesperhodge@users.noreply.github.com> * fix: rename shouldShowWidget to loadAndSetVisibility --------- Co-authored-by: María Guillermina Véscovo <mvescovo@2u.com> Co-authored-by: Jesper Hodge <19345795+jesperhodge@users.noreply.github.com>
58 lines
3.0 KiB
HTML
58 lines
3.0 KiB
HTML
<div class="course-content">
|
|
<div class="vert-mod">
|
|
<div id="video_example">
|
|
<div id="example">
|
|
<div
|
|
id="video_id"
|
|
class="video closed vert vert-video_id"
|
|
data-block-id="block-v1:coursekey+type@video+block@000000000000000000"
|
|
data-course-id="course-v1:someOrg+thisCOurse+runAway"
|
|
data-metadata='{"autohideHtml5": "true", "autoplay": "false", "captionDataDir": "", "endTime": "", "generalSpeed": "1.0", "saveStateUrl": "/save_user_state", "savedVideoPosition": "0", "showCaptions": "true", "sources": ["/base/fixtures/test.mp4","/base/fixtures/test.webm","/base/fixtures/test.ogv"], "speed": "1.5", "startTime": "", "streams": "", "sub": "Z5KLxerq05Y", "transcriptAvailableTranslationsUrl": "/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English", "de": "Deutsch", "zh": "普通话"}, "transcriptTranslationUrl": "/transcript/translation/__lang__", "ytApiUrl": "/base/fixtures/youtube_iframe_api.js", "ytImageUrl": "", "ytTestTimeout": "1500", "ytMetadataUrl": "www.googleapis.com/youtube/v3/videos/"}'
|
|
>
|
|
<div class="focus_grabber first"></div>
|
|
|
|
<div class="tc-wrapper">
|
|
<article class="video-wrapper">
|
|
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
|
|
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
|
|
<div class="video-player-pre"></div>
|
|
<section class="video-player">
|
|
<div id="id"></div>
|
|
</section>
|
|
<div class="video-player-post"></div>
|
|
<div class="closed-captions"></div>
|
|
<section class="video-controls is-hidden">
|
|
<div class="slider"></div>
|
|
<div>
|
|
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
|
|
<div class="secondary-controls"></div>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="focus_grabber last"></div>
|
|
|
|
<div class="wrapper-video-bottom-section">
|
|
<div class="wrapper-transcript-feedback" data-video-id='365b710a-6dd6-11ee-b962-0242ac120002' data-user-id='1'>
|
|
<h4 class="hd hd-5">How is the transcript quality ?</h4>
|
|
<div class="transcript-feedback-buttons">
|
|
<div class="transcript-feedback-btn-wrapper">
|
|
<button class="thumbs-up-btn">
|
|
<span class="icon fa fa-thumbs-o-up thumbs-up-icon"></span>
|
|
</button>
|
|
</div>
|
|
<div class="transcript-feedback-btn-wrapper">
|
|
<button class="thumbs-down-btn">
|
|
<span class="icon fa fa-thumbs-o-down thumbs-down-icon"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|