diff --git a/app/index.html b/app/index.html index 648c7fb..bad27d4 100644 --- a/app/index.html +++ b/app/index.html @@ -428,6 +428,8 @@ safe_to_render_launcher = false; // Set to false so that the launcher render only starts after the launcher object has updated run_check_file_cache = true; // Set to true so that the local file cache will be checked against the updated event files idb_event_file_check_datetime = Date.now() + idb_event_file_check_period; + + let render_event_presenter_records_result = await uiv2.render_event_presenter_records(); // NOTE: v2 idb to ui } diff --git a/app/js/module_app_ui_v2.js b/app/js/module_app_ui_v2.js index 955bcc4..b5e58cf 100644 --- a/app/js/module_app_ui_v2.js +++ b/app/js/module_app_ui_v2.js @@ -18,18 +18,19 @@ exports.render_event_records = function () { } + +// This function is used to render all event file records to the UI. // NOTE: The event_file table should probably only be looped through once when the table is actually updated. // NOTE: Not each time the other objects (event, location, session, presentation, presenter) are updated. exports.render_event_file_records = function (event_files, event_id) { console.log('Rendering event file records...'); - /* tbl_event_file.iterate(function(value, key, iteration) { if (value.id == event_id) { - console.log('*** Event id ('+event_id+') found in table.'); + console.log('This event file ('+value.id+') is part of the this event ('+event_id+').'); document.getElementById('event_name').innerHTML = '@'+value.name; } else { - console.log('Event not it.'); + console.log('This event file ('+value.id+') is NOT part of the this event ('+event_id+').'); } }).then(function() { console.log('idb_to_ui: Iterate tbl_event_file complete') @@ -44,7 +45,7 @@ exports.render_event_file_records = function (event_files, event_id) { } document.getElementById('event_files_menu').innerHTML += ''; - */ + } @@ -115,7 +116,7 @@ exports.render_event_session_records = async function () { // Add the new session to the launcher sessions list let div_node = document.createElement('DIV'); div_node.id = 'detail_session_'+value.id; - div_node.className = 'container d-none session_detail'; + div_node.className = 'container d-none session_detail event_session'; div_node.setAttribute('data-session_id', value.id); let h2_node = document.createElement('H2'); @@ -139,19 +140,21 @@ exports.render_event_session_records = async function () { // Add placeholder cards for session files and session presentations // Files let files_div_node = document.createElement('DIV'); + files_div_node.id = 'event_session_files_'+value.id; files_div_node.className = 'card session_files'; let files_header_div_node = document.createElement('DIV'); files_header_div_node.className = 'card-header'; - let files_header_text_node = document.createTextNode('Sessions Files:'); + let files_header_text_node = document.createTextNode('Session Files:'); files_header_div_node.appendChild(files_header_text_node); let files_body_div_node = document.createElement('DIV'); files_body_div_node.className = 'card-body'; let files_body_ul_node = document.createElement('UL'); - files_body_ul_node.className = 'list-group list-group-flush'; + files_body_ul_node.id = 'event_session_files_list_'+value.id; + files_body_ul_node.className = 'list-group list-group-flush session_files_list event_files_list'; files_body_div_node.appendChild(files_body_ul_node); @@ -162,6 +165,7 @@ exports.render_event_session_records = async function () { // Presentations let presentations_div_node = document.createElement('DIV'); + presentations_div_node.id = 'session_presentations_'+value.id; presentations_div_node.className = 'card session_presentations'; let presentations_header_div_node = document.createElement('DIV'); @@ -174,7 +178,9 @@ exports.render_event_session_records = async function () { presentations_body_div_node.className = 'card-body'; let presentations_body_ul_node = document.createElement('UL'); - presentations_body_ul_node.className = 'list-group list-group-flush'; + presentations_body_ul_node.id = 'session_presentations_list_'+value.id; + presentations_body_ul_node.className = 'list-group list-group-flush session_presentations_list'; + presentations_body_ul_node.setAttribute('data-session_id', value.id); presentations_body_div_node.appendChild(presentations_body_ul_node); @@ -191,7 +197,7 @@ exports.render_event_session_records = async function () { console.log('Event session not it.'); } }).then(function() { - console.log('idb_to_ui: Iterate tbl_event_session complete') + console.log('idb_to_ui: Iterate tbl_event_session complete'); tbl_event_session_complete = true; }).then(function() { // Second: remove sessions from the launcher sessions menu and sessions list @@ -200,34 +206,36 @@ exports.render_event_session_records = async function () { console.log('Looking for removed sessions...'); let session_list_items = document.getElementById('sessions_menu').getElementsByTagName('ul')[0].childNodes; - console.log(session_list_items); - //console.log(session_list_items.length); + //console.log(session_list_items); - for (var i in session_list_items) { - console.log(session_list_items[i].getAttribute('data-session_id')); - //console.log(session_list_items[i]); - let session_id = session_list_items[i].getAttribute('data-session_id') - let session_valid = false; - - tbl_event_session.iterate(function(value, key, iteration) { - //console.log(value.event_id+' ?= '+event_id+' : '+value.event_location_id+' ?= '+event_location_id+' : '+value.id+' ?= '+session_id); - if (value.event_id == event_id && value.event_location_id == event_location_id && value.id == session_id) { - // The session is still part of the event and the location - session_valid = true; - } else { - // The session is no longer part of the event and or the location - //console.log('Need to remove session id '+session_id); - } - }).then(function() { - console.log('idb_to_ui: Iterate tbl_event_session looking for sessions to remove is complete') - if (session_valid) { - console.log('Keep session id '+session_id); - } else { - console.log('Remove session id '+session_id); - document.getElementById('menu_event_session_'+session_id).remove(); // Remove the node from the launcher sessions menu list - document.getElementById('detail_session_'+session_id).remove(); // Remove the node from the launcher sessions list - } - }); + let session_list = document.getElementById('sessions_menu').getElementsByTagName('ul')[0].children; + + if (session_list_items.length) { + for (let i=0, len=session_list_items.length; i < len; i++) { + console.log('session_id='+session_list_items[i].getAttribute('data-session_id')); + let session_id = session_list_items[i].getAttribute('data-session_id'); + let session_valid = false; + + tbl_event_session.iterate(function(value, key, iteration) { + //console.log(value.event_id+' ?= '+event_id+' : '+value.event_location_id+' ?= '+event_location_id+' : '+value.id+' ?= '+session_id); + if (value.event_id == event_id && value.event_location_id == event_location_id && value.id == session_id) { + // The session is still part of the event and the location + session_valid = true; + } else { + // The session is no longer part of the event and or the location + //console.log('Need to remove session id '+session_id); + } + }).then(function() { + console.log('idb_to_ui: Iterate tbl_event_session looking for sessions to remove is complete') + if (session_valid) { + //console.log('Keep session id '+session_id); + } else { + console.log('Remove session id '+session_id); + document.getElementById('menu_event_session_'+session_id).remove(); // Remove the node from the launcher sessions menu list + document.getElementById('detail_session_'+session_id).remove(); // Remove the node from the launcher sessions list + } + }); + } } }); @@ -251,144 +259,167 @@ exports.render_event_presentation_records = async function (events) { let launcher_sessions = document.getElementById('launcher_sessions').childNodes; //_list_items console.log(launcher_sessions); - console.log(tbl_event_presentation); - /* - loop through the sessions list (not table) { - let session_id = ; - attempt to loop through list of presentations (possibly empty) { - let presentation_id = ; - let presentation_id_found = false; - iterate through tbl_event_presentation - if (li presentation_id = tbl_event_presentation.id and session id = tbl_event_presentation.event_session_id) { - update the presentation_id - presentation_id_found = true; - } else if (session id = tbl_event_presentation.event_session_id) { - add in the new presentation_id from the table - presentation_id_found = true; - } - if (presentation_id_found == false) { - // remove the presentation - } - } - } - */ - - - - for (let i in launcher_sessions) { - console.log(launcher_sessions[i].getAttribute('data-session_id')); + for (let i=0, len=launcher_sessions.length; i < len; i++) { + //for (let i in launcher_sessions) { + console.log('Current launcher session_id='+launcher_sessions[i].getAttribute('data-session_id')); let session_id = launcher_sessions[i].getAttribute('data-session_id'); - //console.log(launcher_sessions[i].getElementsByClassName('session_presentations')[0].getElementsByTagName('ul').childElementCount); - let presentations_list = launcher_sessions[i].getElementsByClassName('session_presentations')[0].getElementsByTagName('ul')[0].childNodes; console.log(presentations_list); - //console.log(presentations_list.length); + + // First: update or delete presentations if (presentations_list.length) { console.log('Presentations listed under this session (id='+session_id+'). (launcher sessions loop i = '+i+')'); console.log(launcher_sessions[i].getElementsByClassName('session_presentations')[0].getElementsByTagName('ul')); - /* - * loop through list of presentations - * if in - */ - await tbl_event_presentation.iterate(function(value, key, iteration) { - if (document.getElementById('event_presentation_'+value.id)) { - // Update the launcher presentations list for a session - document.getElementById('event_presentation_'+value.id).getElementsByTagName('div')[0].getElementsByTagName('strong')[0].innerHTML = value.name; - let presentation_startdatetime = new Date(value.start_datetime); - document.getElementById('event_presentation_'+value.id).getElementsByTagName('div')[0].getElementsByTagName('span')[0].innerHTML = dateFns.format(presentation_startdatetime, 'h:mm A'); - } else { - - } - }).then(function() { + + for (let j=0, len=presentations_list.length; j < len; j++) { + console.log('Current launcher presentation_id='+presentations_list[j].getAttribute('data-presentation_id')); + let presentation_id = presentations_list[j].getAttribute('data-presentation_id'); - }); - - } else { - console.log('No presentations listed under this session (id='+session_id+'). Time to iterate through presentations table. (launcher sessions loop i = '+i+')'); - - let new_i = i; - console.log(new_i); - - - //if (!looping_tbl_event_presentation) { - // looping_tbl_event_presentation = true; - await tbl_event_presentation.iterate(function(value, key, iteration) { - console.log('Launcher sessions loop i: '+i+' : '+new_i); - if (value.event_session_id == session_id) { - console.log('*** Presentation id ('+value.id+') is part of this session ('+session_id+'). (launcher sessions loop i='+i+')'); - - // Add the new session to the launcher sessions list - let presentation_li_node = document.createElement('LI'); - presentation_li_node.id = 'event_presentation_'+value.id; - presentation_li_node.className = 'list-group-item'; - presentation_li_node.setAttribute('data-presentation_id', value.id); - - let presentation_li_heading_div_node = document.createElement('DIV'); - presentation_li_heading_div_node.className = 'list-group-item-heading d-flex justify-content-between align-items-center'; - - let presentation_name_strong_node = document.createElement('STRONG'); - - let presentation_name_text_node= document.createTextNode(value.name); - presentation_name_strong_node.appendChild(presentation_name_text_node); - - let presentation_heading_span_node = document.createElement('SPAN'); - presentation_heading_span_node.className = 'badge badge-pill badge-info'; - + await tbl_event_presentation.iterate(function(value, key, iteration) { + console.log('*** 1: session_id='+session_id+' | presentation.event_session_id='+value.event_session_id+' | presentation_id='+presentation_id+' | presentation.id='+value.id+' (launcher sessions loop i='+i+')'); + looping_tbl_event_presentation = true; + if (session_id == value.event_session_id && presentation_id == value.id) { + // Found presentation in that session. Updating... + console.log('Presentation was found in the session. Updating...'); + document.getElementById('event_presentation_'+value.id).getElementsByTagName('div')[0].getElementsByTagName('strong')[0].innerHTML = value.name; let presentation_startdatetime = new Date(value.start_datetime); - let presentation_heading_span_text_node = document.createTextNode(dateFns.format(presentation_startdatetime, 'h:mm A')); - presentation_heading_span_node.appendChild(presentation_heading_span_text_node); + document.getElementById('event_presentation_'+value.id).getElementsByTagName('div')[0].getElementsByTagName('span')[0].innerHTML = dateFns.format(presentation_startdatetime, 'h:mm A'); + + } else if (session_id != value.event_session_id && presentation_id == value.id) { + // Found presentation in a session that it should not be in. Removing... + console.log('Presentation exists but should not be part of this session. Removing...'); + console.log('*** Presentation id ('+value.id+') is NOT part of this session ('+session_id+'). (launcher sessions loop i='+i+')'); + document.getElementById('event_presentation_'+presentation_id).remove(); // Remove the node from the launcher presentations list + + } else { + //console.log('Not doing anything'); + } - presentation_li_heading_div_node.appendChild(presentation_name_strong_node); - presentation_li_heading_div_node.appendChild(presentation_heading_span_node); - - presentation_li_node.appendChild(presentation_li_heading_div_node); - - console.log('************ ISSUE ************'); - console.log(launcher_sessions[i].getElementsByClassName('session_presentations')); - //launcher_sessions[i].getElementsByClassName('session_presentations')[0].getElementsByTagName('ul')[0].appendChild(presentation_li_node); - let launcher_session_details = document.getElementById('detail_session_'+session_id); - console.log(launcher_session_details.getElementsByClassName('session_presentations')); - let session = document.getElementById('detail_session_'+session_id).getElementsByClassName('session_presentations')[0].getElementsByTagName('ul')[0].appendChild(presentation_li_node); - } else { - console.log('*** Presentation id ('+value.id+') is NOT part of this session ('+session_id+'). (launcher sessions loop i='+i+')'); - } - }).then(function() { - console.log('idb_to_ui: Iterate tbl_event_presentation looking for presentations to update or add is complete'); - looping_tbl_event_presentation = true; - //tbl_event_presentation_iterate_count++; - /* - if (session_valid) { - console.log('Keep session id '+session_id); - } else { - console.log('Remove session id '+session_id); - document.getElementById('menu_event_session_'+session_id).remove(); // Remove the node from the launcher sessions menu list - document.getElementById('detail_session_'+session_id).remove(); // Remove the node from the launcher sessions list - } - */ - }); - - //} else { - // console.log('Waiting until tbl_event_presentation has finished iterating...'); - //} + }).then(function() { + console.log('idb_to_ui: Iterate tbl_event_presentation looking for presentations to update or remove is complete'); + looping_tbl_event_presentation = false; + }); + } - /* -