go.charczuk.com@v0.0.0-20240327042549-bc490516bd1a/projects/chirp/pkg/static/_views/profile.html (about)

     1  <!--
     2  Copyright (c) 2023 - Present. Will Charczuk. All rights reserved.
     3  Use of this source code is governed by a MIT license that can be found in the LICENSE file at the root of the repository.
     4  -->
     5  {{ define "profile" }} {{ template "control_header" . }}
     6  <div class="container">
     7    <div class="row">
     8      <div class="two columns">
     9        {{ template "control_side_nav" . }}
    10      </div>
    11      <div class="eight columns">
    12        <div class="row">
    13          <div class="ten columns profile-details">
    14            <div class="row">
    15              <div class="two columns align-right">
    16                <img class="profile-picture-large" src="{{ .User.PictureURL }}" title="{{ .User.Username}}" />
    17              </div>
    18              <div class="ten columns">
    19                <span class="name">{{ .User.GivenName }} {{ .User.FamilyName }}</span>
    20                <span class="email">{{ .User.Username }}</span>
    21              </div>
    22            </div>
    23          </div>
    24          <div class="two columns">
    25            {{ if .User.Status.IsSelf | not }}
    26            {{ if .User.Status.IsFollowing }}
    27            <form action="/profile.unfollow" method="POST">
    28              <input type="hidden" name="id" value="{{ .User.ID }}"/>
    29              <button class="bp3-button bp3-minimal bp3-intent-warning bp3-icon-blocked-person" type="submit" title="{{ localize "Unfollow" }}">{{ localize "Unfollow" }}</button>
    30              </form>
    31              {{ else }}
    32              <form action="/profile.follow" method="POST">
    33              <input type="hidden" name="id" value="{{ .User.ID }}"/>
    34              <button class="bp3-button bp3-minimal bp3-intent-primary bp3-icon-new-person" type="submit" title="{{ localize "Follow" }}">{{ localize "Follow" }}</button>
    35              </form>
    36              {{ end }}
    37              {{ end }}
    38            </form>
    39          </div>
    40        </div>
    41        <div class="row">
    42          <div class="bp3-tabs">
    43            <ul class="bp3-tab-list" role="tablist">
    44                <li class="bp3-tab" role="tab" aria-selected='{{ if eq .Tab "posts" }}true{{else}}false{{end}}'><a href="/profile/{{.User.Email}}/posts" title="{{ localize "Posts" }}">{{ localize "Posts" }}</a></li>
    45                <li class="bp3-tab" role="tab" aria-selected='{{ if eq .Tab "replies" }}true{{else}}false{{end}}'><a href="/profile/{{.User.Email}}/replies" title="{{ localize "Replies" }}">{{ localize "Replies" }}</a></li>
    46                <li class="bp3-tab" role="tab" aria-selected='{{ if eq .Tab "likes" }}true{{else}}false{{end}}'><a href="/profile/{{.User.Email}}/likes" title="{{ localize "Likes" }}">{{ localize "Likes" }}</a></li>
    47            </ul>
    48          </div>
    49        </div>
    50        <div class="row">
    51          <ul class="feed list">
    52          {{ range $index, $chirp := .Chirps }}
    53            <li>{{ template "control_chirp" $chirp }}</li>
    54          {{ else }}
    55            <li>Nothing to display yet!</li>
    56          {{ end }}
    57          </ul>
    58        </div>
    59      </div>
    60    </div>
    61  </div>
    62  {{ template "control_footer" . }}
    63  {{ end }}