packages/line-ending-selector/lib/selector.js - master - githubmirror/atom

packages/line-ending-selector/lib/selector.js

77 строк2 KB

Amin Yahyaabadi

Line ending selector refactor (#20542)

25 янв 2021, 19:10

25 янв 2021, 19:107f38e3f

'use babel';

import SelectListView from 'atom-select-list';

import { TextEditor } from 'atom';
import { setLineEnding } from './main';

export class Selector {
  lineEndingListView;
  modalPanel;
  previousActivePane;

  // Make a selector object (should be called once)
  constructor(selectorItems) {
    // Defining a SelectListView with methods - https://github.com/atom/atom-select-list
    this.lineEndingListView = new SelectListView({
      // an array containing the objects you want to show in the select list
      items: selectorItems,

      // called whenever an item needs to be displayed.
      elementForItem: lineEnding => {
        const element = document.createElement('li');
        element.textContent = lineEnding.name;
        return element;
      },

      // called to retrieve a string property on each item and that will be used to filter them.
      filterKeyForItem: lineEnding => {
        return lineEnding.name;
      },

      // called when the user clicks or presses Enter on an item. // use `=>` for `this`
      didConfirmSelection: lineEnding => {
        const editor = atom.workspace.getActiveTextEditor();
        if (editor instanceof TextEditor) {
          setLineEnding(editor, lineEnding.value);
        }
        this.hide();
      },

      // called when the user presses Esc or the list loses focus. // use `=>` for `this`
      didCancelSelection: () => {
        this.hide();
      }
    });

    // Adding SelectListView to panel
    this.modalPanel = atom.workspace.addModalPanel({
      item: this.lineEndingListView
    });
  }

  // Show a selector object
  show() {
    this.previousActivePane = atom.workspace.getActivePane();

    // Show selector
    this.lineEndingListView.reset();
    this.modalPanel.show();
    this.lineEndingListView.focus();
  }

  // Hide a selector
  hide() {
    // hide modal panel
    this.modalPanel.hide();
    // focus on the previous active pane
    this.previousActivePane.activate();
  }

  // Dispose selector
  dispose() {
    this.lineEndingListView.destroy();
    this.modalPanel.destroy();
    this.modalPanel = null;
  }
}