light9 Changeset - 9a4bc2ea264e

Changeset - 9a4bc2ea264e

Parent rev.

Child rev.

[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 15 insertions and 14 deletions:

web/fade/Light9Fader.ts

web/metrics/ServiceButtonRow.ts

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

@@ @@ -5,7 +5,7 @@ export { StatsLine } from "./StatsLine"; @@
 @customElement("service-button-row")
 export class ServiceButtonRow extends LitElement {
   @property() name: string = "?";
   @property({ type:Boolean, attribute: "metrics" }) hasMetrics: boolean = false;
+  @property({ type: Boolean, attribute: "metrics" }) hasMetrics: boolean = false;
   static styles = [
     css`
       :host {
@@ @@ -57,10 +57,10 @@ export class ServiceButtonRow extends Li @@
       </div>
       ${this.hasMetrics ? html`<div id="stats"><stats-line name="${this.name}"></div>` : ""}
-      `;
     `;
+  }
   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)