WIP fixes for Statusimage

README.md

@@ -60,7 +60,7 @@ Because `wdio` wraps `mocha`, you can send `mocha` args via `wdio.default.conf.j
 
 1. Start oam-api:
 
-   `oam-api$ docker-compose up`
+    `oam-api$ docker-compose up`
 
 2. Start chromedriver:
 

src/components/home.js

@@ -65,15 +65,31 @@ export default createReactClass({
     // The map parameters form the url take precedence over everything else
     // if they're not present try the cookie.
     state.map.view = this.getMapViewOrDefault(this.props.params.map);
+    console.log('state.map.view', state.map.view)
 
     state.selectedSquareQuadkey = this.props.params.square_id;
     state.selectedItemId = this.props.params.image_id;
-
+    console.log('selectedItemId=' + state.selectedItemId)
+   /*
+    this.setState({
+      map: {
+        view: this.getMapViewOrDefault(this.props.params.map)
+      },
+      selectedSquareQuadkey: this.props.params.square_id,
+      selectedItemId: this.props.params.image_id
+    })
+    */
+
     if (this.props.params.user_id) {
       mapStore.queryUserImagery(this.props.params.user_id);
     }
 
+    //this.setState(state);
+
+    // TODO: Remove => this is already done in the loadImagery callback (which properly respects
+    // the async nature of queryUserImagery)
     state.results = this.getImagery();
+    console.log('home results', state.results)
     this.setState(state);
   },
 

src/components/map.js

@@ -130,6 +130,7 @@ export default createReactClass({
     this.mapGridLayer.on("click", this.onGridSqrClick);
 
     // Map position from path.
+    console.log('this.props.map', this.props.map)
     var mapString = this.stringToMapView(this.props.map.view);
     var view = [mapString.lat, mapString.lng];
     var zoom = mapString.zoom;

src/components/results_pane.js

@@ -29,6 +29,7 @@ export default createReactClass({
           i.uuid.includes(this.props.selectedItemId)
         );
       });
+      console.log('setupCurrentImage, currentIndex=' + this.currentIndex)
       this.currentResult = this.props.results[this.currentIndex];
     } else {
       this.currentResult = null;
@@ -50,8 +51,8 @@ export default createReactClass({
 
   render: function() {
     var resultsPane = null;
-    if (this.props.selectedItemId) {
-      this.setupCurrentImage();
+    this.setupCurrentImage();
+    if (this.currentResult) {
       var pg = {
         total: this.props.results.length,
         current: this.currentIndex + 1,

src/components/uploader/StatusImage.js

@@ -13,6 +13,8 @@ function imageClick(event, metadata) {
   event.preventDefault();
   const modifiedMetdata = Object.assign({}, metadata);
   modifiedMetdata._id = metadata.uuid.split("/").slice(-1)[0];
+  console.log('metadata', metadata)
+  console.log('extracted id', modifiedMetdata._id)
   utils.imageUri(modifiedMetdata);
 }