Skip to content
Snippets Groups Projects
Commit bc4eeae0 authored by Mohammad Torkashvand's avatar Mohammad Torkashvand
Browse files

add geant_s_sid and fix site style and look

parent 8784b65c
No related branches found
No related tags found
No related merge requests found
Pipeline #88298 passed
......@@ -140,7 +140,7 @@ const PolylineCurves: React.FC<{
L.marker(labelPosition, {
icon: L.divIcon({
className: 'polyline-label',
html: `<div style="background: none; padding: 2px 5px; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; color: #333;">${labelValue}</div>`,
html: `<div style="background: none; padding: 2px 5px; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; color: #333; white-space: nowrap;">${labelValue}</div>`,
iconSize: [50, 20],
iconAnchor: [25, 10],
}),
......@@ -172,9 +172,12 @@ const SiteBoundaries: React.FC<{ siteBoundaries: SiteBoundary[] }> = ({
const siteLabelMarker = L.marker(boundary.center, {
icon: L.divIcon({
className: 'site-label',
html: `<div style="background: white; padding: 2px 5px; border-radius: 3px; border: 1px solid #ccc;">${boundary.siteName}</div>`,
iconSize: [100, 20],
iconAnchor: [50, 10],
html: `
<div style="text-align: center; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; color: #333; white-space: nowrap;">${boundary.siteName}</div>
<img src="images/marker-icon.png" style="display: block; margin: auto;" alt="Site"/>
`,
iconSize: [40, 60],
iconAnchor: [20, 60],
}),
interactive: false,
}).addTo(map);
......@@ -357,6 +360,7 @@ const LeafletMap: React.FC<LeafletMapProps> = ({ data }) => {
iptrunk_isis_metric: `${trunk.iptrunk.iptrunk_isis_metric}`,
iptrunk_ipv4_network: `${trunk.iptrunk.iptrunk_ipv4_network}`,
iptrunk_ipv6_network: `${trunk.iptrunk.iptrunk_ipv6_network}`,
geant_s_sid: `${trunk.iptrunk.geant_s_sid}`,
iptrunk_type: `${trunk.iptrunk.iptrunk_type}`,
},
};
......@@ -478,6 +482,7 @@ const LeafletMap: React.FC<LeafletMapProps> = ({ data }) => {
{ value: 'iptrunk_type', text: 'Iptrunk Type' },
{ value: 'iptrunk_ipv4_network', text: 'Iptrunk IPV4 Network' },
{ value: 'iptrunk_ipv6_network', text: 'Iptrunk IPV6 Network' },
{ value: 'geant_s_sid', text: 'GEANT Service ID' },
]}
value={labelType}
onChange={handleLabelTypeChange}
......
{}
{
"workflow": { "activate_iptrunk": "Activate IP trunk" },
"forms": { "fields": { "site_ts_address": "Hello Chris!" } }
}
......@@ -24,6 +24,7 @@ export interface Iptrunk {
iptrunk_type: string;
iptrunk_ipv4_network: string;
iptrunk_ipv6_network: string;
geant_s_sid: string,
iptrunk_sides: Array<{ iptrunk_side_node: IptrunkSideNode }>;
}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment