smoosic/src/ui/menus/partSelection.ts

<sub>[Github site](https://github.com/Smoosic/smoosic) | [source documentation](https://smoosic.github.io/Smoosic/release/docs/modules.html) | [change notes](https://aarondavidnewman.github.io/Smoosic/changes.html) | [application](https://smoosic.github.i

import { SuiMenuBase, SuiMenuParams, MenuChoiceDefinition, MenuDefinition } from './menu';
import { SmoPartInfo } from '../../smo/data/partInfo';
declare var $: any;

/**
 * This is the menu that is always visible on the UI ribbon
 * @category SuiMenu
 */
export class SuiPartSelectionMenu extends SuiMenuBase {
  partMap: { keys: number[], partMap: Record<number, SmoPartInfo> } = { keys: [], partMap: {} };
  constructor(params: SuiMenuParams) {
    super(params);
  }
  static defaults: MenuDefinition = {
    label: 'Parts',
    menuItems: [
       {
        icon: '',
        text: 'Cancel',
        value: 'cancel'
      }
    ]
  };
  getDefinition() {
    return SuiPartSelectionMenu.defaults;
  }
  selectPart(val: number) {
    if (val < 0) {
      this.view.viewAll();
      this.complete();
      return;
    }
    const partInfo = this.partMap.partMap[val];
    this.view.exposePart(this.view.storeScore.staves[partInfo.associatedStaff]);
    this.complete();
  }  
  preAttach() {
    const defs: MenuChoiceDefinition[] = [];
    this.partMap = this.view.getPartMap();
    if (this.view.score.staves.length < this.view.storeScore.staves.length) {
      defs.push({
        icon: '',
        text: 'View All',
        value: '-1'
      });
    }
    this.partMap.keys.forEach((key) => {
      defs.push({
        icon: '',
        text: this.partMap.partMap[key].partName,
        value: key.toString()
      });
    });
    defs.push({
      icon: '',
      text: 'Cancel',
      value: 'cancel'
    });
    this.menuItems = defs;
  }

  async selection(ev: any) {
    const op: string = $(ev.currentTarget).attr('data-value');
    const choice = parseInt(op);
    if (isNaN(choice)) {
      this.complete(); // cancel
    }
    this.selectPart(choice);
  }
  keydown() { }
}