76 lines
2.4 kB
1
{{ define "title" }}{{ or .UserHandle .UserDid }}{{ end }}
2
3
{{ define "content" }}
4
5
<div class="flex">
6
<h1 class="pb-1 px-6">
7
{{ didOrHandle .UserDid .UserHandle }}
8
</h1>
9
{{ if ne .FollowStatus.String "IsSelf" }}
10
<button id="followBtn"
11
class="btn mt-2"
12
{{ if eq .FollowStatus.String "IsNotFollowing" }}
13
hx-post="/follow?subject={{.UserDid}}"
14
{{ else }}
15
hx-delete="/follow?subject={{.UserDid}}"
16
{{ end }}
17
hx-trigger="click"
18
hx-target="#followBtn"
19
hx-swap="outerHTML"
20
>
21
{{ if eq .FollowStatus.String "IsNotFollowing" }}Follow{{ else }}Unfollow{{ end }}
22
</button>
23
{{ end }}
24
</div>
25
<div class="text-sm mb-4 px-6">
26
<span>{{ .ProfileStats.Followers }} followers</span>
27
<div class="inline-block px-1 select-none after:content-['·']"></div>
28
<span>{{ .ProfileStats.Following }} following</span>
29
</div>
30
<p class="text-sm font-bold py-2 px-6">REPOS</p>
31
<div id="repos" class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
32
{{ range .Repos }}
33
<div
34
id="repo-card"
35
class="py-4 px-6 drop-shadow-sm rounded bg-white"
36
>
37
<div id="repo-card-name" class="font-medium">
38
<a href="/@{{ or $.UserHandle $.UserDid }}/{{ .Name }}"
39
>{{ .Name }}</a
40
>
41
</div>
42
<div
43
id="repo-knot-name"
44
class="text-gray-600 text-sm font-mono"
45
>
46
{{ .Knot }}
47
</div>
48
</div>
49
{{ else }}
50
<p class="px-6">This user does not have any repos yet.</p>
51
{{ end }}
52
</div>
53
<p class="text-sm font-bold py-2 px-6">COLLABORATING ON</p>
54
<div id="collaborating" class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
55
{{ range .CollaboratingRepos }}
56
<div
57
id="repo-card"
58
class="py-4 px-6 drop-shadow-sm rounded bg-white"
59
>
60
<div id="repo-card-name" class="font-medium">
61
<a href="/{{ .Did }}/{{ .Name }}">
62
@{{ .Did }}/{{ .Name }}
63
</a>
64
</div>
65
<div
66
id="repo-knot-name"
67
class="text-gray-600 text-sm font-mono"
68
>
69
{{ .Knot }}
70
</div>
71
</div>
72
{{ else }}
73
<p class="px-6">This user is not collaborating.</p>
74
{{ end }}
75
</div>
76
{{ end }}
77