city-configuration.js

(function(window) {
  var data = [
    {
      id: 71,
      title: "FLIR City",
      background: {
        imageFilename: 'static-city.png',
        overlayFilename: 'static-city-overlay.png',
        videoFilename: 'active-city.mp4',
      },
      productIconFilename: 'circle-arrow-right.svg',
      events: [
        {
          title: 'Event Title',
          position: { x: 61.182858382345, y: 23.523423563423 }, // percentage from window top-left
          traffic: {
            normal: '{}', // JSON string of segments
            rerouted: '{}' // JSON string of segments
          },
          nodes: [
            {
              title: 'Traffic Response',
              description: 'This is a generic node that just shows some information.',
              grid: {
                term_id: 34,
                name: 'Traffic',
                slug: 'traffic'
              },
              icon: 'traffic.svg',
              position: { x: 63.23454387345, y: 23.523423563423 },
              productIds: [],
              mediaFilenames: []
            },
            {
              title: 'First Responder',
              description: 'This is a first responder on their way to the event.',
              grid: {
                term_id: 35,
                name: 'Emergency Response',
                slug: 'emergency-response'
              },
              icon: 'first-responder.svg',
              position: { x: 61.182858382345, y: 23.523423563423 },
              productIds: [],
              mediaFilenames: [
                'fire-person.jpg'
              ]
            },
            {
              title: 'Drone',
              description: '',
              grid: {
                term_id: 35,
                name: 'Emergency Response',
                slug: 'emergency-response'
              },
              icon: 'drone.svg',
              position: { x: 72.23454387345, y: 58.23448352348 },
              productIds: [
                267
              ],
              mediaFilenames: [
                'building-fire-01.mp4'
              ]
            },
            {
              title: 'Traffic Camera',
              description: 'This is a traffic camera.',
              grid: {
                term_id: 34,
                name: 'Traffic',
                slug: 'traffic'
              },
              icon: 'camera.svg',
              position: { x: 38.235844598345, y: 67.32442356344 },
              productIds: [
                267
              ],
              mediaFilenames: [
                'overturned-vehicle-in-tunnel.mp4'
              ]
            }
          ]
        }
      ]
    }
  ];
  var action = window.actions.configurations.parseConfigurations(data);
  window.store.dispatch(action);
})(window);