Commit d5f22fbb authored by Yassine Doghri's avatar Yassine Doghri
Browse files

revert: use basic input file for episodes audio files instead of button for better UX 

replace platform visible checkbox with switch
parent 7661734e

app/Language/en/Episode.php

+2 −1
Original line number Diff line number Diff line
@@ -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',

app/Language/fr/Episode.php

+2 −1
Original line number Diff line number Diff line
@@ -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',

app/Views/_assets/admin.ts

+0 −2
Original line number Diff line number Diff line 
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();

app/Views/_assets/modules/EnclosureInput.ts

deleted100644 → 0
+0 −24
Original line number Diff line number Diff line 
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;

app/Views/_assets/styles/enclosureInput.css

deleted100644 → 0
+0 −16
Original line number Diff line number Diff line 
.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;

}