* Slightly improve the media experience - Use a grid to display the list of media - Add icons for non-image media preview - Paginate the gallery - Add links to the gallery in the editor and in the profile settings to make it more discoverable when you need it Fixes #432 * Allow video and audio tags in SafeString Otherwise we can't display their preview, nor show them in articles Also show controls by default for these two elements * Show fallback images for audio and unknown files, to make them more visible * Add a new constructor to SafeString when the input is trusted and doesn't need to be escaped. And use it to generate media previews. * Make it possible to insert video/audio in articles
		
			
				
	
	
		
			43 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			43 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| @use templates::{base, partials::post_card};
 | |
| @use template_utils::*;
 | |
| @use plume_models::blogs::Blog;
 | |
| @use plume_models::posts::Post;
 | |
| @use routes::*;
 | |
| 
 | |
| @(ctx: BaseContext, blogs: Vec<Blog>, drafts: Vec<Post>)
 | |
| 
 | |
| @:base(ctx, i18n!(ctx.1, "Your Dashboard"), {}, {}, {
 | |
|     <h1>@i18n!(ctx.1, "Your Dashboard")</h1>
 | |
| 
 | |
|     <section>
 | |
|         <h2>@i18n!(ctx.1, "Your Blogs")</h2>
 | |
|         @if blogs.is_empty() {
 | |
|             <p>@i18n!(ctx.1, "You don't have any blog yet. Create your own, or ask to join one.")</p>
 | |
|         }
 | |
|         <div class="cards">
 | |
|             @for blog in blogs {
 | |
|                 <div class="card">
 | |
|                     <h3><a href="@uri!(blogs::details: name = blog.actor_id, page = _)">@blog.title</a></h3>
 | |
|                 </div>
 | |
|             }
 | |
|         </div>
 | |
|         <a class="button" href="@uri!(blogs::new)">@i18n!(ctx.1, "Start a new blog")</a>
 | |
|     </section>
 | |
| 
 | |
|     @if !drafts.is_empty() {
 | |
|         <section>
 | |
|             <h2>@i18n!(ctx.1, "Your Drafts")</h2>
 | |
|             <div class="cards">
 | |
|                 @for draft in drafts {
 | |
|                     @:post_card(ctx, draft)
 | |
|                 }
 | |
|             </div>
 | |
|         </section>
 | |
|     }
 | |
| 
 | |
|     <section>
 | |
|         <h2>@i18n!(ctx.1, "Your media")</h2>
 | |
|         <a class="button" href="@uri!(medias::list: page = _)">@i18n!(ctx.1, "Go to your gallery")</a>
 | |
|     </section>
 | |
| })
 |