Changeset - 2ce77421c0b7
[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 9 insertions and 2 deletions:
0 comments (0 inline, 0 general)
web/ascoltami/Light9AscoltamiUi.ts
Show inline comments
 
@@ -66,12 +66,16 @@ export class Light9AscoltamiUi extends L
 
        flex-grow: 1;
 
      }
 

	
 
      th {
 
        text-align: right;
 
      }
 
#bigTime {
 
    color: green;
 
    font-size: 60pt;
 
}
 
    `,
 
  ];
 

	
 
  constructor() {
 
    super();
 
    getTopGraph().then((g) => {
 
@@ -114,19 +118,22 @@ export class Light9AscoltamiUi extends L
 

	
 
  render() {
 
    return html`
 
      <h1>ascoltami on ${this.host}</h1>
 

	
 
      <span><rdfdb-synced-graph></rdfdb-synced-graph></span>
 
      <div id="mainRow">
 
          <div id="mainRow">
 
          <div>
 
        <light9-song-listing
 
          @selectsong=${(ev: any) => {
 
            this.selectedSong = ev.detail.song;
 
          }}
 
          .selectedSong=${this.selectedSong}
 
        ></light9-song-listing>
 
          ></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>
0 comments (0 inline, 0 general)