fix: use window.Popover (NetBox global) and manually init CSS grid popovers

NetBox exports window.Popover (not window.bootstrap.Popover) so the
guard was failing silently. Also add explicit DOMContentLoaded init
loop for CSS grid path since NetBox has no auto-init for popovers.

Author: peterbaumert

netbox_device_view/templates/netbox_device_view/deviceview.html

@@ -176,8 +176,8 @@
         g.setAttribute("data-bs-content", popContent);
         var svgTitle = g.querySelector("title");
         if (svgTitle) svgTitle.textContent = p.name;
-        if (typeof bootstrap !== "undefined" && bootstrap.Popover) {
-          new bootstrap.Popover(g, { trigger: "hover focus", html: true, container: "body", delay: { show: 200, hide: 300 } });
+        if (typeof Popover !== "undefined") {
+          new Popover(g, { trigger: "hover focus", html: true, container: "body", delay: { show: 200, hide: 300 } });
         }
       });
     });
@@ -203,4 +203,13 @@ <h4>Options</h4>
 		</form>
 	</div>
 </div>
+{% if not use_svg %}
+<script>
+document.addEventListener("DOMContentLoaded", function () {
+  document.querySelectorAll('.device-view-port[data-bs-toggle="popover"]').forEach(function (el) {
+    new Popover(el, { trigger: "hover focus", html: true, container: "body", delay: { show: 200, hide: 300 } });
+  });
+});
+</script>
+{% endif %}
 {% endblock %}

netbox_device_view/templates/netbox_device_view/ports.html

@@ -171,8 +171,8 @@ <h2 class="card-header">Deviceview {% if object.virtual_chassis %}{{ object.virt
         g.setAttribute("data-bs-content", popContent);
         var svgTitle = g.querySelector("title");
         if (svgTitle) svgTitle.textContent = p.name;
-        if (typeof bootstrap !== "undefined" && bootstrap.Popover) {
-          new bootstrap.Popover(g, { trigger: "hover focus", html: true, container: "body", delay: { show: 200, hide: 300 } });
+        if (typeof Popover !== "undefined") {
+          new Popover(g, { trigger: "hover focus", html: true, container: "body", delay: { show: 200, hide: 300 } });
         }
       });
     });
@@ -184,4 +184,13 @@ <h2 class="card-header">Deviceview {% if object.virtual_chassis %}{{ object.virt
 })();
 </script>
 {% endif %}
+{% if not use_svg %}
+<script>
+document.addEventListener("DOMContentLoaded", function () {
+  document.querySelectorAll('.device-view-port[data-bs-toggle="popover"]').forEach(function (el) {
+    new Popover(el, { trigger: "hover focus", html: true, container: "body", delay: { show: 200, hide: 300 } });
+  });
+});
+</script>
+{% endif %}
 {% endblock %}