()
| 163 | } |
| 164 | |
| 165 | function createNetwork() { |
| 166 | var data = { |
| 167 | "nodes": visNS.nodes, |
| 168 | "edges": visNS.edges |
| 169 | }; |
| 170 | |
| 171 | // Merge theme-dependent colors into options |
| 172 | var themeOpts = getThemeOptions(); |
| 173 | $.extend(true, visNS.options.edges, themeOpts.edges); |
| 174 | $.extend(true, visNS.options.nodes, themeOpts.nodes); |
| 175 | |
| 176 | // Create network |
| 177 | visNS.network = new vis.Network(visNS.networkContainer, data, visNS.options); |
| 178 | |
| 179 | // Create event handlers |
| 180 | visNS.network.on("click", function (params) { |
| 181 | handleClickEvent(params); |
| 182 | }); |
| 183 | visNS.network.on("deselectNode", function(params) { |
| 184 | handleNodeClickEvent(null); |
| 185 | }); |
| 186 | |
| 187 | // Then disable layout |
| 188 | visNS.network.setOptions({layout: {hierarchical: false } }); |
| 189 | |
| 190 | // Watch for theme changes and update network colors |
| 191 | new MutationObserver(function() { |
| 192 | applyThemeToNetwork(); |
| 193 | }).observe(document.documentElement, { |
| 194 | attributes: true, |
| 195 | attributeFilter: ['data-bs-theme'] |
| 196 | }); |
| 197 | } |
| 198 | |
| 199 | function handleClickEvent(params) { |
| 200 | if (params["nodes"].length == 1) { |
no test coverage detected