From edc6b8a9d7eed0aad2b29aa7de21ad48524f72c4 Mon Sep 17 00:00:00 2001
From: Alexei Bezborodov <alexeibv+mirocod@narod.ru>
Date: Wed, 3 Aug 2022 22:45:32 +0300
Subject: [PATCH] =?UTF-8?q?zoom=20=D0=B4=D0=B5=D1=80=D0=B5=D0=B2=D0=B0=20?=
 =?UTF-8?q?=D0=B7=D0=B0=D0=B4=D0=B0=D1=87,=20=D0=B2=20=D1=81=D0=B0=D0=BC?=
 =?UTF-8?q?=D0=BE=D0=BC=20=D0=BF=D1=80=D0=BE=D1=81=D1=82=D0=BE=D0=BC=20?=
 =?UTF-8?q?=D0=B2=D0=B8=D0=B4=D0=B5=20#84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/repo/issue/tree.tmpl | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/templates/repo/issue/tree.tmpl b/templates/repo/issue/tree.tmpl
index ef6f8d4a34..1dafacd235 100644
--- a/templates/repo/issue/tree.tmpl
+++ b/templates/repo/issue/tree.tmpl
@@ -70,12 +70,38 @@
 		];
 		</script>
 		
-		<div class="chart Treant loaded" id="TaskTreeChart"></div>
-    
+		<script src="https://unpkg.com/@panzoom/panzoom@4.5.0/dist/panzoom.min.js"></script>
+		
+		<div className="buttons">
+			<input type="button" class="ui green basic button" value="Приблизить" onclick="zoomIn();" />
+			<input type="button" class="ui green basic button" value="Отдалить" onclick="zoomOut();" />
+			<input type="button" class="ui green basic button" value="Исходный размер" onclick="zoomReset();" />
+		</div>
+
+		<div id="panzoomParent">
+			<div id="panZoom" class="pt-40 pb-40">
+				<div class="chart Treant loaded" id="TaskTreeChart"></div>
+			</div>
+		</div>
+
 		{{template "repo/issue/treant_config" .}}
 		
 		<script>
-        new Treant( tree_structure );
+			new Treant( tree_structure );
+
+			let ele = document.getElementById("panZoom")
+			let panzoom = Panzoom(ele)
+			ele.addEventListener('wheel', this.panzoom.zoomWithWheel)
+			
+			function zoomIn() {
+				panzoom.zoomIn();
+			}
+			function zoomOut() {
+				panzoom.zoomOut();
+			}
+			function zoomReset() {
+				panzoom.reset();
+			}
 		</script>