RanchiMall/TEDxKanke
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fastening the startup load timing

Browse Source 
added most request-render to parallel during the startup
This commit is contained in:
Sai Raj 2020-02-27 00:45:36 +05:30 committed by GitHub
parent 6f432e1ada
commit 1f078e0148
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
TEDxKanke_monitor.html
View File

@ -552,15 +552,19 @@ ul .person-card:last-of-type, ul .task-card:last-of-type {
} }
</script> </script>
<script id="onLoadStartUp"> <script id="onLoadStartUp">
function onLoadStartUp() { function onLoadStartUp() {
console.log('onLoadStartUp') console.log('onLoadStartUp')
Promise.all([TEDxKanke_monitor.getProjectList(), TEDxKanke_monitor.getTaskList(), TEDxKanke_monitor.getInternList(), webAppClient.requestSubAdminList()]).then(results => { webAppClient.requestSubAdminList().then(result => {
projects = results[0]; console.log(result)
tasks = TEDxKanke_monitor.taskTitles(results[1]); floGlobals.subAdmins = result
internList = results[2]; loader('hide', 'main_loader')
floGlobals.subAdmins = results[3] showPage('main_page')
console.log(projects, tasks, internList, floGlobals.subAdmins) renderActivityUpdates()
renderElements() TEDxKanke_monitor.getTaskList().then(result => {
tasks = TEDxKanke_monitor.taskTitles(result);
renderGroupElements()
}).catch(error => console.error(error))
}).catch(error => console.error(error)) }).catch(error => console.error(error))
} }
</script> </script>
@ -687,7 +691,7 @@ ul .person-card:last-of-type, ul .task-card:last-of-type {
</div> </div>
<div id="tasks" class="container padding"> <div id="tasks" class="container padding">
<header class="padding"> <header class="padding">
<h3>Tasks</h3> <h3>Groups</h3>
</header> </header>
<ul id="tasks_container"> <ul id="tasks_container">
</ul> </ul>
@ -702,11 +706,6 @@ ul .person-card:last-of-type, ul .task-card:last-of-type {
<h3 id="task_title">Category</h3> <h3 id="task_title">Category</h3>
</header> </header>
<ul id="assigned" class="padding"> <ul id="assigned" class="padding">
<li class="person-card">
<span></span>
<h4>Name</h4>
<h5>FLOID</h5>
</li>
</ul> </ul>
<div id="intern_loader" class="popup-container"> <div id="intern_loader" class="popup-container">
<div> <div>
@ -934,14 +933,13 @@ ul .person-card:last-of-type, ul .task-card:last-of-type {
<h4>${task}</h4>`; <h4>${task}</h4>`;
return card; return card;
}, },
personCard: function(floID, name){ personCard: function(floID){
name = name || "#Undefined"
let card = document.createElement('li'), let card = document.createElement('li'),
inital = name.charAt(0); inital = floID.charAt(1);
card.classList.add('person-card', 'padding') card.classList.add('person-card', 'padding')
card.innerHTML = `<span>${inital}</span> card.innerHTML = `<span>${inital}</span>
<h4>${name}</h4> <h4>${floID}</h4>
<h5>${floID}</h5>`; `;
return card; return card;
}, },
updateCard: function(message, timestamp){ updateCard: function(message, timestamp){
@ -1008,7 +1006,7 @@ ul .person-card:last-of-type, ul .task-card:last-of-type {
TEDxKanke_monitor.getAssignedInterns(task).then((assignedInterns) => { TEDxKanke_monitor.getAssignedInterns(task).then((assignedInterns) => {
if(assignedInterns) if(assignedInterns)
assignedInterns.forEach((intern) => { assignedInterns.forEach((intern) => {
frag.appendChild(render.personCard(intern, internList[intern])) frag.appendChild(render.personCard(intern))
}) })
container.append(frag) container.append(frag)
loader('hide', 'intern_loader') loader('hide', 'intern_loader')
@ -1030,24 +1028,27 @@ ul .person-card:last-of-type, ul .task-card:last-of-type {
loader.firstElementChild.children[0].classList.remove('loading-animation') loader.firstElementChild.children[0].classList.remove('loading-animation')
} }
} }
function renderElements(){
let taskContainer = document.getElementById('tasks_container'), function renderGroupElements(){
updateContainer = document.getElementById('activity_container'); let taskContainer = document.getElementById('tasks_container')
for(task in tasks){ for(task in tasks){
frag.appendChild(render.taskCard(task, tasks[task][0])) frag.appendChild(render.taskCard(task, tasks[task][0]))
} }
taskContainer.append(frag) taskContainer.append(frag)
TEDxKanke_monitor.getGeneralUpdate('InternUpdates').then((updates) => { }
function renderActivityUpdates(){
let updateContainer = document.getElementById('activity_container')
TEDxKanke_monitor.getGeneralUpdate('InternUpdates').then((updates) => {
updates.reverse().forEach((update) => { updates.reverse().forEach((update) => {
if(floGlobals.subAdmins.includes(update.sender)) if(floGlobals.subAdmins.includes(update.sender))
frag.appendChild(render.updateCard(update.message, update.vectorClock.split('_')[0])) frag.appendChild(render.updateCard(update.message, update.vectorClock.split('_')[0]))
}) })
updateContainer.append(frag) updateContainer.append(frag)
var autoRefresh = setInterval(liveUpdates, 60000) var autoRefresh = setInterval(liveUpdates, 60000)
loader('hide', 'main_loader')
showPage('main_page')
}) })
} }
function liveUpdates(){ function liveUpdates(){
let updateContainer = document.getElementById('activity_container'); let updateContainer = document.getElementById('activity_container');
var intervalTime = Date.now() - 60000 var intervalTime = Date.now() - 60000