12033: Fade out stale results.

[arvados.git] / apps / workbench / app / assets / javascripts / components / collections.js

diff --git a/apps/workbench/app/assets/javascripts/components/collections.js b/apps/workbench/app/assets/javascripts/components/collections.js
index 5bd667a22dfcfe696a96da2400f5cf90d834b8ce..ddba2e118373d671462f5e2cbd1451f7ce0f0bee 100644 (file)
--- a/apps/workbench/app/assets/javascripts/components/collections.js
+++ b/apps/workbench/app/assets/javascripts/components/collections.js
@@ -35,6 +35,7 @@ window.components.collection_search = {
             Object.keys(sessions).map(function(key) {
                 if (!vnode.state.items[key])
                     vnode.state.items[key] = m.stream([])
+                vnode.state.items[key].dirty = true
                 vnode.state.sessionDB.request(sessions[key], 'arvados/v1/collections', {
                     data: {
                         filters: JSON.stringify(!q ? [] : [['any', '@@', q+':*']]),
@@ -44,6 +45,7 @@ window.components.collection_search = {
                         // a newer query is in progress; ignore this result.
                         return
                     vnode.state.items[key](resp.items)
+                    vnode.state.items[key].dirty = false
                 })
             })
         })
@@ -79,8 +81,13 @@ window.components.collection_search = {
                 ]),
             ]),
             m('.row', Object.keys(items).sort().map(function(key) {
-                return m('.col-md-3', {key: key}, [
-                    m(window.components.collection_table_narrow, {key: key, items: items[key]}),
+                return m('.col-md-3', {key: key, style: {
+                    opacity: items[key].dirty ? 0.5 : 1,
+                }}, [
+                    m(window.components.collection_table_narrow, {
+                        key: key,
+                        items: items[key],
+                    }),
                 ])
             })),
         ])