Commit 98201d17 authored by miki's avatar miki
Browse files

ladn escp details on popup

parent cb11830a

js-apps/frontend/src/js/containers/sandbox/map-info.js

+31 −10
Original line number Diff line number Diff line
@@ -26,7 +26,10 @@ import { 
  FIELD_WIRELESS_TYPE,

  FIELD_META_DISPLAY_MAP_COLOR,

  FIELD_META_DISPLAY_MAP_ICON,

  getElemFieldVal

  getElemFieldVal,

  FIELD_DATA_NETWORK_NAME,

  FIELD_EDGE_COMPUTE_PROVIDER,

  FIELD_DN_LADN

} from '../../util/elem-utils';



import {
@@ -503,17 +506,35 @@ class MapInfo extends Component { 


  // UE Marker Event Handler

  updateComputePopup(marker) {

    if (marker) {

      // Retrieve state 

      var table = this.getTable();

      const networkName = getElemFieldVal(table.entries[marker.options.meep.compute.id], FIELD_DATA_NETWORK_NAME);

      const edgeProvider = getElemFieldVal(table.entries[marker.options.meep.compute.id], FIELD_EDGE_COMPUTE_PROVIDER);

      const ladn = getElemFieldVal(table.entries[marker.options.meep.compute.id], FIELD_DN_LADN);

      var appInstanceTable = this.props.appInstanceTable;

      var latlng = marker.getLatLng();

      // Parse mec application state on current popup

      var appInstances = [];

      for (var i = 0; i < appInstanceTable.length ; i++) {

        if (appInstanceTable[i].mepName === marker.options.meep.compute.id) {

          appInstances.push(appInstanceTable[i]);

        }

      }

      // Sort parsed array of mec app

      var sortedAppInstances = _.sortBy(appInstances, ['name']);

    if (marker) {

      var latlng = marker.getLatLng();

      // Modify render message

      var msg = '<b>id: ' + marker.options.meep.compute.id + '</b><br>';

      if (edgeProvider) {

        msg += 'service-provider: ' + edgeProvider + '<br>';

      }

      if (networkName) {

        msg += 'data-network: ' + networkName;

        if (ladn) {

          msg += ' (LADN)';

        }

        msg += '<br>';

      }

      msg += 'applications: <br>';

      if (appInstances) {

        sortedAppInstances.forEach(elem => {
@@ -521,9 +542,9 @@ class MapInfo extends Component { 
        });

      }

      msg += 'location: ' + this.getLocationStr(latlng);

    }

      marker.getPopup().setContent(msg);

    }

  }





  setUeMarker(ue) {