mirror of
https://github.com/go-gitea/gitea.git
synced 2026-05-11 17:55:32 +02:00
remove avatar
This commit is contained in:
parent
bf06aed4f6
commit
bb7f671ec9
@ -181,19 +181,6 @@ func prepareMockDataRelativeTime(ctx *context.Context) {
|
||||
ctx.Data["TimeFuture1y"] = now.Add(366 * 24 * time.Hour)
|
||||
}
|
||||
|
||||
func prepareMockDataAvatar(ctx *context.Context) {
|
||||
mockUsers, _ := db.Find[user_model.User](ctx, user_model.SearchUserOptions{ListOptions: db.ListOptions{PageSize: 1}})
|
||||
ctx.Data["MockUser"] = mockUsers[0]
|
||||
ctx.Data["AvatarSizes"] = []int{16, 20, 24, 28, 32, 40, 48, 64, 100, 128}
|
||||
ctx.Data["SampleEmails"] = []string{
|
||||
"alice@example.com",
|
||||
"bob@example.org",
|
||||
"charlie@test.io",
|
||||
"devtest@gitea.io",
|
||||
"noreply@example.com",
|
||||
}
|
||||
}
|
||||
|
||||
func prepareMockDataIconGallery(ctx *context.Context) {
|
||||
allNames := svg.DiscoveredIconNames()
|
||||
grouped := map[string][]string{}
|
||||
@ -219,8 +206,6 @@ func prepareMockData(ctx *context.Context) {
|
||||
prepareMockDataBadgeActionsSvg(ctx)
|
||||
case "/devtest/relative-time":
|
||||
prepareMockDataRelativeTime(ctx)
|
||||
case "/devtest/avatar":
|
||||
prepareMockDataAvatar(ctx)
|
||||
case "/devtest/icon-gallery":
|
||||
prepareMockDataIconGallery(ctx)
|
||||
}
|
||||
|
||||
@ -1,83 +0,0 @@
|
||||
{{template "devtest/devtest-header"}}
|
||||
<div class="page-content devtest ui container">
|
||||
<h1>Avatar</h1>
|
||||
|
||||
<h2>Sizes (via AvatarByEmail)</h2>
|
||||
<p>Using <code>ctx.AvatarUtils.AvatarByEmail</code> at various pixel sizes:</p>
|
||||
<div class="flex-text-block tw-gap-4 tw-items-end">
|
||||
{{range $size := .AvatarSizes}}
|
||||
<div class="tw-flex tw-flex-col tw-items-center tw-gap-1">
|
||||
{{ctx.AvatarUtils.AvatarByEmail "devtest@example.com" "Dev Test" $size}}
|
||||
<code>{{$size}}px</code>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
<h2>User Avatars</h2>
|
||||
<p>Using <code>ctx.AvatarUtils.Avatar</code> with a real user and with <code>nil</code> (fallback):</p>
|
||||
<div class="flex-text-block tw-gap-4 tw-items-end">
|
||||
<div class="tw-flex tw-flex-col tw-items-center tw-gap-1">
|
||||
{{ctx.AvatarUtils.Avatar .MockUser 28}}
|
||||
<code>User (28px)</code>
|
||||
</div>
|
||||
<div class="tw-flex tw-flex-col tw-items-center tw-gap-1">
|
||||
{{ctx.AvatarUtils.Avatar .MockUser 40}}
|
||||
<code>User (40px)</code>
|
||||
</div>
|
||||
<div class="tw-flex tw-flex-col tw-items-center tw-gap-1">
|
||||
{{ctx.AvatarUtils.Avatar .MockUser 100}}
|
||||
<code>User (100px)</code>
|
||||
</div>
|
||||
<div class="tw-flex tw-flex-col tw-items-center tw-gap-1">
|
||||
{{ctx.AvatarUtils.Avatar nil 28}}
|
||||
<code>nil fallback (28px)</code>
|
||||
</div>
|
||||
<div class="tw-flex tw-flex-col tw-items-center tw-gap-1">
|
||||
{{ctx.AvatarUtils.Avatar nil 40}}
|
||||
<code>nil fallback (40px)</code>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Custom CSS Classes</h2>
|
||||
<div class="flex-text-block tw-gap-4 tw-items-end">
|
||||
<div class="tw-flex tw-flex-col tw-items-center tw-gap-1">
|
||||
{{ctx.AvatarUtils.Avatar .MockUser 28 "ui avatar tw-align-middle"}}
|
||||
<code>default class</code>
|
||||
</div>
|
||||
<div class="tw-flex tw-flex-col tw-items-center tw-gap-1">
|
||||
{{ctx.AvatarUtils.Avatar .MockUser 28 "ui avatar tw-align-middle tw-rounded-full"}}
|
||||
<code>tw-rounded-full</code>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Inline with Text</h2>
|
||||
<div class="tw-my-2">
|
||||
<span class="flex-text-inline">{{ctx.AvatarUtils.Avatar .MockUser 20 "ui avatar tw-align-middle"}} <a href="#">{{.MockUser.Name}}</a> opened this issue</span>
|
||||
</div>
|
||||
<div class="tw-my-2">
|
||||
<span class="flex-text-inline">{{ctx.AvatarUtils.AvatarByEmail "user1@example.com" "User One" 16}} User One and {{ctx.AvatarUtils.AvatarByEmail "user2@example.com" "User Two" 16}} User Two</span>
|
||||
</div>
|
||||
|
||||
<h2>Avatar with Link (typical pattern)</h2>
|
||||
<div class="flex-text-block tw-gap-4">
|
||||
<a class="flex-text-inline" href="#">{{ctx.AvatarUtils.Avatar .MockUser 28}} <strong>{{.MockUser.Name}}</strong></a>
|
||||
</div>
|
||||
|
||||
<h2>Avatar Upload Cropper</h2>
|
||||
<p>The cropper requires <code>index.js</code> (global init). The HTML structure is shown below for reference:</p>
|
||||
<div class="ui form tw-max-w-lg">
|
||||
{{template "shared/avatar_upload_crop" dict "LabelText" "Choose an avatar"}}
|
||||
</div>
|
||||
|
||||
<h2>Multiple Email Avatars (gravatar hashing)</h2>
|
||||
<p>Different emails produce different fallback avatars:</p>
|
||||
<div class="flex-text-block tw-gap-2">
|
||||
{{range $email := .SampleEmails}}
|
||||
<div class="tw-flex tw-flex-col tw-items-center tw-gap-1">
|
||||
{{ctx.AvatarUtils.AvatarByEmail $email $email 28}}
|
||||
<code class="gt-ellipsis" style="max-width: 100px" title="{{$email}}">{{$email}}</code>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
{{template "devtest/devtest-footer"}}
|
||||
Loading…
x
Reference in New Issue
Block a user