Communicate current title if the player is compatible

api/sources.go

@@ -17,6 +17,7 @@ type SourceState struct {
 	Enabled      bool   `json:"enabled"`
 	Active       *bool  `json:"active,omitempty"`
 	Controlable  bool   `json:"controlable,omitempty"`
+	CurrentTitle string `json:"currentTitle,omitempty"`
 }
 
 func declareSourcesRoutes(cfg *config.Config, router *gin.RouterGroup) {
@@ -27,11 +28,17 @@ func declareSourcesRoutes(cfg *config.Config, router *gin.RouterGroup) {
 			active := src.IsActive()
 			_, controlable := src.(inputs.ControlableInput)
 
+			var title string
+			if s, ok := src.(sources.PlayingSource); ok && active {
+				title = s.CurrentlyPlaying()
+			}
+
 			ret[k] = &SourceState{
 				Name:         src.GetName(),
 				Enabled:      src.IsEnabled(),
 				Active:       &active,
 				Controlable:  controlable,
+				CurrentTitle: title,
 			}
 		}
 
@@ -45,11 +52,19 @@ func declareSourcesRoutes(cfg *config.Config, router *gin.RouterGroup) {
 		src := c.MustGet("source").(sources.SoundSource)
 
 		active := src.IsActive()
+		_, controlable := src.(inputs.ControlableInput)
+
+		var title string
+		if s, ok := src.(sources.PlayingSource); ok && active {
+			title = s.CurrentlyPlaying()
+		}
 
 		c.JSON(http.StatusOK, &SourceState{
 			Name:         src.GetName(),
 			Enabled:      src.IsEnabled(),
 			Active:       &active,
+			Controlable:  controlable,
+			CurrentTitle: title,
 		})
 	})
 	sourcesRoutes.GET("/settings", func(c *gin.Context) {

api/volume.go

@@ -4,7 +4,6 @@ import (
 	"bufio"
 	"flag"
 	"fmt"
-	"log"
 	"net/http"
 	"os/exec"
 	"strconv"
@@ -285,7 +284,6 @@ func (cc *CardControl) CsetAmixer(values ...string) error {
 		fmt.Sprintf("numid=%d", cc.NumID),
 	}
 	opts = append(opts, strings.Join(values, ","))
-	log.Println(opts)
 	cmd := exec.Command("amixer", opts...)
 
 	if err := cmd.Start(); err != nil {

ui/src/lib/components/Applications.svelte

@@ -4,16 +4,12 @@
 
 <ul class="list-group list-group-flush">
     {#each $activeSources as source}
-        <li class="list-group-item py-3 d-flex justify-content-between">
+        <li class="list-group-item py-3 d-flex justify-content-between align-items-center">
             <div>
                 <strong>{source.name}</strong>
-                {#await source.currently()}
+                {#if source.currentTitle}
-                    <div class="spinner-border spinner-border-sm" role="status">
+                    <span class="text-muted">{source.currentTitle}</span>
-                        <span class="visually-hidden">Loading...</span>
+                {/if}
-                    </div>
-                {:then title}
-                    <span class="text-muted">{title}</span>
-                {/await}
             </div>
             {#if source.controlable}
                 <div>

ui/src/lib/source.js

@@ -6,11 +6,12 @@ export class Source {
     }
   }
 
-  update({ name, enabled, active, controlable }) {
+  update({ name, enabled, active, controlable, currentTitle }) {
     this.name = name;
     this.enabled = enabled;
     this.active = active;
     this.controlable = controlable;
+    this.currentTitle = currentTitle;
   }
 
   async activate() {

ui/src/routes/+page.svelte

@@ -24,15 +24,11 @@
                 <div class="d-inline-block me-3">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
-                            {#await source.currently()}
+                            {#if source.currentTitle}
-                                <div class="spinner-border spinner-border-sm" role="status">
+                                <strong>{source.currentTitle}</strong> <span class="text-muted">@ {source.name}</span>
-                                    <span class="visually-hidden">Loading...</span>
+                            {:else}
-                                </div> <span class="text-muted">@ {source.name}</span>
-                            {:then title}
-                                <strong>{title}</strong> <span class="text-muted">@ {source.name}</span>
-                            {:catch error}
                                 {source.name} activée
-                            {/await}
+                            {/if}
                         </div>
                     </div>
                 </div>