Automated commit on 2024-12-31 16:59:27

Author: Your Name

html-static/js/dev.js

@@ -3125,168 +3125,6 @@ function viewportDrawerLayoutHorizontal() {
 	}, 2000);
 }
 
-// // Function to initialize Leaflet map and apply GeoMap layout
-// // Function to initialize and enable GeoMap
-// function viewportDrawerLayoutGeoMap() {
-// 	// cytoscape-leaflet global variables
-// 	// var isGeoMapInitialized = false;
-// 	// var cytoscapeLeafletMap;
-// 	// var cytoscapeLeafletLeaf;
-
-//     if (!isGeoMapInitialized) {
-//         // Show Leaflet container
-//         var leafletContainer = document.getElementById('cy-leaflet');
-//         if (leafletContainer) {
-//             leafletContainer.style.display = 'block';
-//         }
-
-//         // Initialize Cytoscape-Leaflet
-//         cytoscapeLeafletLeaf = cy.leaflet({
-//             container: leafletContainer
-//         });
-
-//         // Remove default tile layer
-//         cytoscapeLeafletLeaf.map.removeLayer(cytoscapeLeafletLeaf.defaultTileLayer);
-
-//         // Assign map reference
-//         cytoscapeLeafletMap = cytoscapeLeafletLeaf.map;
-
-//         // Add custom tile layer
-//         L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/voyager_labels_under/{z}/{x}/{y}{r}.png', {
-//             attribution: '© OpenStreetMap contributors © CARTO',
-//             subdomains: 'abcd',
-//             maxZoom: 19
-//         }).addTo(cytoscapeLeafletMap);
-
-//         isGeoMapInitialized = true;
-//     }
-
-// 	loadCytoStyle(cy); // Reapply the Cytoscape stylesheet
-	  
-//     // Apply GeoMap layout
-//     cy.layout({
-//         name: 'preset',
-//         fit: false,
-//         positions: function (node) {
-//             let data = node.data();
-
-//             // Convert lat/lng to container point
-// 			console.log("node.id", node.id())
-// 			console.log("data.lat, data.lng", data.lat,  data.lng)
-// 			console.log("Number(data.lat), Number(data.lng)", Number(data.lat), Number(data.lng))
-
-//             const point = cytoscapeLeafletMap.latLngToContainerPoint([Number(data.lat), Number(data.lng)]);
-// 			console.log("point: ", point.x, point.y)
-
-//             return { x: point.x, y: point.y };
-
-//         }
-//     }).run();
-
-// 	// cytoscapeLeafletLeaf instance map to fit nodes
-// 	cytoscapeLeafletLeaf.fit();
-// 	console.log("cytoscapeLeafletLeaf.fit()")
-
-//     // Show GeoMap buttons
-//     var viewportDrawerGeoMapElements = document.getElementsByClassName("viewport-geo-map");
-//     for (var i = 0; i < viewportDrawerGeoMapElements.length; i++) {
-//         viewportDrawerGeoMapElements[i].classList.remove('is-hidden');
-//     }
-
-//     // Enable node editing
-//     viewportButtonsGeoMapEdit();
-
-//     console.log("GeoMap has been enabled.");
-// }
-
-// // Function to disable GeoMap and revert to default layout
-// function viewportDrawerDisableGeoMap() {
-// 	// cytoscape-leaflet global variables
-// 	// var isGeoMapInitialized = false;
-// 	// var cytoscapeLeafletMap;
-// 	// var cytoscapeLeafletLeaf;
-//     if (!isGeoMapInitialized) {
-//         console.log("GeoMap is not initialized.");
-//         return;
-//     }
-
-//     // Hide Leaflet container
-//     var leafletContainer = document.getElementById('cy-leaflet');
-//     if (leafletContainer) {
-//         leafletContainer.style.display = 'none';
-//     }
-
-// 	// destroy cytoscapeLeafletLeaf instance
-// 	cytoscapeLeafletLeaf.destroy();
-
-//     // Revert to default Cytoscape layout
-// 	const layout = cy.layout({
-// 		name: "cola",
-// 		nodeGap: 5,
-// 		edgeLength: 100,
-// 		animate: true,
-// 		randomize: false,
-// 		maxSimulationTime: 1500,
-// 	});
-// 	layout.run();
-
-// 	// remove node topoviewer
-// 	topoViewerNode = cy.filter('node[name = "topoviewer"]');
-// 	topoViewerNode.remove();
-
-// 	var cyExpandCollapse = cy.expandCollapse({
-// 		layoutBy: null, // null means use existing layout
-// 		undoable: false,
-// 		fisheye: false,
-// 		animationDuration: 10, // when animate is true, the duration in milliseconds of the animation
-// 		animate: true
-// 	});
-
-// 	// Example collapse/expand after some delay
-// 	// Make sure the '#parent' node exists in your loaded elements
-// 	setTimeout(function() {
-// 		var parent = cy.$('#parent'); // Ensure that '#parent' is actually present in dataCytoMarshall.json
-// 		cyExpandCollapse.collapse(parent);
-
-// 		setTimeout(function() {
-// 			cyExpandCollapse.expand(parent);
-// 		}, 2000);
-// 	}, 2000);
-
-//     // Hide GeoMap buttons
-//     var viewportDrawerGeoMapElements = document.getElementsByClassName("viewport-geo-map");
-//     for (var i = 0; i < viewportDrawerGeoMapElements.length; i++) {
-//         if (!viewportDrawerGeoMapElements[i].classList.contains('is-hidden')) {
-//             viewportDrawerGeoMapElements[i].classList.add('is-hidden');
-//         }
-//     }
-
-//     // Optionally, disable node editing if enabled
-//     // For example:
-//     // disableGeoMapNodeEditing();
-
-//     isGeoMapInitialized = false;
-
-// 	loadCytoStyle(cy); // Reapply the Cytoscape stylesheet
-
-//     console.log("GeoMap has been disabled and reverted to default Cytoscape layout.");
-// }
-
-// // Function to toggle GeoMap on and off
-// function toggleGeoMap() {
-//     var leafletContainer = document.getElementById('cy-leaflet');
-//     var isGeoMapEnabled = leafletContainer && leafletContainer.style.display !== 'none';
-
-//     if (isGeoMapEnabled) {
-//         // Disable GeoMap
-//         viewportDrawerDisableGeoMap();
-//     } else {
-//         // Enable GeoMap
-//         viewportDrawerLayoutGeoMap();
-//     }
-// }
-
-
 function viewportDrawerCaptureFunc() {
 	console.info("viewportDrawerCaptureButton() - clicked")
 
@@ -4240,55 +4078,7 @@ function addSvgIcon(targetHtmlId, svgIcon, altName, position, size) {
 addSvgIcon("endpoint-a-edgeshark", "images/svg-wireshark.svg", "Wireshark Icon", "before", "20px");
 addSvgIcon("endpoint-b-edgeshark", "images/svg-wireshark.svg", "Wireshark Icon", "before", "20px");
 
-
 addSvgIcon("endpoint-a-clipboard", "images/svg-copy.svg", "Clipboard Icon", "before", "20px");
 addSvgIcon("endpoint-b-clipboard", "images/svg-copy.svg", "Clipboard Icon", "before", "20px");
 
-
-addSvgIcon("panel-link-action-impairment-B->A", "images/svg-impairment.svg", "Impairment Icon", "before", "15px");
-
-
-
-
-// function addWiresharkIcon() {
-//     // Find the target node
-//     const targetNode = document.getElementById("endpoint-a-edgeshark");
-//     if (!targetNode) {
-//         console.error("Target node not found.");
-//         return;
-//     }
-
-//     // Ensure the target node uses flexbox for alignment
-//     targetNode.style.display = "flex";
-//     targetNode.style.alignItems = "center";
-
-//     // Create a container for the icon
-//     const iconContainer = document.createElement("div");
-//     iconContainer.style.width = "20px";
-//     iconContainer.style.height = "20px";
-//     iconContainer.style.marginLeft = "4px";
-//     iconContainer.style.backgroundImage = "linear-gradient(90deg, white, #00bfff, white)"; // Neon blue
-//     iconContainer.style.backgroundSize = "200% 200%"; // For smooth transitions
-//     iconContainer.style.animation = "colorGradient 3s infinite"; // Animation to shift gradient
-//     iconContainer.style.maskImage = "url('https://raw.githubusercontent.com/siemens/edgeshark/refs/heads/main/icons/_media/icons/Capture.svg')";
-//     iconContainer.style.maskSize = "contain";
-//     iconContainer.style.maskRepeat = "no-repeat";
-//     iconContainer.style.maskPosition = "center";
-
-//     // Append the container after the label
-//     targetNode.append(iconContainer);
-
-//     // Add dynamic style for gradient animation
-//     const style = document.createElement("style");
-//     style.textContent = `
-//         @keyframes colorGradient {
-//             0% { background-position: 0% 50%; }
-//             50% { background-position: 100% 50%; }
-//             100% { background-position: 0% 50%; }
-//         }
-//     `;
-//     document.head.appendChild(style);
-// }
-
-// // Call the function to add the icon
-// addWiresharkIcon();
+addSvgIcon("panel-link-action-impairment-B->A", "images/svg-impairment.svg", "Impairment Icon", "before", "15px");