Topic: [core] bug bounty 3 - track loading progress before lock screen is displayed (Read 5650 times)

Riker · « **on:** July 10, 2017, 01:52:50 pm »

Currently when connecting to a remote node for the first time, it's not uncommon to see a Blue screen displayed for 10-20 seconds while the client fetches the necessary resources.
The purpose of the task is to display a moving progress bar when loading the client until the lock screen is displayed.

There is no simple solution for this because of the way the client resources are loaded synchronously using the nrs.sitebuild.js script.
This synchronous loading is necessary in order to initialize the handle bars components and the localization resources.
The solution can utilize any wide spread web development technique, but not rely on any plugin, and has to work both in browser and in the mobile browser and not break the desktop wallet (which is less affected by this problem).

We would like to offer a 20K NXT bounty for this task.

n0gard · « **Reply #1 on:** July 11, 2017, 02:56:21 am »

why dont you accept plugins?

Riker · « **Reply #2 on:** July 11, 2017, 06:43:12 am »

Quote from: n0gard on July 11, 2017, 02:56:21 am

why dont you accept plugins?

By plugin I mean we don't want to use Java Applet, SilverLight etc.

Riker · « **Reply #3 on:** July 12, 2017, 08:49:09 am »

This bounty has been implemented by forum member blackbeam.
Thanks blackbeam!

You can see it in action when connecting to https://162.243.242.8:7876/index.html# (ignore the certificate warning and don't use this node for anything else please)

MrV777 · « **Reply #4 on:** July 12, 2017, 09:16:41 am »

Great job blackbeam!

schoad · « **Reply #5 on:** July 12, 2017, 07:32:46 pm »

I propose the following minor additions:

index.html file:

Remove:
   <script>
$('#progress-container').hide();
$('html, body, #lockscreen').removeClass('loading');
</script>

Add at the end of index.html (before </body>):
      <script>
         $( document ).ready(function() {
            $('#progress-container').hide();
            $('html, body, #lockscreen').removeClass('loading');
         });
      </script>

The following node is running with the changes:
https://nxtnode002.ddnss.eu:7876/index.html

Riker · « **Reply #6 on:** July 13, 2017, 07:58:41 am »

Right, in fact we already implement $(document).ready() in nrs.js and we likely move the hiding of the progress bar to there and perhaps also use it to track few other initialization tasks in the final code.
The main innovation of this solution is to load the same script multiple times and use the loading of the script as a trigger for loading other resources and performing other initialization tasks.

Switch to ArdorForum

News:

Author Topic: [core] bug bounty 3 - track loading progress before lock screen is displayed (Read 5650 times)

Riker

[core] bug bounty 3 - track loading progress before lock screen is displayed

n0gard

Re: [core] bug bounty 3 - track loading progress before lock screen is displayed

Riker

Re: [core] bug bounty 3 - track loading progress before lock screen is displayed

Riker

Re: [core] bug bounty 3 - track loading progress before lock screen is displayed

MrV777

Re: [core] bug bounty 3 - track loading progress before lock screen is displayed

schoad

Re: [core] bug bounty 3 - track loading progress before lock screen is displayed

Riker

Re: [core] bug bounty 3 - track loading progress before lock screen is displayed