Progress Bar - Classes and Pupils - Cleaned up

by nevkatz

HTML

<div id="counter">
<div id="meter"></div>
</div>
<div id="output">

</div>
<div id="pupil_stats">

</div>
<div id="class_stats">

</div>

CSS

body {
  font-family: 'Calibri';
}
#counter {
  width: 300px;
  height: 20px;
  background-color: #ccc;
}
#meter {
  width: 100%;
  background-color: green;
  height: 20px;
}

JavaScript

var sleep = ms => new Promise(r => setTimeout(r, ms));

function init() {
  let num_teachers = 20;
  let est_num_classes_per = 4;
  data_download_set_expected(num_teachers,est_num_classes_per);
  run_thru_progress(num_teachers,est_num_classes_per);
}

/* use this! */
function data_download_set_expected(num_teachers,est_num_classes_per) {

    let pupils_per_class = 100;
    let est_num_classes = num_teachers*est_num_classes_per;
    let est_num_pupils = est_num_classes * pupils_per_class;
    // change to 2 for assessments
    let total = num_teachers + est_num_classes + est_num_pupils;

    status_output_counter.set_expected(total);
}

// runs a progress bar simulation
async function run_thru_progress(num_teachers,est_num_classes_per) {
  
  for (var i = 0; i < num_teachers; ++i) {
  
    let z = await sleep(10);
    update_progress_bar();
  
    let classes_added_per_teacher = 0;
    let pupils_added_per_teacher = 0;
      
    status_output_counter.increment_actual();
    
    let num_classes = Math.round(Math.random()*10);
    
    // handle zero classes case; if so, increase by your original estimates
    if (num_classes == 0) {
      status_output_counter.inc_actual_by(est_num_classes_per);
      status_output_counter.inc_actual_by(est_num_classes_per*100);
    }
    data_download_storage.set_expected('classes',num_classes);
    
    // iterate through classes of this teacher
    for (var j = 0; j < num_classes; ++j) {

        // augment classes
        data_download_augment_classes(est_num_classes_per);
       
       // set a random number of pupils
       let num_pupils = Math.round(Math.random()*100);
       
       // establish the current number of pupils
       data_download_storage.set_expected('pupils',num_pupils);
        
        // handle zero case for pupils
        if (num_pupils == 0) {
           let orig = 4;
           let cur = data_download_storage.get_expected('classes');
           let num_theoretical = 100*parseFloat(orig/cur);
     ...