summaryrefslogtreecommitdiff
path: root/web
diff options
context:
space:
mode:
authorLibravatar tobi <31960611+tsmethurst@users.noreply.github.com>2022-07-13 09:57:47 +0200
committerLibravatar GitHub <noreply@github.com>2022-07-13 09:57:47 +0200
commit6418307c64da236a0268f4496f793d982e128ad0 (patch)
tree9c781c812697412936d671e0e42272dce8cf2d78 /web
parent[chore] improved router logging, recovery and error handling (#705) (diff)
downloadgotosocial-6418307c64da236a0268f4496f793d982e128ad0.tar.xz
[feature] Add back/next buttons to profiles for paging through statuses (#708)
* add GetAccountWebStatuses to db * add WebStatusesGet func to processor * don't add limit to next/prev links if 0 * take query params for next/prev statuses * add separate next + prev links for convenience * show 'nothing here' message if no statuses exist * add back / next links to profiles * allow paging down only * go fmt ./... * 'recent public toots' -> 'latest public toots'
Diffstat (limited to 'web')
-rw-r--r--web/source/css/profile.css18
-rw-r--r--web/template/profile.tmpl28
2 files changed, 38 insertions, 8 deletions
diff --git a/web/source/css/profile.css b/web/source/css/profile.css
index ca4192e11..d0ab7e26d 100644
--- a/web/source/css/profile.css
+++ b/web/source/css/profile.css
@@ -160,6 +160,24 @@ main {
}
}
+.nothinghere {
+ margin-left: 1rem;
+}
+
+.backnextlinks {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+
+ a {
+ padding: 1rem;
+ }
+
+ .next {
+ margin-left: auto;
+ }
+}
+
.toot, .toot:last-child {
box-shadow: $boxshadow;
}
diff --git a/web/template/profile.tmpl b/web/template/profile.tmpl
index d65b45d51..458f68f52 100644
--- a/web/template/profile.tmpl
+++ b/web/template/profile.tmpl
@@ -27,13 +27,25 @@
<div class="entry">Posted <b>{{.account.StatusesCount}}</b></div>
</div>
</div>
- <h2 id="recent">Recent public toots</h2>
- <div class="thread">
- {{range .statuses}}
- <div class="toot expanded">
- {{ template "status.tmpl" .}}
- </div>
- {{end}}
- </div>
+ <h2 id="recent">Latest public toots</h2>
+ {{ if not .statuses }}
+ <div class="nothinghere">Nothing here!</div>
+ {{ else }}
+ <div class="thread">
+ {{ range .statuses }}
+ <div class="toot expanded">
+ {{ template "status.tmpl" .}}
+ </div>
+ {{ end }}
+ </div>
+ {{ end }}
+ <div class="backnextlinks">
+ {{ if .show_back_to_top }}
+ <a href="/@{{ .account.Username }}">Back to top</a>
+ {{ end }}
+ {{ if .statuses_next }}
+ <a href="{{ .statuses_next }}" class="next">Show older</a>
+ {{ end }}
+ </div>
</main>
{{ template "footer.tmpl" .}}