mirror of
https://github.com/superseriousbusiness/gotosocial.git
synced 2025-10-29 04:52:24 -05:00
7bd4bed558
# Description This pull request adds `id` attributes to elements in the "About" section of the user page so that it is easy to look them up using css. It also move the screen reader only elements for some these so that they are re-ordered alongside their parent element. closes #4163 ## Checklist Please put an x inside each checkbox to indicate that you've read and followed it: `[ ]` -> `[x]` If this is a documentation change, only the first checkbox must be filled (you can delete the others if you want). - [x] I/we have read the [GoToSocial contribution guidelines](https://codeberg.org/superseriousbusiness/gotosocial/src/branch/main/CONTRIBUTING.md). - [x] I/we have discussed the proposed changes already, either in an issue on the repository, or in the Matrix chat. - [x] I/we have not leveraged AI to create the proposed changes. - [x] I/we have performed a self-review of added code. - [x] I/we have written code that is legible and maintainable by others. - [x] I/we have commented the added code, particularly in hard-to-understand areas. - [x] I/we have made any necessary changes to documentation. - [x] I/we have added tests that cover new code. - [x] I/we have run tests and they pass locally with the changes. - [x] I/we have run `go fmt ./...` and `golangci-lint run`. Reviewed-on: https://codeberg.org/superseriousbusiness/gotosocial/pulls/4164 Co-authored-by: Frederic Thevenet <thevenet.fred@free.fr> Co-committed-by: Frederic Thevenet <thevenet.fred@free.fr>
56 lines
No EOL
2.5 KiB
Cheetah
56 lines
No EOL
2.5 KiB
Cheetah
{{- /*
|
|
// GoToSocial
|
|
// Copyright (C) GoToSocial Authors admin@gotosocial.org
|
|
// SPDX-License-Identifier: AGPL-3.0-or-later
|
|
//
|
|
// This program is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU Affero General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// This program is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU Affero General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU Affero General Public License
|
|
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/ -}}
|
|
|
|
{{- with . }}
|
|
<section id="profile-about-user" class="about-user" role="region" aria-labelledby="about-header">
|
|
<div id="profile-col-header" class="col-header">
|
|
<h3 id="about-header">About<span class="sr-only"> {{- .account.Username -}}</span></h3>
|
|
</div>
|
|
{{- if .account.Fields }}
|
|
{{- include "profile_fields.tmpl" . | indent 1 }}
|
|
{{- end }}
|
|
<div id="profile-bio" class="bio p-note">
|
|
<h4 class="sr-only">Bio</h4>
|
|
{{- if .account.Note }}
|
|
{{ emojify .account.Emojis (noescape .account.Note) }}
|
|
{{- else }}
|
|
<p>This GoToSocial user hasn't written a bio yet!</p>
|
|
{{- end }}
|
|
</div>
|
|
<dl id="profile-stats" class="accountstats">
|
|
<h4 class="sr-only">Stats</h4>
|
|
<div class="stats-item">
|
|
<dt class="joineddt text-cutoff">Joined</dt>
|
|
<dd class="joineddd text-cutoff"><time datetime="{{- .account.CreatedAt -}}">{{- .account.CreatedAt | timestampVague -}}</time></dd>
|
|
</div>
|
|
<div class="stats-item">
|
|
<dt class="postsdt text-cutoff">Posts</dt>
|
|
<dd class="postsdd text-cutoff">{{- .account.StatusesCount -}}</dd>
|
|
</div>
|
|
<div class="stats-item">
|
|
<dt class="followeddt text-cutoff">Followed by</dt>
|
|
<dd class="followeddd text-cutoff">{{- if .account.HideCollections -}}<i>hidden</i>{{- else -}}{{- .account.FollowersCount -}}{{- end -}}</dd>
|
|
</div>
|
|
<div class="stats-item">
|
|
<dt class="followingdt text-cutoff">Following</dt>
|
|
<dd class="followingdd text-cutoff">{{- if .account.HideCollections -}}<i>hidden</i>{{- else -}}{{- .account.FollowingCount -}}{{- end -}}</dd>
|
|
</div>
|
|
</dl>
|
|
</section>
|
|
{{- end }} |