]> source.dussan.org Git - gitea.git/commitdiff
Split issue sidebar into small templates (#32444)
authorwxiaoguang <wxiaoguang@gmail.com>
Fri, 8 Nov 2024 01:44:20 +0000 (09:44 +0800)
committerGitHub <noreply@github.com>
Fri, 8 Nov 2024 01:44:20 +0000 (01:44 +0000)
Only move code

15 files changed:
templates/repo/issue/branch_selector_field.tmpl
templates/repo/issue/sidebar/allow_maintainer_edit.tmpl [new file with mode: 0644]
templates/repo/issue/sidebar/assignee_list.tmpl [new file with mode: 0644]
templates/repo/issue/sidebar/due_date.tmpl [new file with mode: 0644]
templates/repo/issue/sidebar/issue_dependencies.tmpl [new file with mode: 0644]
templates/repo/issue/sidebar/issue_management.tmpl [new file with mode: 0644]
templates/repo/issue/sidebar/milestone_list.tmpl [new file with mode: 0644]
templates/repo/issue/sidebar/participant_list.tmpl [new file with mode: 0644]
templates/repo/issue/sidebar/project_list.tmpl [new file with mode: 0644]
templates/repo/issue/sidebar/reference_link.tmpl [new file with mode: 0644]
templates/repo/issue/sidebar/reviewer_list.tmpl [new file with mode: 0644]
templates/repo/issue/sidebar/stopwatch_timetracker.tmpl [new file with mode: 0644]
templates/repo/issue/sidebar/watch_notification.tmpl [new file with mode: 0644]
templates/repo/issue/sidebar/wip_switch.tmpl [new file with mode: 0644]
templates/repo/issue/view_content/sidebar.tmpl

index 5793a8bfda8881b5d64ceb839730afe81cc37bbd..643222ca72cc9debeafc937df164d3bcf9aa4bfb 100644 (file)
@@ -44,6 +44,4 @@
                </div>
        </div>
 </div>
-
-<div class="divider"></div>
 {{end}}
diff --git a/templates/repo/issue/sidebar/allow_maintainer_edit.tmpl b/templates/repo/issue/sidebar/allow_maintainer_edit.tmpl
new file mode 100644 (file)
index 0000000..43736de
--- /dev/null
@@ -0,0 +1,15 @@
+{{if and .Issue.IsPull .IsIssuePoster (not .Issue.IsClosed) .Issue.PullRequest.HeadRepo}}
+       {{if and (not (eq .Issue.PullRequest.HeadRepo.FullName .Issue.PullRequest.BaseRepo.FullName)) .CanWriteToHeadRepo}}
+       <div class="divider"></div>
+       <div class="inline field">
+               <div class="ui checkbox loading-icon-2px" id="allow-edits-from-maintainers"
+                               data-url="{{.Issue.Link}}"
+                               data-tooltip-content="{{ctx.Locale.Tr "repo.pulls.allow_edits_from_maintainers_desc"}}"
+                               data-prompt-error="{{ctx.Locale.Tr "repo.pulls.allow_edits_from_maintainers_err"}}"
+               >
+                       <label><strong>{{ctx.Locale.Tr "repo.pulls.allow_edits_from_maintainers"}}</strong></label>
+                       <input type="checkbox" {{if .Issue.PullRequest.AllowMaintainerEdit}}checked{{end}}>
+               </div>
+       </div>
+       {{end}}
+{{end}}
diff --git a/templates/repo/issue/sidebar/assignee_list.tmpl b/templates/repo/issue/sidebar/assignee_list.tmpl
new file mode 100644 (file)
index 0000000..260f7c5
--- /dev/null
@@ -0,0 +1,46 @@
+<div class="divider"></div>
+<input id="assignee_id" name="assignee_id" type="hidden" value="{{.assignee_id}}">
+<div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-assignees-modify dropdown">
+       <a class="text muted flex-text-block">
+               <strong>{{ctx.Locale.Tr "repo.issues.new.assignees"}}</strong>
+               {{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}}
+                       {{svg "octicon-gear" 16 "tw-ml-1"}}
+               {{end}}
+       </a>
+       <div class="filter menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/assignee">
+               <div class="ui icon search input">
+                       <i class="icon">{{svg "octicon-search" 16}}</i>
+                       <input type="text" placeholder="{{ctx.Locale.Tr "repo.issues.filter_assignees"}}">
+               </div>
+               <div class="no-select item">{{ctx.Locale.Tr "repo.issues.new.clear_assignees"}}</div>
+               {{range .Assignees}}
+
+                       {{$AssigneeID := .ID}}
+                       <a class="item{{range $.Issue.Assignees}}{{if eq .ID $AssigneeID}} checked{{end}}{{end}}" href="#" data-id="{{.ID}}" data-id-selector="#assignee_{{.ID}}">
+                               {{$checked := false}}
+                               {{range $.Issue.Assignees}}
+                                       {{if eq .ID $AssigneeID}}
+                                               {{$checked = true}}
+                                       {{end}}
+                               {{end}}
+                               <span class="octicon-check {{if not $checked}}tw-invisible{{end}}">{{svg "octicon-check"}}</span>
+                               <span class="text">
+                                       {{ctx.AvatarUtils.Avatar . 20 "tw-mr-2"}}{{template "repo/search_name" .}}
+                               </span>
+                       </a>
+               {{end}}
+       </div>
+</div>
+<div class="ui assignees list">
+       <span class="no-select item {{if .Issue.Assignees}}tw-hidden{{end}}">{{ctx.Locale.Tr "repo.issues.new.no_assignees"}}</span>
+       <div class="selected">
+               {{range .Issue.Assignees}}
+                       <div class="item">
+                               <a class="muted sidebar-item-link" href="{{$.RepoLink}}/{{if $.Issue.IsPull}}pulls{{else}}issues{{end}}?assignee={{.ID}}">
+                                       {{ctx.AvatarUtils.Avatar . 28 "tw-mr-2"}}
+                                       {{.GetDisplayName}}
+                               </a>
+                       </div>
+               {{end}}
+       </div>
+</div>
diff --git a/templates/repo/issue/sidebar/due_date.tmpl b/templates/repo/issue/sidebar/due_date.tmpl
new file mode 100644 (file)
index 0000000..e6e19f6
--- /dev/null
@@ -0,0 +1,29 @@
+<div class="divider"></div>
+<span class="text"><strong>{{ctx.Locale.Tr "repo.issues.due_date"}}</strong></span>
+<div class="ui form tw-mt-2">
+       {{if .Issue.DeadlineUnix}}
+               <div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
+                       <div class="due-date {{if .Issue.IsOverdue}}text red{{end}}" {{if .Issue.IsOverdue}}data-tooltip-content="{{ctx.Locale.Tr "repo.issues.due_date_overdue"}}"{{end}}>
+                               {{svg "octicon-calendar"}} {{DateUtils.AbsoluteLong .Issue.DeadlineUnix}}
+                       </div>
+                       <div class="flex-text-block">
+                               {{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}}
+                                       <a class="issue-due-edit muted" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.due_date_form_edit"}}">{{svg "octicon-pencil"}}</a>
+                                       <a class="issue-due-remove muted" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.due_date_form_remove"}}">{{svg "octicon-trash"}}</a>
+                               {{end}}
+                       </div>
+               </div>
+       {{else}}
+               {{ctx.Locale.Tr "repo.issues.due_date_not_set"}}
+       {{end}}
+
+       {{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}}
+               <form class="ui fluid action input issue-due-form form-fetch-action tw-mt-2 {{if .Issue.DeadlineUnix}}tw-hidden{{end}}"
+                                       method="post" action="{{AppSubUrl}}/{{PathEscape .Repository.Owner.Name}}/{{PathEscape .Repository.Name}}/issues/{{.Issue.Index}}/deadline"
+               >
+                       {{$.CsrfTokenHtml}}
+                       <input required type="date" name="deadline" placeholder="{{ctx.Locale.Tr "repo.issues.due_date_form"}}" {{if .Issue.DeadlineUnix}}value="{{.Issue.DeadlineUnix.FormatDate}}"{{end}}>
+                       <button class="ui icon button">{{Iif .Issue.DeadlineUnix (svg "octicon-pencil") (svg "octicon-plus")}}</button>
+               </form>
+       {{end}}
+</div>
diff --git a/templates/repo/issue/sidebar/issue_dependencies.tmpl b/templates/repo/issue/sidebar/issue_dependencies.tmpl
new file mode 100644 (file)
index 0000000..f372ff8
--- /dev/null
@@ -0,0 +1,149 @@
+{{if .Repository.IsDependenciesEnabled ctx}}
+       <div class="divider"></div>
+
+       <div class="ui depending">
+               {{if (and (not .BlockedByDependencies) (not .BlockedByDependenciesNotPermitted) (not .BlockingDependencies) (not .BlockingDependenciesNotPermitted))}}
+                       <span class="text"><strong>{{ctx.Locale.Tr "repo.issues.dependency.title"}}</strong></span>
+                       <br>
+                       <p>
+                               {{if .Issue.IsPull}}
+                                       {{ctx.Locale.Tr "repo.issues.dependency.pr_no_dependencies"}}
+                               {{else}}
+                                       {{ctx.Locale.Tr "repo.issues.dependency.issue_no_dependencies"}}
+                               {{end}}
+                       </p>
+               {{end}}
+
+               {{if or .BlockingDependencies .BlockingDependenciesNotPermitted}}
+                       <span class="text" data-tooltip-content="{{if .Issue.IsPull}}{{ctx.Locale.Tr "repo.issues.dependency.pr_close_blocks"}}{{else}}{{ctx.Locale.Tr "repo.issues.dependency.issue_close_blocks"}}{{end}}">
+                               <strong>{{ctx.Locale.Tr "repo.issues.dependency.blocks_short"}}</strong>
+                       </span>
+                       <div class="ui relaxed divided list">
+                               {{range .BlockingDependencies}}
+                                       <div class="item dependency{{if .Issue.IsClosed}} is-closed{{end}} tw-flex tw-items-center tw-justify-between">
+                                               <div class="item-left tw-flex tw-justify-center tw-flex-col tw-flex-1 gt-ellipsis">
+                                                       <a class="title muted" href="{{.Issue.Link}}" data-tooltip-content="#{{.Issue.Index}} {{.Issue.Title | ctx.RenderUtils.RenderEmoji}}">
+                                                               #{{.Issue.Index}} {{.Issue.Title | ctx.RenderUtils.RenderEmoji}}
+                                                       </a>
+                                                       <div class="text small gt-ellipsis" data-tooltip-content="{{.Repository.OwnerName}}/{{.Repository.Name}}">
+                                                               {{.Repository.OwnerName}}/{{.Repository.Name}}
+                                                       </div>
+                                               </div>
+                                               <div class="item-right tw-flex tw-items-center tw-m-1">
+                                                       {{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}}
+                                                               <a class="delete-dependency-button ci muted" data-id="{{.Issue.ID}}" data-type="blocking" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dependency.remove_info"}}">
+                                                                       {{svg "octicon-trash" 16}}
+                                                               </a>
+                                                       {{end}}
+                                               </div>
+                                       </div>
+                               {{end}}
+                               {{if .BlockingDependenciesNotPermitted}}
+                                       <div class="item tw-flex tw-items-center tw-justify-between gt-ellipsis">
+                                               <span>{{ctx.Locale.TrN (len .BlockingDependenciesNotPermitted) "repo.issues.dependency.no_permission_1" "repo.issues.dependency.no_permission_n" (len .BlockingDependenciesNotPermitted)}}</span>
+                                       </div>
+                               {{end}}
+                       </div>
+               {{end}}
+
+               {{if or .BlockedByDependencies .BlockedByDependenciesNotPermitted}}
+                       <span class="text" data-tooltip-content="{{if .Issue.IsPull}}{{ctx.Locale.Tr "repo.issues.dependency.pr_closing_blockedby"}}{{else}}{{ctx.Locale.Tr "repo.issues.dependency.issue_closing_blockedby"}}{{end}}">
+                               <strong>{{ctx.Locale.Tr "repo.issues.dependency.blocked_by_short"}}</strong>
+                       </span>
+                       <div class="ui relaxed divided list">
+                               {{range .BlockedByDependencies}}
+                                       <div class="item dependency{{if .Issue.IsClosed}} is-closed{{end}} tw-flex tw-items-center tw-justify-between">
+                                               <div class="item-left tw-flex tw-justify-center tw-flex-col tw-flex-1 gt-ellipsis">
+                                                       <a class="title muted" href="{{.Issue.Link}}" data-tooltip-content="#{{.Issue.Index}} {{.Issue.Title | ctx.RenderUtils.RenderEmoji}}">
+                                                               #{{.Issue.Index}} {{.Issue.Title | ctx.RenderUtils.RenderEmoji}}
+                                                       </a>
+                                                       <div class="text small gt-ellipsis" data-tooltip-content="{{.Repository.OwnerName}}/{{.Repository.Name}}">
+                                                               {{.Repository.OwnerName}}/{{.Repository.Name}}
+                                                       </div>
+                                               </div>
+                                               <div class="item-right tw-flex tw-items-center tw-m-1">
+                                                       {{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}}
+                                                               <a class="delete-dependency-button ci muted" data-id="{{.Issue.ID}}" data-type="blockedBy" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dependency.remove_info"}}">
+                                                                       {{svg "octicon-trash" 16}}
+                                                               </a>
+                                                       {{end}}
+                                               </div>
+                                       </div>
+                               {{end}}
+                               {{if $.CanCreateIssueDependencies}}
+                                       {{range .BlockedByDependenciesNotPermitted}}
+                                               <div class="item dependency{{if .Issue.IsClosed}} is-closed{{end}} tw-flex tw-items-center tw-justify-between">
+                                                       <div class="item-left tw-flex tw-justify-center tw-flex-col tw-flex-1 gt-ellipsis">
+                                                               <div class="gt-ellipsis">
+                                                                       <span data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dependency.no_permission.can_remove"}}">{{svg "octicon-lock" 16}}</span>
+                                                                       <span class="title" data-tooltip-content="#{{.Issue.Index}} {{.Issue.Title | ctx.RenderUtils.RenderEmoji}}">
+                                                                               #{{.Issue.Index}} {{.Issue.Title | ctx.RenderUtils.RenderEmoji}}
+                                                                       </span>
+                                                               </div>
+                                                               <div class="text small gt-ellipsis" data-tooltip-content="{{.Repository.OwnerName}}/{{.Repository.Name}}">
+                                                                       {{.Repository.OwnerName}}/{{.Repository.Name}}
+                                                               </div>
+                                                       </div>
+                                                       <div class="item-right tw-flex tw-items-center tw-m-1">
+                                                               {{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}}
+                                                                       <a class="delete-dependency-button ci muted" data-id="{{.Issue.ID}}" data-type="blocking" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dependency.remove_info"}}">
+                                                                               {{svg "octicon-trash" 16}}
+                                                                       </a>
+                                                               {{end}}
+                                                       </div>
+                                               </div>
+                                       {{end}}
+                               {{else if .BlockedByDependenciesNotPermitted}}
+                                       <div class="item tw-flex tw-items-center tw-justify-between gt-ellipsis">
+                                               <span>{{ctx.Locale.TrN (len .BlockedByDependenciesNotPermitted) "repo.issues.dependency.no_permission_1" "repo.issues.dependency.no_permission_n" (len .BlockedByDependenciesNotPermitted)}}</span>
+                                       </div>
+                               {{end}}
+                       </div>
+               {{end}}
+
+               {{if and .CanCreateIssueDependencies (not .Repository.IsArchived)}}
+                       <div>
+                               <form method="post" action="{{.Issue.Link}}/dependency/add" id="addDependencyForm">
+                                       {{$.CsrfTokenHtml}}
+                                       <div class="ui fluid action input">
+                                               <div class="ui search selection dropdown" id="new-dependency-drop-list" data-issue-id="{{.Issue.ID}}">
+                                                       <input name="newDependency" type="hidden">
+                                                       {{svg "octicon-triangle-down" 14 "dropdown icon"}}
+                                                       <input type="text" class="search">
+                                                       <div class="default text">{{ctx.Locale.Tr "repo.issues.dependency.add"}}</div>
+                                               </div>
+                                               <button class="ui icon button">
+                                                       {{svg "octicon-plus"}}
+                                               </button>
+                                       </div>
+                               </form>
+                       </div>
+               {{end}}
+       </div>
+
+       {{if and .CanCreateIssueDependencies (not .Repository.IsArchived)}}
+               <input type="hidden" id="crossRepoSearch" value="{{.AllowCrossRepositoryDependencies}}">
+
+               <div class="ui g-modal-confirm modal remove-dependency">
+                       <div class="header">
+                               {{svg "octicon-trash"}}
+                               {{ctx.Locale.Tr "repo.issues.dependency.remove_header"}}
+                       </div>
+                       <div class="content">
+                               <form method="post" action="{{.Issue.Link}}/dependency/delete" id="removeDependencyForm">
+                                       {{$.CsrfTokenHtml}}
+                                       <input type="hidden" value="" name="removeDependencyID" id="removeDependencyID">
+                                       <input type="hidden" value="" name="dependencyType" id="dependencyType">
+                               </form>
+                               <p>{{if .Issue.IsPull}}
+                                       {{ctx.Locale.Tr "repo.issues.dependency.pr_remove_text"}}
+                               {{else}}
+                                       {{ctx.Locale.Tr "repo.issues.dependency.issue_remove_text"}}
+                               {{end}}</p>
+                       </div>
+                       {{$ModalButtonCancelText := ctx.Locale.Tr "repo.issues.dependency.cancel"}}
+                       {{$ModalButtonOkText := ctx.Locale.Tr "repo.issues.dependency.remove"}}
+                       {{template "base/modal_actions_confirm" (dict "." . "ModalButtonCancelText" $ModalButtonCancelText "ModalButtonOkText" $ModalButtonOkText)}}
+               </div>
+       {{end}}
+{{end}}
diff --git a/templates/repo/issue/sidebar/issue_management.tmpl b/templates/repo/issue/sidebar/issue_management.tmpl
new file mode 100644 (file)
index 0000000..3342d99
--- /dev/null
@@ -0,0 +1,118 @@
+{{if and .IsRepoAdmin (not .Repository.IsArchived)}}
+       <div class="divider"></div>
+
+       {{if or .PinEnabled .Issue.IsPinned}}
+               <form class="tw-mt-1 form-fetch-action single-button-form" method="post" {{if $.NewPinAllowed}}action="{{.Issue.Link}}/pin"{{else}}data-tooltip-content="{{ctx.Locale.Tr "repo.issues.max_pinned"}}"{{end}}>
+                       {{$.CsrfTokenHtml}}
+                       <button class="fluid ui button {{if not $.NewPinAllowed}}disabled{{end}}">
+                               {{if not .Issue.IsPinned}}
+                                       {{svg "octicon-pin" 16 "tw-mr-2"}}
+                                       {{ctx.Locale.Tr "pin"}}
+                               {{else}}
+                                       {{svg "octicon-pin-slash" 16 "tw-mr-2"}}
+                                       {{ctx.Locale.Tr "unpin"}}
+                               {{end}}
+                       </button>
+               </form>
+       {{end}}
+
+       <button class="tw-mt-1 fluid ui show-modal button{{if .Issue.IsLocked}} red{{end}}" data-modal="#lock">
+               {{if .Issue.IsLocked}}
+                       {{svg "octicon-key"}}
+                       {{ctx.Locale.Tr "repo.issues.unlock"}}
+               {{else}}
+                       {{svg "octicon-lock"}}
+                       {{ctx.Locale.Tr "repo.issues.lock"}}
+               {{end}}
+       </button>
+       <div class="ui tiny modal" id="lock">
+               <div class="header">
+                       {{if .Issue.IsLocked}}
+                               {{ctx.Locale.Tr "repo.issues.unlock.title"}}
+                       {{else}}
+                               {{ctx.Locale.Tr "repo.issues.lock.title"}}
+                       {{end}}
+               </div>
+               <div class="content">
+                       <div class="ui warning message">
+                               {{if .Issue.IsLocked}}
+                                       {{ctx.Locale.Tr "repo.issues.unlock.notice_1"}}<br>
+                                       {{ctx.Locale.Tr "repo.issues.unlock.notice_2"}}<br>
+                               {{else}}
+                                       {{ctx.Locale.Tr "repo.issues.lock.notice_1"}}<br>
+                                       {{ctx.Locale.Tr "repo.issues.lock.notice_2"}}<br>
+                                       {{ctx.Locale.Tr "repo.issues.lock.notice_3"}}<br>
+                               {{end}}
+                       </div>
+
+                       <form class="ui form form-fetch-action" action="{{.Issue.Link}}{{if .Issue.IsLocked}}/unlock{{else}}/lock{{end}}"
+                               method="post">
+                               {{.CsrfTokenHtml}}
+
+                               {{if not .Issue.IsLocked}}
+                                       <div class="field">
+                                               <strong> {{ctx.Locale.Tr "repo.issues.lock.reason"}} </strong>
+                                       </div>
+
+                                       <div class="field">
+                                               <div class="ui fluid dropdown selection">
+
+                                                       <select name="reason">
+                                                               <option value=""> </option>
+                                                               {{range .LockReasons}}
+                                                                       <option value="{{.}}">{{.}}</option>
+                                                               {{end}}
+                                                       </select>
+                                                       {{svg "octicon-triangle-down" 14 "dropdown icon"}}
+
+                                                       <div class="default text"> </div>
+
+                                                       <div class="menu">
+                                                               {{range .LockReasons}}
+                                                                       <div class="item" data-value="{{.}}">{{.}}</div>
+                                                               {{end}}
+                                                       </div>
+                                               </div>
+                                       </div>
+                               {{end}}
+
+                               <div class="text right actions">
+                                       <button class="ui cancel button">{{ctx.Locale.Tr "settings.cancel"}}</button>
+                                       <button class="ui red button">
+                                               {{if .Issue.IsLocked}}
+                                                       {{ctx.Locale.Tr "repo.issues.unlock_confirm"}}
+                                               {{else}}
+                                                       {{ctx.Locale.Tr "repo.issues.lock_confirm"}}
+                                               {{end}}
+                                       </button>
+                               </div>
+                       </form>
+               </div>
+       </div>
+       <button class="tw-mt-1 fluid ui show-modal button" data-modal="#sidebar-delete-issue">
+               {{svg "octicon-trash"}}
+               {{ctx.Locale.Tr "repo.issues.delete"}}
+       </button>
+       <div class="ui g-modal-confirm modal" id="sidebar-delete-issue">
+               <div class="header">
+                       {{if .Issue.IsPull}}
+                               {{ctx.Locale.Tr "repo.pulls.delete.title"}}
+                       {{else}}
+                               {{ctx.Locale.Tr "repo.issues.delete.title"}}
+                       {{end}}
+               </div>
+               <div class="content">
+                       <p>
+                               {{if .Issue.IsPull}}
+                                       {{ctx.Locale.Tr "repo.pulls.delete.text"}}
+                               {{else}}
+                                       {{ctx.Locale.Tr "repo.issues.delete.text"}}
+                               {{end}}
+                       </p>
+               </div>
+               <form action="{{.Issue.Link}}/delete" method="post">
+                       {{.CsrfTokenHtml}}
+                       {{template "base/modal_actions_confirm" .}}
+               </form>
+       </div>
+{{end}}
diff --git a/templates/repo/issue/sidebar/milestone_list.tmpl b/templates/repo/issue/sidebar/milestone_list.tmpl
new file mode 100644 (file)
index 0000000..e9ca02f
--- /dev/null
@@ -0,0 +1,23 @@
+<div class="divider"></div>
+<div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-milestone dropdown">
+       <a class="text muted flex-text-block">
+               <strong>{{ctx.Locale.Tr "repo.issues.new.milestone"}}</strong>
+               {{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}}
+                       {{svg "octicon-gear" 16 "tw-ml-1"}}
+               {{end}}
+       </a>
+       <div class="menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/milestone">
+               {{template "repo/issue/milestone/select_menu" .}}
+       </div>
+</div>
+<div class="ui select-milestone list">
+       <span class="no-select item {{if .Issue.Milestone}}tw-hidden{{end}}">{{ctx.Locale.Tr "repo.issues.new.no_milestone"}}</span>
+       <div class="selected">
+               {{if .Issue.Milestone}}
+                       <a class="item muted sidebar-item-link" href="{{.RepoLink}}/milestone/{{.Issue.Milestone.ID}}">
+                               {{svg "octicon-milestone" 18 "tw-mr-2"}}
+                               {{.Issue.Milestone.Name}}
+                       </a>
+               {{end}}
+       </div>
+</div>
diff --git a/templates/repo/issue/sidebar/participant_list.tmpl b/templates/repo/issue/sidebar/participant_list.tmpl
new file mode 100644 (file)
index 0000000..91c36fc
--- /dev/null
@@ -0,0 +1,11 @@
+{{if .Participants}}
+       <div class="divider"></div>
+       <span class="text"><strong>{{ctx.Locale.Tr "repo.issues.num_participants" .NumParticipants}}</strong></span>
+       <div class="ui list tw-flex tw-flex-wrap">
+               {{range .Participants}}
+                       <a {{if gt .ID 0}}href="{{.HomeLink}}"{{end}} data-tooltip-content="{{.GetDisplayName}}">
+                               {{ctx.AvatarUtils.Avatar . 28 "tw-my-0.5 tw-mr-1"}}
+                       </a>
+               {{end}}
+       </div>
+{{end}}
diff --git a/templates/repo/issue/sidebar/project_list.tmpl b/templates/repo/issue/sidebar/project_list.tmpl
new file mode 100644 (file)
index 0000000..ec79f80
--- /dev/null
@@ -0,0 +1,53 @@
+{{if .IsProjectsEnabled}}
+       <div class="divider"></div>
+
+       <div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-project dropdown">
+               <a class="text muted flex-text-block">
+                       <strong>{{ctx.Locale.Tr "repo.issues.new.projects"}}</strong>
+                       {{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}}
+                               {{svg "octicon-gear" 16 "tw-ml-1"}}
+                       {{end}}
+               </a>
+               <div class="menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/projects">
+                       {{if or .OpenProjects .ClosedProjects}}
+                       <div class="ui icon search input">
+                               <i class="icon">{{svg "octicon-search" 16}}</i>
+                               <input type="text" placeholder="{{ctx.Locale.Tr "repo.issues.filter_projects"}}">
+                       </div>
+                       {{end}}
+                       <div class="no-select item">{{ctx.Locale.Tr "repo.issues.new.clear_projects"}}</div>
+                       {{if .OpenProjects}}
+                               <div class="divider"></div>
+                               <div class="header">
+                                       {{ctx.Locale.Tr "repo.issues.new.open_projects"}}
+                               </div>
+                               {{range .OpenProjects}}
+                                       <a class="item muted sidebar-item-link" data-id="{{.ID}}" data-href="{{.Link ctx}}">
+                                               {{svg .IconName 18 "tw-mr-2"}}{{.Title}}
+                                       </a>
+                               {{end}}
+                       {{end}}
+                       {{if .ClosedProjects}}
+                               <div class="divider"></div>
+                               <div class="header">
+                                       {{ctx.Locale.Tr "repo.issues.new.closed_projects"}}
+                               </div>
+                               {{range .ClosedProjects}}
+                                       <a class="item muted sidebar-item-link" data-id="{{.ID}}" data-href="{{.Link ctx}}">
+                                               {{svg .IconName 18 "tw-mr-2"}}{{.Title}}
+                                       </a>
+                               {{end}}
+                       {{end}}
+               </div>
+       </div>
+       <div class="ui select-project list">
+               <span class="no-select item {{if .Issue.Project}}tw-hidden{{end}}">{{ctx.Locale.Tr "repo.issues.new.no_projects"}}</span>
+               <div class="selected">
+                       {{if .Issue.Project}}
+                               <a class="item muted sidebar-item-link" href="{{.Issue.Project.Link ctx}}">
+                                       {{svg .Issue.Project.IconName 18 "tw-mr-2"}}{{.Issue.Project.Title}}
+                               </a>
+                       {{end}}
+               </div>
+       </div>
+{{end}}
diff --git a/templates/repo/issue/sidebar/reference_link.tmpl b/templates/repo/issue/sidebar/reference_link.tmpl
new file mode 100644 (file)
index 0000000..6b8f120
--- /dev/null
@@ -0,0 +1,8 @@
+<div class="divider"></div>
+<div class="ui equal width compact grid">
+       {{$issueReferenceLink := printf "%s#%d" .Issue.Repo.FullName .Issue.Index}}
+       <div class="row tw-items-center" data-tooltip-content="{{$issueReferenceLink}}">
+               <span class="text column truncate">{{ctx.Locale.Tr "repo.issues.reference_link" $issueReferenceLink}}</span>
+               <button class="ui two wide button column tw-p-2" data-clipboard-text="{{$issueReferenceLink}}">{{svg "octicon-copy" 14}}</button>
+       </div>
+</div>
diff --git a/templates/repo/issue/sidebar/reviewer_list.tmpl b/templates/repo/issue/sidebar/reviewer_list.tmpl
new file mode 100644 (file)
index 0000000..cf4d067
--- /dev/null
@@ -0,0 +1,116 @@
+<input id="reviewer_id" name="reviewer_id" type="hidden" value="{{.reviewer_id}}">
+<div class="ui {{if or (and (not .Reviewers) (not .TeamReviewers)) (not .CanChooseReviewer) .Repository.IsArchived}}disabled{{end}} floating jump select-reviewers-modify dropdown">
+       <a class="text tw-flex tw-items-center muted">
+               <strong>{{ctx.Locale.Tr "repo.issues.review.reviewers"}}</strong>
+               {{if and .CanChooseReviewer (not .Repository.IsArchived)}}
+                       {{svg "octicon-gear" 16 "tw-ml-1"}}
+               {{end}}
+       </a>
+       <div class="filter menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/request_review">
+               {{if .Reviewers}}
+                       <div class="ui icon search input">
+                               <i class="icon">{{svg "octicon-search" 16}}</i>
+                               <input type="text" placeholder="{{ctx.Locale.Tr "repo.issues.filter_reviewers"}}">
+                       </div>
+               {{end}}
+               {{if .Reviewers}}
+                       {{range .Reviewers}}
+                               {{if .User}}
+                                       <a class="{{if not .CanChange}}ui{{end}} item {{if .Checked}}checked{{end}} {{if not .CanChange}}ban-change{{end}}" href="#" data-id="{{.ItemID}}" data-id-selector="#review_request_{{.ItemID}}" {{if not .CanChange}} data-tooltip-content="{{ctx.Locale.Tr "repo.issues.remove_request_review_block"}}"{{end}}>
+                                               <span class="octicon-check {{if not .Checked}}tw-invisible{{end}}">{{svg "octicon-check"}}</span>
+                                               <span class="text">
+                                                       {{ctx.AvatarUtils.Avatar .User 28 "tw-mr-2"}}{{template "repo/search_name" .User}}
+                                               </span>
+                                       </a>
+                               {{end}}
+                       {{end}}
+               {{end}}
+               {{if .TeamReviewers}}
+                       {{if .Reviewers}}
+                               <div class="divider"></div>
+                       {{end}}
+                       {{range .TeamReviewers}}
+                               {{if .Team}}
+                                       <a class="{{if not .CanChange}}ui{{end}} item {{if .Checked}}checked{{end}} {{if not .CanChange}}ban-change{{end}}" href="#" data-id="{{.ItemID}}" data-id-selector="#review_request_team_{{.Team.ID}}" {{if not .CanChange}} data-tooltip-content="{{ctx.Locale.Tr "repo.issues.remove_request_review_block"}}"{{end}}>
+                                               <span class="octicon-check {{if not .Checked}}tw-invisible{{end}}">{{svg "octicon-check" 16}}</span>
+                                               <span class="text">
+                                                       {{svg "octicon-people" 16 "tw-ml-4 tw-mr-1"}}{{$.Issue.Repo.OwnerName}}/{{.Team.Name}}
+                                               </span>
+                                       </a>
+                               {{end}}
+                       {{end}}
+               {{end}}
+       </div>
+</div>
+
+<div class="ui assignees list">
+       <span class="no-select item {{if or .OriginalReviews .PullReviewers}}tw-hidden{{end}}">{{ctx.Locale.Tr "repo.issues.new.no_reviewers"}}</span>
+       <div class="selected">
+               {{range .PullReviewers}}
+                       <div class="item tw-flex tw-items-center tw-py-2">
+                               <div class="tw-flex tw-items-center tw-flex-1">
+                                       {{if .User}}
+                                               <a class="muted sidebar-item-link" href="{{.User.HomeLink}}">{{ctx.AvatarUtils.Avatar .User 20 "tw-mr-2"}}{{.User.GetDisplayName}}</a>
+                                       {{else if .Team}}
+                                               <span class="text">{{svg "octicon-people" 20 "tw-mr-2"}}{{$.Issue.Repo.OwnerName}}/{{.Team.Name}}</span>
+                                       {{end}}
+                               </div>
+                               <div class="tw-flex tw-items-center tw-gap-2">
+                                       {{if (and $.Permission.IsAdmin (or (eq .Review.Type 1) (eq .Review.Type 3)) (not $.Issue.IsClosed) (not $.Issue.PullRequest.HasMerged))}}
+                                               <a href="#" class="ui muted icon tw-flex tw-items-center show-modal" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dismiss_review"}}" data-modal="#dismiss-review-modal-{{.Review.ID}}">
+                                                       {{svg "octicon-x" 20}}
+                                               </a>
+                                               <div class="ui small modal" id="dismiss-review-modal-{{.Review.ID}}">
+                                                       <div class="header">
+                                                               {{ctx.Locale.Tr "repo.issues.dismiss_review"}}
+                                                       </div>
+                                                       <div class="content">
+                                                               <div class="ui warning message">
+                                                                       {{ctx.Locale.Tr "repo.issues.dismiss_review_warning"}}
+                                                               </div>
+                                                               <form class="ui form dismiss-review-form" id="dismiss-review-{{.Review.ID}}" action="{{$.RepoLink}}/issues/dismiss_review" method="post">
+                                                                       {{$.CsrfTokenHtml}}
+                                                                       <input type="hidden" name="review_id" value="{{.Review.ID}}">
+                                                                       <div class="field">
+                                                                               <label for="message">{{ctx.Locale.Tr "action.review_dismissed_reason"}}</label>
+                                                                               <input id="message" name="message">
+                                                                       </div>
+                                                                       <div class="text right actions">
+                                                                               <button class="ui cancel button">{{ctx.Locale.Tr "settings.cancel"}}</button>
+                                                                               <button class="ui red button" type="submit">{{ctx.Locale.Tr "ok"}}</button>
+                                                                       </div>
+                                                               </form>
+                                                       </div>
+                                               </div>
+                                       {{end}}
+                                       {{if .Review.Stale}}
+                                               <span data-tooltip-content="{{ctx.Locale.Tr "repo.issues.is_stale"}}">
+                                                       {{svg "octicon-hourglass" 16}}
+                                               </span>
+                                       {{end}}
+                                       {{if and .CanChange (or .Checked (and (not $.Issue.IsClosed) (not $.Issue.PullRequest.HasMerged)))}}
+                                               <a href="#" class="ui muted icon re-request-review{{if .Checked}} checked{{end}}" data-tooltip-content="{{if .Checked}}{{ctx.Locale.Tr "repo.issues.remove_request_review"}}{{else}}{{ctx.Locale.Tr "repo.issues.re_request_review"}}{{end}}" data-issue-id="{{$.Issue.ID}}" data-id="{{.ItemID}}" data-update-url="{{$.RepoLink}}/issues/request_review">{{svg (Iif .Checked "octicon-trash" "octicon-sync")}}</a>
+                                       {{end}}
+                                       <span {{if .Review.TooltipContent}}data-tooltip-content="{{ctx.Locale.Tr .Review.TooltipContent}}"{{end}}>
+                                               {{svg (printf "octicon-%s" .Review.Type.Icon) 16 (printf "text %s" (.Review.HTMLTypeColorName))}}
+                                       </span>
+                               </div>
+                       </div>
+               {{end}}
+               {{range .OriginalReviews}}
+                       <div class="item tw-flex tw-items-center tw-py-2">
+                               <div class="tw-flex tw-items-center tw-flex-1">
+                                       <a class="muted" href="{{$.Repository.OriginalURL}}" data-tooltip-content="{{ctx.Locale.Tr "repo.migrated_from_fake" $.Repository.GetOriginalURLHostname}}">
+                                               {{svg (MigrationIcon $.Repository.GetOriginalURLHostname) 20 "tw-mr-2"}}
+                                               {{.OriginalAuthor}}
+                                       </a>
+                               </div>
+                               <div class="tw-flex tw-items-center tw-gap-2">
+                                       <span {{if .TooltipContent}}data-tooltip-content="{{ctx.Locale.Tr .TooltipContent}}"{{end}}>
+                                               {{svg (printf "octicon-%s" .Type.Icon) 16 (printf "text %s" (.HTMLTypeColorName))}}
+                                       </span>
+                               </div>
+                       </div>
+               {{end}}
+       </div>
+</div>
diff --git a/templates/repo/issue/sidebar/stopwatch_timetracker.tmpl b/templates/repo/issue/sidebar/stopwatch_timetracker.tmpl
new file mode 100644 (file)
index 0000000..9a49664
--- /dev/null
@@ -0,0 +1,75 @@
+{{if .Repository.IsTimetrackerEnabled ctx}}
+       {{if and .CanUseTimetracker (not .Repository.IsArchived)}}
+               <div class="divider"></div>
+               <div class="ui timetrack">
+                       <span class="text"><strong>{{ctx.Locale.Tr "repo.issues.tracker"}}</strong></span>
+                       <div class="tw-mt-2">
+                               <form method="post" action="{{.Issue.Link}}/times/stopwatch/toggle" id="toggle_stopwatch_form">
+                                       {{$.CsrfTokenHtml}}
+                               </form>
+                               <form method="post" action="{{.Issue.Link}}/times/stopwatch/cancel" id="cancel_stopwatch_form">
+                                       {{$.CsrfTokenHtml}}
+                               </form>
+                               {{if $.IsStopwatchRunning}}
+                                       <button class="ui fluid button issue-stop-time">
+                                               {{svg "octicon-stopwatch" 16 "tw-mr-2"}}
+                                               {{ctx.Locale.Tr "repo.issues.stop_tracking"}}
+                                       </button>
+                                       <button class="ui fluid button issue-cancel-time tw-mt-2">
+                                               {{svg "octicon-trash" 16 "tw-mr-2"}}
+                                               {{ctx.Locale.Tr "repo.issues.cancel_tracking"}}
+                                       </button>
+                               {{else}}
+                                       {{if .HasUserStopwatch}}
+                                               <div class="ui warning message">
+                                                       {{ctx.Locale.Tr "repo.issues.tracking_already_started" .OtherStopwatchURL}}
+                                               </div>
+                                       {{end}}
+                                       <button class="ui fluid button issue-start-time" data-tooltip-content='{{ctx.Locale.Tr "repo.issues.start_tracking"}}'>
+                                               {{svg "octicon-stopwatch" 16 "tw-mr-2"}}
+                                               {{ctx.Locale.Tr "repo.issues.start_tracking_short"}}
+                                       </button>
+                                       <div class="ui mini modal issue-start-time-modal">
+                                               <div class="header">{{ctx.Locale.Tr "repo.issues.add_time"}}</div>
+                                               <div class="content">
+                                                       <form method="post" id="add_time_manual_form" action="{{.Issue.Link}}/times/add" class="ui input fluid tw-gap-2">
+                                                               {{$.CsrfTokenHtml}}
+                                                               <input placeholder='{{ctx.Locale.Tr "repo.issues.add_time_hours"}}' type="number" name="hours">
+                                                               <input placeholder='{{ctx.Locale.Tr "repo.issues.add_time_minutes"}}' type="number" name="minutes" class="ui compact">
+                                                       </form>
+                                               </div>
+                                               <div class="actions">
+                                                       <button class="ui primary approve button">{{ctx.Locale.Tr "repo.issues.add_time_short"}}</button>
+                                                       <button class="ui cancel button">{{ctx.Locale.Tr "repo.issues.add_time_cancel"}}</button>
+                                               </div>
+                                       </div>
+                                       <button class="ui fluid button issue-add-time tw-mt-2" data-tooltip-content='{{ctx.Locale.Tr "repo.issues.add_time"}}'>
+                                               {{svg "octicon-plus" 16 "tw-mr-2"}}
+                                               {{ctx.Locale.Tr "repo.issues.add_time_short"}}
+                                       </button>
+                               {{end}}
+                       </div>
+               </div>
+       {{end}}
+       {{if .WorkingUsers}}
+               <div class="divider"></div>
+               <div class="ui comments">
+                       <span class="text"><strong>{{ctx.Locale.Tr "repo.issues.time_spent_from_all_authors" ($.Issue.TotalTrackedTime | Sec2Time)}}</strong></span>
+                       <div>
+                               {{range $user, $trackedtime := .WorkingUsers}}
+                                       <div class="comment tw-mt-2">
+                                               <a class="avatar">
+                                                       {{ctx.AvatarUtils.Avatar $user}}
+                                               </a>
+                                               <div class="content">
+                                                       {{template "shared/user/authorlink" $user}}
+                                                       <div class="text">
+                                                               {{$trackedtime|Sec2Time}}
+                                                       </div>
+                                               </div>
+                                       </div>
+                               {{end}}
+                       </div>
+               </div>
+       {{end}}
+{{end}}
diff --git a/templates/repo/issue/sidebar/watch_notification.tmpl b/templates/repo/issue/sidebar/watch_notification.tmpl
new file mode 100644 (file)
index 0000000..aafee87
--- /dev/null
@@ -0,0 +1,9 @@
+{{if and $.IssueWatch (not .Repository.IsArchived)}}
+       <div class="divider"></div>
+       <div class="ui watching">
+               <span class="text"><strong>{{ctx.Locale.Tr "notification.notifications"}}</strong></span>
+               <div class="tw-mt-2">
+                       {{template "repo/issue/view_content/watching" .}}
+               </div>
+       </div>
+{{end}}
diff --git a/templates/repo/issue/sidebar/wip_switch.tmpl b/templates/repo/issue/sidebar/wip_switch.tmpl
new file mode 100644 (file)
index 0000000..2f89946
--- /dev/null
@@ -0,0 +1,7 @@
+{{if and (or .HasIssuesOrPullsWritePermission .IsIssuePoster) (not .HasMerged) (not .Issue.IsClosed) (not .IsPullWorkInProgress)}}
+       <div class="toggle-wip" data-title="{{.Issue.Title}}" data-wip-prefix="{{index .PullRequestWorkInProgressPrefixes 0}}" data-update-url="{{.Issue.Link}}/title">
+               <a class="muted">
+                       {{ctx.Locale.Tr "repo.pulls.still_in_progress"}} {{ctx.Locale.Tr "repo.pulls.add_prefix" (index .PullRequestWorkInProgressPrefixes 0)}}
+               </a>
+       </div>
+{{end}}
index 9c1acae0cfb0e686a348fb621d464c7d98780f33..7afb76968a2546baf201aa2c2aa26405ab4c4491 100644 (file)
 <div class="issue-content-right ui segment">
-       {{template "repo/issue/branch_selector_field" .}}
-       {{if .Issue.IsPull}}
-               <input id="reviewer_id" name="reviewer_id" type="hidden" value="{{.reviewer_id}}">
-               <div class="ui {{if or (and (not .Reviewers) (not .TeamReviewers)) (not .CanChooseReviewer) .Repository.IsArchived}}disabled{{end}} floating jump select-reviewers-modify dropdown">
-                       <a class="text tw-flex tw-items-center muted">
-                               <strong>{{ctx.Locale.Tr "repo.issues.review.reviewers"}}</strong>
-                               {{if and .CanChooseReviewer (not .Repository.IsArchived)}}
-                                       {{svg "octicon-gear" 16 "tw-ml-1"}}
-                               {{end}}
-                       </a>
-                       <div class="filter menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/request_review">
-                               {{if .Reviewers}}
-                                       <div class="ui icon search input">
-                                               <i class="icon">{{svg "octicon-search" 16}}</i>
-                                               <input type="text" placeholder="{{ctx.Locale.Tr "repo.issues.filter_reviewers"}}">
-                                       </div>
-                               {{end}}
-                               {{if .Reviewers}}
-                                       {{range .Reviewers}}
-                                               {{if .User}}
-                                                       <a class="{{if not .CanChange}}ui{{end}} item {{if .Checked}}checked{{end}} {{if not .CanChange}}ban-change{{end}}" href="#" data-id="{{.ItemID}}" data-id-selector="#review_request_{{.ItemID}}" {{if not .CanChange}} data-tooltip-content="{{ctx.Locale.Tr "repo.issues.remove_request_review_block"}}"{{end}}>
-                                                               <span class="octicon-check {{if not .Checked}}tw-invisible{{end}}">{{svg "octicon-check"}}</span>
-                                                               <span class="text">
-                                                                       {{ctx.AvatarUtils.Avatar .User 28 "tw-mr-2"}}{{template "repo/search_name" .User}}
-                                                               </span>
-                                                       </a>
-                                               {{end}}
-                                       {{end}}
-                               {{end}}
-                               {{if .TeamReviewers}}
-                                       {{if .Reviewers}}
-                                               <div class="divider"></div>
-                                       {{end}}
-                                       {{range .TeamReviewers}}
-                                               {{if .Team}}
-                                                       <a class="{{if not .CanChange}}ui{{end}} item {{if .Checked}}checked{{end}} {{if not .CanChange}}ban-change{{end}}" href="#" data-id="{{.ItemID}}" data-id-selector="#review_request_team_{{.Team.ID}}" {{if not .CanChange}} data-tooltip-content="{{ctx.Locale.Tr "repo.issues.remove_request_review_block"}}"{{end}}>
-                                                               <span class="octicon-check {{if not .Checked}}tw-invisible{{end}}">{{svg "octicon-check" 16}}</span>
-                                                               <span class="text">
-                                                                       {{svg "octicon-people" 16 "tw-ml-4 tw-mr-1"}}{{$.Issue.Repo.OwnerName}}/{{.Team.Name}}
-                                                               </span>
-                                                       </a>
-                                               {{end}}
-                                       {{end}}
-                               {{end}}
-                       </div>
-               </div>
+       {{template "repo/issue/branch_selector_field" $}}
 
-               <div class="ui assignees list">
-                       <span class="no-select item {{if or .OriginalReviews .PullReviewers}}tw-hidden{{end}}">{{ctx.Locale.Tr "repo.issues.new.no_reviewers"}}</span>
-                       <div class="selected">
-                               {{range .PullReviewers}}
-                                       <div class="item tw-flex tw-items-center tw-py-2">
-                                               <div class="tw-flex tw-items-center tw-flex-1">
-                                                       {{if .User}}
-                                                               <a class="muted sidebar-item-link" href="{{.User.HomeLink}}">{{ctx.AvatarUtils.Avatar .User 20 "tw-mr-2"}}{{.User.GetDisplayName}}</a>
-                                                       {{else if .Team}}
-                                                               <span class="text">{{svg "octicon-people" 20 "tw-mr-2"}}{{$.Issue.Repo.OwnerName}}/{{.Team.Name}}</span>
-                                                       {{end}}
-                                               </div>
-                                               <div class="tw-flex tw-items-center tw-gap-2">
-                                                       {{if (and $.Permission.IsAdmin (or (eq .Review.Type 1) (eq .Review.Type 3)) (not $.Issue.IsClosed) (not $.Issue.PullRequest.HasMerged))}}
-                                                               <a href="#" class="ui muted icon tw-flex tw-items-center show-modal" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dismiss_review"}}" data-modal="#dismiss-review-modal-{{.Review.ID}}">
-                                                                       {{svg "octicon-x" 20}}
-                                                               </a>
-                                                               <div class="ui small modal" id="dismiss-review-modal-{{.Review.ID}}">
-                                                                       <div class="header">
-                                                                               {{ctx.Locale.Tr "repo.issues.dismiss_review"}}
-                                                                       </div>
-                                                                       <div class="content">
-                                                                               <div class="ui warning message">
-                                                                                       {{ctx.Locale.Tr "repo.issues.dismiss_review_warning"}}
-                                                                               </div>
-                                                                               <form class="ui form dismiss-review-form" id="dismiss-review-{{.Review.ID}}" action="{{$.RepoLink}}/issues/dismiss_review" method="post">
-                                                                                       {{$.CsrfTokenHtml}}
-                                                                                       <input type="hidden" name="review_id" value="{{.Review.ID}}">
-                                                                                       <div class="field">
-                                                                                               <label for="message">{{ctx.Locale.Tr "action.review_dismissed_reason"}}</label>
-                                                                                               <input id="message" name="message">
-                                                                                       </div>
-                                                                                       <div class="text right actions">
-                                                                                               <button class="ui cancel button">{{ctx.Locale.Tr "settings.cancel"}}</button>
-                                                                                               <button class="ui red button" type="submit">{{ctx.Locale.Tr "ok"}}</button>
-                                                                                       </div>
-                                                                               </form>
-                                                                       </div>
-                                                               </div>
-                                                       {{end}}
-                                                       {{if .Review.Stale}}
-                                                               <span data-tooltip-content="{{ctx.Locale.Tr "repo.issues.is_stale"}}">
-                                                                       {{svg "octicon-hourglass" 16}}
-                                                               </span>
-                                                       {{end}}
-                                                       {{if and .CanChange (or .Checked (and (not $.Issue.IsClosed) (not $.Issue.PullRequest.HasMerged)))}}
-                                                               <a href="#" class="ui muted icon re-request-review{{if .Checked}} checked{{end}}" data-tooltip-content="{{if .Checked}}{{ctx.Locale.Tr "repo.issues.remove_request_review"}}{{else}}{{ctx.Locale.Tr "repo.issues.re_request_review"}}{{end}}" data-issue-id="{{$.Issue.ID}}" data-id="{{.ItemID}}" data-update-url="{{$.RepoLink}}/issues/request_review">{{svg (Iif .Checked "octicon-trash" "octicon-sync")}}</a>
-                                                       {{end}}
-                                                       <span {{if .Review.TooltipContent}}data-tooltip-content="{{ctx.Locale.Tr .Review.TooltipContent}}"{{end}}>
-                                                               {{svg (printf "octicon-%s" .Review.Type.Icon) 16 (printf "text %s" (.Review.HTMLTypeColorName))}}
-                                                       </span>
-                                               </div>
-                                       </div>
-                               {{end}}
-                               {{range .OriginalReviews}}
-                                       <div class="item tw-flex tw-items-center tw-py-2">
-                                               <div class="tw-flex tw-items-center tw-flex-1">
-                                                       <a class="muted" href="{{$.Repository.OriginalURL}}" data-tooltip-content="{{ctx.Locale.Tr "repo.migrated_from_fake" $.Repository.GetOriginalURLHostname}}">
-                                                               {{svg (MigrationIcon $.Repository.GetOriginalURLHostname) 20 "tw-mr-2"}}
-                                                               {{.OriginalAuthor}}
-                                                       </a>
-                                               </div>
-                                               <div class="tw-flex tw-items-center tw-gap-2">
-                                                       <span {{if .TooltipContent}}data-tooltip-content="{{ctx.Locale.Tr .TooltipContent}}"{{end}}>
-                                                               {{svg (printf "octicon-%s" .Type.Icon) 16 (printf "text %s" (.HTMLTypeColorName))}}
-                                                       </span>
-                                               </div>
-                                       </div>
-                               {{end}}
-                       </div>
-               </div>
-               {{if and (or .HasIssuesOrPullsWritePermission .IsIssuePoster) (not .HasMerged) (not .Issue.IsClosed) (not .IsPullWorkInProgress)}}
-                       <div class="toggle-wip" data-title="{{.Issue.Title}}" data-wip-prefix="{{index .PullRequestWorkInProgressPrefixes 0}}" data-update-url="{{.Issue.Link}}/title">
-                               <a class="muted">
-                                       {{ctx.Locale.Tr "repo.pulls.still_in_progress"}} {{ctx.Locale.Tr "repo.pulls.add_prefix" (index .PullRequestWorkInProgressPrefixes 0)}}
-                               </a>
-                       </div>
-               {{end}}
+       {{if .Issue.IsPull}}
+               {{template "repo/issue/sidebar/reviewer_list" $}}
+               {{template "repo/issue/sidebar/wip_switch" $}}
                <div class="divider"></div>
        {{end}}
 
-       {{template "repo/issue/labels/labels_selector_field" .}}
+       {{template "repo/issue/labels/labels_selector_field" $}}
        {{template "repo/issue/labels/labels_sidebar" dict "root" $}}
 
-       <div class="divider"></div>
-
-       <div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-milestone dropdown">
-               <a class="text muted flex-text-block">
-                       <strong>{{ctx.Locale.Tr "repo.issues.new.milestone"}}</strong>
-                       {{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}}
-                               {{svg "octicon-gear" 16 "tw-ml-1"}}
-                       {{end}}
-               </a>
-               <div class="menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/milestone">
-                       {{template "repo/issue/milestone/select_menu" .}}
-               </div>
-       </div>
-       <div class="ui select-milestone list">
-               <span class="no-select item {{if .Issue.Milestone}}tw-hidden{{end}}">{{ctx.Locale.Tr "repo.issues.new.no_milestone"}}</span>
-               <div class="selected">
-                       {{if .Issue.Milestone}}
-                               <a class="item muted sidebar-item-link" href="{{.RepoLink}}/milestone/{{.Issue.Milestone.ID}}">
-                                       {{svg "octicon-milestone" 18 "tw-mr-2"}}
-                                       {{.Issue.Milestone.Name}}
-                               </a>
-                       {{end}}
-               </div>
-       </div>
-
-       {{if .IsProjectsEnabled}}
-               <div class="divider"></div>
-
-               <div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-project dropdown">
-                       <a class="text muted flex-text-block">
-                               <strong>{{ctx.Locale.Tr "repo.issues.new.projects"}}</strong>
-                               {{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}}
-                                       {{svg "octicon-gear" 16 "tw-ml-1"}}
-                               {{end}}
-                       </a>
-                       <div class="menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/projects">
-                               {{if or .OpenProjects .ClosedProjects}}
-                               <div class="ui icon search input">
-                                       <i class="icon">{{svg "octicon-search" 16}}</i>
-                                       <input type="text" placeholder="{{ctx.Locale.Tr "repo.issues.filter_projects"}}">
-                               </div>
-                               {{end}}
-                               <div class="no-select item">{{ctx.Locale.Tr "repo.issues.new.clear_projects"}}</div>
-                               {{if .OpenProjects}}
-                                       <div class="divider"></div>
-                                       <div class="header">
-                                               {{ctx.Locale.Tr "repo.issues.new.open_projects"}}
-                                       </div>
-                                       {{range .OpenProjects}}
-                                               <a class="item muted sidebar-item-link" data-id="{{.ID}}" data-href="{{.Link ctx}}">
-                                                       {{svg .IconName 18 "tw-mr-2"}}{{.Title}}
-                                               </a>
-                                       {{end}}
-                               {{end}}
-                               {{if .ClosedProjects}}
-                                       <div class="divider"></div>
-                                       <div class="header">
-                                               {{ctx.Locale.Tr "repo.issues.new.closed_projects"}}
-                                       </div>
-                                       {{range .ClosedProjects}}
-                                               <a class="item muted sidebar-item-link" data-id="{{.ID}}" data-href="{{.Link ctx}}">
-                                                       {{svg .IconName 18 "tw-mr-2"}}{{.Title}}
-                                               </a>
-                                       {{end}}
-                               {{end}}
-                       </div>
-               </div>
-               <div class="ui select-project list">
-                       <span class="no-select item {{if .Issue.Project}}tw-hidden{{end}}">{{ctx.Locale.Tr "repo.issues.new.no_projects"}}</span>
-                       <div class="selected">
-                               {{if .Issue.Project}}
-                                       <a class="item muted sidebar-item-link" href="{{.Issue.Project.Link ctx}}">
-                                               {{svg .Issue.Project.IconName 18 "tw-mr-2"}}{{.Issue.Project.Title}}
-                                       </a>
-                               {{end}}
-                       </div>
-               </div>
-       {{end}}
-
-       <div class="divider"></div>
-
-       <input id="assignee_id" name="assignee_id" type="hidden" value="{{.assignee_id}}">
-       <div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-assignees-modify dropdown">
-               <a class="text muted flex-text-block">
-                       <strong>{{ctx.Locale.Tr "repo.issues.new.assignees"}}</strong>
-                       {{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}}
-                               {{svg "octicon-gear" 16 "tw-ml-1"}}
-                       {{end}}
-               </a>
-               <div class="filter menu" data-action="update" data-issue-id="{{$.Issue.ID}}" data-update-url="{{$.RepoLink}}/issues/assignee">
-                       <div class="ui icon search input">
-                               <i class="icon">{{svg "octicon-search" 16}}</i>
-                               <input type="text" placeholder="{{ctx.Locale.Tr "repo.issues.filter_assignees"}}">
-                       </div>
-                       <div class="no-select item">{{ctx.Locale.Tr "repo.issues.new.clear_assignees"}}</div>
-                       {{range .Assignees}}
-
-                               {{$AssigneeID := .ID}}
-                               <a class="item{{range $.Issue.Assignees}}{{if eq .ID $AssigneeID}} checked{{end}}{{end}}" href="#" data-id="{{.ID}}" data-id-selector="#assignee_{{.ID}}">
-                                       {{$checked := false}}
-                                       {{range $.Issue.Assignees}}
-                                               {{if eq .ID $AssigneeID}}
-                                                       {{$checked = true}}
-                                               {{end}}
-                                       {{end}}
-                                       <span class="octicon-check {{if not $checked}}tw-invisible{{end}}">{{svg "octicon-check"}}</span>
-                                       <span class="text">
-                                               {{ctx.AvatarUtils.Avatar . 20 "tw-mr-2"}}{{template "repo/search_name" .}}
-                                       </span>
-                               </a>
-                       {{end}}
-               </div>
-       </div>
-       <div class="ui assignees list">
-               <span class="no-select item {{if .Issue.Assignees}}tw-hidden{{end}}">{{ctx.Locale.Tr "repo.issues.new.no_assignees"}}</span>
-               <div class="selected">
-                       {{range .Issue.Assignees}}
-                               <div class="item">
-                                       <a class="muted sidebar-item-link" href="{{$.RepoLink}}/{{if $.Issue.IsPull}}pulls{{else}}issues{{end}}?assignee={{.ID}}">
-                                               {{ctx.AvatarUtils.Avatar . 28 "tw-mr-2"}}
-                                               {{.GetDisplayName}}
-                                       </a>
-                               </div>
-                       {{end}}
-               </div>
-       </div>
-
-       <div class="divider"></div>
-
-       {{if .Participants}}
-               <span class="text"><strong>{{ctx.Locale.Tr "repo.issues.num_participants" .NumParticipants}}</strong></span>
-               <div class="ui list tw-flex tw-flex-wrap">
-                       {{range .Participants}}
-                               <a {{if gt .ID 0}}href="{{.HomeLink}}"{{end}} data-tooltip-content="{{.GetDisplayName}}">
-                                       {{ctx.AvatarUtils.Avatar . 28 "tw-my-0.5 tw-mr-1"}}
-                               </a>
-                       {{end}}
-               </div>
-       {{end}}
-
-       {{if and $.IssueWatch (not .Repository.IsArchived)}}
-               <div class="divider"></div>
-
-               <div class="ui watching">
-                       <span class="text"><strong>{{ctx.Locale.Tr "notification.notifications"}}</strong></span>
-                       <div class="tw-mt-2">
-                               {{template "repo/issue/view_content/watching" .}}
-                       </div>
-               </div>
-       {{end}}
-       {{if .Repository.IsTimetrackerEnabled ctx}}
-               {{if and .CanUseTimetracker (not .Repository.IsArchived)}}
-                       <div class="divider"></div>
-                       <div class="ui timetrack">
-                               <span class="text"><strong>{{ctx.Locale.Tr "repo.issues.tracker"}}</strong></span>
-                               <div class="tw-mt-2">
-                                       <form method="post" action="{{.Issue.Link}}/times/stopwatch/toggle" id="toggle_stopwatch_form">
-                                               {{$.CsrfTokenHtml}}
-                                       </form>
-                                       <form method="post" action="{{.Issue.Link}}/times/stopwatch/cancel" id="cancel_stopwatch_form">
-                                               {{$.CsrfTokenHtml}}
-                                       </form>
-                                       {{if $.IsStopwatchRunning}}
-                                               <button class="ui fluid button issue-stop-time">
-                                                       {{svg "octicon-stopwatch" 16 "tw-mr-2"}}
-                                                       {{ctx.Locale.Tr "repo.issues.stop_tracking"}}
-                                               </button>
-                                               <button class="ui fluid button issue-cancel-time tw-mt-2">
-                                                       {{svg "octicon-trash" 16 "tw-mr-2"}}
-                                                       {{ctx.Locale.Tr "repo.issues.cancel_tracking"}}
-                                               </button>
-                                       {{else}}
-                                               {{if .HasUserStopwatch}}
-                                                       <div class="ui warning message">
-                                                               {{ctx.Locale.Tr "repo.issues.tracking_already_started" .OtherStopwatchURL}}
-                                                       </div>
-                                               {{end}}
-                                               <button class="ui fluid button issue-start-time" data-tooltip-content='{{ctx.Locale.Tr "repo.issues.start_tracking"}}'>
-                                                       {{svg "octicon-stopwatch" 16 "tw-mr-2"}}
-                                                       {{ctx.Locale.Tr "repo.issues.start_tracking_short"}}
-                                               </button>
-                                               <div class="ui mini modal issue-start-time-modal">
-                                                       <div class="header">{{ctx.Locale.Tr "repo.issues.add_time"}}</div>
-                                                       <div class="content">
-                                                               <form method="post" id="add_time_manual_form" action="{{.Issue.Link}}/times/add" class="ui input fluid tw-gap-2">
-                                                                       {{$.CsrfTokenHtml}}
-                                                                       <input placeholder='{{ctx.Locale.Tr "repo.issues.add_time_hours"}}' type="number" name="hours">
-                                                                       <input placeholder='{{ctx.Locale.Tr "repo.issues.add_time_minutes"}}' type="number" name="minutes" class="ui compact">
-                                                               </form>
-                                                       </div>
-                                                       <div class="actions">
-                                                               <button class="ui primary approve button">{{ctx.Locale.Tr "repo.issues.add_time_short"}}</button>
-                                                               <button class="ui cancel button">{{ctx.Locale.Tr "repo.issues.add_time_cancel"}}</button>
-                                                       </div>
-                                               </div>
-                                               <button class="ui fluid button issue-add-time tw-mt-2" data-tooltip-content='{{ctx.Locale.Tr "repo.issues.add_time"}}'>
-                                                       {{svg "octicon-plus" 16 "tw-mr-2"}}
-                                                       {{ctx.Locale.Tr "repo.issues.add_time_short"}}
-                                               </button>
-                                       {{end}}
-                               </div>
-                       </div>
-               {{end}}
-               {{if .WorkingUsers}}
-                       <div class="divider"></div>
-                       <div class="ui comments">
-                               <span class="text"><strong>{{ctx.Locale.Tr "repo.issues.time_spent_from_all_authors" ($.Issue.TotalTrackedTime | Sec2Time)}}</strong></span>
-                               <div>
-                                       {{range $user, $trackedtime := .WorkingUsers}}
-                                               <div class="comment tw-mt-2">
-                                                       <a class="avatar">
-                                                               {{ctx.AvatarUtils.Avatar $user}}
-                                                       </a>
-                                                       <div class="content">
-                                                               {{template "shared/user/authorlink" $user}}
-                                                               <div class="text">
-                                                                       {{$trackedtime|Sec2Time}}
-                                                               </div>
-                                                       </div>
-                                               </div>
-                                       {{end}}
-                               </div>
-                       </div>
-               {{end}}
-       {{end}}
-
-       <div class="divider"></div>
-       <span class="text"><strong>{{ctx.Locale.Tr "repo.issues.due_date"}}</strong></span>
-       <div class="ui form tw-mt-2">
-               {{if .Issue.DeadlineUnix}}
-                       <div class="tw-flex tw-justify-between tw-items-center tw-gap-2">
-                               <div class="due-date {{if .Issue.IsOverdue}}text red{{end}}" {{if .Issue.IsOverdue}}data-tooltip-content="{{ctx.Locale.Tr "repo.issues.due_date_overdue"}}"{{end}}>
-                                       {{svg "octicon-calendar"}} {{DateUtils.AbsoluteLong .Issue.DeadlineUnix}}
-                               </div>
-                               <div class="flex-text-block">
-                                       {{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}}
-                                               <a class="issue-due-edit muted" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.due_date_form_edit"}}">{{svg "octicon-pencil"}}</a>
-                                               <a class="issue-due-remove muted" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.due_date_form_remove"}}">{{svg "octicon-trash"}}</a>
-                                       {{end}}
-                               </div>
-                       </div>
-               {{else}}
-                       {{ctx.Locale.Tr "repo.issues.due_date_not_set"}}
-               {{end}}
-
-               {{if and .HasIssuesOrPullsWritePermission (not .Repository.IsArchived)}}
-                       <form class="ui fluid action input issue-due-form form-fetch-action tw-mt-2 {{if .Issue.DeadlineUnix}}tw-hidden{{end}}"
-                                               method="post" action="{{AppSubUrl}}/{{PathEscape .Repository.Owner.Name}}/{{PathEscape .Repository.Name}}/issues/{{.Issue.Index}}/deadline"
-                       >
-                               {{$.CsrfTokenHtml}}
-                               <input required type="date" name="deadline" placeholder="{{ctx.Locale.Tr "repo.issues.due_date_form"}}" {{if .Issue.DeadlineUnix}}value="{{.Issue.DeadlineUnix.FormatDate}}"{{end}}>
-                               <button class="ui icon button">{{Iif .Issue.DeadlineUnix (svg "octicon-pencil") (svg "octicon-plus")}}</button>
-                       </form>
-               {{end}}
-       </div>
-
-       {{if .Repository.IsDependenciesEnabled ctx}}
-               <div class="divider"></div>
-
-               <div class="ui depending">
-                       {{if (and (not .BlockedByDependencies) (not .BlockedByDependenciesNotPermitted) (not .BlockingDependencies) (not .BlockingDependenciesNotPermitted))}}
-                               <span class="text"><strong>{{ctx.Locale.Tr "repo.issues.dependency.title"}}</strong></span>
-                               <br>
-                               <p>
-                                       {{if .Issue.IsPull}}
-                                               {{ctx.Locale.Tr "repo.issues.dependency.pr_no_dependencies"}}
-                                       {{else}}
-                                               {{ctx.Locale.Tr "repo.issues.dependency.issue_no_dependencies"}}
-                                       {{end}}
-                               </p>
-                       {{end}}
-
-                       {{if or .BlockingDependencies .BlockingDependenciesNotPermitted}}
-                               <span class="text" data-tooltip-content="{{if .Issue.IsPull}}{{ctx.Locale.Tr "repo.issues.dependency.pr_close_blocks"}}{{else}}{{ctx.Locale.Tr "repo.issues.dependency.issue_close_blocks"}}{{end}}">
-                                       <strong>{{ctx.Locale.Tr "repo.issues.dependency.blocks_short"}}</strong>
-                               </span>
-                               <div class="ui relaxed divided list">
-                                       {{range .BlockingDependencies}}
-                                               <div class="item dependency{{if .Issue.IsClosed}} is-closed{{end}} tw-flex tw-items-center tw-justify-between">
-                                                       <div class="item-left tw-flex tw-justify-center tw-flex-col tw-flex-1 gt-ellipsis">
-                                                               <a class="title muted" href="{{.Issue.Link}}" data-tooltip-content="#{{.Issue.Index}} {{.Issue.Title | ctx.RenderUtils.RenderEmoji}}">
-                                                                       #{{.Issue.Index}} {{.Issue.Title | ctx.RenderUtils.RenderEmoji}}
-                                                               </a>
-                                                               <div class="text small gt-ellipsis" data-tooltip-content="{{.Repository.OwnerName}}/{{.Repository.Name}}">
-                                                                       {{.Repository.OwnerName}}/{{.Repository.Name}}
-                                                               </div>
-                                                       </div>
-                                                       <div class="item-right tw-flex tw-items-center tw-m-1">
-                                                               {{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}}
-                                                                       <a class="delete-dependency-button ci muted" data-id="{{.Issue.ID}}" data-type="blocking" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dependency.remove_info"}}">
-                                                                               {{svg "octicon-trash" 16}}
-                                                                       </a>
-                                                               {{end}}
-                                                       </div>
-                                               </div>
-                                       {{end}}
-                                       {{if .BlockingDependenciesNotPermitted}}
-                                               <div class="item tw-flex tw-items-center tw-justify-between gt-ellipsis">
-                                                       <span>{{ctx.Locale.TrN (len .BlockingDependenciesNotPermitted) "repo.issues.dependency.no_permission_1" "repo.issues.dependency.no_permission_n" (len .BlockingDependenciesNotPermitted)}}</span>
-                                               </div>
-                                       {{end}}
-                               </div>
-                       {{end}}
-
-                       {{if or .BlockedByDependencies .BlockedByDependenciesNotPermitted}}
-                               <span class="text" data-tooltip-content="{{if .Issue.IsPull}}{{ctx.Locale.Tr "repo.issues.dependency.pr_closing_blockedby"}}{{else}}{{ctx.Locale.Tr "repo.issues.dependency.issue_closing_blockedby"}}{{end}}">
-                                       <strong>{{ctx.Locale.Tr "repo.issues.dependency.blocked_by_short"}}</strong>
-                               </span>
-                               <div class="ui relaxed divided list">
-                                       {{range .BlockedByDependencies}}
-                                               <div class="item dependency{{if .Issue.IsClosed}} is-closed{{end}} tw-flex tw-items-center tw-justify-between">
-                                                       <div class="item-left tw-flex tw-justify-center tw-flex-col tw-flex-1 gt-ellipsis">
-                                                               <a class="title muted" href="{{.Issue.Link}}" data-tooltip-content="#{{.Issue.Index}} {{.Issue.Title | ctx.RenderUtils.RenderEmoji}}">
-                                                                       #{{.Issue.Index}} {{.Issue.Title | ctx.RenderUtils.RenderEmoji}}
-                                                               </a>
-                                                               <div class="text small gt-ellipsis" data-tooltip-content="{{.Repository.OwnerName}}/{{.Repository.Name}}">
-                                                                       {{.Repository.OwnerName}}/{{.Repository.Name}}
-                                                               </div>
-                                                       </div>
-                                                       <div class="item-right tw-flex tw-items-center tw-m-1">
-                                                               {{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}}
-                                                                       <a class="delete-dependency-button ci muted" data-id="{{.Issue.ID}}" data-type="blockedBy" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dependency.remove_info"}}">
-                                                                               {{svg "octicon-trash" 16}}
-                                                                       </a>
-                                                               {{end}}
-                                                       </div>
-                                               </div>
-                                       {{end}}
-                                       {{if $.CanCreateIssueDependencies}}
-                                               {{range .BlockedByDependenciesNotPermitted}}
-                                                       <div class="item dependency{{if .Issue.IsClosed}} is-closed{{end}} tw-flex tw-items-center tw-justify-between">
-                                                               <div class="item-left tw-flex tw-justify-center tw-flex-col tw-flex-1 gt-ellipsis">
-                                                                       <div class="gt-ellipsis">
-                                                                               <span data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dependency.no_permission.can_remove"}}">{{svg "octicon-lock" 16}}</span>
-                                                                               <span class="title" data-tooltip-content="#{{.Issue.Index}} {{.Issue.Title | ctx.RenderUtils.RenderEmoji}}">
-                                                                                       #{{.Issue.Index}} {{.Issue.Title | ctx.RenderUtils.RenderEmoji}}
-                                                                               </span>
-                                                                       </div>
-                                                                       <div class="text small gt-ellipsis" data-tooltip-content="{{.Repository.OwnerName}}/{{.Repository.Name}}">
-                                                                               {{.Repository.OwnerName}}/{{.Repository.Name}}
-                                                                       </div>
-                                                               </div>
-                                                               <div class="item-right tw-flex tw-items-center tw-m-1">
-                                                                       {{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}}
-                                                                               <a class="delete-dependency-button ci muted" data-id="{{.Issue.ID}}" data-type="blocking" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dependency.remove_info"}}">
-                                                                                       {{svg "octicon-trash" 16}}
-                                                                               </a>
-                                                                       {{end}}
-                                                               </div>
-                                                       </div>
-                                               {{end}}
-                                       {{else if .BlockedByDependenciesNotPermitted}}
-                                               <div class="item tw-flex tw-items-center tw-justify-between gt-ellipsis">
-                                                       <span>{{ctx.Locale.TrN (len .BlockedByDependenciesNotPermitted) "repo.issues.dependency.no_permission_1" "repo.issues.dependency.no_permission_n" (len .BlockedByDependenciesNotPermitted)}}</span>
-                                               </div>
-                                       {{end}}
-                               </div>
-                       {{end}}
-
-                       {{if and .CanCreateIssueDependencies (not .Repository.IsArchived)}}
-                               <div>
-                                       <form method="post" action="{{.Issue.Link}}/dependency/add" id="addDependencyForm">
-                                               {{$.CsrfTokenHtml}}
-                                               <div class="ui fluid action input">
-                                                       <div class="ui search selection dropdown" id="new-dependency-drop-list" data-issue-id="{{.Issue.ID}}">
-                                                               <input name="newDependency" type="hidden">
-                                                               {{svg "octicon-triangle-down" 14 "dropdown icon"}}
-                                                               <input type="text" class="search">
-                                                               <div class="default text">{{ctx.Locale.Tr "repo.issues.dependency.add"}}</div>
-                                                       </div>
-                                                       <button class="ui icon button">
-                                                               {{svg "octicon-plus"}}
-                                                       </button>
-                                               </div>
-                                       </form>
-                               </div>
-                       {{end}}
-               </div>
-
-               {{if and .CanCreateIssueDependencies (not .Repository.IsArchived)}}
-                       <input type="hidden" id="crossRepoSearch" value="{{.AllowCrossRepositoryDependencies}}">
-
-                       <div class="ui g-modal-confirm modal remove-dependency">
-                               <div class="header">
-                                       {{svg "octicon-trash"}}
-                                       {{ctx.Locale.Tr "repo.issues.dependency.remove_header"}}
-                               </div>
-                               <div class="content">
-                                       <form method="post" action="{{.Issue.Link}}/dependency/delete" id="removeDependencyForm">
-                                               {{$.CsrfTokenHtml}}
-                                               <input type="hidden" value="" name="removeDependencyID" id="removeDependencyID">
-                                               <input type="hidden" value="" name="dependencyType" id="dependencyType">
-                                       </form>
-                                       <p>{{if .Issue.IsPull}}
-                                               {{ctx.Locale.Tr "repo.issues.dependency.pr_remove_text"}}
-                                       {{else}}
-                                               {{ctx.Locale.Tr "repo.issues.dependency.issue_remove_text"}}
-                                       {{end}}</p>
-                               </div>
-                               {{$ModalButtonCancelText := ctx.Locale.Tr "repo.issues.dependency.cancel"}}
-                               {{$ModalButtonOkText := ctx.Locale.Tr "repo.issues.dependency.remove"}}
-                               {{template "base/modal_actions_confirm" (dict "." . "ModalButtonCancelText" $ModalButtonCancelText "ModalButtonOkText" $ModalButtonOkText)}}
-                       </div>
-               {{end}}
-       {{end}}
-
-       <div class="divider"></div>
-       <div class="ui equal width compact grid">
-               {{$issueReferenceLink := printf "%s#%d" .Issue.Repo.FullName .Issue.Index}}
-               <div class="row tw-items-center" data-tooltip-content="{{$issueReferenceLink}}">
-                       <span class="text column truncate">{{ctx.Locale.Tr "repo.issues.reference_link" $issueReferenceLink}}</span>
-                       <button class="ui two wide button column tw-p-2" data-clipboard-text="{{$issueReferenceLink}}">{{svg "octicon-copy" 14}}</button>
-               </div>
-       </div>
-
-       {{if and .IsRepoAdmin (not .Repository.IsArchived)}}
-               <div class="divider"></div>
-
-               {{if or .PinEnabled .Issue.IsPinned}}
-                       <form class="tw-mt-1 form-fetch-action single-button-form" method="post" {{if $.NewPinAllowed}}action="{{.Issue.Link}}/pin"{{else}}data-tooltip-content="{{ctx.Locale.Tr "repo.issues.max_pinned"}}"{{end}}>
-                               {{$.CsrfTokenHtml}}
-                               <button class="fluid ui button {{if not $.NewPinAllowed}}disabled{{end}}">
-                                       {{if not .Issue.IsPinned}}
-                                               {{svg "octicon-pin" 16 "tw-mr-2"}}
-                                               {{ctx.Locale.Tr "pin"}}
-                                       {{else}}
-                                               {{svg "octicon-pin-slash" 16 "tw-mr-2"}}
-                                               {{ctx.Locale.Tr "unpin"}}
-                                       {{end}}
-                               </button>
-                       </form>
-               {{end}}
-
-               <button class="tw-mt-1 fluid ui show-modal button{{if .Issue.IsLocked}} red{{end}}" data-modal="#lock">
-                       {{if .Issue.IsLocked}}
-                               {{svg "octicon-key"}}
-                               {{ctx.Locale.Tr "repo.issues.unlock"}}
-                       {{else}}
-                               {{svg "octicon-lock"}}
-                               {{ctx.Locale.Tr "repo.issues.lock"}}
-                       {{end}}
-               </button>
-               <div class="ui tiny modal" id="lock">
-                       <div class="header">
-                               {{if .Issue.IsLocked}}
-                                       {{ctx.Locale.Tr "repo.issues.unlock.title"}}
-                               {{else}}
-                                       {{ctx.Locale.Tr "repo.issues.lock.title"}}
-                               {{end}}
-                       </div>
-                       <div class="content">
-                               <div class="ui warning message">
-                                       {{if .Issue.IsLocked}}
-                                               {{ctx.Locale.Tr "repo.issues.unlock.notice_1"}}<br>
-                                               {{ctx.Locale.Tr "repo.issues.unlock.notice_2"}}<br>
-                                       {{else}}
-                                               {{ctx.Locale.Tr "repo.issues.lock.notice_1"}}<br>
-                                               {{ctx.Locale.Tr "repo.issues.lock.notice_2"}}<br>
-                                               {{ctx.Locale.Tr "repo.issues.lock.notice_3"}}<br>
-                                       {{end}}
-                               </div>
-
-                               <form class="ui form form-fetch-action" action="{{.Issue.Link}}{{if .Issue.IsLocked}}/unlock{{else}}/lock{{end}}"
-                                       method="post">
-                                       {{.CsrfTokenHtml}}
-
-                                       {{if not .Issue.IsLocked}}
-                                               <div class="field">
-                                                       <strong> {{ctx.Locale.Tr "repo.issues.lock.reason"}} </strong>
-                                               </div>
-
-                                               <div class="field">
-                                                       <div class="ui fluid dropdown selection">
-
-                                                               <select name="reason">
-                                                                       <option value=""> </option>
-                                                                       {{range .LockReasons}}
-                                                                               <option value="{{.}}">{{.}}</option>
-                                                                       {{end}}
-                                                               </select>
-                                                               {{svg "octicon-triangle-down" 14 "dropdown icon"}}
-
-                                                               <div class="default text"> </div>
-
-                                                               <div class="menu">
-                                                                       {{range .LockReasons}}
-                                                                               <div class="item" data-value="{{.}}">{{.}}</div>
-                                                                       {{end}}
-                                                               </div>
-                                                       </div>
-                                               </div>
-                                       {{end}}
-
-                                       <div class="text right actions">
-                                               <button class="ui cancel button">{{ctx.Locale.Tr "settings.cancel"}}</button>
-                                               <button class="ui red button">
-                                                       {{if .Issue.IsLocked}}
-                                                               {{ctx.Locale.Tr "repo.issues.unlock_confirm"}}
-                                                       {{else}}
-                                                               {{ctx.Locale.Tr "repo.issues.lock_confirm"}}
-                                                       {{end}}
-                                               </button>
-                                       </div>
-                               </form>
-                       </div>
-               </div>
-               <button class="tw-mt-1 fluid ui show-modal button" data-modal="#sidebar-delete-issue">
-                       {{svg "octicon-trash"}}
-                       {{ctx.Locale.Tr "repo.issues.delete"}}
-               </button>
-               <div class="ui g-modal-confirm modal" id="sidebar-delete-issue">
-                       <div class="header">
-                               {{if .Issue.IsPull}}
-                                       {{ctx.Locale.Tr "repo.pulls.delete.title"}}
-                               {{else}}
-                                       {{ctx.Locale.Tr "repo.issues.delete.title"}}
-                               {{end}}
-                       </div>
-                       <div class="content">
-                               <p>
-                                       {{if .Issue.IsPull}}
-                                               {{ctx.Locale.Tr "repo.pulls.delete.text"}}
-                                       {{else}}
-                                               {{ctx.Locale.Tr "repo.issues.delete.text"}}
-                                       {{end}}
-                               </p>
-                       </div>
-                       <form action="{{.Issue.Link}}/delete" method="post">
-                               {{.CsrfTokenHtml}}
-                               {{template "base/modal_actions_confirm" .}}
-                       </form>
-               </div>
-       {{end}}
-
-       {{if and .Issue.IsPull .IsIssuePoster (not .Issue.IsClosed) .Issue.PullRequest.HeadRepo}}
-               {{if and (not (eq .Issue.PullRequest.HeadRepo.FullName .Issue.PullRequest.BaseRepo.FullName)) .CanWriteToHeadRepo}}
-                       <div class="divider"></div>
-                       <div class="inline field">
-                               <div class="ui checkbox loading-icon-2px" id="allow-edits-from-maintainers"
-                                               data-url="{{.Issue.Link}}"
-                                               data-tooltip-content="{{ctx.Locale.Tr "repo.pulls.allow_edits_from_maintainers_desc"}}"
-                                               data-prompt-error="{{ctx.Locale.Tr "repo.pulls.allow_edits_from_maintainers_err"}}"
-                                       >
-                                       <label><strong>{{ctx.Locale.Tr "repo.pulls.allow_edits_from_maintainers"}}</strong></label>
-                                       <input type="checkbox" {{if .Issue.PullRequest.AllowMaintainerEdit}}checked{{end}}>
-                               </div>
-                       </div>
-               {{end}}
-       {{end}}
+       {{template "repo/issue/sidebar/milestone_list" $}}
+       {{template "repo/issue/sidebar/project_list" $}}
+       {{template "repo/issue/sidebar/assignee_list" $}}
+       {{template "repo/issue/sidebar/participant_list" $}}
+       {{template "repo/issue/sidebar/watch_notification" $}}
+       {{template "repo/issue/sidebar/stopwatch_timetracker" $}}
+       {{template "repo/issue/sidebar/due_date" $}}
+       {{template "repo/issue/sidebar/issue_dependencies" $}}
+       {{template "repo/issue/sidebar/reference_link" $}}
+       {{template "repo/issue/sidebar/issue_management" $}}
+       {{template "repo/issue/sidebar/allow_maintainer_edit" $}}
 </div>