Add widget-level debug() function.
[mkws-moved-to-github.git] / tools / htdocs / mkws.js
index 1b45c79..fc50e13 100644 (file)
@@ -164,20 +164,26 @@ function widget($, team, type, node) {
        Termlists: promoteTermlists,
        Pager: promotePager,
        Records: promoteRecords,
-       Navi: promoteNavi
+       Navi: promoteNavi,
+       Sort: promoteSort,
+       Perpage: promotePerpage
     };
 
     var promote = type2fn[type];
     if (promote) {
        promote();
-       team.debug("made " + type + " widget(node=" + node + ")");
+       debug("made " + type + " widget(node=" + node + ")");
     } else {
-       team.debug("made UNENCAPSULATED widget(type=" + type + ", node=" + node + ")");
+       debug("made UNENCAPSULATED widget(type=" + type + ", node=" + node + ")");
     }
 
     return that;
 
 
+    function debug(s) {
+       team.debug(s);
+    }
+
     // Functions follow for promoting the regular widget object into
     // widgets of specific types. These could be moved outside of the
     // widget object, or even into their own source files.
@@ -222,7 +228,6 @@ function widget($, team, type, node) {
 
     function promoteTermlists() {
        team.queue("termlists").subscribe(function(data) {
-           mkws.debug("in termlist consumer");
            if (!node) {
                alert("termlists event when there are no termlists");
                return;
@@ -347,9 +352,8 @@ function widget($, team, type, node) {
            var html = [];
            for (var i = 0; i < data.hits.length; i++) {
                var hit = data.hits[i];
-               html.push('<div class="record" id="mkwsRecdiv_' + team.name() + '_' + hit.recid + '" >',
-                         renderSummary(hit),
-                         '</div>');
+               var divId = team.recordElementId(hit.recid[0]);
+               html.push('<div class="record mkwsTeam_' + team.name() + ' ' + divId + '">', renderSummary(hit), '</div>');
                // ### At some point, we may be able to move the
                // m_currentRecordId and m_currentRecordData members
                // from the team object into this widget.
@@ -363,8 +367,8 @@ function widget($, team, type, node) {
            function renderSummary(hit)
            {
                var template = team.loadTemplate("Summary");
-               hit._id = "mkwsRec_" + hit.recid;
-               hit._onclick = "mkws.showDetails('" + team.name() + "', this.id);return false;"
+               hit._id = team.recordElementId(hit.recid[0]);
+               hit._onclick = "mkws.showDetails('" + team.name() + "', '" + hit.recid[0] + "');return false;"
                return template(hit);
            }
        });
@@ -394,6 +398,33 @@ function widget($, team, type, node) {
            $(node).html(text);
        });
     }
+
+
+    function promoteSort() {
+       // It seems this and the Perpage widget doen't need to
+       // subscribe to anything, since they produce events rather
+       // than consuming them.
+       $(node).change(function () {
+           team.set_sortOrder($(node).val());
+           if (team.submitted()) {
+               team.resetPage();
+               team.reShow();
+           }
+           return false;
+       });
+    }
+
+
+    function promotePerpage() {
+       $(node).change(function() {
+           team.set_perpage($(node).val());
+           if (team.submitted()) {
+               team.resetPage();
+               team.reShow();
+           }
+           return false;
+       });
+    }
 }
 
 
@@ -426,6 +457,7 @@ function team($, teamName) {
     var m_template = {};
 
     that.name = function() { return m_teamName; }
+    that.submitted = function() { return m_submitted; }
     that.perpage = function() { return m_perpage; }
     that.totalRecordCount = function() { return m_totalRecordCount; }
     that.currentPage = function() { return m_currentPage; }
@@ -433,6 +465,10 @@ function team($, teamName) {
     that.currentRecordData = function() { return m_currentRecordData; }
     that.filters = function() { return m_filters; }
 
+    that.set_sortOrder = function(val) { m_sortOrder = val };
+    that.set_perpage = function(val) { m_perpage = val };
+
+
     var debug = function (s) {
        var now = $.now();
        var timestamp = ((now - m_debugTime.start)/1000).toFixed(3) + " (+" + ((now - m_debugTime.last)/1000).toFixed(3) + ") "
@@ -505,17 +541,32 @@ function team($, teamName) {
        debug("record");
        // FIXME: record is async!!
        clearTimeout(m_paz.recordTimer);
-       // in case on_show was faster to redraw element
-       var detRecordDiv = document.getElementById('mkwsDet_' + teamName + '_' + data.recid);
-       if (detRecordDiv) return;
+       // ##### restrict to current team
+       var detRecordDiv = document.getElementById(recordDetailsId(data.recid[0]));
+       if (detRecordDiv) {
+           // in case on_show was faster to redraw element
+           return;
+       }
        m_currentRecordData = data;
-       // Can't use jQuery's $('#x') syntax to find this ID, because it contains spaces.
-       var recordDiv = document.getElementById('mkwsRecdiv_' + teamName + '_' + m_currentRecordData.recid);
+       var recordDiv = findnode('.' + recordElementId(m_currentRecordData.recid[0]));
        var html = renderDetails(m_currentRecordData);
        $(recordDiv).append(html);
     }
 
 
+    // Used by promoteRecords() and onRecord()
+    function recordElementId(s) {
+       return 'mkwsRec_' + s.replace(/[^a-z0-9]/ig, '_');
+    }
+    that.recordElementId = recordElementId;
+
+    // Used by onRecord(), showDetails() and renderDetails()
+    function recordDetailsId(s) {
+       return 'mkwsDet_' + s.replace(/[^a-z0-9]/ig, '_');
+    }
+    that.recordElementId = recordElementId;
+
+
     that.targetFiltered = function(id) {
        for (var i = 0; i < m_filters.length; i++) {
            if (m_filters[i].id === id ||
@@ -556,26 +607,6 @@ function team($, teamName) {
     }
 
 
-    function onSortChange()
-    {
-       m_sortOrder = findnode('.mkwsSort').val();
-       if (!m_submitted) return false;
-       resetPage();
-       m_paz.show(0, m_perpage, m_sortOrder);
-       return false;
-    }
-
-
-    function onPerpageChange()
-    {
-       m_perpage = findnode('.mkwsPerpage').val();
-       if (!m_submitted) return false;
-       resetPage();
-       m_paz.show(0, m_perpage, m_sortOrder);
-       return false;
-    }
-
-
     // limit by target functions
     that.limitTarget  = function (id, name)
     {
@@ -643,6 +674,7 @@ function team($, teamName) {
        m_currentPage = 1;
        m_totalRecordCount = 0;
     }
+    that.resetPage = resetPage;
 
 
     function triggerSearch (query, sortOrder, targets)
@@ -695,6 +727,12 @@ function team($, teamName) {
     }
 
 
+    that.reShow = function() {
+       m_paz.show(0, m_perpage, m_sortOrder);
+    }
+
+
+
     that.showPage = function (pageNum)
     {
        m_currentPage = pageNum;
@@ -752,13 +790,13 @@ function team($, teamName) {
 
 
     // detailed record drawing
-    that.showDetails = function (prefixRecId) {
-       var recId = prefixRecId.replace('mkwsRec_', '');
+    that.showDetails = function (recId) {
        var oldRecordId = m_currentRecordId;
        m_currentRecordId = recId;
 
        // remove current detailed view if any
-       var detRecordDiv = document.getElementById('mkwsDet_' + m_teamName + '_' + oldRecordId);
+       // ##### restrict to current team
+       var detRecordDiv = document.getElementById(recordDetailsId(oldRecordId));
        // lovin DOM!
        if (detRecordDiv)
            detRecordDiv.parentNode.removeChild(detRecordDiv);
@@ -836,8 +874,6 @@ function team($, teamName) {
        mkwsHtmlSwitch();
 
        findnode('.mkwsSearchForm').submit(onFormSubmitEventHandler);
-       findnode('.mkwsSort').change(onSortChange);
-       findnode('.mkwsPerpage').change(onPerpageChange);
 
        // on first page, hide the termlist
        $(document).ready(function() { findnode(".mkwsTermlists").hide(); });
@@ -1034,7 +1070,7 @@ function team($, teamName) {
     {
        var template = loadTemplate("Record");
        var details = template(data);
-       return '<div class="details" id="mkwsDet_' + m_teamName + '_' + data.recid + '">' + details + '</div>';
+       return '<div class="details mkwsTeam_' + m_teamName + '" id="' + recordDetailsId(data.recid[0]) + '">' + details + '</div>';
     }
     that.renderDetails = renderDetails;