apps/workbench/app/assets/javascripts/components/search.js

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 window.SearchResultsTable = {
   6     maybeLoadMore: function(dom) {
   7         var loader = this.loader
   8         if (loader.state != loader.READY)
   9             // Can't start getting more items anyway: no point in
  10             // checking anything else.
  11             return
  12         var contentRect = dom.getBoundingClientRect()
  13         var scroller = window // TODO: use dom's nearest ancestor with scrollbars
  14         if (contentRect.bottom < 2 * scroller.innerHeight) {
  15             // We have less than 1 page worth of content available
  16             // below the visible area. Load more.
  17             loader.loadMore()
  18             // Indicate loading is in progress.
  19             window.requestAnimationFrame(m.redraw)
  20         }
  21     },
  22     oncreate: function(vnode) {
  23         vnode.state.maybeLoadMore = vnode.state.maybeLoadMore.bind(vnode.state, vnode.dom)
  24         window.addEventListener('scroll', vnode.state.maybeLoadMore)
  25         window.addEventListener('resize', vnode.state.maybeLoadMore)
  26         vnode.state.timer = window.setInterval(vnode.state.maybeLoadMore, 200)
  27         vnode.state.loader = vnode.attrs.loader
  28         vnode.state.onupdate(vnode)
  29     },
  30     onupdate: function(vnode) {
  31         vnode.state.loader = vnode.attrs.loader
  32     },
  33     onremove: function(vnode) {
  34         window.clearInterval(vnode.state.timer)
  35         window.removeEventListener('scroll', vnode.state.maybeLoadMore)
  36         window.removeEventListener('resize', vnode.state.maybeLoadMore)
  37     },
  38     view: function(vnode) {
  39         var loader = vnode.attrs.loader
  40         var iconsMap = {
  41             collections: m('i.fa.fa-fw.fa-archive'),
  42             projects: m('i.fa.fa-fw.fa-folder'),
  43         }
  44         var db = new SessionDB()
  45         var sessions = db.loadActive()
  46         return m('table.table.table-condensed', [
  47             m('thead', m('tr', [
  48                 m('th'),
  49                 m('th', 'uuid'),
  50                 m('th', 'name'),
  51                 m('th', 'last modified'),
  52             ])),
  53             m('tbody', [
  54                 loader.items().map(function(item) {
  55                     var session = sessions[item.uuid.slice(0,5)]
  56                     var tokenParam = ''
  57                     // Add the salted token to search result links from federated
  58                     // remote hosts.
  59                     if (!session.isFromRails && session.token.indexOf('v2/') == 0) {
  60                         tokenParam = '?api_token='+session.token
  61                     }
  62                     return m('tr', [
  63                         m('td', [
  64                             item.workbenchBaseURL() &&
  65                                 m('a.btn.btn-xs.btn-default', {
  66                                     'data-original-title': 'show '+item.objectType.description,
  67                                     'data-placement': 'top',
  68                                     'data-toggle': 'tooltip',
  69                                     href: item.workbenchBaseURL()+'/'+item.objectType.wb_path+'/'+item.uuid+tokenParam,
  70                                     // Bootstrap's tooltip feature
  71                                     oncreate: function(vnode) { $(vnode.dom).tooltip() },
  72                                 }, iconsMap[item.objectType.wb_path]),
  73                         ]),
  74                         m('td.arvados-uuid', item.uuid),
  75                         m('td', item.name || '(unnamed)'),
  76                         m('td', m(LocalizedDateTime, {parse: item.modified_at})),
  77                     ])
  78                 }),
  79             ]),
  80             loader.state == loader.DONE ? null : m('tfoot', m('tr', [
  81                 m('th[colspan=4]', m('button.btn.btn-xs', {
  82                     className: loader.state == loader.LOADING ? 'btn-default' : 'btn-primary',
  83                     style: {
  84                         display: 'block',
  85                         width: '12em',
  86                         marginLeft: 'auto',
  87                         marginRight: 'auto',
  88                     },
  89                     disabled: loader.state == loader.LOADING,
  90                     onclick: function() {
  91                         loader.loadMore()
  92                         return false
  93                     },
  94                 }, loader.state == loader.LOADING ? '(loading)' : 'Load more')),
  95             ])),
  96         ])
  97     },
  98 }
  99
 100 window.Search = {
 101     oninit: function(vnode) {
 102         vnode.state.sessionDB = new SessionDB()
 103         vnode.state.searchEntered = m.stream()
 104         vnode.state.searchActive = m.stream()
 105         // When searchActive changes (e.g., when restoring state
 106         // after navigation), update the text field too.
 107         vnode.state.searchActive.map(vnode.state.searchEntered)
 108         // When searchActive changes, create a new loader that filters
 109         // with the given search term.
 110         vnode.state.searchActive.map(function(q) {
 111             var sessions = vnode.state.sessionDB.loadActive()
 112             vnode.state.loader = new MergingLoader({
 113                 children: Object.keys(sessions).map(function(key) {
 114                     var session = sessions[key]
 115                     var workbenchBaseURL = function() {
 116                         return vnode.state.sessionDB.workbenchBaseURL(session)
 117                     }
 118                     var searchable_objects = [
 119                         {
 120                             wb_path: 'projects',
 121                             api_path: 'arvados/v1/groups',
 122                             filters: [['group_class', '=', 'project']],
 123                             description: 'project',
 124                         },
 125                         {
 126                             wb_path: 'collections',
 127                             api_path: 'arvados/v1/collections',
 128                             filters: [],
 129                             description: 'collection',
 130                         },
 131                     ]
 132                     return new MergingLoader({
 133                         sessionKey: key,
 134                         // For every session, search for every object type
 135                         children: searchable_objects.map(function(obj_type) {
 136                             return new MultipageLoader({
 137                                 sessionKey: key,
 138                                 loadFunc: function(filters) {
 139                                     // Apply additional type dependant filters
 140                                     filters = filters.concat(obj_type.filters)
 141                                     var tsquery = to_tsquery(q)
 142                                     if (tsquery) {
 143                                         filters.push(['any', '@@', tsquery])
 144                                     }
 145                                     return vnode.state.sessionDB.request(session, obj_type.api_path, {
 146                                         data: {
 147                                             filters: JSON.stringify(filters),
 148                                             count: 'none',
 149                                         },
 150                                     }).then(function(resp) {
 151                                         resp.items.map(function(item) {
 152                                             item.workbenchBaseURL = workbenchBaseURL
 153                                             item.objectType = obj_type
 154                                         })
 155                                         return resp
 156                                     })
 157                                 },
 158                             })
 159                         }),
 160                     })
 161                 }),
 162             })
 163         })
 164     },
 165     view: function(vnode) {
 166         return m('form', {
 167             onsubmit: function() {
 168                 vnode.state.searchActive(vnode.state.searchEntered())
 169                 vnode.state.forgetSavedHeight = true
 170                 return false
 171             },
 172         }, [
 173             m(SaveUIState, {
 174                 defaultState: '',
 175                 currentState: vnode.state.searchActive,
 176                 forgetSavedHeight: vnode.state.forgetSavedHeight,
 177                 saveBodyHeight: true,
 178             }),
 179             vnode.state.loader && [
 180                 m('.row', [
 181                     m('.col-md-6', [
 182                         m('.input-group', [
 183                             m('input#search.form-control[placeholder=Search collections and projects]', {
 184                                 oninput: m.withAttr('value', vnode.state.searchEntered),
 185                                 value: vnode.state.searchEntered(),
 186                             }),
 187                             m('.input-group-btn', [
 188                                 m('input.btn.btn-primary[type=submit][value="Search"]'),
 189                             ]),
 190                         ]),
 191                     ]),
 192                     m('.col-md-6', [
 193                         'Searching sites: ',
 194                         vnode.state.loader.children.length == 0
 195                             ? m('span.label.label-xs.label-danger', 'none')
 196                             : vnode.state.loader.children.map(function(child) {
 197                                 return [m('span.label.label-xs', {
 198                                     className: child.state == child.LOADING ? 'label-warning' : 'label-success',
 199                                 }, child.sessionKey), ' ']
 200                             }),
 201                         ' ',
 202                         m('a[href="/sessions"]', 'Add/remove sites'),
 203                     ]),
 204                 ]),
 205                 m(SearchResultsTable, {
 206                     loader: vnode.state.loader,
 207                 }),
 208             ],
 209         ])
 210     },
 211 }