changeset-map/lib/query.js

import moment from 'moment';
import { config } from './config';
import React from 'react';
export function query(changesetID) {
  var url = config.osmBase + 'changeset/' + changesetID;
  var options = {
    'Response-Type': 'document'
  };
  return fetch(url, options)
    .then(r => r.text())
    .then(r => {
      const parser = new DOMParser();
      let xml;
      try {
        xml = parser.parseFromString(r, 'text/xml');
      } catch (e) {
        throw e;
      }
      var csFeature = xml.getElementsByTagName('changeset')[0];
      var cs = csFeature.attributes;
      var uid = cs.uid.textContent;
      var user = cs.user.textContent;
      var from = moment(cs.created_at.textContent, 'YYYY-MM-DDTHH:mm:ss\\Z')
        .subtract(1, 'seconds')
        .format('YYYY-MM-DDTHH:mm:ss\\Z');
      var to = cs.closed_at ? cs.closed_at.textContent : null;
      var left = cs.min_lon ? cs.min_lon.textContent : -180;
      var bottom = cs.min_lat ? cs.min_lat.textContent : -90;
      var right = cs.max_lon ? cs.max_lon.textContent : 180;
      var top = cs.max_lat ? cs.max_lat.textContent : 90;
      return {
        id: changesetID,
        uid: uid,
        user: user,
        from: from,
        to: to,
        bbox: {
          left: left,
          bottom: bottom,
          right: right,
          top: top
        }
      };
    });
}

var x = (
  <section className="cmap-filter-type-section">
    <h6 className="cmap-heading">Filter by type</h6>
    <ul className="cmap-hlist">
      <li>
        <label className="cmap-hlist-item cmap-noselect cmap-pointer">
          <className
            type="checkbox"
            value="nodes"
            checked="true"
            id="cmap-type-selector-nodes"
          />
          <span className="cmap-label-text">Nodes</span>
        </label>
      </li>
      <li>
        <label className="cmap-hlist-item cmap-noselect cmap-pointer">
          <className
            type="checkbox"
            value="ways"
            checked="true"
            id="cmap-type-selector-ways"
          />
          <span className="cmap-label-text">Ways</span>
        </label>
      </li>
      <li>
        <label className="cmap-hlist-item cmap-noselect cmap-pointer">
          <className
            type="checkbox"
            value="relations"
            checked="true"
            id="cmap-type-selector-relations"
          />
          <span className="cmap-label-text">Relations</span>
        </label>
      </li>
    </ul>
  </section>
);