-
-
Notifications
You must be signed in to change notification settings - Fork 14
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add Podcast show #28
Add Podcast show #28
Conversation
Tresor-ilunga
commented
Oct 12, 2023
- Add Podcast show
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Dans le controller du podcast la method show te montre quelle variable a été envoyé à la vue, utilisé cette variable pour afficher les informations sur la page détails, les informations doivent venir de l'entité Épisode
</div> | ||
<div class=""> | ||
<h1 class="font-semibold text-xl text-fg-heading1"> | ||
E32. Raïssa Mandeng. Comment développer sa communauté (WTM Douala) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Il faut mettre le titre qui vient de la base de donnée {{ data.name }}
<div class="flex items-center gap-x-1.5 text-sm"> | ||
<span>10min de lecture</span> | ||
<span class="w-1 h-1 rounded-full bg-fg"></span> | ||
<span>12, Avril, 2023</span> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
La date de la base de donnée
</h1> | ||
<div class="flex gap-x-2 items-center flex-1 mt-3 justify-between text-fg"> | ||
<div class="flex items-center gap-x-1.5 text-sm"> | ||
<span>10min de lecture</span> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
La durée de la base de donnée
<p> | ||
Dans ce podcast, nous explorons les différentes façons dont les individus et les communautés | ||
peuvent avoir un impact positif sur le monde qui les entoure. | ||
</p> | ||
<p> | ||
Notre invitée de cette semaine est Raïssa, une femme passionnée de technologie et de développement | ||
communautaire. En tant que responsable de la communauté Woman Tech Maker à Douala, Raïssa | ||
travaille sans relâche pour encourager et soutenir les femmes dans leur parcours de carrière dans | ||
l'industrie de la technologie. | ||
</p> | ||
<p> | ||
Dans ce podcast, nous explorons les différentes façons dont les individus et les communautés | ||
peuvent avoir un impact positif sur le monde qui les entoure. | ||
</p> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ici c'est la description de la base de donnée aussi
D'accord
|
<div class="flex items-center gap-x-1.5 text-sm"> | ||
<span>{{ data.duration }}</span> | ||
<span class="w-1 h-1 rounded-full bg-fg"></span> | ||
<span>{{ data.createdAt }}</span> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
C'est une date {{ data.created | date }}
<h2 class="text-lg text-fg-heading1 font-semibold">Informations</h2> | ||
<div class="mt-4 content-detail podcast-content-detail"> | ||
<p> | ||
{{ data.content }} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Le contenu est écrit en markdown {{ data.content | markdown_to_html }}
<div class="px-4 lg:px-5 xl:px-8"> | ||
<div class="flex flex-col gap-10 sm:flex-row mt-6 md:mt-0 mb-10"> | ||
<div class="sm:w-40 md:w-48 lg:w-56 sm:min-w-[10rem] md:min-w-[12rem] lg:min-w-[14]"> | ||
<img src="https://devscast.tech/uploads/thumbnails/podcasts/comment-developper-sa-communaute-wtm-douala.png" alt="podcast cover" class="w-full aspect-square object-cover rounded-md"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Récupère l'image du podcast, comme sur la page index
<div class="px-4 lg:px-5 xl:px-8"> | ||
<div class="flex flex-col gap-10 sm:flex-row mt-6 md:mt-0 mb-10"> | ||
<div class="sm:w-40 md:w-48 lg:w-56 sm:min-w-[10rem] md:min-w-[12rem] lg:min-w-[14]"> | ||
<img src="{{ data.thumbnail.name ? vich_uploader_asset(this.episode, 'thumbnail_file') : asset('/images/cover.jpg') }}" alt="podcast cover" class="w-full aspect-square object-cover rounded-md"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this.episode
n'est pas définit ici, c'est plutôt data
qu'il faut utiliser