diff --git a/web/share/js/kvm/switch.js b/web/share/js/kvm/switch.js
index 8ca6e41c..b2328772 100644
--- a/web/share/js/kvm/switch.js
+++ b/web/share/js/kvm/switch.js
@@ -484,18 +484,7 @@ export function Switch() {
 					<table style="width: 100%">
 						<tr>
 							<td>Simulate display on inactive port:</td>
-							<td align="right">
-								<div class="switch-box">
-									<input
-										type="checkbox" id="__switch-port-dummy-switch"
-										${pa.video.dummy ? "checked" : ""}
-									/>
-									<label for="__switch-port-dummy-switch">
-										<span class="switch-inner"></span>
-										<span class="switch"></span>
-									</label>
-								</div>
-							</td>
+							<td align="right">${tools.sw.makeItem("__switch-port-dummy-switch", pa.video.dummy)}</td>
 						</tr>
 					</table>
 				`;
diff --git a/web/share/js/tools.js b/web/share/js/tools.js
index 5c68fdb2..5f736f2c 100644
--- a/web/share/js/tools.js
+++ b/web/share/js/tools.js
@@ -265,6 +265,26 @@ export var tools = new function() {
 		};
 	};
 
+	self.sw = new function() {
+		return {
+			"makeItem": function(id, checked) {
+				id = tools.escape(id);
+				return `
+					<div class="switch-box">
+						<input
+							type="checkbox" id="${id}"
+							${checked ? "checked" : ""}
+						/>
+						<label for="${id}">
+							<span class="switch-inner"></span>
+							<span class="switch"></span>
+						</label>
+					</div>
+				`;
+			},
+		};
+	};
+
 	self.radio = new function() {
 		return {
 			"makeItem": function(name, title, value) {