SWAMPy

✎ CARVE FLESH

EDITING: index.js

/*
 * Copyright (C) 2011 - 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 $ from 'jquery'
import React, {Suspense} from 'react'
import ReactDOM from 'react-dom'
import NavigationView from './backbone/views/NavigationView'
import ErrorBoundary from '@canvas/error-boundary'
import {Spinner} from '@instructure/ui-spinner'
import {Text} from '@instructure/ui-text'
import CourseColorSelector from './react/components/CourseColorSelector'
import CourseImageSelector from './react/components/CourseImageSelector'
import configureStore from './react/store/configureStore'
import initialState from './react/store/initialState'
import './jquery/index'
import '@canvas/grading-standards'
import FeatureFlags from '@canvas/feature-flags'
import {useScope as useI18nScope} from '@canvas/i18n'
import ready from '@instructure/ready'
import QuantitativeDataOptions from './react/components/QuantitativeDataOptions'

const I18n = useI18nScope('course_settings')

const BlueprintLockOptions = React.lazy(() => import('./react/components/BlueprintLockOptions'))
const CourseTemplateDetails = React.lazy(() => import('./react/components/CourseTemplateDetails'))
const CourseAvailabilityOptions = React.lazy(() =>
  import('./react/components/CourseAvailabilityOptions')
)
const Integrations = React.lazy(() => import('@canvas/integrations/react/courses/Integrations'))

const Loading = () => <Spinner size="x-small" renderTitle={I18n.t('Loading')} />
const Error = () => (
  <div className="bcs_check-box">
    <Text color="danger">{I18n.t('Unable to load this control')}</Text>
  </div>
)

ready(() => {
  const blueprint = document.getElementById('blueprint_menu')
  if (blueprint) {
    ReactDOM.render(
      <Suspense fallback={<Loading />}>
        <ErrorBoundary errorComponent={<Error />}>
          <BlueprintLockOptions
            isMasterCourse={ENV.IS_MASTER_COURSE}
            disabledMessage={ENV.DISABLED_BLUEPRINT_MESSAGE}
            generalRestrictions={ENV.BLUEPRINT_RESTRICTIONS}
            useRestrictionsbyType={ENV.USE_BLUEPRINT_RESTRICTIONS_BY_OBJECT_TYPE}
            restrictionsByType={ENV.BLUEPRINT_RESTRICTIONS_BY_OBJECT_TYPE}
          />
        </ErrorBoundary>
      </Suspense>,
      blueprint
    )
  }

const courseTemplate = document.getElementById('course_template_details')
  if (courseTemplate) {
    const isEditable = courseTemplate.getAttribute('data-is-editable') === 'true'
    ReactDOM.render(
      <Suspense fallback={<Loading />}>
        <ErrorBoundary errorComponent={<Error />}>
          <CourseTemplateDetails isEditable={isEditable} />
        </ErrorBoundary>
      </Suspense>,
      courseTemplate
    )
  }

const navView = new NavigationView({el: $('#tab-navigation')})

if (document.getElementById('tab-features')) {
    ReactDOM.render(
      <FeatureFlags disableDefaults={true} />,
      document.getElementById('tab-features')
    )
  }

$(() => navView.render())

ReactDOM.render(
    <CourseImageSelector
      store={configureStore(initialState)}
      courseId={ENV.COURSE_ID}
      setting="image"
    />,
    $('.CourseImageSelector__Container')[0]
  )

const bannerImageContainer = document.getElementById('course_banner_image_selector_container')
  if (bannerImageContainer) {
    ReactDOM.render(
      <CourseImageSelector
        store={configureStore(initialState)}
        courseId={ENV.COURSE_ID}
        setting="banner_image"
        wide={true}
      />,
      bannerImageContainer
    )
  }

const availabilityOptionsContainer = document.getElementById('availability_options_container')
  if (availabilityOptionsContainer) {
    ReactDOM.render(
      <Suspense fallback={<Loading />}>
        <CourseAvailabilityOptions
          canManage={ENV.PERMISSIONS.edit_course_availability}
          viewPastLocked={ENV.RESTRICT_STUDENT_PAST_VIEW_LOCKED}
          viewFutureLocked={ENV.RESTRICT_STUDENT_FUTURE_VIEW_LOCKED}
        />
      </Suspense>,
      availabilityOptionsContainer
    )
  }

const restrictQuantitativeDataContainer = document.getElementById(
    'restrict_quantitative_data_options_container'
  )
  if (restrictQuantitativeDataContainer) {
    ReactDOM.render(
      <Suspense fallback={<Loading />}>
        <QuantitativeDataOptions
          canManage={ENV.PERMISSIONS.edit_course_availability}
          restrictQuantitativeData={ENV.RESTRICT_QUANTITATIVE_DATA}
        />
      </Suspense>,
      restrictQuantitativeDataContainer
    )
  }

if (ENV.COURSE_COLORS_ENABLED) {
    const courseColorPickerContainer = document.getElementById('course_color_picker_container')
    if (courseColorPickerContainer) {
      ReactDOM.render(
        <CourseColorSelector courseColor={ENV.COURSE_COLOR} />,
        courseColorPickerContainer
      )
    }
  }

const integrationsContainer = document.getElementById('tab-integrations')
  if (integrationsContainer) {
    ReactDOM.render(
      <Suspense fallback={<Loading />}>
        <Integrations />
      </Suspense>,
      integrationsContainer
    )
  }
})

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 backbone/	DIR	—	2023-09-24 03:36
📁 jquery/	DIR	—	2023-09-24 03:39
📁 react/	DIR	—	2023-09-24 03:39
📄 index.js	JS	5.5 KB	2023-09-24 03:39	EDIT
📄 package.json	JSON	89 B	2023-09-24 03:36	EDIT