src/isubata/views/base.html

{{define "header"}}
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8">
    <title>Isubata</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/main.css">
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/tether.min.js"></script>
    <script type="text/javascript" src="/js/bootstrap.min.js"></script>
  </head>
  <body>

    <nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
      <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <a class="navbar-brand" href="/">Isubata</a>

      <div class="collapse navbar-collapse" id="navbarsExampleDefault">
        <ul class="nav navbar-nav ml-auto">
        {{if .ChannelID}}
        <li class="nav-item"><a href="/history/{{.ChannelID}}" class="nav-link">チャットログ</a></li>
        {{end}}
        {{if .User}}
          <li class="nav-item"><a href="/add_channel" class="nav-link">チャンネル追加</a></li>
          <li class="nav-item"><a href="/profile/{{ .User.Name }}" class="nav-link">{{ .User.DisplayName }}</a></li>
          <li class="nav-item"><a href="/logout" class="nav-link">ログアウト</a></li>
        {{else}}
          <li><a href="/register" class="nav-link">新規登録</a></li>
          <li><a href="/login" class="nav-link">ログイン</a></li>
        {{end}}
        </ul>
      </div>
    </nav>

	<div class="container-fluid">
  <div class="row">
		<nav class="col-sm-3 col-md-3 hidden-xs-down bg-faded sidebar">
            {{ if .User }}
			<ul class="nav nav-pills flex-column">
            {{ range $ch := .Channels }}
			<li class="nav-item">
				<a class="nav-link justify-content-between {{ if eq $.ChannelID $ch.ID }} active {{ end }}"
					 href="/channel/{{$ch.ID}}">
                    {{$ch.Name}}
					<span class="badge badge-pill badge-primary float-right" id="unread-{{$ch.ID}}"></span>
				</a>
			</li>
            {{ end }}
			</ul>
            {{ end }}
		</nav>
    <main class="col-sm-9 offset-sm-3 col-md-9 offset-md-3 pt-3">
{{ end }}

{{ define "footer" }}
     </main>
</div></div></body></html>
{{end}}