Show source/target branches on PR's list

models/issue_list.go

@@ -28,11 +28,17 @@ const (
 func (issues IssueList) getRepoIDs() []int64 {
 	repoIDs := make(map[int64]struct{}, len(issues))
 	for _, issue := range issues {
-		if issue.Repo != nil {
-			continue
+		// Check if Repo not initialized
+		if issue.Repo == nil {
+			if _, ok := repoIDs[issue.RepoID]; !ok {
+				repoIDs[issue.RepoID] = struct{}{}
+			}
 		}
-		if _, ok := repoIDs[issue.RepoID]; !ok {
-			repoIDs[issue.RepoID] = struct{}{}
+		// Add Head repo for Pull Request (only if different)
+		if (issue.PullRequest != nil) && (issue.PullRequest.HeadRepoID != issue.RepoID) {
+			if _, ok := repoIDs[issue.PullRequest.HeadRepoID]; !ok {
+				repoIDs[issue.PullRequest.HeadRepoID] = struct{}{}
+			}
 		}
 	}
 	return container.KeysInt64(repoIDs)
@@ -67,8 +73,13 @@ func (issues IssueList) loadRepositories(ctx context.Context) ([]*repo_model.Rep
 		} else {
 			repoMaps[issue.RepoID] = issue.Repo
 		}
-		if issue.PullRequest != nil && issue.PullRequest.BaseRepo == nil {
-			issue.PullRequest.BaseRepo = issue.Repo
+		if issue.PullRequest != nil {
+			if issue.PullRequest.BaseRepo == nil {
+				issue.PullRequest.BaseRepo = issue.Repo
+			}
+			if issue.PullRequest.HeadRepo == nil {
+				issue.PullRequest.HeadRepo = repoMaps[issue.PullRequest.HeadRepoID]
+			}
 		}
 	}
 	return valuesRepository(repoMaps), nil

templates/shared/issuelist.tmpl

@@ -59,6 +59,29 @@
 					{{else}}
 						{{$.i18n.Tr .GetLastEventLabelFake $timeStr (.Poster.GetDisplayName | Escape) | Safe}}
 					{{end}}
+					{{if and .IsPull}}
+						<div class="branches">
+							<div class="branch">
+								<a href="/{{if .PullRequest.BaseRepo}}{{.PullRequest.BaseRepo.OwnerName}}/{{.PullRequest.BaseRepo.LowerName}}{{end}}/src/branch/{{.PullRequest.BaseBranch}}">
+									{{if ne .RepoID .PullRequest.BaseRepoID}}
+										<div class="truncated-name dib vb">{{.PullRequest.BaseRepo.OwnerName}}</div><div class="truncated-name dib vb">:</div>
+									{{end}}
+									<div class="truncated-name dib vb">{{.PullRequest.BaseBranch}}</div>
+								</a>
+							</div>
+							<div class="pointer">
+								{{svg "gitea-double-chevron-left" 13  }}
+							</div>
+							<div class="branch">
+								<a href="/{{if .PullRequest.HeadRepo}}{{.PullRequest.HeadRepo.OwnerName}}/{{.PullRequest.HeadRepo.LowerName}}{{end}}/src/branch/{{.PullRequest.HeadBranch}}">
+									{{if ne .RepoID .PullRequest.HeadRepoID}}
+										<div class="truncated-name dib vb">{{.PullRequest.HeadRepo.OwnerName}}</div><div class="truncated-name dib vb">:</div>
+									{{end}}
+									<div class="truncated-name dib vb">{{.PullRequest.HeadBranch}}</div>
+								</a>
+							</div>
+						</div>
+					{{end}}
 					{{if and .Milestone (ne $.listType "milestone")}}
 						<a class="milestone" {{if $.RepoLink}}href="{{$.RepoLink}}/milestone/{{.Milestone.ID}}"{{else}}href="{{.Repo.Link}}/milestone/{{.Milestone.ID}}"{{end}}>
 							{{svg "octicon-milestone" 14 "mr-2"}}{{.Milestone.Name}}

web_src/less/_base.less

@@ -110,6 +110,8 @@
   --color-info-border: #a9d5de;
   --color-info-bg: #f8ffff;
   --color-info-text: #276f86;
+  --color-pull-request-list-branch-bg: #e8e8e8;
+  --color-pull-request-arrow-svg: #00000057;
   /* target-based colors */
   --color-body: #ffffff;
   --color-text-dark: #080808;

web_src/less/helpers.less

@@ -15,6 +15,7 @@
 .f1 { flex: 1 !important; }
 .fw { flex-wrap: wrap !important; }
 .vm { vertical-align: middle !important; }
+.vb { vertical-align: bottom !important; }
 .w-100 { width: 100% !important; }
 .h-100 { height: 100% !important; }
 

web_src/less/shared/issuelist.less

@@ -119,6 +119,38 @@
     }
   }
 
+  .branches {
+    display: inline-flex;
+    padding: 0 6px;
+
+    .branch {
+      background-color: var(--color-pull-request-list-branch-bg);
+      border-radius: 3px;
+
+      a {
+        font-weight: bold;
+      }
+    }
+
+    .pointer {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 0 3px;
+
+      svg {
+        color: var(--color-pull-request-arrow-svg);
+      }
+    }
+
+    .truncated-name {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 10em;
+    }
+  }
+
   > .item + .item {
     border-top: 1px solid var(--color-secondary);
   }

web_src/less/themes/theme-arc-green.less

@@ -91,6 +91,8 @@
   --color-info-border: #306090;
   --color-info-bg: #26354c;
   --color-info-text: #38a8e8;
+  --color-pull-request-list-branch-bg: var(--color-secondary);
+  --color-pull-request-arrow-svg: var(--color-caret);
   /* target-based colors */
   --color-body: #383c4a;
   --color-box-header: #404652;