light9 Changeset - 2ce77421c0b7

Changeset - 2ce77421c0b7

Parent rev.

Child rev.

[Not reviewed]

default

0 1 0

drewp@bigasterisk.com - 8 months ago 2024-06-03 23:35:49
drewp@bigasterisk.com

put a big time display on ascoltami

1 file changed with 7 insertions and 0 deletions:

web/ascoltami/Light9AscoltamiUi.ts

0 comments (0 inline, 0 general)

web/ascoltami/Light9AscoltamiUi.ts

➞

Show inline comments

@@ @@ -60,24 +60,28 @@ export class Light9AscoltamiUi extends L @@
       #mainRow {
         display: flex;
         flex-direction: row;
+      }
       light9-song-listing {
         flex-grow: 1;
+      }
       th {
         text-align: right;
+      }
 #bigTime {
     color: green;
     font-size: 60pt;
+}
     `,
   ];
   constructor() {
     super();
     getTopGraph().then((g) => {
       this.graph = g;
       this.graph.runHandler(this.updatePlayState.bind(this), "playstate-ui");
     });
     setInterval(this.updateT.bind(this), 100);
+  }
@@ @@ -109,30 +113,33 @@ export class Light9AscoltamiUi extends L @@
       this.playerTime = this.playerState.pausedSongTime;
     } else {
       this.playerTime = 0;
+    }
+  }
   render() {
     return html`
       <h1>ascoltami on ${this.host}</h1>
       <span><rdfdb-synced-graph></rdfdb-synced-graph></span>
       <div id="mainRow">
           <div>
         <light9-song-listing
           @selectsong=${(ev: any) => {
             this.selectedSong = ev.detail.song;
           }}
           .selectedSong=${this.selectedSong}
         ></light9-song-listing>
           <div id="bigTime">t=${this.playerTime.toFixed(1)}</div>
           </div>
         <div>
           <light9-ascoltami-timeline .playerState=${this.playerState} .playerTime=${this.playerTime}></light9-ascoltami-timeline>
           <div>
             <button ?disabled=${this.selectedSong == null} @click=${this.onLoadSelected}>Change to and play selected <span class="keyCap">l</span></button>
             <button ?disabled=${false} @click=${this.onCmdZero}>Seek to zero <span class="keyCap">z</span></button>
             <button ?disabled=${this.playerState.playing || this.playerState.song == null} @click=${this.onCmdPlay}>Play <span class="keyCap">p</span></button>
             <button ?disabled=${!this.playerState.playing} @click=${this.onCmdStop}>Stop <span class="keyCap">s</span></button>
             <button ?disabled=${true} @click=${this.onCmdGo}>Go <span class="keyCap">g</span></button>
           </div>
           ${this.renderPlayerStateTable()}
         </div>
       </div>

0 comments (0 inline, 0 general)