| 1 |
<div class="settings-layout"> |
| 2 |
<nav class="settings-nav" id="settings-nav"> |
| 3 |
<a href="#" class="is-selected" data-section="profile" |
| 4 |
hx-get="/dashboard/tabs/profile" |
| 5 |
hx-target="#settings-body" |
| 6 |
hx-swap="innerHTML" |
| 7 |
onclick="setSettingsSection(this)">Profile</a> |
| 8 |
<a href="#" data-section="account" |
| 9 |
hx-get="/dashboard/tabs/account" |
| 10 |
hx-target="#settings-body" |
| 11 |
hx-swap="innerHTML" |
| 12 |
onclick="setSettingsSection(this)">Account</a> |
| 13 |
<a href="#" data-section="creator" |
| 14 |
hx-get="/dashboard/tabs/creator" |
| 15 |
hx-target="#settings-body" |
| 16 |
hx-swap="innerHTML" |
| 17 |
onclick="setSettingsSection(this)">Creator Plan</a> |
| 18 |
{% if has_media %} |
| 19 |
<a href="#" data-section="media" |
| 20 |
hx-get="/dashboard/tabs/media" |
| 21 |
hx-target="#settings-body" |
| 22 |
hx-swap="innerHTML" |
| 23 |
onclick="setSettingsSection(this)">Media</a> |
| 24 |
{% endif %} |
| 25 |
{% if git_enabled %} |
| 26 |
<a href="#" data-section="ssh-keys" |
| 27 |
hx-get="/dashboard/tabs/ssh-keys" |
| 28 |
hx-target="#settings-body" |
| 29 |
hx-swap="innerHTML" |
| 30 |
onclick="setSettingsSection(this)">SSH Keys</a> |
| 31 |
{% endif %} |
| 32 |
{% if has_mt_memberships %} |
| 33 |
<a href="#" data-section="forums" |
| 34 |
hx-get="/dashboard/tabs/forums" |
| 35 |
hx-target="#settings-body" |
| 36 |
hx-swap="innerHTML" |
| 37 |
onclick="setSettingsSection(this)">Forums</a> |
| 38 |
{% endif %} |
| 39 |
</nav> |
| 40 |
<div class="settings-body" id="settings-body"> |
| 41 |
{% include "partials/tabs/user_profile.html" %} |
| 42 |
</div> |
| 43 |
</div> |
| 44 |
|
| 45 |
<script> |
| 46 |
function setSettingsSection(link) { |
| 47 |
document.querySelectorAll('#settings-nav a').forEach(function(a) { a.classList.remove('is-selected'); }); |
| 48 |
link.classList.add('is-selected'); |
| 49 |
} |
| 50 |
</script> |
| 51 |
|