From 86a0388448e3f218dd05515544e0a12b27acaf38 Mon Sep 17 00:00:00 2001
From: LariWa <larissa.wagnerberger@gmail.com>
Date: Thu, 9 Jun 2022 17:18:22 +0200
Subject: [PATCH] show collapse/Expand Btns only in fileTree view

---
 web/main.ts         | 12 +++++++++++-
 web/styles/main.css |  3 +++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/web/main.ts b/web/main.ts
index 829e3561..6cb733c4 100644
--- a/web/main.ts
+++ b/web/main.ts
@@ -2637,7 +2637,7 @@ class GitGraphView {
 		}
 		html += '</div><div id="cdvControls"><div id="cdvClose" class="cdvControlBtn" title="Close">' + SVG_ICONS.close + '</div>' +
 			(codeReviewPossible ? '<div id="cdvCodeReview" class="cdvControlBtn">' + SVG_ICONS.review + '</div>' : '') +
-			(!expandedCommit.loading ? '<div id="cdvFileViewTypeTree" class="cdvControlBtn cdvFileViewTypeBtn" title="File Tree View">' + SVG_ICONS.fileTree + '</div><div id="cdvFileViewTypeList" class="cdvControlBtn cdvFileViewTypeBtn" title="File List View">' + SVG_ICONS.fileList + '</div><div id="cdvCollapse" class="cdvControlBtn" title="Collapse/Expand Folders">' + SVG_ICONS.collapseAll + '</div><div id="cdvExpand" class="cdvControlBtn" title="Expand Folders">' + SVG_ICONS.expandAll + '</div>' : '') +
+			(!expandedCommit.loading ? '<div id="cdvFileViewTypeList" class="cdvControlBtn cdvFileViewTypeBtn" title="File List View">' + SVG_ICONS.fileList + '</div><div id="cdvFileViewTypeTree" class="cdvControlBtn cdvFileViewTypeBtn" title="File Tree View">' + SVG_ICONS.fileTree + '</div><div id="cdvCollapse" class="cdvControlBtn cdvFolderBtn" title="Collapse/Expand Folders">' + SVG_ICONS.collapseAll + '</div><div id="cdvExpand" class="cdvControlBtn cdvFolderBtn" title="Expand Folders">' + SVG_ICONS.expandAll + '</div>' : '') +
 			(externalDiffPossible ? '<div id="cdvExternalDiff" class="cdvControlBtn">' + SVG_ICONS.linkExternal + '</div>' : '') +
 			'</div><div class="cdvHeightResize"></div>';
 
@@ -3200,6 +3200,16 @@ class GitGraphView {
 		let listView = this.getFileViewType() === GG.FileViewType.List;
 		alterClass(treeBtnElem, CLASS_ACTIVE, !listView);
 		alterClass(listBtnElem, CLASS_ACTIVE, listView);
+		setFolderBtns();
+		function setFolderBtns() {
+			let btns = document.getElementsByClassName('cdvFolderBtn');
+			for (let i = 0; i < btns.length; i++) {
+				if(listView)
+					btns[i].classList.add('hidden');
+				else
+					btns[i].classList.remove('hidden');
+			}
+		}
 	}
 
 	private renderCdvExternalDiffBtn() {
diff --git a/web/styles/main.css b/web/styles/main.css
index 2e0d1eef..62f71017 100644
--- a/web/styles/main.css
+++ b/web/styles/main.css
@@ -349,6 +349,9 @@ table { border-collapse: collapse; }
 .cdvControlBtn.active:hover{
 	background-color:rgba(128,128,128,0.35);
 }
+.cdvFolderBtn.hidden{
+	display:none;
+}
 
 #cdvCodeReview{
 	border-radius:4px;