 2ff408c8c8
			
		
	
	
	2ff408c8c8
	
	
	
		
			
			[skip ci] no relevant tests Followup to https://codeberg.org/forgejo/forgejo/pulls/6459. This PR applies the new switch design to areas where it is simple to apply and no other interventions are needed other than switching classes. Also, added back the utility class `list-header-toggle` to a few places where it was removed in https://codeberg.org/forgejo/forgejo/pulls/6459. It is used for item reordering on smaller screens and it isn't actually needed in those areas (does nothing because of too wide elements), but it wasn't supposed to be removed. The affected areas also include the menus in notifications. This is a followup to https://codeberg.org/forgejo/forgejo/pulls/3175 which should make the unchosen item look more obviously as an interactive element. ## Preview |Area|Before|After| |-|-|-| |`projects/list.tmpl`||| |`repo/issue/navbar.tmp`||No visible change| |`repo/issue/openclose.tmpl`||No visible change| |`.../dashboard/issues.tmpl`||| |`.../dashboard/milestones.tmpl`||| |`.../notification_div.tmpl`||| |`.../notification_subscriptions.tmpl`||| Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6542 Reviewed-by: Otto <otto@codeberg.org> Co-authored-by: 0ko <0ko@noreply.codeberg.org> Co-committed-by: 0ko <0ko@noreply.codeberg.org>
		
			
				
	
	
		
			84 lines
		
	
	
	
		
			4.9 KiB
		
	
	
	
		
			Go HTML Template
		
	
	
	
	
	
			
		
		
	
	
			84 lines
		
	
	
	
		
			4.9 KiB
		
	
	
	
		
			Go HTML Template
		
	
	
	
	
	
| {{template "base/head" .}}
 | |
| <div role="main" aria-label="{{.Title}}" class="page-content user notification">
 | |
| 	<div class="ui container">
 | |
| 		<div class="tw-flex tw-items-center tw-justify-between tw-mb-4">
 | |
| 			<div class="switch">
 | |
| 				<a href="{{AppSubUrl}}/notifications/subscriptions" class="{{if eq .Status 1}}active {{end}}item">
 | |
| 					{{ctx.Locale.Tr "notification.subscriptions"}}
 | |
| 				</a>
 | |
| 				<a href="{{AppSubUrl}}/notifications/watching" class="{{if eq .Status 2}}active {{end}}item">
 | |
| 					{{ctx.Locale.Tr "notification.watching"}}
 | |
| 				</a>
 | |
| 			</div>
 | |
| 			<a class="ui tiny button" href="{{AppSubUrl}}/notifications">
 | |
| 				{{ctx.Locale.Tr "notifications"}}
 | |
| 			</a>
 | |
| 		</div>
 | |
| 		<div class="ui bottom active tab segment">
 | |
| 			{{if eq .Status 1}}
 | |
| 				<div class="tw-flex tw-justify-between">
 | |
| 					<div class="tw-flex">
 | |
| 						<div class="small-menu-items ui compact tiny menu">
 | |
| 							<a class="{{if eq .State "all"}}active {{end}}item" href="?sort={{$.SortType}}&state=all&issueType={{$.IssueType}}&labels={{$.Labels}}">
 | |
| 								{{ctx.Locale.Tr "all"}}
 | |
| 							</a>
 | |
| 							<a class="{{if eq .State "open"}}active {{end}}item" href="?sort={{$.SortType}}&state=open&issueType={{$.IssueType}}&labels={{$.Labels}}">
 | |
| 								{{svg "octicon-issue-opened" 16 "tw-mr-2"}}
 | |
| 								{{ctx.Locale.Tr "repo.issues.open_title"}}
 | |
| 							</a>
 | |
| 							<a class="{{if eq .State "closed"}}active {{end}}item" href="?sort={{$.SortType}}&state=closed&issueType={{$.IssueType}}&labels={{$.Labels}}">
 | |
| 								{{svg "octicon-issue-closed" 16 "tw-mr-2"}}
 | |
| 								{{ctx.Locale.Tr "repo.issues.closed_title"}}
 | |
| 							</a>
 | |
| 						</div>
 | |
| 					</div>
 | |
| 					<div class="tw-flex tw-justify-between">
 | |
| 						<div class="ui right aligned secondary filter menu labels">
 | |
| 							<!-- Type -->
 | |
| 								<div class="ui dropdown type jump item">
 | |
| 									<span class="text">
 | |
| 										{{ctx.Locale.Tr "repo.issues.filter_type"}}
 | |
| 									</span>
 | |
| 									{{svg "octicon-triangle-down" 14 "dropdown icon"}}
 | |
