| 1 |
{% extends "base.html" %} |
| 2 |
|
| 3 |
{% block title %}Your Library - Makenotwork{% endblock %} |
| 4 |
{% block body_attrs %} class="padded-page library-page"{% endblock %} |
| 5 |
|
| 6 |
{% block content %} |
| 7 |
{% include "partials/site_header.html" %} |
| 8 |
|
| 9 |
<div class="container"> |
| 10 |
<h1 class="page-title">Your Library</h1> |
| 11 |
|
| 12 |
<div class="tabs" role="tablist" aria-label="Library sections"> |
| 13 |
<button class="tab is-selected" |
| 14 |
role="tab" |
| 15 |
aria-selected="true" |
| 16 |
aria-controls="tab-content" |
| 17 |
id="tab-purchases" |
| 18 |
hx-get="/library/tabs/purchases" |
| 19 |
hx-target="#tab-content" |
| 20 |
hx-swap="innerHTML" |
| 21 |
hx-indicator="#tab-spinner" |
| 22 |
onclick="setActiveTab(this)">Purchases</button> |
| 23 |
<button class="tab" |
| 24 |
role="tab" |
| 25 |
aria-selected="false" |
| 26 |
aria-controls="tab-content" |
| 27 |
id="tab-feed" |
| 28 |
title="Updates from creators you follow" |
| 29 |
hx-get="/library/tabs/feed" |
| 30 |
hx-target="#tab-content" |
| 31 |
hx-swap="innerHTML" |
| 32 |
hx-indicator="#tab-spinner" |
| 33 |
onclick="setActiveTab(this)">Feed</button> |
| 34 |
<button class="tab" |
| 35 |
role="tab" |
| 36 |
aria-selected="false" |
| 37 |
aria-controls="tab-content" |
| 38 |
id="tab-collections" |
| 39 |
hx-get="/library/tabs/collections" |
| 40 |
hx-target="#tab-content" |
| 41 |
hx-swap="innerHTML" |
| 42 |
hx-indicator="#tab-spinner" |
| 43 |
onclick="setActiveTab(this)">Collections</button> |
| 44 |
{% if has_mt_memberships %} |
| 45 |
<button class="tab" |
| 46 |
role="tab" |
| 47 |
aria-selected="false" |
| 48 |
aria-controls="tab-content" |
| 49 |
id="tab-communities" |
| 50 |
hx-get="/library/tabs/communities" |
| 51 |
hx-target="#tab-content" |
| 52 |
hx-swap="innerHTML" |
| 53 |
hx-indicator="#tab-spinner" |
| 54 |
onclick="setActiveTab(this)">Communities</button> |
| 55 |
{% endif %} |
| 56 |
{% if let Some(user) = session_user %}{% if user.can_create_projects %} |
| 57 |
<button class="tab" |
| 58 |
role="tab" |
| 59 |
aria-selected="false" |
| 60 |
aria-controls="tab-content" |
| 61 |
id="tab-contacts" |
| 62 |
hx-get="/library/tabs/contacts" |
| 63 |
hx-target="#tab-content" |
| 64 |
hx-swap="innerHTML" |
| 65 |
hx-indicator="#tab-spinner" |
| 66 |
onclick="setActiveTab(this)">Contacts</button> |
| 67 |
{% endif %}{% endif %} |
| 68 |
<span id="tab-spinner" class="htmx-indicator tab-spinner-indicator" aria-live="polite"> Loading...</span> |
| 69 |
</div> |
| 70 |
|
| 71 |
<div id="tab-content" class="tab-content active" |
| 72 |
role="tabpanel" |
| 73 |
aria-labelledby="tab-purchases"> |
| 74 |
{% include "partials/tabs/library_purchases.html" %} |
| 75 |
</div> |
| 76 |
</div> |
| 77 |
{% endblock %} |
| 78 |
|