SWAMPy

✎ CARVE FLESH

EDITING: index.js

/*
 * Copyright (C) 2023 - 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 {extend} from '@canvas/backbone/utils'
import {useScope as useI18nScope} from '@canvas/i18n'
import $ from 'jquery'
import _ from 'underscore'
import Backbone from '@canvas/backbone'
import 'jqueryui/dialog'

const I18n = useI18nScope('dialog')

extend(DialogBaseView, Backbone.View)

// # A Backbone View to extend for creating a jQuery dialog.
// #
// # Define options for the dialog as an object using the dialogOptions key,
// # those options will be merged with the defaultOptions object.
// # Begin with id and title options.
function DialogBaseView() {
  this.cancel = this.cancel.bind(this)
  return DialogBaseView.__super__.constructor.apply(this, arguments)
}

DialogBaseView.prototype.initialize = function () {
  DialogBaseView.__super__.initialize.apply(this, arguments)
  this.initDialog()
  return this.setElement(this.dialog)
}

DialogBaseView.prototype.defaultOptions = function () {
  return {
    // # id:
    // # title:
    autoOpen: false,
    width: 420,
    resizable: false,
    buttons: [],
    destroy: false,
  }
}

DialogBaseView.prototype.initDialog = function () {
  const opts = _.extend(
    {},
    this.defaultOptions(),
    {
      buttons: [
        {
          text: I18n.t('#buttons.cancel', 'Cancel'),
          class: 'cancel_button',
          click: (function (_this) {
            return function (e) {
              return _this.cancel(e)
            }
          })(this),
        },
        {
          text: I18n.t('#buttons.update', 'Update'),
          class: 'btn-primary',
          click: (function (_this) {
            return function (e) {
              return _this.update(e)
            }
          })(this),
        },
      ],
    },
    _.result(this, 'dialogOptions')
  )
  this.dialog = $('<div id="' + opts.id + '"></div>')
    .appendTo('body')
    .dialog(opts)
  if (opts.containerId) {
    this.dialog.parent().attr('id', opts.containerId)
  }
  $('.ui-resizable-handle').attr('aria-hidden', true)
  return this.dialog
}

// # Sample
// #
// # render: ->
// #   @$el.html someTemplate()
// #   this

DialogBaseView.prototype.show = function () {
  return this.dialog.dialog('open')
}

DialogBaseView.prototype.close = function () {
  if (this.options.destroy) {
    return this.dialog.dialog('destroy')
  } else {
    return this.dialog.dialog('close')
  }
}

DialogBaseView.prototype.update = function (_e) {
  // eslint-disable-next-line no-throw-literal
  throw 'Not yet implemented'
}

DialogBaseView.prototype.cancel = function (e) {
  e.preventDefault()
  return this.close()
}

export default DialogBaseView

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 index.js	JS	3.2 KB	2023-09-24 03:36	EDIT
📄 package.json	JSON	126 B	2023-09-24 03:36	EDIT