| 									<div class="menu">
 | |
| 										<a class="{{if or (eq .IssueType "all") (not .IssueType)}}active {{end}}item" href="?sort={{$.SortType}}&state={{$.State}}&issueType=all&labels={{$.Labels}}">{{ctx.Locale.Tr "all"}}</a>
 | |
| 										<a class="{{if eq .IssueType "issues"}}active {{end}}item" href="?sort={{$.SortType}}&state={{$.State}}&issueType=issues&labels={{$.Labels}}">{{ctx.Locale.Tr "issues"}}</a>
 | |
| 										<a class="{{if eq .IssueType "pulls"}}active {{end}}item" href="?sort={{$.SortType}}&state={{$.State}}&issueType=pulls&labels={{$.Labels}}">{{ctx.Locale.Tr "pull_requests"}}</a>
 | |
| 									</div>
 | |
| 								</div>
 | |
| 
 | |
| 							<!-- Sort -->
 | |
| 							<div class="ui dropdown type jump item">
 | |
| 								<span class="text">
 | |
| 									{{ctx.Locale.Tr "repo.issues.filter_sort"}}
 | |
| 								</span>
 | |
| 								{{svg "octicon-triangle-down" 14 "dropdown icon"}}
 | |
| 								<div class="menu">
 | |
| 									<a class="{{if or (eq .SortType "latest") (not .SortType)}}active {{end}}item" href="?sort=latest&state={{$.State}}&issueType={{$.IssueType}}&labels={{$.Labels}}">{{ctx.Locale.Tr "repo.issues.filter_sort.latest"}}</a>
 | |
| 									<a class="{{if eq .SortType "oldest"}}active {{end}}item" href="?sort=oldest&state={{$.State}}&issueType={{$.IssueType}}&labels={{$.Labels}}">{{ctx.Locale.Tr "repo.issues.filter_sort.oldest"}}</a>
 | |
| 									<a class="{{if eq .SortType "recentupdate"}}active {{end}}item" href="?sort=recentupdate&state={{$.State}}&issueType={{$.IssueType}}&labels={{$.Labels}}">{{ctx.Locale.Tr "repo.issues.filter_sort.recentupdate"}}</a>
 | |
| 									<a class="{{if eq .SortType "leastupdate"}}active {{end}}item" href="?sort=leastupdate&state={{$.State}}&issueType={{$.IssueType}}&labels={{$.Labels}}">{{ctx.Locale.Tr "repo.issues.filter_sort.leastupdate"}}</a>
 | |
| 									<a class="{{if eq .SortType "mostcomment"}}active {{end}}item" href="?sort=mostcomment&state={{$.State}}&issueType={{$.IssueType}}&labels={{$.Labels}}">{{ctx.Locale.Tr "repo.issues.filter_sort.mostcomment"}}</a>
 | |
| 									<a class="{{if eq .SortType "leastcomment"}}active {{end}}item" href="?sort=leastcomment&state={{$.State}}&issueType={{$.IssueType}}&labels={{$.Labels}}">{{ctx.Locale.Tr "repo.issues.filter_sort.leastcomment"}}</a>
 | |
| 									<a class="{{if eq .SortType "nearduedate"}}active {{end}}item" href="?sort=nearduedate&state={{$.State}}&issueType={{$.IssueType}}&labels={{$.Labels}}">{{ctx.Locale.Tr "repo.issues.filter_sort.nearduedate"}}</a>
 | |
| 									<a class="{{if eq .SortType "farduedate"}}active {{end}}item" href="?sort=farduedate&state={{$.State}}&issueType={{$.IssueType}}&labels={{$.Labels}}">{{ctx.Locale.Tr "repo.issues.filter_sort.farduedate"}}</a>
 | |
| 								</div>
 | |
| 							</div>
 | |
| 						</div>
 | |
| 					</div>
 | |
| 				</div>
 | |
| 				<div class="divider"></div>
 | |
| 				{{if not .Issues}}
 | |
| 					{{ctx.Locale.Tr "notification.no_subscriptions"}}
 | |
| 				{{else}}
 | |
| 					{{template "shared/issuelist" dict "." . "listType" "dashboard"}}
 | |
| 				{{end}}
 | |
| 			{{else}}
 | |
| 				{{template "shared/repo_search" .}}
 | |
| 				{{template "explore/repo_list" .}}
 | |
| 				{{template "base/paginate" .}}
 | |
| 			{{end}}
 | |
| 		</div>
 | |
| 	</div>
 | |
| </div>
 | |
| {{template "base/footer" .}}
 |