smoosic/src/ui/dialogs/volta.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

// [Smoosic](https://github.com/AaronDavidNewman/Smoosic)
// Copyright (c) Aaron David Newman 2021.
import { DialogDefinition,SuiDialogParams } from './dialog';
import { SuiScoreViewOperations } from '../../render/sui/scoreViewOperations';
import { SvgBox } from '../../smo/data/common';
import { SmoVolta } from '../../smo/data/measureModifiers';
import { SuiComponentAdapter, SuiDialogAdapterBase } from './adapter';
import { PromiseHelpers } from '../../common/promiseHelpers';

export type SmoVoltaNumberParam = 'startBar' | 'endBar' | 'xOffsetStart' | 'xOffsetEnd' | 'yOffset' | 'number';

/**
 * aka 2nd ending
 * @category SuiDialog
 */
export class SuiVoltaAdapter extends SuiComponentAdapter {
  volta: SmoVolta;
  backup: SmoVolta;
  changed: boolean = false;
  constructor(view: SuiScoreViewOperations, volta: SmoVolta) {
    super(view);
    this.volta = volta;
    this.backup = new SmoVolta(this.volta);    
  }
  async remove() {
    await this.view.removeEnding(this.volta);
  }
  async cancel() {
    if (this.changed) {
      await this.view.updateEnding(this.backup);
    }
  }
  async commit() {
    return PromiseHelpers.emptyPromise();
  }
  updateVolta(param: SmoVoltaNumberParam, value: number) {
    this.volta[param] = value;
    this.view.updateEnding(this.volta);
    this.changed = true;
  }
  get startBar() {
    return this.volta.startBar;
  }
  set startBar(val: number) {
    this.updateVolta('startBar', val);
  }
  get endBar() {
    return this.volta.endBar;
  }
  set endBar(val: number) {
    this.updateVolta('endBar', val);
  }
  get xOffsetStart() {
    return this.volta.xOffsetStart;
  }
  set xOffsetStart(val: number) {
    this.updateVolta('xOffsetStart', val);
  }
  get xOffsetEnd() {
    return this.volta.xOffsetEnd;
  }
  set xOffsetEnd(val: number) {
    this.updateVolta('xOffsetEnd', val);
  }
  get yOffset() {
    return this.volta.yOffset;
  }
  set yOffset(val: number) {
    this.updateVolta('yOffset', val);
  }
  get number() {
    return this.volta.number;
  }
  set number(val: number) {
    this.updateVolta('number', val);
  }
}     
/**
 * aka second ending
 * @category SuiDialog
 */
export class SuiVoltaAttributeDialog extends SuiDialogAdapterBase<SuiVoltaAdapter> {

  static dialogElements: DialogDefinition =
      {
        label: 'Volta Properties', elements:
          [{
            smoName: 'number',
            defaultValue: 1,
            control: 'SuiRockerComponent',
            label: 'number'
          }, {
            smoName: 'xOffsetStart',
            defaultValue: 0,
            control: 'SuiRockerComponent',
            label: 'X1 Offset'
          }, {
            smoName: 'xOffsetEnd',
            defaultValue: 0,
            control: 'SuiRockerComponent',
            label: 'X2 Offset'
          }, {
            smoName: 'yOffset',
            defaultValue: 0,
            control: 'SuiRockerComponent',
            label: 'Y Offset'
          }],
          staticText: []
      };
  static createAndDisplay(parameters: SuiDialogParams) {
    if (parameters.modifier.logicalBox === null) {
      return null;
    }
    const dg = new SuiVoltaAttributeDialog(parameters);
    dg.display();
    return dg;
  }
  constructor(parameters: SuiDialogParams) {
    const adapter = new SuiVoltaAdapter(parameters.view, parameters.modifier)
    super(SuiVoltaAttributeDialog.dialogElements, { adapter, ...parameters });
    this.displayOptions = ['BINDCOMPONENTS', 'DRAGGABLE', 'KEYBOARD_CAPTURE', 'MODIFIERPOS'];
  }
}