cipherguard-mad/component/confirm.js

Cipherguard javascript application library for the open source password manager for teams

/**
 * Cipherguard ~ Open source password manager for teams
 * Copyright (c) KhulnaSoft Ltd (https://www.khulnasoft.com)
 *
 * Licensed under GNU Affero General Public License version 3 of the or any later version.
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) KhulnaSoft Ltd (https://www.khulnasoft.com)
 * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
 * @link          https://www.khulnasoft.com KhulnaSoft(tm)
 */
import $ from 'jquery';
import DialogComponent from './dialog';
import ConfirmView from '../view/component/confirm';
import HtmlHelper from '../helper/html';
// eslint-disable-next-line no-unused-vars
import I18n from '../util/lang/i18n';
import template from '../view/template/component/confirm/confirm.stache!';

const Confirm = DialogComponent.extend('mad.component.Confirm', /** @static */ {

  defaults: {
    label: 'Confirm component',
    viewClass: ConfirmView,
    template: template,
    subtitle: null,
    submitButton: {
      label: __('OK'),
      cssClasses: [
        /*
         * Extra css classes.
         * Will be added to button, primary, js-dialog-confirm
         */
      ]
    },
    content: 'default content',
    closeAfterAction: true,
    action: null,
    viewData: {}
  },

  /**
   * Instantiate a new confirm dialog.
   *
   * @param {Object} [options] option values for the component.  These get added to
   * this.options and merged with defaults static variable
   * @return {Confirm}
   */
  instantiate: function(options) {
    // Create the DOM entry point for the dialog
    let refElt = $('body');
    let position = 'first';

    // If a dialog already exist, position the new one right after.
    const $existingDialog = $('.dialog-wrapper:last');
    if ($existingDialog.length) {
      refElt = $existingDialog;
      position = 'after';
    }

    // Insert the element in the page DOM.
    const $el = HtmlHelper.create(refElt, position, '<div/>');

    return new Confirm($el[0], options);
  }

}, /** @prototype */ {

  /**
   * @inheritdoc
   */
  beforeRender: function() {
    this._super();
    this.setViewData('content', this.options.content);
    this.setViewData('subtitle', this.options.subtitle);
    this.setViewData('submitButton', this.options.submitButton);
    this.setViewData('cancelButton', this.options.cancelButton);
  },

  /**
   * confirm_clicked event
   * thrown when the user has clicked on confirm.
   */
  '{element} confirm_clicked': function() {
    if (typeof this.options.action !== 'undefined') {
      this.options.action();
    }
    if (this.options.closeAfterAction === true) {
      Confirm.closeLatest();
    }
  }
});

export default Confirm;