Only show active assets in popups, verbose grass engine

app/plugins/grass_engine.py

@@ -86,6 +86,7 @@ class GrassContext:
             f.write(tmpl.substitute(self.template_args))
 
         # Execute it
+        logger.info("Executing grass script from {}: {} -c {} location --exec sh script.sh".format(self.get_cwd(), self.grass_binary, self.location))
         p = subprocess.Popen([self.grass_binary, '-c', self.location, 'location', '--exec', 'sh', 'script.sh'],
                              cwd=self.get_cwd(), stdout=subprocess.PIPE, stderr=subprocess.PIPE)
         out, err = p.communicate()

app/static/app/js/components/Map.jsx

@@ -67,7 +67,6 @@ class Map extends React.Component {
 
   loadImageryLayers(forceAddLayers = false){
     const { tiles } = this.props,
-          assets = AssetDownloads.excludeSeparators(),
           layerId = layer => {
             const meta = layer[Symbol.for("meta")];
             return meta.task.project + "_" + meta.task.id;
@@ -132,10 +131,8 @@ class Map extends React.Component {
                                 </div>
                                 <div class="popup-opacity-slider">Opacity: <input id="layerOpacity" type="range" value="${layer.options.opacity}" min="0" max="1" step="0.01" /></div>
                                 <div>Bounds: [${layer.options.bounds.toBBoxString().split(",").join(", ")}]</div>
-                                    <ul class="asset-links">
+                                <ul class="asset-links loading">
-                                    ${assets.map(asset => {
+                                    <li><i class="fa fa-spin fa-refresh fa-spin fa-fw"></i></li>
-                                        return `<li><a href="${asset.downloadUrl(meta.task.project, meta.task.id)}">${asset.label}</a></li>`;
-                                    }).join("")}
                                 </ul>
 
                                 <button
@@ -278,6 +275,34 @@ https://a.tile.openstreetmap.org/{z}/{x}/{y}.png
               break;
             }
           }
+        }).on('popupopen', e => {
+            // Load task assets links in popup
+            if (e.popup && e.popup._source && e.popup._content){
+                const infoWindow = e.popup._content;
+                const $assetLinks = $("ul.asset-links", infoWindow);
+                
+                if ($assetLinks.length > 0 && $assetLinks.hasClass('loading')){
+                    const {id, project} = (e.popup._source[Symbol.for("meta")] || {}).task;
+
+                    $.getJSON(`/api/projects/${project}/tasks/${id}/`)
+                        .done(res => {
+                            const { available_assets } = res;
+                            const assets = AssetDownloads.excludeSeparators();
+                            const linksHtml = assets.filter(a => available_assets.indexOf(a.asset) !== -1)
+                                              .map(asset => {
+                                                    return `<li><a href="${asset.downloadUrl(project, id)}">${asset.label}</a></li>`;
+                                              })
+                                              .join("");
+                            $assetLinks.append($(linksHtml));
+                        })
+                        .fail(() => {
+                            $assetLinks.append($("<li>Error: cannot load assets list. </li>"));
+                        })
+                        .always(() => {
+                            $assetLinks.removeClass('loading');
+                        });
+                }
+            }
         });
     });
 

app/static/app/js/css/Map.scss

@@ -8,6 +8,17 @@
         }
 
         .asset-links{
+            li:first-child{
+                display: none;
+            }
+            &.loading{
+                li{ display: none }
+                li:first-child{
+                    display: block;
+                }
+                padding-left: 0;
+                list-style-type: none;
+            }
             margin-top: 8px;
             padding-left: 16px;