popup.js

"use strict";

//
// Mainloop
//

var mainLoop = function(options) {
  console.log("\n#" + mainLoop.iteration);

  // Force update all
  if (options && options.forceUpdate === true) {
    popup.update.all();
  }
  // Regular update intervals
  else {
    if (ls.showCantina === 'true')
      if (mainLoop.iteration % UPDATE_CANTINAS_INTERVAL === 0)
        popup.update.cantinas();
    if (ls.showBus === 'true')
      if (mainLoop.iteration % UPDATE_BUS_INTERVAL === 0)
        popup.update.bus();
    if (mainLoop.iteration % UPDATE_NEWS_INTERVAL === 0)
      popup.update.affiliationNews(1);
    if (ls.showAffiliation2 === 'true')
      if (mainLoop.iteration % UPDATE_NEWS_INTERVAL === 0)
        popup.update.affiliationNews(2);
    // Only if hardware
    if (Affiliation.org[ls.affiliationKey1].hardware) {
      if (mainLoop.iteration % UPDATE_AFFILIATION_INTERVAL === 0) {
        Browser.getBackgroundProcess().updateAffiliation(function() {
          popup.update.meeting();
          popup.update.servant();
          popup.update.coffee();
          // popup.update.status(); // TODO: No status info in popup yet
        }.bind(this));
      }
    }
  }

  // No reason to count to infinity
  if (10000 < mainLoop.iteration)
    mainLoop.iteration = 0;
  else
    mainLoop.iteration++;
}
mainLoop.iteration = 0;
mainLoop.intervalId = null;

//
// Tiny Screen Check
// (executes itself once)
//

(function tinyScreenCheck() {
  // Netbook or MacBook Air? 800x600 won't do.
  // If this is a tiny computer screen, reduce popup height
  if (window.screen.availHeight < 700) {
    var shorter = window.screen.availHeight - 100;
    // shorter is available screenspace minus the height
    // of the browser taskbar, rounded up well to be sure
    $('body').css('height', shorter + 'px');
  }
}());

//
// Show And Hide Elements
// (executes itself once)
//

(function showAndHideElements() {
  // Show stuff that the user hasn't explicitly removed yet
  if (ls.closedSpecialNews !== $('#specialNews a').attr('href')) $('#specialNews').show();
  // Hide stuff the user can't or doesn't want to see
  if (typeof Affiliation.org[ls.affiliationKey1].hardware === "undefined") $('div#todays').hide();
  if (ls.showCantina !== 'true') $('div#cantinas').hide();
  if (ls.showBus !== 'true') $('div#bus').hide();

  // If only one affiliation is to be shown remove the second news column
  // Also, some serious statistics
  if (ls.showAffiliation2 !== 'true') {
    // Show correct news column(s)
    $('#news #full').show();
    // Who uses single affiliations?
    Analytics.trackEvent('loadSingleAffiliation', ls.affiliationKey1);
    // What is the prefered primary affiliation?
    Analytics.trackEvent('loadAffiliation1', ls.affiliationKey1);
  }
  else {
    // Show correct news column(s)
    $('#news #left').show();
    $('#news #right').show();
    // What kind of double affiliations are used?
    Analytics.trackEvent('loadDoubleAffiliation', ls.affiliationKey1 + ' - ' + ls.affiliationKey2);
    // What is the prefered primary affiliation?
    Analytics.trackEvent('loadAffiliation1', ls.affiliationKey1);
    // What is the prefered secondary affiliation?
    Analytics.trackEvent('loadAffiliation2', ls.affiliationKey2);
  }
}());

//
// Apply Affiliation Settings
// (executes itself once AND is usable later)
//

