From 7ff74b73c63d2cfc424996d9974eaf592c464c2a Mon Sep 17 00:00:00 2001
From: Benno Lin <blueworrybear@gmail.com>
Date: Thu, 31 Oct 2019 23:36:04 +0800
Subject: [PATCH] update #8659 fold/unfold code diffs

---
 public/css/index.css         |  2 ++
 public/js/index.js           | 13 +++++++++++++
 templates/repo/diff/box.tmpl |  1 +
 3 files changed, 16 insertions(+)

diff --git a/public/css/index.css b/public/css/index.css
index f7eb02b2968c..0c1c39d5ea52 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -1051,6 +1051,8 @@ tbody.commit-list{vertical-align:baseline}
 .ui.user.list .item .description a:hover{text-decoration:underline}
 .ui.button.add-code-comment{font-size:14px;height:16px;padding:2px 0 0;position:relative;width:16px;z-index:5;float:left;margin:-2px -10px -2px -20px;opacity:0;transition:transform .1s ease-in-out;transform:scale(1,1)}
 .ui.button.add-code-comment:hover{transform:scale(1.2,1.2)}
+.ui.fold-code{margin-right: 1em; padding-left: 5px; cursor: pointer; width: 22px;}
+.ui.fold-code:hover{color: #428bca}
 .focus-lines-new .ui.button.add-code-comment.add-code-comment-right,.focus-lines-old .ui.button.add-code-comment.add-code-comment-left{opacity:1}
 .comment-code-cloud{padding:4px;position:relative;border:1px solid #f1f1f1;margin:13px 10px 5px auto}
 .comment-code-cloud:before{content:" ";width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:13px solid #f1f1f1;left:20px;position:absolute;top:-13px}
diff --git a/public/js/index.js b/public/js/index.js
index bfcf36f52866..b43a5a1a3e61 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -1991,6 +1991,19 @@ function initCodeView() {
             }
         }).trigger('hashchange');
     }
+
+    $('.ui.fold-code').on('click', function(e){
+        const $foldButton = $(e.target);
+        if ($foldButton.hasClass("fa-chevron-down")) {
+            $(e.target).parent().next().slideUp("fast", function(){
+                $foldButton.removeClass("fa-chevron-down").addClass("fa-chevron-right");
+            });
+        } else {
+            $(e.target).parent().next().slideDown("fast", function(){
+                $foldButton.removeClass("fa-chevron-right").addClass("fa-chevron-down");
+            });
+        }
+    })
 }
 
 function initU2FAuth() {
diff --git a/templates/repo/diff/box.tmpl b/templates/repo/diff/box.tmpl
index a12fc9bd4b71..288a0e081296 100644
--- a/templates/repo/diff/box.tmpl
+++ b/templates/repo/diff/box.tmpl
@@ -81,6 +81,7 @@
 			{{else}}
 				<div class="diff-file-box diff-box file-content {{TabSizeClass $.Editorconfig $file.Name}}" id="diff-{{.Index}}">
 					<h4 class="ui top attached normal header">
+						<i class="ui fold-code grey fa fa-chevron-down"></i>
 						<div class="diff-counter count">
 							{{if $file.IsBin}}
 								{{$.i18n.Tr "repo.diff.bin"}}