SWAMPy

✎ CARVE FLESH

EDITING: markBrokenImages.js

//
// Copyright (C) 2017 - present Instructure, Inc.
//
// This file is part of Canvas.
//
// Canvas is free software: you can redistribute it and/or modify it under
// the terms of the GNU Affero General Public License as published by the Free
// Software Foundation, version 3 of the License.
//
// Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
// WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
// A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
// details.
//
// You should have received a copy of the GNU Affero General Public License along
// with this program. If not, see <http://www.gnu.org/licenses/>.

import {useScope as useI18nScope} from '@canvas/i18n'
import ready from '@instructure/ready'

const I18n = useI18nScope('broken_images')

export function attachErrorHandler(imgEl) {
  imgEl.addEventListener('error', e => {
    const img = e.currentTarget
    const broken = () => img.classList.add('broken-image')
    if (img.src) {
      // eslint-disable-next-line promise/catch-or-return
      fetch(img.src).then(res => {
        if (res.status === 403) {
          // if 403 Forbidden, replace the image with a lock image
          img.src = '/images/svg-icons/icon_lock.svg'
          img.alt = I18n.t('Locked image')
          img.width = 100
          img.height = 100
        } else {
          // in all other cases just add the broken-image class
          broken()
        }
      }, broken)
    } else {
      broken()
    }
  })
}

export function getImagesAndAttach() {
  Array.from(document.querySelectorAll('img:not([src=""])')).forEach(attachErrorHandler)
}

// this behavior will set up all broken images on the page with an error handler that
// can apply the broken-image class if there is an error loading the image.
ready(getImagesAndAttach)

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 __tests__/	DIR	—	2023-09-24 03:36
📁 jst/	DIR	—	2023-09-24 03:36
📄 activateCourseMenuToggler.js	JS	1.2 KB	2023-09-24 03:36	EDIT
📄 activateElementToggler.js	JS	5.7 KB	2023-09-24 03:36	EDIT
📄 activateKeyClicks.js	JS	1.4 KB	2023-09-24 03:36	EDIT
📄 activateLtiThumbnailLauncher.js	JS	1.4 KB	2023-09-24 03:36	EDIT
📄 activateReminderControls.js	JS	3.1 KB	2023-09-24 03:36	EDIT
📄 activateTooltips.js	JS	6.2 KB	2023-09-24 03:36	EDIT
📄 addBrowserClasses.js	JS	2 KB	2023-09-24 03:36	EDIT
📄 ajax_errors.js	JS	5.2 KB	2023-09-24 03:36	EDIT
📄 configureDateTime.js	JS	2.9 KB	2023-09-24 03:36	EDIT
📄 configureDateTimeMomentParser.js	JS	2.8 KB	2023-09-24 03:36	EDIT
📄 enableDTNPI.ts	TS	2.3 KB	2023-09-24 03:39	EDIT
📄 enableDTNPI.utils.ts	TS	3.2 KB	2023-09-24 03:39	EDIT
📄 enableHelpDialog.js	JS	6.4 KB	2023-09-24 03:36	EDIT
📄 enhanceUserContent.js	JS	889 B	2023-09-24 03:36	EDIT
📄 expandAdminLinkMenusOnClick.js	JS	1.4 KB	2023-09-24 03:36	EDIT
📄 fakeRequireJSFallback.js	JS	2.8 KB	2023-09-24 03:36	EDIT
📄 forwardExternalContentReady.js	JS	1.9 KB	2023-09-24 03:36	EDIT
📄 initSentry.ts	TS	2.1 KB	2023-09-24 03:36	EDIT
📄 injectAuthTokenIntoForms.js	JS	1.4 KB	2023-09-24 03:36	EDIT
📄 loadInlineMediaComments.js	JS	3.7 KB	2023-09-24 03:36	EDIT
📄 markBrokenImages.js	JS	1.8 KB	2023-09-24 03:36	EDIT
📄 ping.js	JS	938 B	2023-09-24 03:36	EDIT
📄 renderRailsFlashNotifications.js	JS	1.2 KB	2023-09-24 03:36	EDIT
📄 runOnEveryPageButDontBlockAnythingElse.js	JS	2.2 KB	2023-09-24 03:39	EDIT
📄 sanitizeCSSOverflow.js	JS	1.8 KB	2023-09-24 03:36	EDIT
📄 setupCSP.js	JS	2.1 KB	2023-09-24 03:36	EDIT
📄 setWebpackCdnHost.js	JS	1.5 KB	2023-09-24 03:36	EDIT
📄 showBadgeCounts.js	JS	1020 B	2023-09-24 03:36	EDIT
📄 toggleICSuperToggleWidgetsOnEnterKeyEvent.js	JS	974 B	2023-09-24 03:36	EDIT
📄 trackPageViews.js	JS	3.3 KB	2023-09-24 03:39	EDIT
📄 ujsLinks.js	JS	3.6 KB	2023-09-24 03:36	EDIT
📄 warnOnIncompleteRegistration.js	JS	1.3 KB	2023-09-24 03:36	EDIT