SWAMPy

✎ CARVE FLESH

EDITING: moveMultipleQuestionBanks.js

/*
 * Copyright (C) 2016 - 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 $ from 'jquery'
import moveQuestionTemplate from '../jst/move_question.handlebars'
import htmlEscape from 'html-escape'
import loadBanks from './loadBanks'
import '@canvas/jquery/jquery.ajaxJSON'
import '@canvas/forms/jquery/jquery.instructure_forms' /* formSubmit, getFormData, formErrors */
import 'jqueryui/dialog'
import '@canvas/jquery/jquery.instructure_misc_helpers' /* replaceTags */
import '@canvas/jquery/jquery.instructure_misc_plugins' /* confirmDelete, showIf, .dim */
import '@canvas/keycodes' /* keycodes */
import '@canvas/loading-image' /* loadingImage */
import '@canvas/util/templateData'

const I18n = useI18nScope('question_bank')
/* fillTemplateData, getTemplateData */

const moveQuestions = {
  elements: {
    $dialog: () => $('#move_question_dialog'),
    $questions: () => $('#move_question_dialog .questions'),
    $loadMessage: $('<li />').append(htmlEscape(I18n.t('load_questions', 'Loading Questions...'))),
  },
  messages: {
    move_copy_questions: I18n.t('title.move_copy_questions', 'Move/Copy Questions'),
    move_questions: I18n.t('move_questions', 'Move Questions'),
    multiple_questions: I18n.t('multiple_questions', 'Multiple Questions'),
  },
  page: 1,
  addEvents() {
    $('.move_questions_link').bind('click.moveQuestions', $.proxy(this.onClick, this))
    return this
  },
  onClick(e) {
    e.preventDefault()
    this.prepDialog()
    this.showDialog()
    this.loadData()
    this.elements.$dialog().parent().find('.ui-dialog-titlebar-close')[0].focus()
  },
  prepDialog() {
    this.elements.$dialog().find('.question_text').hide()
    this.elements.$questions().show()
    this.elements.$questions().find('.list_question:not(.blank)').remove()
    this.elements.$dialog().find('.question_name').text(this.messages.multiple_questions)
    this.elements.$dialog().find('.copy_option').hide().find(':checkbox').attr('checked', false)
    this.elements.$dialog().find('.submit_button').text(this.messages.move_questions)
    this.elements.$dialog().find('.multiple_questions').val('1')
    this.elements.$dialog().data('question', null)
  },
  showDialog() {
    if (!this.elements.$dialog().hasClass('loaded')) {
      loadBanks(this.elements.$dialog())
    } else {
      this.elements.$dialog().find('li message').hide()
    }

this.elements.$dialog().dialog({
      title: this.messages.move_copy_questions,
      width: 600,
    })
  },
  loadData() {
    this.elements.$questions().append(this.elements.$loadMessage)
    $.ajaxJSON(
      window.location.href + '/questions?page=' + this.page,
      'GET',
      {},
      $.proxy(this.onData, this)
    )
  },
  onData(data) {
    const html = moveQuestionTemplate(data)
    this.elements.$loadMessage.remove()
    this.elements.$questions().append(html)
    if (this.page < data.pages) {
      this.elements.$questions().append(this.elements.$loadMessage)
      this.page += 1
      this.loadData()
    } else {
      this.page = 1
    }
  },
}

export default moveQuestions

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 addBank.js	JS	2 KB	2023-09-24 03:36	EDIT
📄 index.js	JS	13.9 KB	2023-09-24 03:39	EDIT
📄 loadBanks.js	JS	1.9 KB	2023-09-24 03:36	EDIT
📄 moveMultipleQuestionBanks.js	JS	3.7 KB	2023-09-24 03:36	EDIT