X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/eb8eaafa2351d8cb8d4ba7408e0052d47fd56a2f..2679a9f68531ee7c29ee4e1d68faef408de92d48:/apps/workbench/app/assets/javascripts/event_log.js diff --git a/apps/workbench/app/assets/javascripts/event_log.js b/apps/workbench/app/assets/javascripts/event_log.js index 56e97d711a..8bfa1b0672 100644 --- a/apps/workbench/app/assets/javascripts/event_log.js +++ b/apps/workbench/app/assets/javascripts/event_log.js @@ -1,49 +1,54 @@ /* - * This file establishes a websockets connection with the API Server. - * - * The subscribe method takes a window element id and object id. Any log - * events for that particular object id are added to that window element. + * This js establishes a websockets connection with the API Server. */ -var event_log_disp; - -function subscribeToEventLog (url, uuid, elementId) { - // if websockets are not supported by browser, do not attempt to subscribe for events +/* Subscribe to websockets event log. Do nothing if already connected. */ +function subscribeToEventLog () { + // if websockets are not supported by browser, do not subscribe for events websocketsSupported = ('WebSocket' in window); if (websocketsSupported == false) { - return; + return; } - // create the event log dispatcher - event_log_disp = new WebSocket(url); + // check if websocket connection is already stored on the window + event_log_disp = $(window).data("arv-websocket"); + if (event_log_disp == null) { + // need to create new websocket and event log dispatcher + websocket_url = $('meta[name=arv-websocket-url]').attr("content"); + if (websocket_url == null) + return; - event_log_disp.onopen = function(event) { onEventLogDispatcherOpen(event) }; - event_log_disp.onmessage = function(event) { onEventLogDispatcherMessage(event) }; + event_log_disp = new WebSocket(websocket_url); - // Add the elementId to listener map - event_log_listener_map = JSON.parse(sessionStorage.getItem("event_log_listener_map")); - if (event_log_listener_map == null) - event_log_listener_map = {}; - delete event_log_listener_map[elementId]; - event_log_listener_map[elementId] = uuid; + event_log_disp.onopen = onEventLogDispatcherOpen; + event_log_disp.onmessage = onEventLogDispatcherMessage; - sessionStorage.removeItem("event_log_listener_map"); - sessionStorage.setItem("event_log_listener_map", JSON.stringify(event_log_listener_map)); + // store websocket in window to allow reuse when multiple divs subscribe for events + $(window).data("arv-websocket", event_log_disp); + } } +/* Send subscribe message to the websockets server. Without any filters + arguments, this subscribes to all events */ function onEventLogDispatcherOpen(event) { - event_log_disp.send('{"method":"subscribe"}'); + this.send('{"method":"subscribe"}'); } +/* Trigger event for all applicable elements waiting for this event */ function onEventLogDispatcherMessage(event) { - event_log_listener_map = JSON.parse(sessionStorage.getItem("event_log_listener_map")); + parsedData = JSON.parse(event.data); + object_uuid = parsedData.object_uuid; - for (var key in event_log_listener_map) { - value = event_log_listener_map[key]; + // if there are any listeners for this object uuid or "all", trigger the event + matches = ".arv-log-event-listener[data-object-uuid=\"" + object_uuid + "\"],.arv-log-event-listener[data-object-uuids~=\"" + object_uuid + "\"],.arv-log-event-listener[data-object-uuid=\"all\"],.arv-log-event-listener[data-object-kind=\"" + parsedData.object_kind + "\"]"; + $(matches).trigger('arv-log-event', event.data); +} - eventData = JSON.parse(event.data); - if (value === eventData.object_uuid) { - $('#'+key).append(eventData.summary + " "); - } +/* Automatically connect if there are any elements on the page that want to + received event log events. */ +$(document).on('ajax:complete ready', function() { + var a = $('.arv-log-event-listener'); + if (a.length > 0) { + subscribeToEventLog(); } -} +});