Changeset - 9a4bc2ea264e
[Not reviewed]
default
0 2 0
drewp@bigasterisk.com - 8 months ago 2024-05-17 20:25:46
drewp@bigasterisk.com
ui tweaks and link fix
2 files changed with 13 insertions and 12 deletions:
0 comments (0 inline, 0 general)
web/fade/Light9Fader.ts
Show inline comments
 
@@ -21,10 +21,12 @@ export class Light9Fader extends LitElem
 
      }
 
      #handle {
 
        background: gray;
 
        border: 5px gray outset;
 
        border: 3px outset #838499;
 
        position: relative;
 
        left: 0;
 
        left: 0px;
 
        right: -25px;
 
        border-radius: 4px;
 
        margin: 0 1px;
 
      }
 
    `,
 
  ];
 
@@ -34,7 +36,7 @@ export class Light9Fader extends LitElem
 
  @query("#handle") handleEl!: HTMLElement;
 

	
 
  troughHeight = 80 - 2 - 2 - 5 - 5;
 
  handleHeight = 10;
 
  handleHeight = 16;
 

	
 
  drag?: Drag;
 
  unmutedValue: number = 1;
 
@@ -46,11 +48,10 @@ export class Light9Fader extends LitElem
 
  protected update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {
 
    super.update(changedProperties);
 
    if (changedProperties.has("value")) {
 
      
 
    }
 
  }
 
  valueChangedFromUi() {
 
    this.value= clamp(this.value, 0, 1)
 
    this.value = clamp(this.value, 0, 1);
 
    this.dispatchEvent(new CustomEvent("change", { detail: { value: this.value } }));
 
  }
 

	
 
@@ -80,7 +81,7 @@ export class Light9Fader extends LitElem
 
      ev.stopPropagation();
 
      if (ev.buttons == 1) {
 
        this.value = this.sliderValue(ev.offsetY);
 
        this.valueChangedFromUi()
 
        this.valueChangedFromUi();
 
        this.drag = new Drag(ev.clientY, this.value);
 
      } else if (ev.buttons == 2) {
 
        // RMB in trough
 
@@ -94,8 +95,8 @@ export class Light9Fader extends LitElem
 

	
 
    this.addEventListener("wheel", (ev: WheelEvent) => {
 
      ev.preventDefault();
 
      this.value += ev.deltaY / this.troughHeight * -.05;
 
      this.valueChangedFromUi()
 
      this.value += (ev.deltaY / this.troughHeight) * -0.03;
 
      this.valueChangedFromUi();
 
    });
 

	
 
    const maybeDrag = (ev: MouseEvent) => {
 
@@ -121,12 +122,12 @@ export class Light9Fader extends LitElem
 
      // unmute
 
      this.value = this.unmutedValue;
 
    }
 
    this.valueChangedFromUi()
 
    this.valueChangedFromUi();
 
  }
 
  onMouseDrag(dy: number) {
 
    if (this.drag === undefined) throw "unexpected";
 
    this.value = this.drag.startDragValue - dy / this.troughHeight;
 
    this.valueChangedFromUi()
 
    this.valueChangedFromUi();
 
  }
 

	
 
  onMouseUpAnywhere() {
 
@@ -134,7 +135,7 @@ export class Light9Fader extends LitElem
 
  }
 

	
 
  sliderTopY(value: number): number {
 
    const usableY = this.troughHeight - this.handleHeight;
 
    const usableY = this.troughHeight - this.handleHeight / 2 - 1;
 
    const yAdj = this.handleHeight / 2 - 5 - 2;
 
    return (1 - value) * usableY + yAdj;
 
  }
web/metrics/ServiceButtonRow.ts
Show inline comments
 
@@ -61,6 +61,6 @@ export class ServiceButtonRow extends Li
 
  }
 

	
 
  click() {
 
    window.open(this.name + "/", "_blank", "scrollbars=1,resizable=1,titlebar=0,location=0");
 
    window.open("/" + this.name + "/", "_blank", "scrollbars=1,resizable=1,titlebar=0,location=0");
 
  }
 
}
0 comments (0 inline, 0 general)