light9 Changeset - b39f6c363163

Changeset - b39f6c363163

Parent rev.

Child rev.

[Not reviewed]

default

0 1 0

drewp@bigasterisk.com - 20 months ago 2023-05-18 00:27:16
drewp@bigasterisk.com

reformat

1 file changed with 20 insertions and 50 deletions:

light9/ascoltami/Light9AscoltamiUi.ts

0 comments (0 inline, 0 general)

light9/ascoltami/Light9AscoltamiUi.ts

➞

Show inline comments

@@ @@ -66,10 +66,8 @@ export class Light9AscoltamiUi extends L @@
         height: 100%;
+      }
       #grow {
         flex: 1 1 auto;
         display: flex;
+      }
       #grow > span {
         display: flex;
@@ @@ -82,7 +80,10 @@ export class Light9AscoltamiUi extends L @@
       #songList {
         overflow-y: scroll;
         position: absolute;
         left:0;top:0;right:0;bottom:0;
         left: 0;
         top: 0;
         right: 0;
         bottom: 0;
+      }
       #songList .row {
         width: 60%;
@@ @@ -90,8 +91,12 @@ export class Light9AscoltamiUi extends L @@
         text-align: left;
         position: relative;
+      }
       #songList .row:nth-child(even) {background: #333;}
       #songList .row:nth-child(odd) {background: #444;}
       #songList .row:nth-child(even) {
         background: #333;
+      }
       #songList .row:nth-child(odd) {
         background: #444;
+      }
       #songList button {
         min-height: 40px;
         margin-bottom: 10px;
@@ @@ -130,62 +135,33 @@ export class Light9AscoltamiUi extends L @@
+                    `
                   )}
                 </table>
               </div>
         </span><span>
           </div> </span
         ><span>
         <div id="right">
       <div>
         Selected:
         <resource-display .uri=${this.selectedSong}></resource-display>
       </div>
       <div>
         <button id="playSelected"
           ?disabled=${this.selectedSong === null}
           @click=${this.onPlaySelected}
+        >
           Play selected from start
         </button>
               <button id="playSelected" ?disabled=${this.selectedSong === null} @click=${this.onPlaySelected}>Play selected from start</button>
       </div>
       </div>
         </span>
       </div>
       <div class="timeRow">
         <div id="timeSlider"></div>
         <light9-timeline-audio
           id="overview"
           .show=${this.show}
           .song=${this.song}
           .zoom=${this.overviewZoom}
+        >
         </light9-timeline-audio>
         <light9-timeline-audio
           id="zoomed"
           .show=${this.show}
           .song=${this.song}
           .zoom=${this.zoom}
         ></light9-timeline-audio>
         <light9-cursor-canvas
           id="cursor"
           .viewState=${this.viewState}
         ></light9-cursor-canvas>
         <light9-timeline-audio id="overview" .show=${this.show} .song=${this.song} .zoom=${this.overviewZoom}> </light9-timeline-audio>
         <light9-timeline-audio id="zoomed" .show=${this.show} .song=${this.song} .zoom=${this.zoom}></light9-timeline-audio>
         <light9-cursor-canvas id="cursor" .viewState=${this.viewState}></light9-cursor-canvas>
       </div>
       <div class="commands">
         <button
           id="cmd-stop"
           @click=${this.onCmdStop}
           class="playMode ${classMap({ active: !this.isPlaying })}"
+        >
         <button id="cmd-stop" @click=${this.onCmdStop} class="playMode ${classMap({ active: !this.isPlaying })}">
           <strong>Stop</strong>
           <div class="key">s</div>
         </button>
         <button
           id="cmd-play"
           @click=${this.onCmdPlay}
           class="playMode ${classMap({ active: this.isPlaying })}"
+        >
         <button id="cmd-play" @click=${this.onCmdPlay} class="playMode ${classMap({ active: this.isPlaying })}">
           <strong>Play</strong>
           <div class="key">p</div>
         </button>
@@ @@ -283,11 +259,7 @@ export class Light9AscoltamiUi extends L @@
+    }
     byId("updateReq").innerText = "" + updateFreq;
     (window as any).finishOldStyleSetup(
       this.times,
       updateFreq,
       this.onOldStyleUpdate.bind(this)
     );
     (window as any).finishOldStyleSetup(this.times, updateFreq, this.onOldStyleUpdate.bind(this));
+  }
   onOldStyleUpdate(data: TimingUpdate) {
@@ @@ -299,9 +271,7 @@ export class Light9AscoltamiUi extends L @@
     const t1 = data.t - 2,
       t2 = data.t + 20;
     this.zoom = { duration: data.duration, t1, t2 };
     const timeRow = this.shadowRoot!.querySelector(
       ".timeRow"
     ) as HTMLDivElement;
     const timeRow = this.shadowRoot!.querySelector(".timeRow") as HTMLDivElement;
     const w = timeRow.offsetWidth;
     this.viewState = {
       zoomSpec: { t1: () => t1, t2: () => t2 },

0 comments (0 inline, 0 general)