From 37710a9ccb80ad3e16b28013c894417156ec551e Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Fri, 17 Jan 2025 13:02:49 +0100
Subject: [PATCH] feat(ui): Non discrete, no-split button only option for
 playbutton

---
 front/src/components/audio/PlayButton.vue | 31 ++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/front/src/components/audio/PlayButton.vue b/front/src/components/audio/PlayButton.vue
index 256e9cf9e..ff68f33ba 100644
--- a/front/src/components/audio/PlayButton.vue
+++ b/front/src/components/audio/PlayButton.vue
@@ -111,7 +111,10 @@ const isOpen = ref(false)
 </script>
 
 <template>
-  <Popover v-if="!discrete && !iconOnly" v-model:open="isOpen">
+  <Popover
+    v-if="!discrete && !iconOnly && dropdownOnly"
+    v-model:open="isOpen"
+  >
     <OptionsButton
       v-if="dropdownOnly"
       @click="isOpen = !isOpen"
@@ -230,4 +233,30 @@ const isOpen = ref(false)
       </PopoverItem>
     </template>
   </Popover>
+  <Button
+    v-else
+    v-bind="{
+      disabled: !playable,
+      primary: playable,
+    }"
+    :aria-label="labels.replacePlay"
+    :class="[...buttonClasses]"
+    :isloading="isLoading"
+    @click.stop.prevent="replacePlay()"
+  >
+      <i
+        v-if="playing"
+        class="bi bi-pause-fill"
+      />
+      <i
+        v-else
+        :class="[playIconClass, 'icon']"
+      />
+      <template v-if="!discrete && !iconOnly">
+        &nbsp;
+        <slot>
+          {{ t('components.audio.PlayButton.button.discretePlay') }}
+        </slot>
+      </template>
+  </Button>
 </template>