Commit 0ba0a25b authored by Yassine Doghri's avatar Yassine Doghri
Browse files

fix(audio-player): set player icons to default instead of missing Castopod's

parent c21864ee

app/Helpers/components_helper.php

+1 −2
Original line number Diff line number Diff line
@@ -352,7 +352,6 @@ if (! function_exists('audio_player')) { 
                id="castopod-vm-player"

                theme="light"

                language="{$language}"

                icons="castopod-icons"

                class="{$class} relative z-0"

                style="--vm-player-box-shadow:0; --vm-player-theme: hsl(var(--color-accent-base)); --vm-control-focus-color: hsl(var(--color-accent-contrast)); --vm-control-spacing: 4px; --vm-menu-item-focus-bg: hsl(var(--color-background-highlight));"

            >
@@ -360,7 +359,7 @@ if (! function_exists('audio_player')) { 
                    <source src="{$source}" type="{$mediaType}" />

                </vm-audio>

                <vm-ui>

                    <vm-icon-library name="castopod-icons"></vm-icon-library>

                    <vm-icon-library></vm-icon-library>

                    <vm-controls full-width>

                        <vm-playback-control></vm-playback-control>

                        <vm-volume-control></vm-volume-control>

app/Resources/js/admin-audio-player.ts

+0 −8
Original line number Diff line number Diff line
@@ -36,14 +36,6 @@ import "@vime/core/themes/default.css"; 
import "@vime/core/themes/light.css";

import "./modules/play-episode-button";



// Register Castopod's icons library

const library: HTMLVmIconLibraryElement | null = document.querySelector(

  'vm-icon-library[name="castopod-icons"]'

);

if (library) {

  library.resolver = (iconName) => `/assets/icons/${iconName}.svg`;

}



// Vime elements for audio player

customElements.define("vm-player", VmPlayer);

customElements.define("vm-file", VmFile);

app/Resources/js/audio-player.ts

+1 −10
Original line number Diff line number Diff line
@@ -62,7 +62,6 @@ const player = html`<div 
    id="castopod-vm-player"

    theme="light"

    language="en"

    icons="castopod-icons"

    class="flex-1"

    style="--vm-player-box-shadow:0; --vm-player-theme: hsl(var(--color-accent-base)); --vm-control-focus-color: hsl(var(--color-accent-contrast)); --vm-menu-item-focus-bg: hsl(var(--color-background-highlight));"

  >
@@ -70,7 +69,7 @@ const player = html`<div 
      <source src="" type="" />

    </vm-audio>

    <vm-ui>

      <vm-icon-library name="castopod-icons"></vm-icon-library>

      <vm-icon-library></vm-icon-library>

      <vm-controls full-width>

        <vm-playback-control></vm-playback-control>

        <vm-volume-control></vm-volume-control>
@@ -86,14 +85,6 @@ const player = html`<div 


render(player, document.body);



// Register Castopod's icons library

const library: HTMLVmIconLibraryElement | null = document.querySelector(

  'vm-icon-library[name="castopod-icons"]'

);

if (library) {

  library.resolver = (iconName) => `/assets/icons/${iconName}.svg`;

}



// Vime elements for audio player

customElements.define("vm-player", VmPlayer);

customElements.define("vm-file", VmFile);

app/Resources/js/embed.ts

+0 −8
Original line number Diff line number Diff line
@@ -35,14 +35,6 @@ import { 
import "@vime/core/themes/default.css";

import "@vime/core/themes/light.css";



// Register Castopod's icons library

const library: HTMLVmIconLibraryElement | null = document.querySelector(

  'vm-icon-library[name="castopod-icons"]'

);

if (library) {

  library.resolver = (iconName) => `/assets/icons/${iconName}.svg`;

}



// Vime elements for audio player

customElements.define("vm-player", VmPlayer);

customElements.define("vm-file", VmFile);

themes/cp_app/embed.php

+1 −2
Original line number Diff line number Diff line
@@ -40,7 +40,6 @@ 
                id="castopod-vm-player"

                theme="<?= str_starts_with($theme, 'dark') ? 'dark' : 'light' ?>"

                language="<?= service('request')->getLocale() ?>"

                icons="castopod-icons"

                class="w-full mt-auto"

                style="--vm-player-box-shadow:0; --vm-player-theme: hsl(var(--color-accent-base)); --vm-control-focus-color: hsl(var(--color-accent-contrast)); --vm-control-spacing: 4px; --vm-menu-item-focus-bg: hsl(var(--color-background-highlight)); --vm-control-icon-size: 24px; <?= str_ends_with($theme, 'transparent') ? '--vm-controls-bg: transparent;' : '' ?>"

            >
@@ -55,7 +54,7 @@ 
                <source src="<?= $source ?>" type="<?= $episode->audio->file_mimetype ?>" />

            </vm-audio>

            <vm-ui>

                <vm-icon-library name="castopod-icons"></vm-icon-library>

                <vm-icon-library></vm-icon-library>

                <vm-controls full-width>

                    <vm-playback-control></vm-playback-control>

                    <vm-volume-control></vm-volume-control>