235 lines
12 KiB
JavaScript
235 lines
12 KiB
JavaScript
const os = require('os');
|
|
const path = require('path');
|
|
const fs = require('fs');
|
|
|
|
const { ipcRenderer } = require('electron');
|
|
|
|
|
|
exports.launcher_render = async function (launcher) {
|
|
console.log('Rendering launcher...');
|
|
document.getElementById('location_title').innerHTML = '<h1>Launcher '+launcher.location.name+'@'+launcher.event.name+'</h1>';
|
|
|
|
document.getElementById('event_files_menu').innerHTML = '<h2>Event Files</h2>';
|
|
document.getElementById('event_files_menu').innerHTML += '<ul class="">';
|
|
for (var i in launcher.event_files) {
|
|
document.getElementById('event_files_menu').innerHTML += '<li id="menu_event_file_id_'+launcher.event_files[i].id+'" class="btn btn-info btn_no_case open_local_file" data-hash_sha256="'+launcher.event_files[i].hash_sha256+'.file" data-filename="'+launcher.event_files[i].event_file_filename+'">'+launcher.event_files[i].event_file_filename+'</li>';
|
|
}
|
|
document.getElementById('event_files_menu').innerHTML += '</ul>';
|
|
|
|
document.getElementById('location_files_menu').innerHTML = '<h2>Location Files</h2>';
|
|
document.getElementById('location_files_menu').innerHTML += '<ul class="" role="">';
|
|
for (var i in launcher.location_files) {
|
|
document.getElementById('location_files_menu').innerHTML += '<li id="menu_event_file_id_'+launcher.location_files[i].id+'" class="btn btn-info open_local_file" data-hash_sha256="'+launcher.location_files[i].hash_sha256+'.file" data-filename="'+launcher.location_files[i].event_file_filename+'">'+launcher.location_files[i].event_file_filename+'</li>';
|
|
}
|
|
document.getElementById('location_files_menu').innerHTML += '</ul>';
|
|
|
|
document.getElementById('sessions_menu').innerHTML = '<h2>Sessions</h2>';
|
|
document.getElementById('sessions_menu').innerHTML += '<ul class="" role="">';
|
|
//let location_detail = '';
|
|
if (document.getElementById('location_detail').innerHTML.length) {
|
|
console.log('detail_session_id_xx already exists');
|
|
} else {
|
|
console.log('location_detail already populated');
|
|
document.getElementById('location_detail').innerHTML = ''; // This needs to be reviewed.
|
|
}
|
|
for (var i in launcher.sessions) {
|
|
// List sessions in menu
|
|
document.getElementById('sessions_menu').innerHTML += '<li id="menu_session_id_'+launcher.sessions[i].id+'" class="btn btn-info btn_view_session" data-session_id="'+launcher.sessions[i].id+'">'+launcher.sessions[i].name+'</li>';
|
|
|
|
// Create containers for each session
|
|
let session_detail = '';
|
|
|
|
if (typeof(document.getElementById('detail_session_id_'+launcher.sessions[i].id)) != 'undefined' && document.getElementById('detail_session_id_'+launcher.sessions[i].id) != null) {
|
|
//console.log('detail_session_id_xx already exists');
|
|
} else {
|
|
//console.log('Adding detail_session_id_xx');
|
|
session_detail += '<div id="detail_session_id_'+launcher.sessions[i].id+'" class="container d-none session_detail" data-session_id="'+launcher.sessions[i].id+'">';
|
|
}
|
|
|
|
|
|
|
|
var session_startdatetime = new Date(launcher.sessions[i].start_datetime);
|
|
|
|
session_detail += '<h2 class="session_title">'+launcher.sessions[i].name+'<span class="badge badge-pill badge-info float-right">'+dateFns.format(session_startdatetime, 'ddd h:mm A')+'</span>'+'</h2>';
|
|
|
|
|
|
//session_detail += '<div class="">'; // for card-group
|
|
|
|
session_detail += '<div class="card">';
|
|
session_detail += '<div class="card-header">Session Files:</div>';
|
|
session_detail += '<div class="card-body">';
|
|
|
|
session_detail += '<ul>';
|
|
for (var j in launcher.sessions[i].files) {
|
|
//console.log(launcher.sessions[i].files[j].event_file_filename);
|
|
session_detail += '<li class="btn btn-info open_local_file" data-hash_sha256="'+launcher.sessions[i].files[j].hash_sha256+'.file" data-filename="'+launcher.sessions[i].files[j].event_file_filename+'">'+launcher.sessions[i].files[j].event_file_filename+'</li>';
|
|
}
|
|
session_detail += '</ul>';
|
|
|
|
session_detail += '</div>'; // for card-body
|
|
session_detail += '</div> <!-- for session files card -->'; // for session files card
|
|
|
|
|
|
//session_detail += '<div class="session_presentations">';
|
|
|
|
for (var j in launcher.sessions[i].presentations) {
|
|
//session_detail += '<li>'+launcher.sessions[i].presentations[j].name;
|
|
|
|
var session_presentation_startdatetime = new Date(launcher.sessions[i].presentations[j].start_datetime);
|
|
|
|
session_detail += '<div class="card">';
|
|
session_detail += '<div class="card-header">'+launcher.sessions[i].presentations[j].name+'<span class="badge badge-pill badge-info float-right">'+dateFns.format(session_startdatetime, 'h:mm a')+'</span>'+':</div>';
|
|
session_detail += '<div class="card-body">';
|
|
|
|
session_detail += '<ul class="list-group">';
|
|
for (var k in launcher.sessions[i].presentations[j].files) {
|
|
//console.log(launcher.sessions[i].presentations[j].files[k].event_file_filename);
|
|
session_detail += '<li class="list-group-item data-hash_sha256="'+launcher.sessions[i].presentations[j].files[k].hash_sha256+'.file" data-filename="'+launcher.sessions[i].presentations[j].files[k].event_file_filename+'">';
|
|
|
|
session_detail += '<button class="btn btn-info open_local_file" data-hash_sha256="'+launcher.sessions[i].presentations[j].files[k].hash_sha256+'.file" data-filename="'+launcher.sessions[i].presentations[j].files[k].event_file_filename+'">'+launcher.sessions[i].presentations[j].files[k].event_file_filename+'</button>';
|
|
|
|
var event_file_size = launcher.sessions[i].presentations[j].files[k].size;
|
|
var event_file_created_on = new Date(launcher.sessions[i].presentations[j].files[k].created_on);
|
|
|
|
session_detail += '<span class="badge badge-pill badge-light float-right">'+format_bytes(event_file_size, 2)+'; '+dateFns.format(event_file_created_on, 'MMM M h:mm A')+'; '+launcher.sessions[i].presentations[j].files[k].internal_os+'</span>';
|
|
|
|
session_detail += '</li>';
|
|
|
|
}
|
|
session_detail += '</ul>';
|
|
|
|
|
|
session_detail += '<ul>';
|
|
for (var k in launcher.sessions[i].presentations[j].presenters) {
|
|
//console.log(launcher.sessions[i].presentations[j].presenters[k].given_name);
|
|
session_detail += '<li>'+launcher.sessions[i].presentations[j].presenters[k].given_name+' '+launcher.sessions[i].presentations[j].presenters[k].family_name;
|
|
|
|
session_detail += '<ul class="list-group">';
|
|
for (var l in launcher.sessions[i].presentations[j].presenters[k].files) {
|
|
//console.log(launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_filename);
|
|
//session_detail += '<li class="list-group-item" data-hash_sha256="'+launcher.sessions[i].presentations[j].presenters[k].files[l].hash_sha256+'.file" data-filename="'+launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_filename+'">'+launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_filename;
|
|
session_detail += '<li class="list-group-item" data-hash_sha256="'+launcher.sessions[i].presentations[j].presenters[k].files[l].hash_sha256+'.file" data-filename="'+launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_filename+'">';
|
|
session_detail += '<button class="btn btn-info open_local_file" data-hash_sha256="'+launcher.sessions[i].presentations[j].presenters[k].files[l].hash_sha256+'.file" data-filename="'+launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_filename+'">'+launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_filename+'</button>';
|
|
|
|
var event_file_size = launcher.sessions[i].presentations[j].presenters[k].files[l].size;
|
|
var event_file_created_on = new Date(launcher.sessions[i].presentations[j].presenters[k].files[l].created_on);
|
|
|
|
session_detail += '<span class="badge badge-pill badge-light float-right">'+format_bytes(event_file_size, 2)+'; '+dateFns.format(event_file_created_on, 'MMM M h:mm A')+'; '+launcher.sessions[i].presentations[j].presenters[k].files[l].internal_os+'</span>';
|
|
|
|
|
|
session_detail += '</li>';
|
|
}
|
|
session_detail += '</ul>';
|
|
|
|
session_detail +='</li>';
|
|
}
|
|
session_detail += '</ul>';
|
|
|
|
|
|
session_detail += '</ul>';
|
|
session_detail += '</div>'; // for card-body
|
|
session_detail += '</div> <!-- for card -->'; // for card
|
|
|
|
}
|
|
//session_detail += '</div> <!-- for session_presentations -->'; // for session_presentations
|
|
|
|
//session_detail += '</div>'; // for card-group
|
|
session_detail += '</div> <!-- End session detail for '+launcher.sessions[i].id+' -->';
|
|
|
|
|
|
//document.getElementById('location_detail').innerHTML += session_detail;
|
|
|
|
if (typeof(document.getElementById('detail_session_id_'+launcher.sessions[i].id)) != 'undefined' && document.getElementById('detail_session_id_'+launcher.sessions[i].id) != null) {
|
|
document.getElementById('detail_session_id_'+launcher.sessions[i].id).innerHTML = session_detail;
|
|
} else {
|
|
document.getElementById('location_detail').innerHTML += session_detail;
|
|
}
|
|
|
|
|
|
}
|
|
document.getElementById('sessions_menu').innerHTML += '</ul>';
|
|
|
|
index_location_detail('btn_view_session');
|
|
|
|
index_open_file_buttons('open_local_file');
|
|
|
|
|
|
//const btn_session_{{ event_presentation.id }}_name = document.querySelector('button#presentation_{{ event_presentation.id }}_name');
|
|
//btn_presentation_{{ event_presentation.id }}_name.onclick = display_hide_poster_for_type_id.bind(this, true, 'presentation', {{ event_presentation.id }});
|
|
console.log('Rendering launcher finished.');
|
|
|
|
return true;
|
|
}
|
|
|
|
|
|
/* Updated 2019-12-19 */
|
|
function index_location_detail(class_name) {
|
|
var class_elements = document.getElementsByClassName(class_name);
|
|
|
|
for (var i = 0; i < class_elements.length; i++) {
|
|
class_elements[i].addEventListener( 'click', function() {view_session( this.getAttribute('data-session_id')) } );
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
|
|
/* Updated 2019-12-19 */
|
|
function view_session(session_id) {
|
|
var class_elements = document.getElementsByClassName('session_detail');
|
|
console.log('*** Session ID: '+session_id);
|
|
for (var i = 0; i < class_elements.length; i++) {
|
|
console.log('*** checking: '+class_elements[i].getAttribute('data-session_id'));
|
|
if (class_elements[i].getAttribute('data-session_id') == session_id) {
|
|
console.log('show');
|
|
class_elements[i].classList.remove('d-none');
|
|
class_elements[i].classList.add('d-block');
|
|
} else {
|
|
console.log('hide');
|
|
class_elements[i].classList.remove('d-block');
|
|
class_elements[i].classList.add('d-none');
|
|
}
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Updated 2019-12-20 */
|
|
function index_open_file_buttons(class_name) {
|
|
var class_elements = document.getElementsByClassName(class_name);
|
|
|
|
for (var i = 0; i < class_elements.length; i++) {
|
|
//class_elements[i].addEventListener( 'click', function() {open_local_file( this.getAttribute('data-filename')) } );
|
|
|
|
//let directory = 'file_cache/';
|
|
|
|
//directory_and_filename = path.join(directory, class_elements[i].getAttribute('data-filename'));
|
|
|
|
let file_path = path.join(host_file_cache_path, class_elements[i].getAttribute('data-hash_sha256'));
|
|
let filename = class_elements[i].getAttribute('data-filename');
|
|
|
|
class_elements[i].addEventListener( 'click', function() { ipcRenderer.send('open_local_file', file_path, filename) } );
|
|
//ipcRenderer.send('open_local_file', this.getAttribute('data-filename')); // in render thread
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
|
|
|
|
function format_bytes(bytes, decimals = 2) {
|
|
if (bytes === 0) return '0 Bytes';
|
|
|
|
const k = 1024;
|
|
const dm = decimals < 0 ? 0 : decimals;
|
|
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
|
|
|
|
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
|
|
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
|
|
}
|