var applyAffiliationSettings = (function() {

  var apply = function() {
    // Applying affiliation graphics
    var key = ls.affiliationKey1;
    var name = Affiliation.org[key].name;
    var logo = Affiliation.org[key].logo;
    var icon = Affiliation.org[key].icon;
    var placeholder = Affiliation.org[key].placeholder;

    // Graphics
    $('#logo').prop('src', logo);
    $('link[rel="shortcut icon"]').prop('href', icon); // Favicon has no purpose, yet, but hell, we're prepared

    // Chatter button, if applicable
    if (Affiliation.org[ls.affiliationKey1].slack) {
        $('#chatterButton').show();
    }
    else {
      $('#chatterButton').hide();
    }

    // Apply the affiliation's own name for it's office
    if (Affiliation.org[ls.affiliationKey1].hardware) {

      var statusIcons = Affiliation.org[ls.affiliationKey1].hardware.statusIcons;
      // Apply affiliation icons in options
      $('span[data="ICON_OPEN"]').html('<img src="' + statusIcons.open + '" class="statusIcon" />');
      $('span[data="ICON_CLOSED"]').html('<img src="' + statusIcons.closed + '" class="statusIcon" />');
      $('span[data="ICON_MEETING"]').html('<img src="' + statusIcons.meeting + '" class="statusIcon" />');

      // Apply affiliation names
      var officeName = Affiliation.org[ls.affiliationKey1].hardware.office;
      $('#todays #schedule .title').text(officeName);
      $('span[data="officeName"]').text(officeName);
    }

    // News title (also set when news updates, this is a backup for an edge case)
    $('div#news div#left .title').text(name);

    // News placeholder graphics
    if (ls.showAffiliation2 === 'true') {
      $('div#news div#left article img').prop('src', placeholder);
    }
    else {
      $('div#news div#full article img').prop('src', placeholder);
    }
  }

  apply(); // Run once
  return apply; // Save for later use

}());

//
// Add version and changelog to div#tips
// (executes itself once)
//

(function addToTips() {
  // Add app version
  var appVersion = chrome.app.getDetails().version;
  $('span[data="appVersion"]').text(appVersion);
  
  // Add CHANGELOG.md to div#tips
  Ajaxer.getPlainText({
    url: "CHANGELOG.md",
    success: function(data) {
      var converter = new Markdown.Converter();
      var html = converter.makeHtml(data);
      $("div#changelog").html(html);
      // Rebind tips links
      popup.event.bindTipsLinks();
    },
    error: function(e) {
      console.error('Could not include CHANGELOG.md because:', e);
    },
  });
}());

//
// Daily Comic
// (executes itself once)
//

// UNCOMMENTED, see also popup.less, popup.event.js, popup.html, - search for "comic"

// (function() {
//   Ajaxer.getCleanHtml({
//     url: 'http://www.tu.no/lunch',
//     success: function(data) {
//       try {
//         console.log(data)
//         var img = $(data).find('div#main pic').eq(0).attr('src');
//         console.log(img)
//         $('div#comic img#dailyStrip').attr('src', img);
//         $('div#comic').click(function() {
//           $(this).slideUp();
//         });
//       }
//       catch (err) {
//         // Doesn't matter...
//       }
//     },
//     error: function() {/* ...really, it doesn't */},
//   });
// }());

//
// DEBUG
// (executes itself once)
//

(function() {
  if (DEBUG) {
    // Show the DEBUG affiliation
    $('optgroup.debugAffiliation').show();
  }
}());

//
// Document ready function
//

$(document).ready(function() {

  // Enter main loop, keeping everything up-to-date
  var stayUpdated = function(now) {
    console.info(ONLINE_MESSAGE);
    var loopTimeout = (DEBUG ? PAGE_LOOP_DEBUG : PAGE_LOOP);
    // Schedule for repetition ...
    mainLoop.intervalId = setInterval( function() {
      mainLoop();
    }, loopTimeout);
    // ... and run once right now (just wait 2 secs to avoid network-change errors)
    var timeout = (now ? 0 : 2000);
    setTimeout( function() {
      mainLoop({forceUpdate: true});
    }, timeout);
  }
  // When offline mainloop is stopped to decrease power consumption
  window.addEventListener('online', stayUpdated);
  window.addEventListener('offline', function() {
    console.warn(OFFLINE_MESSAGE);
    clearInterval(mainLoop.intervalId);
    popup.update.bus();
  });
  // Go
  if (navigator.onLine)
    stayUpdated({forceUpdate: true});
  else
    mainLoop();

  // Hook up all event handlers
  popup.event.bindAll();
  // Load all localStorage values into inline options
  popup.options.loadAll();
  // Hoop up all option handlers
  popup.options.bindAll();

  // Set the cursor to focus on the question field
  // (e.g. Chrome on Windows doesn't do this automatically so I blatantly blame Windows)
  $('#oracle #question').focus();
  // Repeat for good measure (the browser may sometimes blur the question-field)
  setTimeout(function() {$('#oracle #question').focus();}, 400);

  // Track popularity of the chosen palette, the palette
  // itself is loaded a lot earlier for perceived speed
  Analytics.trackEvent('loadPalette', ls.affiliationPalette);

});