![\"${htmlEscape($link.data('preview-alt')](\"/images/play_overlay.png\"\n)
\n \n `)\n $after.click(\n preventDefault(function () {\n const $video = $(`\n \n \n
![\"\"](\"/images/svg-icons/svg_icon_download.svg\"){kind=icon}
\n \n ${htmlEscape(I18n.t('download'))}\n \n `\n )\n }\n if ($.filePreviewsEnabled() && $link.hasClass('instructure_scribd_file')) {\n if (ENV.FEATURES?.rce_better_file_previewing) {\n if ($link.hasClass('inline_disabled')) {\n // link opens in overlay\n $link.addClass('preview_in_overlay')\n } else {\n // link opens inline preview\n $link.addClass('file_preview_link')\n $link.attr('aria-expanded', 'false')\n $link.attr('aria-controls', preview_id)\n }\n } else if (!$link.hasClass('inline_disabled')) {\n $preview_link = $(\n \"\"\n )\n }\n }\n $link.removeClass('instructure_file_link')\n $link.removeClass('instructure_scribd_file').before($span).appendTo($span)\n $span.append($preview_link)\n $span.append($download_btn)\n $span.append($preview_container)\n if ($link.hasClass('auto_open')) {\n if ($preview_link) {\n $preview_link.click()\n } else if (ENV.FEATURES?.rce_better_file_previewing) {\n $link.click()\n }\n }\n }\n })\n\n $('.user_content.unenhanced a,.user_content.unenhanced+div.answers a')\n .find('img.media_comment_thumbnail')\n .each(function () {\n $(this).closest('a').addClass('instructure_inline_media_comment')\n })\n .end()\n .filter('.instructure_inline_media_comment')\n .removeClass('no-underline')\n .mediaCommentThumbnail('normal')\n .end()\n .filter('.instructure_video_link, .instructure_audio_link')\n .mediaCommentThumbnail('normal', true)\n .end()\n .not('.youtubed')\n .each(handleYoutubeLink)\n $('.user_content.unenhanced').removeClass('unenhanced').addClass('enhanced')\n setTimeout(() => {\n $('.user_content form.user_content_post_form:not(.submitted)').submit().addClass('submitted')\n }, 10)\n // Remove sandbox attribute from user content iframes to fix busted\n // third-party content, like Google Drive documents.\n document\n .querySelectorAll('.user_content iframe[sandbox=\"allow-scripts allow-forms allow-same-origin\"]')\n .forEach(frame => {\n frame.removeAttribute('sandbox')\n const src = frame.src\n frame.src = src\n })\n}\n\nexport function formatTimeAgoTitle(date) {\n const fudgedDate = $.fudgeDateForProfileTimezone(date)\n return fudgedDate.toString('MMM d, yyyy h:mmtt')\n}\n\nexport function formatTimeAgoDate(date) {\n if (typeof date === 'string') {\n date = Date.parse(date)\n }\n const diff = new Date() - date\n if (diff < 24 * 3600 * 1000) {\n if (diff < 3600 * 1000) {\n if (diff < 60 * 1000) {\n return I18n.t('#time.less_than_a_minute_ago', 'less than a minute ago')\n } else {\n const minutes = parseInt(diff / (60 * 1000), 10)\n return I18n.t(\n '#time.count_minutes_ago',\n {one: '1 minute ago', other: '%{count} minutes ago'},\n {count: minutes}\n )\n }\n } else {\n const hours = parseInt(diff / (3600 * 1000), 10)\n return I18n.t(\n '#time.count_hours_ago',\n {one: '1 hour ago', other: '%{count} hours ago'},\n {count: hours}\n )\n }\n } else {\n return formatTimeAgoTitle(date)\n }\n}\n\n$(function () {\n // handle all of the click events that were triggered before the dom was ready (and thus weren't handled by jquery listeners)\n if (window._earlyClick) {\n // unset the onclick handler we were using to capture the events\n document.removeEventListener('click', window._earlyClick)\n if (window._earlyClick.clicks) {\n // wait to fire the \"click\" events till after all of the event hanlders loaded at dom ready are initialized\n setTimeout(function () {\n $.each(_.uniq(window._earlyClick.clicks), function () {\n // cant use .triggerHandler because it will not bubble,\n // but we do want to preventDefault, so this is what we have to do\n const event = $.Event('click')\n event.preventDefault()\n $(this).trigger(event)\n })\n }, 1)\n }\n }\n // this next block of code adds the ellipsis on the breadcrumb if it overflows one line\n const $breadcrumbs = $('#breadcrumbs')\n if ($breadcrumbs.length) {\n let $breadcrumbEllipsis\n let addedEllipsisClass = false\n // if we ever change the styling of the breadcrumbs so their height changes, change this too. the * 1.5 part is just in case to ever handle any padding or margin.\n const hightOfOneBreadcrumb = 27 * 1.5\n let taskID\n const resizeBreadcrumb = () => {\n if (taskID) (window.cancelIdleCallback || window.cancelAnimationFrame)(taskID)\n taskID = (window.requestIdleCallback || window.requestAnimationFrame)(() => {\n let maxWidth = 500\n $breadcrumbEllipsis = $breadcrumbEllipsis || $breadcrumbs.find('.ellipsible')\n $breadcrumbEllipsis.ifExists(() => {\n $breadcrumbEllipsis.css('maxWidth', '')\n for (let i = 0; $breadcrumbs.height() > hightOfOneBreadcrumb && i < 20; i++) {\n // the i here is just to make sure we don't get into an ifinite loop somehow\n if (!addedEllipsisClass) {\n addedEllipsisClass = true\n $breadcrumbEllipsis.addClass('ellipsis')\n }\n $breadcrumbEllipsis.css('maxWidth', (maxWidth -= 20))\n }\n })\n })\n }\n resizeBreadcrumb() // force it to run once right now\n $(window).resize(resizeBreadcrumb)\n // end breadcrumb ellipsis\n }\n KeyboardNavDialog.prototype.bindOpenKeys.call({$el: $('#keyboard_navigation')})\n $('#switched_role_type').ifExists(function () {\n const context_class = $(this).attr('class')\n const $img = $('
\" +\n htmlEscape(\n I18n.t('links.view_equella_content_in_new_window', 'view the content in a new window')\n ) +\n ''\n )\n $dialog\n .find('h2')\n .text(\n $(this).attr('title') ||\n $(this).text() ||\n I18n.t('titles.equella_content_preview', 'Equella Content Preview')\n )\n const $iframe = $dialog.find('iframe')\n setTimeout(() => {\n $iframe.css('background', '#fff')\n }, 2500)\n $('body').append($dialog)\n $dialog.dialog({\n autoOpen: false,\n width: 'auto',\n resizable: false,\n title: I18n.t('titles.equella_content_preview', 'Equella Content Preview'),\n close() {\n $dialog.find('iframe').attr('src', 'about:blank')\n }\n })\n }\n $dialog.find('.original_link').attr('href', $(this).attr('href'))\n $dialog.dialog('close').dialog('open')\n $dialog.find('iframe').attr('src', $(this).attr('href'))\n })\n // Adds a way to automatically open dialogs by just giving them the .dialog_opener class.\n // Uses the aria-controls attribute to specify id of dialog to open because that is already\n // a best practice accessibility-wise (as a side note you should also add \"role=button\").\n // You can pass in options to the dialog with the data-dialog-options attribute.\n //\n // Examples:\n //\n // \n // opens the dialog with id=\"foobar\"\n //\n // \n // opens the .my_dialog dialog and passes the options {resizable:false, width: 300}\n // the :not clause is to not allow users access to this functionality in their content.\n $('.dialog_opener[aria-controls]:not(.user_content *)').live('click', function (event) {\n const link = this\n $('#' + $(this).attr('aria-controls')).ifExists($dialog => {\n event.preventDefault()\n // if the linked dialog has not already been initialized, initialize it (passing in opts)\n if (!$dialog.data('dialog')) {\n $dialog.dialog(\n $.extend(\n {\n autoOpen: false,\n modal: true\n },\n $(link).data('dialogOpts')\n )\n )\n $dialog.fixDialogButtons()\n }\n $dialog.dialog('open')\n })\n })\n if ($.filePreviewsEnabled()) {\n $('a.file_preview_link').live('click', function (event) {\n if (event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) {\n // if any modifier keys are pressed, do the browser default thing\n return\n }\n event.preventDefault()\n const $link = $(this)\n if ($link.attr('aria-expanded') === 'true') {\n // close the preview by clicking the \"Minimize File Preview\" link\n $link.parent().find('.hide_file_preview_link').click()\n return\n }\n $link.loadingImage({image_size: 'small', horizontal: 'right!'})\n if (ENV.FEATURES?.rce_better_file_previewing) {\n $link.attr('aria-expanded', 'true')\n } else {\n $link.hide()\n }\n $.ajaxJSON(\n $link\n .attr('href')\n .replace(/\\/(download|preview)/, '') // download as part of the path\n .replace(/wrap=1&?/, '') // wrap=1 as part of the query_string\n .replace(/[?&]$/, ''), // any trailing chars if wrap=1 was at the end\n 'GET',\n {},\n data => {\n const attachment = data && data.attachment\n $link.loadingImage('remove')\n if (\n attachment &&\n ($.isPreviewable(attachment.content_type, 'google') || attachment.canvadoc_session_url)\n ) {\n const $div = window.ENV?.FEATURES.rce_better_file_previewing\n ? $(`[id=\"${$link.attr('aria-controls')}\"]`)\n : $link.parent().find('[role=\"region\"][id^=\"preview_\"]')\n $div.css('display', 'block').loadDocPreview({\n canvadoc_session_url: attachment.canvadoc_session_url,\n mimeType: attachment.content_type,\n public_url: attachment.public_url,\n attachment_preview_processing:\n attachment.workflow_state === 'pending_upload' ||\n attachment.workflow_state === 'processing'\n })\n const $minimizeLink = $(\n '' +\n htmlEscape(I18n.t('links.minimize_file_preview', 'Minimize File Preview')) +\n ''\n ).click(event => {\n event.preventDefault()\n $link.attr('aria-expanded', 'false')\n $link.show()\n $link.focus()\n $div.html('').css('display', 'none')\n trackEvent('hide_embedded_content', 'hide_file_preview')\n })\n $div.prepend($minimizeLink)\n if (Object.prototype.hasOwnProperty.call(event, 'originalEvent')) {\n // Only focus this link if the open preview link was initiated by a real browser event\n // If it was triggered by our auto_open stuff it shouldn't focus here.\n $minimizeLink.focus()\n }\n trackEvent('show_embedded_content', 'show_file_preview')\n }\n },\n () => {\n $link.loadingImage('remove').hide()\n }\n )\n })\n } else {\n $('a.file_preview_link').live('click', event => {\n event.preventDefault()\n // eslint-disable-next-line no-alert\n alert(\n I18n.t(\n 'alerts.file_previews_disabled',\n 'File previews have been disabled for this Canvas site'\n )\n )\n })\n }\n if (ENV.FEATURES?.rce_better_file_previewing) {\n $('a.preview_in_overlay').live('click', event => {\n const matches = event.target.href.match(/\\/files\\/(\\d+)/)\n if (matches) {\n if (event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) {\n // if any modifier keys are pressed, do the browser default thing\n return\n }\n event.preventDefault()\n const file_id = matches[1]\n import('../react/showFilePreview')\n .then(module => {\n module.showFilePreview(file_id)\n })\n .catch(_err => {\n $.flashError(I18n.t('Someting went wrong loading the file previewer.'))\n })\n }\n })\n }\n // publishing the 'userContent/change' will run enhanceUserContent at most once every 50ms\n let enhanceUserContentTimeout\n $.subscribe('userContent/change', () => {\n clearTimeout(enhanceUserContentTimeout)\n enhanceUserContentTimeout = setTimeout(enhanceUserContent, 50)\n })\n $(document).bind('user_content_change', enhanceUserContent)\n $(() => {\n setInterval(enhanceUserContent, 15000)\n setTimeout(enhanceUserContent, 15)\n })\n $('.zone_cached_datetime').each(function () {\n if ($(this).attr('title')) {\n const datetime = tz.parse($(this).attr('title'))\n if (datetime) {\n $(this).text($.datetimeString(datetime))\n }\n }\n })\n $('.show_sub_messages_link').click(function (event) {\n event.preventDefault()\n $(this)\n .parents('.subcontent')\n .find('.communication_sub_message.toggled_communication_sub_message')\n .removeClass('toggled_communication_sub_message')\n $(this).parents('.communication_sub_message').remove()\n })\n $('.show_comments_link').click(function (event) {\n event.preventDefault()\n $(this).closest('ul').find('li').show()\n $(this).closest('li').remove()\n })\n $('.communication_message .message_short .read_more_link').click(function (event) {\n event.preventDefault()\n $(this)\n .parents('.communication_message')\n .find('.message_short')\n .hide()\n .end()\n .find('.message')\n .show()\n })\n $('.communication_message .close_notification_link').live('click', function (event) {\n event.preventDefault()\n const $message = $(this).parents('.communication_message')\n $message.confirmDelete({\n url: $(this).attr('rel'),\n noMessage: true,\n success() {\n $(this).slideUp(function () {\n $(this).remove()\n })\n }\n })\n })\n $('.communication_message .add_entry_link').click(function (event) {\n event.preventDefault()\n const $message = $(this).parents('.communication_message')\n const $reply = $message.find('.reply_message').hide()\n const $response = $message\n .find('.communication_sub_message.blank')\n .clone(true)\n .removeClass('blank')\n $reply.before($response.show())\n const id = _.uniqueId('textarea_')\n $response.find('textarea.rich_text').attr('id', id)\n $(document).triggerHandler('richTextStart', $('#' + id))\n $response.find('textarea:first').focus().select()\n })\n $(document)\n .bind('richTextStart', (event, $editor) => {\n if (!$editor || $editor.length === 0) {\n return\n }\n $editor = $($editor)\n if (!$editor || $editor.length === 0) {\n return\n }\n RichContentEditor.initSidebar({\n show() {\n $('#sidebar_content').hide()\n },\n hide() {\n $('#sidebar_content').show()\n }\n })\n RichContentEditor.loadNewEditor($editor, {focus: true})\n })\n .bind('richTextEnd', (event, $editor) => {\n if (!$editor || $editor.length === 0) {\n return\n }\n $editor = $($editor)\n if (!$editor || $editor.length === 0) {\n return\n }\n RichContentEditor.destroyRCE($editor)\n })\n $(\n '.communication_message .content .links .show_users_link,.communication_message .header .show_users_link'\n ).click(function (event) {\n event.preventDefault()\n $(this).parents('.communication_message').find('.content .users_list').slideToggle()\n })\n $('.communication_message .delete_message_link').click(function (event) {\n event.preventDefault()\n $(this)\n .parents('.communication_message')\n .confirmDelete({\n noMessage: true,\n url: $(this).attr('href'),\n success() {\n $(this).slideUp()\n }\n })\n })\n $('.communication_sub_message .add_conversation_message_form').formSubmit({\n beforeSubmit(_data) {\n $(this).find('button').attr('disabled', true)\n $(this).find('.submit_button').text(I18n.t('status.posting_message', 'Posting Message...'))\n $(this).loadingImage()\n },\n success(data) {\n $(this).loadingImage('remove')\n // message is the message div containing this form, and conversation the\n // owning conversation. we make a copy of this div before filling it out\n // so that we can use it for the next message (if any)\n const $message = $(this).parents('.communication_sub_message')\n const $conversation = $message.parents('.communication_message')\n // fill out this message, display the new info, and remove the form\n const message_data = data.messages[0]\n $message.fillTemplateData({\n data: {\n post_date: $.datetimeString(message_data.created_at),\n message: message_data.body\n },\n htmlValues: ['message']\n })\n $message.find('.message').show()\n $(this).remove()\n // turn the \"add message\" button back on\n $conversation.find('.reply_message').show()\n // notify the user and any other watchers in the document\n $.flashMessage('Message Sent!')\n $(document).triggerHandler('user_content_change')\n if (window.location.pathname === '/') {\n trackEvent('dashboard_comment', 'create')\n }\n },\n error(data) {\n $(this).loadingImage('remove')\n $(this).find('button').attr('disabled', false)\n $(this).find('.submit_button').text('Post Failed, Try Again')\n $(this).formErrors(data)\n }\n })\n $('.communication_sub_message .add_sub_message_form').formSubmit({\n beforeSubmit(_data) {\n $(this).find('button').attr('disabled', true)\n $(this).find('.submit_button').text(I18n.t('status.posting_message', 'Posting Message...'))\n $(this).loadingImage()\n },\n success(data) {\n $(this).loadingImage('remove')\n const $message = $(this).parents('.communication_sub_message')\n if ($(this).hasClass('submission_comment_form')) {\n const user_id = $(this).getTemplateData({textValues: ['submission_user_id']})\n .submission_user_id\n let submission = null\n for (const idx in data) {\n const s = data[idx].submission\n if (s.user_id == user_id) {\n submission = s\n }\n }\n if (submission) {\n const comment =\n submission.submission_comments[submission.submission_comments.length - 1]\n .submission_comment\n comment.post_date = $.datetimeString(comment.created_at)\n comment.message = comment.formatted_body || comment.comment\n $message.fillTemplateData({\n data: comment,\n htmlValues: ['message']\n })\n }\n } else {\n const entry = data.discussion_entry\n entry.post_date = $.datetimeString(entry.created_at)\n $message.find('.content > .message_html').val(entry.message)\n $message.fillTemplateData({\n data: entry,\n htmlValues: ['message']\n })\n }\n $message.find('.message').show()\n $message.find('.user_content').removeClass('enhanced')\n $message\n .parents('.communication_message')\n .find('.reply_message')\n .removeClass('lonely_behavior_message')\n .show()\n $(document).triggerHandler('richTextEnd', $(this).find('textarea.rich_text'))\n $(document).triggerHandler('user_content_change')\n $(this).remove()\n if (window.location.href.match(/dashboard/)) {\n trackEvent('dashboard_comment', 'create')\n }\n },\n error(data) {\n $(this).loadingImage('remove')\n $(this).find('button').attr('disabled', false)\n $(this)\n .find('.submit_button')\n .text(I18n.t('errors.posting_message_failed', 'Post Failed, Try Again'))\n $(this).formErrors(data)\n }\n })\n $('.communication_sub_message form .cancel_button').click(function () {\n const $form = $(this).parents('.communication_sub_message')\n const $message = $(this).parents('.communication_message')\n $(document).triggerHandler('richTextEnd', $form.find('textarea.rich_text'))\n $form.remove()\n $message.find('.reply_message').show()\n })\n $('.communication_message,.communication_sub_message')\n .bind('focusin mouseenter', function () {\n $(this).addClass('communication_message_hover')\n })\n .bind('focusout mouseleave', function () {\n $(this).removeClass('communication_message_hover')\n })\n $('.communication_sub_message .more_options_reply_link').click(function (event) {\n event.preventDefault()\n const $form = $(this).parents('form')\n let params = null\n if ($form.hasClass('submission_comment_form')) {\n params = {comment: $form.find('textarea:visible:first').val() || ''}\n } else {\n params = {message: $form.find('textarea:visible:first').val() || ''}\n }\n window.location.href = $(this).attr('href') + '?message=' + encodeURIComponent(params.message)\n })\n $('.communication_message.new_activity_message').ifExists(function () {\n this.find('.message_type img').click(function () {\n const $this = $(this),\n c = $.trim($this.attr('class'))\n $this.parents('.message_type').find('img').removeClass('selected')\n $this\n .addClass('selected')\n .parents('.new_activity_message')\n .find('.message_type_text')\n .text($this.attr('title'))\n .end()\n .find('.activity_form')\n .hide()\n .end()\n .find('textarea, :text')\n .val('')\n .end()\n .find('.' + c + '_form')\n .show()\n .find('.context_select')\n .change()\n })\n this.find('.context_select')\n .change(function () {\n const $this = $(this),\n thisVal = $this.val(),\n $message = $this.parents('.communication_message'),\n $form = $message.find('form')\n $form.attr('action', $message.find('.' + thisVal + '_form_url').attr('href'))\n $form.data('context_name', this.options[this.selectedIndex].text)\n $form.data('context_code', thisVal)\n $message\n .find('.roster_list')\n .hide()\n .find(':checkbox')\n .each(function () {\n $(this).attr('checked', false)\n })\n $message.find('.' + thisVal + '_roster_list').show()\n })\n .triggerHandler('change')\n this.find('.cancel_button').click(function (_event) {\n $(this).parents('.communication_message').hide().prev('.new_activity_message').show()\n })\n this.find('.new_activity_message_link').click(function (event) {\n event.preventDefault()\n $(this)\n .parents('.communication_message')\n .hide()\n .next('.new_activity_message')\n .find('.message_type img.selected')\n .click()\n .end()\n .show()\n .find(':text:visible:first')\n .focus()\n .select()\n })\n this.find('form.message_form').formSubmit({\n beforeSubmit(_data) {\n $('button').attr('disabled', true)\n $('button.submit_button').text(I18n.t('status.posting_message', 'Posting Message...'))\n },\n success(data) {\n $('button').attr('disabled', false)\n $('button.submit_button').text('Post Message')\n const context_code = $(this).data('context_code') || ''\n const context_name = $(this).data('context_name') || ''\n if ($(this).hasClass('discussion_topic_form')) {\n const topic = data.discussion_topic\n topic.context_code = context_name\n topic.user_name = $('#identity .user_name').text()\n topic.post_date = $.datetimeString(topic.created_at)\n topic.topic_id = topic.id\n const $template = $(this).parents('.communication_message').find('.template')\n const $message = $template.find('.communication_message').clone(true)\n $message\n .find('.header .title,.behavior_content .less_important a')\n .attr('href', $template.find('.' + context_code + '_topic_url').attr('href'))\n $message\n .find('.add_entry_link')\n .attr('href', $template.find('.' + context_code + '_topics_url').attr('href'))\n $message\n .find('.user_name')\n .attr('href', $template.find('.' + context_code + '_user_url').attr('href'))\n $message\n .find('.topic_assignment_link,.topic_assignment_url')\n .attr('href', $template.find('.' + context_code + '_assignment_url').attr('href'))\n $message\n .find('.attachment_name,.topic_attachment_url')\n .attr('href', $template.find('.' + context_code + '_attachment_url').attr('href'))\n const entry = {discussion_topic_id: topic.id}\n $message.fillTemplateData({\n data: topic,\n hrefValues: ['topic_id', 'user_id', 'assignment_id', 'attachment_id'],\n avoid: '.subcontent'\n })\n $message.find('.subcontent').fillTemplateData({\n data: entry,\n hrefValues: ['topic_id', 'user_id']\n })\n $message\n .find('.subcontent form')\n .attr('action', $template.find('.' + context_code + '_entries_url').attr('href'))\n $message.fillFormData(entry, {object_name: 'discussion_entry'})\n $(this).parents('.communication_message').after($message.hide())\n $message.slideDown()\n $(this).parents('.communication_message').slideUp()\n $(this).parents('.communication_message').prev('.new_activity_message').slideDown()\n } else if ($(this).hasClass('announcement_form')) {\n // do nothing\n } else {\n window.location.reload()\n }\n },\n error(data) {\n $('button').attr('disabled', false)\n $('button.submit_button').text(\n I18n.t('errors.posting_message_failed', 'Post Failed, Try Again')\n )\n $(this).formErrors(data)\n }\n })\n })\n $('#topic_list .show_all_messages_link')\n .show()\n .click(function (event) {\n event.preventDefault()\n $('#topic_list .topic_message').show()\n $(this).hide()\n })\n // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv\n // vvvvvvvvvvvvvvvvv BEGIN stuf form making pretty dates vvvvvvvvvvvvvvvvvv\n // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv\n let timeAgoEvents = []\n function timeAgoRefresh() {\n timeAgoEvents = [...document.querySelectorAll('.time_ago_date')].filter($.expr.filters.visible)\n processNextTimeAgoEvent()\n }\n function processNextTimeAgoEvent() {\n const eventElement = timeAgoEvents.shift()\n if (eventElement) {\n const $event = $(eventElement),\n date = $event.data('parsed_date') || Date.parse($event.data('timestamp') || '')\n if (date) {\n $event.data('timestamp', date.toISOString())\n $event.data('parsed_date', date)\n $event.text(formatTimeAgoDate(date))\n $event.attr('title', formatTimeAgoTitle(date))\n }\n setTimeout(processNextTimeAgoEvent, 1)\n } else {\n setTimeout(timeAgoRefresh, 60000)\n }\n }\n setTimeout(timeAgoRefresh, 100)\n // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n // ^^^^^^^^^^^^^^^^^^ END stuff for making pretty dates ^^^^^^^^^^^^^^^^^^^\n // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n const sequence_url = $('#sequence_footer .sequence_details_url').filter(':last').attr('href')\n if (sequence_url) {\n $.ajaxJSON(sequence_url, 'GET', {}, data => {\n const $sequence_footer = $('#sequence_footer')\n if (data.current_item) {\n $('#sequence_details .current').fillTemplateData({data: data.current_item.content_tag})\n $.each({previous: '.prev', next: '.next'}, (label, cssClass) => {\n const $link = $sequence_footer.find(cssClass)\n if (data[label + '_item'] || data[label + '_module']) {\n const tag =\n (data[label + '_item'] && data[label + '_item'].content_tag) ||\n (data[label + '_module'] && data[label + '_module'].context_module)\n if (!data[label + '_item']) {\n tag.title = tag.title || tag.name\n if (tag.workflow_state === 'unpublished') {\n tag.title += ' (' + I18n.t('draft', 'Draft') + ')'\n }\n tag.text =\n label === 'previous'\n ? I18n.t('buttons.previous_module', 'Previous Module')\n : I18n.t('buttons.next_module', 'Next Module')\n $link.addClass('module_button')\n }\n $link.fillTemplateData({data: tag})\n if (data[label + '_item']) {\n $link.attr(\n 'href',\n $.replaceTags($sequence_footer.find('.module_item_url').attr('href'), 'id', tag.id)\n )\n } else {\n $link.attr(\n 'href',\n $.replaceTags($sequence_footer.find('.module_url').attr('href'), 'id', tag.id) +\n '/items/' +\n (label === 'previous' ? 'last' : 'first')\n )\n }\n } else {\n $link.hide()\n }\n })\n $sequence_footer.show()\n $(window).resize() // this will be helpful for things like $.fn.fillWindowWithMe so that it knows the dimensions of the page have changed.\n }\n })\n } else {\n const sf = $('#sequence_footer')\n if (sf.length) {\n const el = $(sf[0])\n import('@canvas/module-sequence-footer').then(() => {\n el.moduleSequenceFooter({\n courseID: el.attr('data-course-id'),\n assetType: el.attr('data-asset-type'),\n assetID: el.attr('data-asset-id')\n })\n })\n }\n }\n // this is for things like the to-do, recent items and upcoming, it\n // happend a lot so rather than duplicating it everywhere I stuck it here\n $('#right-side').delegate('.more_link', 'click', function (event) {\n const $this = $(this)\n const $children = $this.parents('ul').children(':hidden').show()\n $this.closest('li').remove()\n // if they are using the keyboard to navigate (they hit enter on the link instead of actually\n // clicking it) then put focus on the first of the now-visible items--otherwise, since the\n // .more_link is hidden, focus would be completely lost and leave a blind person stranded.\n // don't want to set focus if came from a mouse click because then you'd have 2 of the tooltip\n // bubbles staying visible, see #9211\n if (event.screenX === 0) {\n $children.first().find(':tabbable:first').focus()\n }\n return false\n })\n $('#right-side').on('click', '.disable-todo-item-link', function (event) {\n event.preventDefault()\n const $item = $(this).parents('li, div.topic_message').last()\n const $prevItem = $(this).closest('.to-do-list > li').prev()\n const toFocus =\n ($prevItem.find('.disable-todo-item-link').length &&\n $prevItem.find('.disable-todo-item-link')) ||\n $('.todo-list-header')\n const url = $(this).data('api-href')\n const flashMessage = $(this).data('flash-message')\n function remove(delete_url) {\n $item.confirmDelete({\n url: delete_url,\n noMessage: true,\n success() {\n if (flashMessage) {\n $.flashMessage(flashMessage)\n }\n $(this).slideUp(function () {\n $(this).remove()\n toFocus.focus()\n })\n }\n })\n }\n remove(url)\n })\n // in 100ms (to give time for everything else to load), find all the external links and add give them\n // the external link look and behavior (force them to open in a new tab)\n setTimeout(function () {\n const content = document.getElementById('content')\n if (!content) return\n const links = content.querySelectorAll(\n `a[href*=\"//\"]:not([href*=\"${window.location.hostname}\"])`\n ) // technique for finding \"external\" links copied from https://davidwalsh.name/external-links-css\n for (let i = 0; i < links.length; i++) {\n const $link = $(links[i])\n // don't mess with the ones that were already processed in enhanceUserContent\n if ($link.hasClass('external')) continue\n const $linkToReplace = $link\n .not('.open_in_a_new_tab')\n .not(':has(img)')\n .not('.not_external')\n .not('.exclude_external_icon')\n if ($linkToReplace.length) {\n const indicatorText = I18n.t('titles.external_link', 'Links to an external site.')\n const $linkIndicator = $('').attr(\n 'title',\n indicatorText\n )\n $linkIndicator.append($('').text(indicatorText))\n $linkToReplace\n .addClass('external')\n .children('span.ui-icon-extlink')\n .remove()\n .end()\n .html('' + $link.html() + '')\n .attr('target', '_blank')\n .attr('rel', 'noreferrer noopener')\n .append($linkIndicator)\n }\n }\n }, 100)\n})\n","/*\n * Copyright (C) 2018 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see