memex/docs/logic/main.js

function Main()
{
  this.util = null;
  this.database = null;
  this.grid = null;
  this.nav = null;
  this.add = null;
  this.write = null;

  this.queryCur = '';
  this.queryPrev = '';
  this.queryPrevAdd = '';

  this.timeBegin = Date.now();
  this.timeStore = Date.now();
  this.curTime = null;

  var parent = this;

  this.install = function()
  {
    this.util = new Util();
    this.database = new Wrap();
    this.database.install(DATABASE);
    this.grid = new Grid();
    this.grid.install(
      document.querySelector('main'),
      document.querySelector('.page-overlay'),
      'main',
      'article');
    this.nav = new Nav();
    this.nav.install(document.querySelector('nav'));

    if (window.showAdd !== undefined && window.showAdd)
    {
      this.add = new Add();
      this.add.install();
      // var escape = document.getElementById("escape");
      // escape.onclick = function()
      // {
      //   main.add.close();
      // }
    }
  }

  this.timediff = function(label)
  {
    this.curTime = Date.now();
    console.log((this.curTime - this.timeStore) + ' ms to ' + label);
    this.timeStore = this.curTime;
  }

  this.resetPage = function()
  {
    lightbox.close();
    document.activeElement.blur();
  }

  this.updateQuery = function()
  {
    let target = window.document.location.hash;
    if (this.queryCur !== 'add')
    {
      this.queryPrev = this.queryCur;
    }
    target = target.substr(0,1) === "#" ? target.substr(1,target.length-1) : target;
    this.queryCur = target.trim();
    if (window.location.hash != this.queryCur)
    {
      window.location.hash = this.queryCur;
    }
  }

  this.start = function()
  {
    this.timediff('load all js files');
    this.database.start()
    .then((db) => {
      this.timediff('process db');
      
      this.resetPage();
      this.updateQuery();

      this.timediff('prep query \'' + this.queryCur + '\'');
      return this.database.filter(db, this.queryCur);
    })
    .then((filtered) => {
      this.timediff('filter db');
      return this.grid.buildAllArticles(filtered);
    })
    .then((html) => {
      this.timediff('build html');
      document.querySelector('main').innerHTML = html;
      this.timediff('render html');
      console.log('TOTAL: ' + (Date.now() - this.timeBegin) + ' ms');
    })
    .catch((error) => {
      console.log('ERROR:', error);
    })
    // this.load(window.document.location.hash);
    // this.nav.display(this.db.stats());
  }

//   this.load = function(target)
//   {
//     lightbox.close();
//     document.activeElement.blur();
//     if (this.queryCur !== 'add')
//     {
//       this.queryPrev = this.queryCur;
//     }

//     target = target.substr(0,1) === "#" ? target.substr(1,target.length-1) : target;
//     this.queryCur = target.trim();

//     if (window.location.hash != this.queryCur)
//     {
//       window.location.hash = this.queryCur;
//     }

//     if (this.queryCur === 'add')
//     {
//       if (window.showAdd != undefined && window.showAdd)
//       {
//         this.add.show();
//       }
//       else
//       {
//         window.location.hash = this.queryPrev;
//       }
//     }
//     else
//     {
//       this.grid.display(this.db.filter(this.queryCur));
//     }
//   }
}

// window.addEventListener("hashchange", function() { main.load(window.document.location.hash); });