diff --git a/src/renderer/assets/cider-icons/stop.svg b/src/renderer/assets/cider-icons/stop.svg new file mode 100644 index 00000000..b7f1e3d1 --- /dev/null +++ b/src/renderer/assets/cider-icons/stop.svg @@ -0,0 +1,45 @@ + + + + diff --git a/src/renderer/less/elements.less b/src/renderer/less/elements.less index 8759fc93..f5e1b5b9 100644 --- a/src/renderer/less/elements.less +++ b/src/renderer/less/elements.less @@ -1590,6 +1590,12 @@ input[type=checkbox][switch]:checked:active::before { background-image: url("./assets/repeatOne.svg"); } +.playback-button.stop { + background-image: url('./assets/cider-icons/stop.svg'); + background-size: 38px; + background-position: center; +} + .playback-button.pause { background-image: url('./assets/cider-icons/pause.svg'); background-size: 38px; @@ -1613,6 +1619,15 @@ input[type=checkbox][switch]:checked:active::before { background-size: 60%; background-position: center; } +.playback-button.disabled { + opacity: 0.25 !important; + pointer-events: none; + transform: none !important; + &:hover{ + background-color: transparent !important; + transform: none !important; + } +} .playback-button { &.navigation { diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js index e131594a..d1a2168d 100644 --- a/src/renderer/main/vueapp.js +++ b/src/renderer/main/vueapp.js @@ -658,6 +658,7 @@ const app = new Vue({ } this.mk._bag.features['seamless-audio-transitions'] = this.cfg.audio.seamless_audio + this.mk._bag.features["broadcast-radio"] = true this.mk._services.apiManager.store.storekit._restrictedEnabled = false // API Fallback if (!this.chrome.userinfo) { @@ -1801,6 +1802,12 @@ const app = new Vue({ app.skipToPreviousItem() } }, + isDisabled() { + if(!app.mk.nowPlayingItem || app.mk.nowPlayingItem.attributes.playParams.kind == 'radioStation' || app.mk.queue._position + 1 == app.mk.queue.length) { + return true; + } + return false; + }, async getNowPlayingItemDetailed(target) { try { let u = await app.mkapi(app.mk.nowPlayingItem.playParams.kind, diff --git a/src/renderer/views/app/chrome-bottom.ejs b/src/renderer/views/app/chrome-bottom.ejs index 733b73e7..ec7c1dc4 100644 --- a/src/renderer/views/app/chrome-bottom.ejs +++ b/src/renderer/views/app/chrome-bottom.ejs @@ -66,14 +66,16 @@ -
- +
-
-
diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs index 67335268..471bdbee 100644 --- a/src/renderer/views/app/chrome-top.ejs +++ b/src/renderer/views/app/chrome-top.ejs @@ -47,13 +47,15 @@ :title="$root.getLz('term.previous')" v-b-tooltip.hover>
- +
-
diff --git a/src/renderer/views/components/mediaitem-square.ejs b/src/renderer/views/components/mediaitem-square.ejs index 4c230d20..64dde269 100644 --- a/src/renderer/views/components/mediaitem-square.ejs +++ b/src/renderer/views/components/mediaitem-square.ejs @@ -98,7 +98,7 @@ async mounted() { await this.getBadges() if (typeof this.item.attributes.playParams == "object") { - if (this.item.attributes.playParams.kind.includes("radioStation") && (this.item.attributes.playParams.streamingKind == 1 || this.item.attributes.playParams.streamingKind == 2)) { + if (this.item.attributes.playParams.kind.includes("radioStation") && (this.item.attributes.playParams.streamingKind == 1)) { this.unavailable = true } } else {