Emit fragment on other state-changes.
[mkws-moved-to-github.git] / src / mkws-team.js
index 3d40f23..aac101a 100644 (file)
@@ -1,3 +1,4 @@
+"use strict";
 // Factory function for team objects. As much as possible, this uses
 // only member variables (prefixed "m_") and inner functions with
 // private scope.
 //
 mkws.makeTeam = function($, teamName) {
   var that = {};
+
+  // Member variables are separated into two categories
+
+  // 1. Persistent state (to be coded in URL fragment)
+  var m_state = {
+    query: null,                // initially undefined
+    sort: null,                 // will be set below
+    size: null,                 // will be set below
+    page: 1,
+    recid: '',
+    filters: filterSet(that)
+  }
+
+  // 2. Internal state (not to be coded)
   var m_teamName = teamName;
+  var m_paz; // will be initialised below
   var m_submitted = false;
-  var m_query; // initially undefined
-  var m_sortOrder; // will be set below
-  var m_perpage; // will be set below
-  var m_filterSet = filterSet(that);
   var m_totalRecordCount = 0;
-  var m_currentPage = 1;
-  var m_currentRecordId = '';
   var m_currentRecordData = null;
   var m_logTime = {
     // Timestamps for logging
     "start": $.now(),
     "last": $.now()
   };
-  var m_paz; // will be initialised below
   var m_templateText = {}; // widgets can register templates to be compiled
   var m_template = {}; // compiled templates, from any source
   var m_widgets = {}; // Maps widget-type to array of widget objects
@@ -42,19 +51,55 @@ mkws.makeTeam = function($, teamName) {
   // Accessor methods for individual widgets: readers
   that.name = function() { return m_teamName; };
   that.submitted = function() { return m_submitted; };
-  that.sortOrder = function() { return m_sortOrder; };
-  that.perpage = function() { return m_perpage; };
-  that.query = function() { return m_query; };
+  that.sortOrder = function() { return m_state.sort; };
+  that.perpage = function() { return m_state.size; };
+  that.query = function() { return m_state.query; };
   that.totalRecordCount = function() { return m_totalRecordCount; };
-  that.currentPage = function() { return m_currentPage; };
-  that.currentRecordId = function() { return m_currentRecordId; };
+  that.currentPage = function() { return m_state.page; };
+  that.currentRecordId = function() { return m_state.recid; };
   that.currentRecordData = function() { return m_currentRecordData; };
-  that.filters = function() { return m_filterSet; };
+  that.filters = function() { return m_state.filters; };
   that.gotRecords = function() { return m_gotRecords; };
 
   // Accessor methods for individual widgets: writers
-  that.set_sortOrder = function(val) { m_sortOrder = val };
-  that.set_perpage = function(val) { m_perpage = val };
+  that.set_sortOrder = function(val) { m_state.sort = val };
+  that.set_perpage = function(val) { m_state.size = val };
+
+  m_state.sort = config.sort_default;
+  m_state.size = config.perpage_default;
+
+  var m_default = $.extend(true, {}, m_state);
+  var tmp = m_default.filters;
+  delete m_default.filters;
+  $.extend(m_default, tmp.fragmentItems());
+
+  that.urlFragment = function() {
+    var s;
+
+    // Expand the filterSet into a set of key=value properties 
+    var state = $.extend(true, {}, m_state);
+    var tmp = state.filters;
+    delete state.filters;
+    $.extend(state, tmp.fragmentItems());
+
+    for (var key in state) {
+      if (state.hasOwnProperty(key) &&
+          state[key] != m_default[key]) {
+        if (!s) {
+          var s = 'mkws';
+          if (m_teamName !== 'AUTO') s += m_teamName;
+          s += '=';
+        } else {
+          s += "@";
+        }
+
+        // ### how do we need to quote this?
+        s += key + '=' + state[key];
+      }
+    }
+
+    return s;
+  }
 
 
   // The following PubSub code is modified from the jQuery manual:
@@ -97,9 +142,6 @@ mkws.makeTeam = function($, teamName) {
 
   that.info("making new widget team");
 
-  m_sortOrder = config.sort_default;
-  m_perpage = config.perpage_default;
   // pz2.js event handlers:
   function onInit() {
     that.info("init");
@@ -207,22 +249,22 @@ mkws.makeTeam = function($, teamName) {
 
 
   that.targetFiltered = function(id) {
-    return m_filterSet.targetFiltered(id);
+    return m_state.filters.targetFiltered(id);
   };
 
 
   that.limitTarget = function(id, name) {
     that.info("limitTarget(id=" + id + ", name=" + name + ")");
-    m_filterSet.add(targetFilter(id, name));
-    if (m_query) triggerSearch();
+    m_state.filters.add(targetFilter(id, name));
+    if (m_state.query) triggerSearch();
     return false;
   };
 
 
   that.limitQuery = function(field, value) {
     that.info("limitQuery(field=" + field + ", value=" + value + ")");
-    m_filterSet.add(fieldFilter(field, value));
-    if (m_query) triggerSearch();
+    m_state.filters.add(fieldFilter(field, value));
+    if (m_state.query) triggerSearch();
     return false;
   };
 
@@ -230,58 +272,64 @@ mkws.makeTeam = function($, teamName) {
   that.limitCategory = function(id) {
     that.info("limitCategory(id=" + id + ")");
     // Only one category filter at a time
-    m_filterSet.removeMatching(function(f) { return f.type === 'category' });
-    if (id !== '') m_filterSet.add(categoryFilter(id));
-    if (m_query) triggerSearch();
+    m_state.filters.removeMatching(function(f) { return f.type === 'category' });
+    if (id !== '') m_state.filters.add(categoryFilter(id));
+    if (m_state.query) triggerSearch();
     return false;
   };
 
 
   that.delimitTarget = function(id) {
     that.info("delimitTarget(id=" + id + ")");
-    m_filterSet.removeMatching(function(f) { return f.type === 'target' });
-    if (m_query) triggerSearch();
+    m_state.filters.removeMatching(function(f) { return f.type === 'target' });
+    if (m_state.query) triggerSearch();
     return false;
   };
 
 
   that.delimitQuery = function(field, value) {
     that.info("delimitQuery(field=" + field + ", value=" + value + ")");
-    m_filterSet.removeMatching(function(f) { return f.type == 'field' &&
+    m_state.filters.removeMatching(function(f) { return f.type == 'field' &&
                                              field == f.field && value == f.value });
-    if (m_query) triggerSearch();
+    if (m_state.query) triggerSearch();
     return false;
   };
 
 
   that.showPage = function(pageNum) {
-    m_currentPage = pageNum;
-    m_paz.showPage(m_currentPage - 1);
+    m_state.page = pageNum;
+    m_paz.showPage(m_state.page - 1);
+    that.warn("fragment: " + that.urlFragment());
   };
 
 
   that.pagerNext = function() {
-    if (m_totalRecordCount - m_perpage*m_currentPage > 0) {
+    if (m_totalRecordCount - m_state.size * m_state.page > 0) {
       m_paz.showNext();
-      m_currentPage++;
+      m_state.page++;
+      that.warn("fragment: " + that.urlFragment());
     }
   };
 
 
   that.pagerPrev = function() {
-    if (m_paz.showPrev() != false)
-      m_currentPage--;
+    if (m_paz.showPrev() != false) {
+      m_state.page--;
+      that.warn("fragment: " + that.urlFragment());
+    }
   };
 
 
   that.reShow = function() {
     resetPage();
-    m_paz.show(0, m_perpage, m_sortOrder);
+    m_paz.show(0, m_state.size, m_state.sort);
+    // ### not really the right place for this but it will do for now.
+    that.warn("fragment: " + that.urlFragment());
   };
 
 
   function resetPage() {
-    m_currentPage = 1;
+    m_state.page = 1;
     m_totalRecordCount = 0;
     m_gotRecords = false;
   }
@@ -296,7 +344,7 @@ mkws.makeTeam = function($, teamName) {
       return;
     }
 
-    m_filterSet.removeMatching(function(f) { return f.type !== 'category' });
+    m_state.filters.removeMatching(function(f) { return f.type !== 'category' });
     triggerSearch(query, sortOrder, maxrecs, perpage, limit, targets, torusquery);
     switchView('records'); // In case it's configured to start off as hidden
     m_submitted = true;
@@ -308,14 +356,14 @@ mkws.makeTeam = function($, teamName) {
     resetPage();
 
     // Continue to use previous query/sort-order unless new ones are specified
-    if (query) m_query = query;
-    if (sortOrder) m_sortOrder = sortOrder;
-    if (perpage) m_perpage = perpage;
-    if (targets) m_filterSet.add(targetFilter(targets, targets));
-
-    var pp2filter = m_filterSet.pp2filter();
-    var pp2limit = m_filterSet.pp2limit(limit);
-    var pp2catLimit = m_filterSet.pp2catLimit();
+    if (query) m_state.query = query;
+    if (sortOrder) m_state.sort = sortOrder;
+    if (perpage) m_state.size = perpage;
+    if (targets) m_state.filters.add(targetFilter(targets, targets));
+
+    var pp2filter = m_state.filters.pp2filter();
+    var pp2limit = m_state.filters.pp2limit(limit);
+    var pp2catLimit = m_state.filters.pp2catLimit();
     if (pp2catLimit) {
       pp2filter = pp2filter ? pp2filter + "," + pp2catLimit : pp2catLimit;
     }
@@ -329,17 +377,21 @@ mkws.makeTeam = function($, teamName) {
       params.torusquery = torusquery;
     }
 
-    that.info("triggerSearch(" + m_query + "): filters = " + m_filterSet.toJSON() + ", " +
+    that.info("triggerSearch(" + m_state.query + "): filters = " + m_state.filters.toJSON() + ", " +
         "pp2filter = " + pp2filter + ", params = " + $.toJSON(params));
 
-    m_paz.search(m_query, m_perpage, m_sortOrder, pp2filter, undefined, params);
+    m_paz.search(m_state.query, m_state.size, m_state.sort, pp2filter, undefined, params);
     queue("searchtriggered").publish();
+
+    // ### not really the right place for this but it will do for now.
+    that.warn("fragment: " + that.urlFragment());
   }
 
   // fetch record details to be retrieved from the record queue
   that.fetchDetails = function(recId) {
     that.info("fetchDetails() requesting record '" + recId + "'");
     m_paz.record(recId);
+    that.warn("fragment: " + that.urlFragment());
   };
 
 
@@ -372,15 +424,15 @@ mkws.makeTeam = function($, teamName) {
 
   // detailed record drawing
   that.showDetails = function(recId) {
-    var oldRecordId = m_currentRecordId;
-    m_currentRecordId = recId;
+    var oldRecordId = m_state.recid;
+    m_state.recid = recId;
 
     // remove current detailed view if any
     findnode('#' + recordDetailsId(oldRecordId)).remove();
 
     // if the same clicked, just hide
     if (recId == oldRecordId) {
-      m_currentRecordId = '';
+      m_state.recid = '';
       m_currentRecordData = null;
       return;
     }
@@ -499,8 +551,7 @@ mkws.makeTeam = function($, teamName) {
       }
     }
     return undefined;
-  }
-
+  };
 
   return that;
 };