SWAMPy

✎ CARVE FLESH

EDITING: MultipleChoiceToggle.js

//
// Copyright (C) 2012 - 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 htmlEscape from 'html-escape'
import EditorToggle from '@canvas/editor-toggle'
import {send} from '@canvas/rce/RceCommandShim'
import _inherits from '@babel/runtime/helpers/esm/inheritsLoose'

_inherits(MultipleChoiceToggle, EditorToggle)
// #
// Toggles a multiple choice quiz answer between an editor and an element

// #
// @param {jQuery} @editButton - the edit button to trigger the toggle
// @param {Object} options - options for EditorToggle
// @api public
export default function MultipleChoiceToggle(editButton, options) {
  this.editButton = editButton
  this.cacheElements()

return EditorToggle.call(this, this.answer.find('.answer_html'), options) || this
}

Object.assign(MultipleChoiceToggle.prototype, {
  // #
  // Finds all the relevant elements from the perspective of the edit button
  // that toggles the element between itself and an editor
  // @api private
  cacheElements() {
    this.answer = this.editButton.parents('.answer')
    this.answerText = this.answer.find('input[name=answer_text]')
    this.answerText.hide()
    return (this.input = this.answer.find('input[name=answer_html]'))
  },

// #
  // Extends EditorToggle::display to @toggleIfEmpty and sets the hidden
  // input's value to the content from the editor
  // @api public
  display() {
    EditorToggle.prototype.display.apply(this, arguments)
    this.toggleIfEmpty()
    this.input.val(this.content)
    if (this.content === '') return this.answerText.val('')
  },

// #
  // Extends EditorToggle::edit to always hide the original input
  // in case it was shown because the editor content was empty
  // @api public
  edit() {
    EditorToggle.prototype.edit.apply(this, arguments)
    this.answerText.hide()
    if (this.content === '') {
      return send(this.textArea, 'set_code', htmlEscape(this.answerText.val()))
    } else {
      return send(this.textArea, 'set_code', this.content)
    }
  },

// #
  // Shows the original <input type=text> that the editor replaces and hides
  // the HTML display element, also sets @input value to '' so the quizzes.js
  // hooks don't think its an html answer
  // @api public
  showAnswerText() {
    this.answerText.show()
    this.el.hide()
    return this.input.val('')
  },

// #
  // Shows the HTML element and hides the origina input
  // @api public
  showEl() {
    this.answerText.hide()
    return this.el.show()
  },

// #
  // If the editor has no content, it will show the original input
  // @api public
  toggleIfEmpty() {
    if (this.isEmpty()) {
      return this.showAnswerText()
    } else {
      return this.showEl()
    }
  },

// #
  // Determines if the editor has any content
  // @returns {Boolean}
  // @api private
  isEmpty() {
    return $.trim(this.content) === ''
  },
})

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 calcCmd.js	JS	21.8 KB	2023-09-24 03:36	EDIT
📄 MultipleChoiceToggle.js	JS	3.4 KB	2023-09-24 03:36	EDIT
📄 quiz_labels.js	JS	1.3 KB	2023-09-24 03:36	EDIT
📄 quizzes.js	JS	177.4 KB	2023-09-24 03:39	EDIT
📄 supercalc.js	JS	7.4 KB	2023-09-24 03:36	EDIT