memex/docs/logic/main.js

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

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

  this.install = function()
  {
    seer.note('load all js files');

    this.util = new Util();
    this.wrap = new Wrap();
    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();
      // }
    }

    seer.note('install main');
  }

  this.start = function()
  {
    this.wrap.start(DATABASE)
    .then((db) => 
    {
      this.articles = db;
      seer.note('process db');

      let stats = this.wrap.stats(this.articles);
      seer.note('calc stats');
      this.nav.display(stats);
      seer.note('render stats');

      return this.load();
    })
    .catch((error) =>
    {
      console.log('ERROR: ' + error, error);
    });
  }

  this.load = function()
  {
    this.resetPage();
    this.updateQuery();

    let filtered = this.wrap.filter(this.queryCur, this.articles);
    seer.note('filter db');
    
    this.grid.buildAllArticles(filtered)
    .then((html) =>
    {
      seer.note('build html');

      this.grid.newDisplay(html);
      document.querySelector('.loading-wave').style.display = 'none';
      return seer.report();
    }).catch((error) =>
    {
      console.log('ERROR: ' + error, error);
    });
  }

  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;
    }
  }
}

window.addEventListener("hashchange", function() { main.load(); });