light9 Changeset - 83135b0c8bba

Changeset - 83135b0c8bba

Parent rev.

Child rev.

[Not reviewed]

default

0 1 0

drewp@bigasterisk.com - 20 months ago 2023-06-03 21:51:06
drewp@bigasterisk.com

sort faders in a page by column

1 file changed with 10 insertions and 6 deletions:

light9/fade/Light9FadeUi.ts

0 comments (0 inline, 0 general)

light9/fade/Light9FadeUi.ts

➞

Show inline comments

@@ @@ -7,18 +7,22 @@ import { Patch } from "../web/patch"; @@
 import { getTopGraph } from "../web/RdfdbSyncedGraph";
 import { showRoot } from "../web/show_specific";
 import { SyncedGraph } from "../web/SyncedGraph";
 export { EditChoice } from "../web/EditChoice";
 export { Light9EffectFader } from "./Light9EffectFader";
 debug.enable("*,autodep");
+debug.enable("*,-autodep");
 const log = debug("fade");
 class FaderConfig {
 constructor(public uri: NamedNode,public column: number){}
+}
 class FadePage {
   constructor(public uri: NamedNode) {}
-  faders: NamedNode[] = [];
+  faders: FaderConfig[] = [];
+}
 class FadePages {
   pages: FadePage[] = [];
+}
 @customElement("light9-fade-ui")
@@ @@ -53,13 +57,13 @@ export class Light9FadeUi extends LitEle @@
           Page
           <resource-display rename .uri=${page.uri}></resource-display>
           ${mappedToHw ? html`mapped to hardware sliders` : html`
           <button @click=${(ev: Event) => this.mapThisToHw(page.uri)}>Map this to hw</button>
           `}
         </legend>
         ${page.faders.map((fd) => html` <light9-effect-fader .uri=${fd}></light9-effect-fader> `)}
+        ${page.faders.map((fd) => html` <light9-effect-fader .uri=${fd.uri}></light9-effect-fader> `)}
       </fieldset>
     </div>`;
+  }
   graph!: SyncedGraph;
   ctx: NamedNode = new NamedNode(showRoot + "/fade");
@@ @@ -83,17 +87,17 @@ export class Light9FadeUi extends LitEle @@
     this.fadePages = undefined;
     const fadePages = new FadePages();
     for (let page of this.graph.subjects(U("rdf:type"), U(":FadePage"))) {
       const fp = new FadePage(page as NamedNode);
       try {
         for (let fader of this.graph.objects(page, U(":fader"))) {
           fp.faders.push(fader as NamedNode);
           const colLit = this.graph.stringValue(fader, U(':column'))
           fp.faders.push(new FaderConfig(fader as NamedNode, parseFloat(colLit)));
+        }
         fp.faders.sort((a, b) => {
           // todo this is supposed to sort by :column so you can reorder
           return a.value.localeCompare(b.value);
           return a.column-(b.column);
         });
         fadePages.pages.push(fp);
       } catch (e) {}
+    }
     fadePages.pages.sort((a, b) => {
       return a.uri.value.localeCompare(b.uri.value);

0 comments (0 inline, 0 general)