hmn/src/templates/src/include/header.html

92 lines
4.4 KiB
HTML

<header class="mb3">
{{/* TODO: All the URLs in here are wrong. */}}
<div class="user-options flex justify-center justify-end-ns">
{{ if .User }}
{{ if .User.IsSuperuser }}
<a class="admin-panel" href="{{ url "/admin_panel" }}"><span class="icon-settings"> Admin</span></a>
{{ end }}
<a class="username settings" href="{{ url "/member_settings" }}"><span class="icon-settings"></span> {{ .User.Username }}</a>
<a class="logout" href="{{ url "/member_logout" }}"><span class="icon-logout"></span> Logout</a>
{{ else }}
<a class="register" id="register-link" href="{{ url "/member_register" }}">Register</a>
<a class="login" id="login-link" href="{{ projecturl "/login" }}">Log in</a>
<div id="login-popup">
<form action="{{ projecturl "/login" }}" method="post">
{{/* TODO: CSRF */}}
<table>
<tr>
<th><label>Username:</label></th>
<td><input type="text" name="username" class="textbox username" value="" /></td>
</tr>
<tr>
<th><label>Password:</label></th>
<td><input type="password" name="password" class="textbox password" value="" /></td>
</tr>
{{/* TODO: Forgot password flow? Or just on standalone page? */}}
</table>
<div class="actionbar pt2">
<input type="submit" value="Log In" />
</div>
</form>
</div>
{{ end }}
</div>
<div class="menu-bar flex flex-column flex-row-l justify-between {% if project and project.slug != 'hmn' %}project{% endif %}">
<div class="flex flex-column flex-row-ns">
<a href="{{ url "/" }}" class="logo hmdev-logo">
<div class="underscore"></div>
</a>
<div class="items flex items-center justify-center justify-start-ns">
{{ if not .Project.IsHMN }}
<a class="project-logo" href="{{ projecturl "/" }}">
<h1>{{ .Project.Name }}</h1>
</a>
{{ end }}
{{ if .Project.HasBlog }}
<a href="{{ projecturl "/blog" }}" class="blog">Blog</a>
{{ end }}
{{ if .Project.HasForum }}
<a href="{{ projecturl "/forum" }}" class="forums">Forums</a>
{{ end }}
{{ if .Project.HasWiki }}
<a href="{{ projecturl "/wiki" }}" class="wiki">Wiki</a>
{{ end }}
{{ if .Project.HasLibrary }}
<a href="{{ projecturl "/library" }}" class="library">Library</a>
{{ end }}
{{ if .Project.IsHMN }}
<a href="{{ projecturl "/manifesto" }}" class="misson">Mission</a>
{{ end }}
{{/* {% if project.default_annotation_category %} */}}
{{ if false }}
<a href="{% url 'episode_list_topic' project.slug project.default_annotation_category %}" class="annotations">Episode Guide</a>
{{ end }}
{{/* {% if showEditLink == True %} */}}
{{/* {{ if false }}
<a class="edit" href="{{ EditLink }}" title="Edit {{ project.name }}"><span class="icon">0</span>&nbsp;Settings</a>
{{ end }} */}}
</div>
</div>
<form class="dn ma0 flex-l flex-column justify-center items-end" method="post" action="{{ url "/search" }}" target="_blank">
{{/* TODO: CSRF? */}}
<input class="site-search bn lite pa2 fira" type="text" name="term" value="" placeholder="Search with Google" size="17" />
<input id="search_button_homepage" type="submit" value="Go"/>
</form>
</div>
</header>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
var loginPopup = document.getElementById("login-popup");
var loginLink = document.getElementById("login-link");
if (loginPopup !== null) {
loginLink.removeAttribute("href");
loginLink.onclick = function() {
loginPopup.classList.toggle("open");
}
}
});
</script>