Plume/templates/users/dashboard.rs.html
Baptiste Gelez eff2698664
Slightly improve the media experience (#452)
* 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
2019-03-06 14:11:36 +01:00

42 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>
})