diff --git a/app/Language/en/Episode.php b/app/Language/en/Episode.php index d6a01ac2..d2a294c2 100644 --- a/app/Language/en/Episode.php +++ b/app/Language/en/Episode.php @@ -23,7 +23,8 @@ return [ 'go_to_page' => 'Go to page', 'create' => 'Add an episode', 'form' => [ - 'enclosure' => 'Choose an .mp3 or .m4a audio file…', + 'enclosure' => 'Audio file', + 'enclosure_hint' => 'Choose an .mp3 or .m4a audio file.', 'info_section_title' => 'Episode info', 'info_section_subtitle' => '', 'image' => 'Cover image', diff --git a/app/Language/fr/Episode.php b/app/Language/fr/Episode.php index 9815d253..1471e307 100644 --- a/app/Language/fr/Episode.php +++ b/app/Language/fr/Episode.php @@ -23,7 +23,8 @@ return [ 'go_to_page' => 'Voir', 'create' => 'Ajouter un épisode', 'form' => [ - 'enclosure' => 'Sélectionnez un fichier audio .mp3 ou .m4a…', + 'enclosure' => 'Fichier audio', + 'enclosure_hint' => 'Sélectionnez un fichier audio .mp3 ou .m4a.', 'info_section_title' => 'Informations épisode', 'info_section_subtitle' => '', 'image' => 'Image de couverture', diff --git a/app/Views/_assets/admin.ts b/app/Views/_assets/admin.ts index 7967215c..4adc1b5b 100644 --- a/app/Views/_assets/admin.ts +++ b/app/Views/_assets/admin.ts @@ -1,5 +1,4 @@ import Dropdown from "./modules/Dropdown"; -import EnclosureInput from "./modules/EnclosureInput"; import MarkdownEditor from "./modules/MarkdownEditor"; import MultiSelect from "./modules/MultiSelect"; import SidebarToggler from "./modules/SidebarToggler"; @@ -12,4 +11,3 @@ MarkdownEditor(); MultiSelect(); Slugify(); SidebarToggler(); -EnclosureInput(); diff --git a/app/Views/_assets/modules/EnclosureInput.ts b/app/Views/_assets/modules/EnclosureInput.ts deleted file mode 100644 index ef6b95e1..00000000 --- a/app/Views/_assets/modules/EnclosureInput.ts +++ /dev/null @@ -1,24 +0,0 @@ -const EnclosureInput = (): void => { - const enclosureInput = document.querySelector( - ".form-enclosure-input" - ) as HTMLInputElement; - - if (enclosureInput) { - const label = enclosureInput?.nextElementSibling?.querySelector( - "span" - ) as HTMLSpanElement; - const labelVal = label.innerHTML; - - enclosureInput.addEventListener("change", (e: Event) => { - const fileName = (e.target as HTMLInputElement).value.split("\\").pop(); - - if (fileName) { - label.innerHTML = fileName; - } else { - label.innerHTML = labelVal; - } - }); - } -}; - -export default EnclosureInput; diff --git a/app/Views/_assets/styles/enclosureInput.css b/app/Views/_assets/styles/enclosureInput.css deleted file mode 100644 index 44ea5329..00000000 --- a/app/Views/_assets/styles/enclosureInput.css +++ /dev/null @@ -1,16 +0,0 @@ -.form-enclosure-input { - @apply absolute w-0 h-0 opacity-0; -} - -.form-enclosure-input + label { - @apply inline-flex items-center justify-center w-full py-2 text-lg font-semibold text-green-600 bg-white border-2 border-green-500 rounded-lg shadow cursor-pointer; -} - -.form-enclosure-input:focus + label, -.form-enclosure-input + label:hover { - @apply text-green-700 border-green-700 shadow-md; -} - -.form-enclosure-input:focus + label { - @apply shadow-outline; -} diff --git a/app/Views/_assets/styles/index.css b/app/Views/_assets/styles/index.css index 7398d818..f7737f4f 100644 --- a/app/Views/_assets/styles/index.css +++ b/app/Views/_assets/styles/index.css @@ -4,5 +4,4 @@ @import "./multiSelect.css"; @import "./radioBtn.css"; @import "./switch.css"; -@import "./enclosureInput.css"; @import "./charts.css"; diff --git a/app/Views/admin/episode/create.php b/app/Views/admin/episode/create.php index e983158e..8f3b5a2f 100644 --- a/app/Views/admin/episode/create.php +++ b/app/Views/admin/episode/create.php @@ -17,24 +17,26 @@ ]) ?> = csrf_field() ?> -