mirror of
				https://gitee.com/gitea/gitea
				synced 2025-11-04 08:30:25 +08:00 
			
		
		
		
	User details page (#26713)
This PR implements a proposal to clean up the admin users table by
moving some information out to a separate user details page (which also
displays some additional information).
Other changes:
- move edit user page from `/admin/users/{id}` to
`/admin/users/{id}/edit` -> `/admin/users/{id}` now shows the user
details page
- show if user is instance administrator as a label instead of a
separate column
- separate explore users template into a page- and a shared one, to make
it possible to use it on the user details page
- fix issue where there was no margin between alert message and
following content on admin pages
<details>
<summary>Screenshots</summary>


</details>
Partially resolves #25939
---------
Co-authored-by: Giteabot <teabot@gitea.io>
			
			
This commit is contained in:
		@@ -68,36 +68,35 @@
 | 
			
		||||
						</th>
 | 
			
		||||
						<th>{{.locale.Tr "email"}}</th>
 | 
			
		||||
						<th>{{.locale.Tr "admin.users.activated"}}</th>
 | 
			
		||||
						<th>{{.locale.Tr "admin.users.admin"}}</th>
 | 
			
		||||
						<th>{{.locale.Tr "admin.users.restricted"}}</th>
 | 
			
		||||
						<th>{{.locale.Tr "admin.users.2fa"}}</th>
 | 
			
		||||
						<th>{{.locale.Tr "admin.users.repos"}}</th>
 | 
			
		||||
						<th>{{.locale.Tr "admin.users.created"}}</th>
 | 
			
		||||
						<th data-sortt-asc="lastlogin" data-sortt-desc="reverselastlogin">
 | 
			
		||||
							{{.locale.Tr "admin.users.last_login"}}
 | 
			
		||||
							{{SortArrow "lastlogin" "reverselastlogin" $.SortType false}}
 | 
			
		||||
						</th>
 | 
			
		||||
						<th>{{.locale.Tr "admin.users.edit"}}</th>
 | 
			
		||||
					</tr>
 | 
			
		||||
				</thead>
 | 
			
		||||
				<tbody>
 | 
			
		||||
					{{range .Users}}
 | 
			
		||||
						<tr>
 | 
			
		||||
							<td>{{.ID}}</td>
 | 
			
		||||
							<td><a href="{{.HomeLink}}">{{.Name}}</a></td>
 | 
			
		||||
							<td>
 | 
			
		||||
								<a href="{{$.Link}}/{{.ID}}">{{.Name}}</a>
 | 
			
		||||
								{{if .IsAdmin}}
 | 
			
		||||
									<span class="ui basic label">{{$.locale.Tr "admin.users.admin"}}</span>
 | 
			
		||||
								{{end}}
 | 
			
		||||
							</td>
 | 
			
		||||
							<td class="gt-ellipsis gt-max-width-12rem">{{.Email}}</td>
 | 
			
		||||
							<td>{{if .IsActive}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</td>
 | 
			
		||||
							<td>{{if .IsAdmin}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</td>
 | 
			
		||||
							<td>{{if .IsRestricted}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</td>
 | 
			
		||||
							<td>{{if index $.UsersTwoFaStatus .ID}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</td>
 | 
			
		||||
							<td>{{.NumRepos}}</td>
 | 
			
		||||
							<td>{{DateTime "short" .CreatedUnix}}</td>
 | 
			
		||||
							{{if .LastLoginUnix}}
 | 
			
		||||
								<td>{{DateTime "short" .LastLoginUnix}}</td>
 | 
			
		||||
							{{else}}
 | 
			
		||||
								<td><span>{{$.locale.Tr "admin.users.never_login"}}</span></td>
 | 
			
		||||
							{{end}}
 | 
			
		||||
							<td><a href="{{$.Link}}/{{.ID}}">{{svg "octicon-pencil"}}</a></td>
 | 
			
		||||
						</tr>
 | 
			
		||||
					{{end}}
 | 
			
		||||
				</tbody>
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										48
									
								
								templates/admin/user/view.tmpl
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										48
									
								
								templates/admin/user/view.tmpl
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,48 @@
 | 
			
		||||
{{template "admin/layout_head" (dict "ctxData" . "pageClass" "admin view user")}}
 | 
			
		||||
 | 
			
		||||
<div class="admin-setting-content">
 | 
			
		||||
	<div class="admin-responsive-columns">
 | 
			
		||||
		<div class="gt-f1">
 | 
			
		||||
			<h4 class="ui top attached header">
 | 
			
		||||
				{{.Title}}
 | 
			
		||||
				<div class="ui right">
 | 
			
		||||
					<a class="ui primary tiny button" href="{{.Link}}/edit">{{ctx.Locale.Tr "admin.users.edit"}}</a>
 | 
			
		||||
				</div>
 | 
			
		||||
			</h4>
 | 
			
		||||
			<div class="ui attached segment">
 | 
			
		||||
				{{template "admin/user/view_details" .}}
 | 
			
		||||
			</div>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="gt-f1">
 | 
			
		||||
			<h4 class="ui top attached header">
 | 
			
		||||
				{{ctx.Locale.Tr "admin.emails"}}
 | 
			
		||||
				<div class="ui right">
 | 
			
		||||
					{{.EmailsTotal}}
 | 
			
		||||
				</div>
 | 
			
		||||
			</h4>
 | 
			
		||||
			<div class="ui attached segment">
 | 
			
		||||
				{{template "admin/user/view_emails" .}}
 | 
			
		||||
			</div>
 | 
			
		||||
		</div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<h4 class="ui top attached header">
 | 
			
		||||
		{{ctx.Locale.Tr "admin.repositories"}}
 | 
			
		||||
		<div class="ui right">
 | 
			
		||||
			{{.ReposTotal}}
 | 
			
		||||
		</div>
 | 
			
		||||
	</h4>
 | 
			
		||||
	<div class="ui attached segment">
 | 
			
		||||
		{{template "explore/repo_list" .}}
 | 
			
		||||
	</div>
 | 
			
		||||
	<h4 class="ui top attached header">
 | 
			
		||||
		{{ctx.Locale.Tr "settings.organization"}}
 | 
			
		||||
		<div class="ui right">
 | 
			
		||||
			{{.OrgsTotal}}
 | 
			
		||||
		</div>
 | 
			
		||||
	</h4>
 | 
			
		||||
	<div class="ui attached segment">
 | 
			
		||||
		{{template "explore/user_list" .}}
 | 
			
		||||
	</div>
 | 
			
		||||
</div>
 | 
			
		||||
 | 
			
		||||
{{template "admin/layout_footer" .}}
 | 
			
		||||
							
								
								
									
										65
									
								
								templates/admin/user/view_details.tmpl
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										65
									
								
								templates/admin/user/view_details.tmpl
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,65 @@
 | 
			
		||||
<div class="flex-list">
 | 
			
		||||
	<div class="flex-item">
 | 
			
		||||
		<div class="flex-item-leading">
 | 
			
		||||
			{{ctx.AvatarUtils.Avatar .User 48}}
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="flex-item-main">
 | 
			
		||||
			<div class="flex-item-title">
 | 
			
		||||
				{{template "shared/user/name" .User}}
 | 
			
		||||
				{{if .User.IsAdmin}}
 | 
			
		||||
					<span class="ui basic label">{{ctx.Locale.Tr "admin.users.admin"}}</span>
 | 
			
		||||
				{{end}}
 | 
			
		||||
			</div>
 | 
			
		||||
			<div class="flex-item-body">
 | 
			
		||||
				<b>{{ctx.Locale.Tr "admin.users.auth_source"}}:</b>
 | 
			
		||||
				{{if eq .LoginSource.ID 0}}
 | 
			
		||||
					{{ctx.Locale.Tr "admin.users.local"}}
 | 
			
		||||
				{{else}}
 | 
			
		||||
					{{.LoginSource.Name}}
 | 
			
		||||
				{{end}}
 | 
			
		||||
			</div>
 | 
			
		||||
			<div class="flex-item-body">
 | 
			
		||||
				<b>{{ctx.Locale.Tr "admin.users.activated"}}:</b>
 | 
			
		||||
				{{if .User.IsActive}}
 | 
			
		||||
					{{svg "octicon-check"}}
 | 
			
		||||
				{{else}}
 | 
			
		||||
					{{svg "octicon-x"}}
 | 
			
		||||
				{{end}}
 | 
			
		||||
			</div>
 | 
			
		||||
			<div class="flex-item-body">
 | 
			
		||||
				<b>{{ctx.Locale.Tr "admin.users.restricted"}}:</b>
 | 
			
		||||
				{{if .User.IsRestricted}}
 | 
			
		||||
					{{svg "octicon-check"}}
 | 
			
		||||
				{{else}}
 | 
			
		||||
					{{svg "octicon-x"}}
 | 
			
		||||
				{{end}}
 | 
			
		||||
			</div>
 | 
			
		||||
			<div class="flex-item-body">
 | 
			
		||||
				<b>{{ctx.Locale.Tr "settings.visibility"}}:</b>
 | 
			
		||||
				{{if .User.Visibility.IsLimited}}{{ctx.Locale.Tr "settings.visibility.limited"}}{{end}}
 | 
			
		||||
				{{if .User.Visibility.IsPrivate}}{{ctx.Locale.Tr "settings.visibility.private"}}{{end}}
 | 
			
		||||
			</div>
 | 
			
		||||
			<div class="flex-item-body">
 | 
			
		||||
				<b>{{ctx.Locale.Tr "admin.users.2fa"}}:</b>
 | 
			
		||||
				{{if .TwoFactorEnabled}}
 | 
			
		||||
					<span class="text green">{{svg "octicon-check"}}</span>
 | 
			
		||||
				{{else}}
 | 
			
		||||
					{{svg "octicon-x"}}
 | 
			
		||||
				{{end}}
 | 
			
		||||
			</div>
 | 
			
		||||
			{{if .User.Location}}
 | 
			
		||||
				<div class="flex-item-body">
 | 
			
		||||
					<span class="flex-text-inline">{{svg "octicon-location"}}{{.User.Location}}</span>
 | 
			
		||||
				</div>
 | 
			
		||||
			{{end}}
 | 
			
		||||
			{{if .User.Website}}
 | 
			
		||||
				<div class="flex-item-body">
 | 
			
		||||
					<span class="flex-text-inline">
 | 
			
		||||
						{{svg "octicon-link"}}
 | 
			
		||||
						<a target="_blank" href="{{.User.Website}}">{{.User.Website}}</a>
 | 
			
		||||
					</span>
 | 
			
		||||
				</div>
 | 
			
		||||
			{{end}}
 | 
			
		||||
		</div>
 | 
			
		||||
	</div>
 | 
			
		||||
</div>
 | 
			
		||||
							
								
								
									
										19
									
								
								templates/admin/user/view_emails.tmpl
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										19
									
								
								templates/admin/user/view_emails.tmpl
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,19 @@
 | 
			
		||||
<div class="flex-list">
 | 
			
		||||
	{{range .Emails}}
 | 
			
		||||
		<div class="flex-item">
 | 
			
		||||
			<div class="flex-item-main">
 | 
			
		||||
				<div class="flex-text-block">
 | 
			
		||||
					{{.Email}}
 | 
			
		||||
					{{if .IsPrimary}}
 | 
			
		||||
						<div class="ui primary label">{{ctx.Locale.Tr "settings.primary"}}</div>
 | 
			
		||||
					{{end}}
 | 
			
		||||
					{{if .IsActivated}}
 | 
			
		||||
						<div class="ui green label">{{ctx.Locale.Tr "settings.activated"}}</div>
 | 
			
		||||
					{{else}}
 | 
			
		||||
						<div class="ui label">{{ctx.Locale.Tr "settings.requires_activation"}}</div>
 | 
			
		||||
					{{end}}
 | 
			
		||||
				</div>
 | 
			
		||||
			</div>
 | 
			
		||||
		</div>
 | 
			
		||||
	{{end}}
 | 
			
		||||
</div>
 | 
			
		||||
		Reference in New Issue
	
	Block a user