TypeScript dialog.modal函数代码示例

  [BEAKER_TAG_RUN]: (msg) => {
    if (!msg.content.data.state || !msg.content.data.state.runByTag) {
      return;
    }

    const notebook = Jupyter.notebook;
    const cells = Jupyter.notebook.get_cells();
    const indexList = cells.reduce((acc, cell, index) => {
      if (cell._metadata.tags && cell._metadata.tags.includes(msg.content.data.state.runByTag)) {
        acc.push(index);
      }

      return acc;
    }, []);

    if (indexList.length === 0) {
      dialog.modal({
        title: 'No cell with the tag !',
        body: 'Tag: ' + msg.content.data.state.runByTag,
        buttons: {'OK': {'class': 'btn-primary'}},
        notebook: Jupyter.notebook,
        keyboard_manager: Jupyter.keyboard_manager,
      });
    } else {
      notebook.execute_cells(indexList);
    }
  }

function showErrorDialog(errorMsg) {
  dialog.modal({
    title : 'Gist publication error',
    body : `Uploading gist failed: ${errorMsg}`,
    buttons: {
      'OK': {
        'class' : 'btn-primary'
      }
    }
  });
}

function handleUntrustedKernelInitCells(cells, options) {
  if (!Jupyter.notebook.trusted && !options.run_untrusted && cells.length) {
    dialog.modal({
      title : 'Initialization cells in untrusted notebook',
      body : 'This notebook is not trusted, so initialization cells will not be automatically run on kernel load. You can still run them manually, though.',
      buttons: {'OK': {'class' : 'btn-primary'}},
      notebook: Jupyter.notebook,
      keyboard_manager: Jupyter.keyboard_manager,
    });
  }
}

  create(submitCallback, personalAccessToken = ''): Promise<any> {
    const modalContent = this.createModalContent();
    const personalAccessTokenInput = modalContent.querySelector('input');
    const form = modalContent.querySelector('form');
    const formGroup = modalContent.querySelector('.form-group');
    const errorNode = this.createErrorIconNode();

    const submitHandler = (event) => {
      const personalAccessToken = personalAccessTokenInput ? personalAccessTokenInput.value : '';

      event.preventDefault();

      if (!personalAccessToken || !personalAccessTokenInput.checkValidity()) {
        personalAccessTokenInput.focus();
        formGroup.classList.add('has-error');
        formGroup.appendChild(errorNode);

        return false;
      }

      submitCallback(personalAccessToken);
      formGroup.contains(errorNode) && formGroup.removeChild(errorNode);
      formGroup.classList.remove('has-error');
      this.storePersonalAccessToken(personalAccessToken);
      modal.modal('hide');
    };

    if (personalAccessTokenInput && form) {
      personalAccessTokenInput.value = personalAccessToken;
    }

    const modal = dialog.modal({
      keyboard_manager: Jupyter.notebook.keyboard_manager,
      title : 'Publish to a GitHub Gist',
      body : modalContent,
      default_button: 'Publish',
      buttons: {
        'Publish': {
          'class' : 'btn-primary',
          'click': submitHandler
        },
        'Cancel': {}
      }
    });

    if (form) {
      form.onsubmit = submitHandler
    }
  }