X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/e6805dea66e86c6cdad036407f16fe17f45b8f94..31e1d10eb4a54b13f55b3c9638f46032be633ff9:/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 ae27e64e07..9e03dfff5e 100644 --- a/apps/workbench/app/assets/javascripts/event_log.js +++ b/apps/workbench/app/assets/javascripts/event_log.js @@ -1,59 +1,56 @@ /* - * 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 (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; } - // grab websocket connection from window, if one exists + // check if websocket connection is already stored on the window event_log_disp = $(window).data("arv-websocket"); if (event_log_disp == null) { - // create the event log dispatcher - event_log_disp = new WebSocket($(window).data("websocket-url")); + // 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 = new WebSocket(websocket_url); - event_log_disp.onopen = function(event) { onEventLogDispatcherOpen(event) }; - event_log_disp.onmessage = function(event) { onEventLogDispatcherMessage(event) }; + event_log_disp.onopen = onEventLogDispatcherOpen; + event_log_disp.onmessage = onEventLogDispatcherMessage; // store websocket in window to allow reuse when multiple divs subscribe for events $(window).data("arv-websocket", event_log_disp); } - - // Add the elementId to listener map - event_log_listener_map = $(window).data("event_log_listener_map"); - if (event_log_listener_map == null) - event_log_listener_map = {}; - event_log_listener_map[elementId] = $(window).data("listening-uuid"); - $(window).data("event_log_listener_map", event_log_listener_map); } +/* 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"}'); } -// Check each of the entries in the listener map. If any are waiting for -// an event of this event's object, append to their registered element +/* Trigger event for all applicable elements waiting for this event */ function onEventLogDispatcherMessage(event) { - event_log_listener_map = $(window).data("event_log_listener_map"); - - parsedData = JSON.parse(event.data); - event_uuid = parsedData.object_uuid; - - for (var key in event_log_listener_map) { - value = event_log_listener_map[key]; - if (event_uuid === value) { - matches = ".event-listener[data-object-uuid=\"" + value + "\"]"; - $(matches).trigger('arv-event', event.data); + parsedData = JSON.parse(event.data); + object_uuid = parsedData.object_uuid; + + if (object_uuid) { + // 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', parsedData); } - } - // also trigger event for any listening for "all" - $('.event-listener[data-object-uuid="all"]').trigger('arv-event', event.data); } + +/* 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(); + } +});