Changeset - 758ce4dfbd2f
[Not reviewed]
default
0 3 0
drewp@bigasterisk.com - 3 years ago 2022-06-02 19:21:46
drewp@bigasterisk.com
asco layout
3 files changed with 15 insertions and 9 deletions:
0 comments (0 inline, 0 general)
light9/ascoltami/index.html
Show inline comments
 
@@ -11,6 +11,7 @@
 
        padding-left: 0.4em;
 
      }
 
    </style>
 
    <meta name="viewport" content="user-scalable=no, width=500, initial-scale=1">
 
  </head>
 
  <body>
 
    <h1>ascoltami on {{host}}</h1>
 
@@ -19,16 +20,22 @@
 
    <div class="dimStalled">
 
      <table>
 
        <tr>
 
          <td colspan="3"><strong>Song:</strong> <span id="currentSong"></span></td>
 
          <td colspan="3">
 
            <strong>Song:</strong> <span id="currentSong"></span>
 
          </td>
 
        </tr>
 
        <tr>
 
          <td><strong>Time:</strong> <span id="currentTime"></span></td>
 
          <td><strong>Left:</strong> <span id="leftTime"></span></td>
 
          <td><strong>Until autostop:</strong> <span id="leftAutoStopTime"></span></td>
 
          <td>
 
            <strong>Until autostop:</strong> <span id="leftAutoStopTime"></span>
 
          </td>
 
        </tr>
 
        <tr>
 
          <td colspan="3">
 
            <strong>Update freq:</strong> requested <span id="updateReq"></span>, actual <span id="updateActual"></span> <strong>States:</strong>
 
            <strong>Update freq:</strong> requested
 
            <span id="updateReq"></span>, actual
 
            <span id="updateActual"></span> <strong>States:</strong>
 
            <span id="states"></span>
 
          </td>
 
        </tr>
light9/ascoltami/main.ts
Show inline comments
 
@@ -79,7 +79,7 @@ async function onLoad() {
 
      button.click();
 
    });
 
    button.appendChild(link);
 
    button.dataset.uri = song;
 
    button.dataset.uri = song.uri;
 
    button.addEventListener("click", async (ev) => {
 
      await fetch("api/song", { method: "POST", body: song.uri });
 
      showCurrentSong(song.uri);
light9/web/style.css
Show inline comments
 
@@ -37,13 +37,13 @@ input[type="text"] {
 
}
 

	
 
.songs {
 
  column-width: 15em;
 
  column-width: 17em;
 
}
 

	
 
.songs button {
 
  display: inline-block;
 
  width: 15em;
 
  height: 50px;
 
  width: 100%;
 
  min-height: 50px;
 
  text-align: left;
 
  background: black;
 
  color: white;
 
@@ -52,7 +52,6 @@ input[type="text"] {
 
  font-weight: bold;
 
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
 
    1px 1px 0 #000;
 
  white-space: nowrap;
 
}
 

	
 
button a {
 
@@ -111,11 +110,11 @@ div.keys {
 
  font-size: 27px;
 
  color: rgb(233, 122, 122);
 
  display: inline-block;
 
  padding: 10px;
 
  font-size: 200% !important;
 
  font-weight: bold;
 
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
 
    1px 1px 0 #000;
 
  float: left;
 
}
 

	
 
.dropTarget {
0 comments (0 inline, 0 general)