From 3e4a1dbe81677875ab2e5c2c8a46418363012fb4 Mon Sep 17 00:00:00 2001
From: Alice Gaudon <alice@gaudon.pro>
Date: Tue, 3 Nov 2020 08:30:29 +0100
Subject: [PATCH] Add zoom reset, zoom in and zoom out in service navigation
 context menu

---
 frontend/ts/index.ts | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/frontend/ts/index.ts b/frontend/ts/index.ts
index 46c5fce..1c2d700 100644
--- a/frontend/ts/index.ts
+++ b/frontend/ts/index.ts
@@ -72,6 +72,34 @@ function openServiceContextMenu(event: Event, serviceId: number) {
 
     menu.append(new MenuItem({type: "separator"}));
 
+    menu.append(new MenuItem({
+        label: 'Reset zoom level', click: () => {
+            if (service.view) {
+                service.view.setZoomFactor(1);
+                service.view.setZoomLevel(0);
+            }
+        },
+        enabled: ready && service.view?.getZoomFactor() !== 1 && service.view?.getZoomLevel() !== 0,
+    }));
+    menu.append(new MenuItem({
+        label: 'Zoom in', click: () => {
+            if (service.view) {
+                service.view.setZoomLevel(service.view.getZoomLevel() + 1);
+            }
+        },
+        enabled: ready,
+    }));
+    menu.append(new MenuItem({
+        label: 'Zoom out', click: () => {
+            if (service.view) {
+                service.view.setZoomLevel(service.view.getZoomLevel() - 1);
+            }
+        },
+        enabled: ready,
+    }));
+
+    menu.append(new MenuItem({type: "separator"}));
+
     const permissionsMenu = [];
     if (ready) {
         for (const domain of Object.keys(service.permissions)) {