X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=tools%2Fhtdocs%2Fmkws.js;h=43c4d78940f32560225a030201d05ee62eba65a9;hb=a24738abe032aab1125b8ca56e35369a5def9824;hp=5ea64a04d692c9b0574646082416a5a0a483d9ea;hpb=d6d518d60b8cf23880727046412b177c12406a85;p=mkws-moved-to-github.git diff --git a/tools/htdocs/mkws.js b/tools/htdocs/mkws.js index 5ea64a0..43c4d78 100644 --- a/tools/htdocs/mkws.js +++ b/tools/htdocs/mkws.js @@ -164,7 +164,9 @@ function widget($, team, type, node) { Termlists: promoteTermlists, Pager: promotePager, Records: promoteRecords, - Navi: promoteNavi + Navi: promoteNavi, + Sort: promoteSort, + Perpage: promotePerpage }; var promote = type2fn[type]; @@ -222,7 +224,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 +348,8 @@ function widget($, team, type, node) { var html = []; for (var i = 0; i < data.hits.length; i++) { var hit = data.hits[i]; - html.push('
', - renderSummary(hit), - '
'); + var divId = team.recordElementId(hit.recid[0]); + html.push('
', renderSummary(hit), '
'); // ### 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 +363,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 +394,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 +453,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 +461,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 +537,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 || @@ -550,65 +597,87 @@ function team($, teamName) { } m_filters = [] - redrawNavi(); - resetPage(); - loadSelect(); triggerSearch(query, sortOrder, targets); switchView('records'); // In case it's configured to start off as hidden m_submitted = true; } - function onSortChange() + // limit by target functions + that.limitTarget = function (id, name) { - m_sortOrder = findnode('.mkwsSort').val(); - if (!m_submitted) return false; - resetPage(); - loadSelect(); - m_paz.show(0, m_perpage, m_sortOrder); + debug("limitTarget(id=" + id + ", name=" + name + ")"); + m_filters.push({ id: id, name: name }); + triggerSearch(); return false; } - function onPerpageChange() + // limit the query after clicking the facet + that.limitQuery = function (field, value) { - m_perpage = findnode('.mkwsPerpage').val(); - if (!m_submitted) return false; - resetPage(); - loadSelect(); - m_paz.show(0, m_perpage, m_sortOrder); + debug("limitQuery(field=" + field + ", value=" + value + ")"); + m_filters.push({ field: field, value: value }); + triggerSearch(); return false; } - function redrawNavi () + that.delimitTarget = function (id) { - queue("navi").publish(); + debug("delimitTarget(id=" + id + ")"); + var newFilters = []; + for (var i in m_filters) { + var filter = m_filters[i]; + if (filter.id) { + debug("delimitTarget() removing filter " + $.toJSON(filter)); + } else { + debug("delimitTarget() keeping filter " + $.toJSON(filter)); + newFilters.push(filter); + } + } + m_filters = newFilters; + + triggerSearch(); + return false; } - function resetPage() + that.delimitQuery = function (field, value) { - m_currentPage = 1; - m_totalRecordCount = 0; + debug("delimitQuery(field=" + field + ", value=" + value + ")"); + var newFilters = []; + for (var i in m_filters) { + var filter = m_filters[i]; + if (filter.field && + field == filter.field && + value == filter.value) { + debug("delimitQuery() removing filter " + $.toJSON(filter)); + } else { + debug("delimitQuery() keeping filter " + $.toJSON(filter)); + newFilters.push(filter); + } + } + m_filters = newFilters; + + triggerSearch(); + return false; } - function loadSelect () + function resetPage() { - var node = findnode('.mkwsSort'); - if (node.length && node.val() != m_sortOrder) { - alert("m_sortOrder '" + m_sortOrder + "' != node.val() '" + node.val() + "'"); - } - node = findnode('.mkwsPerpage'); - if (node.length && node.val() != m_perpage) { - alert("m_perpage '" + m_perpage + "' != node.val() '" + node.val() + "'"); - } + m_currentPage = 1; + m_totalRecordCount = 0; } + that.resetPage = resetPage; function triggerSearch (query, sortOrder, targets) { + resetPage(); + queue("navi").publish(); + var pp2filter = ""; var pp2limit = ""; @@ -654,79 +723,11 @@ function team($, teamName) { } - // limit by target functions - that.limitTarget = function (id, name) - { - debug("limitTarget(id=" + id + ", name=" + name + ")"); - m_filters.push({ id: id, name: name }); - redrawNavi(); - resetPage(); - loadSelect(); - triggerSearch(); - return false; - } - - - // limit the query after clicking the facet - that.limitQuery = function (field, value) - { - debug("limitQuery(field=" + field + ", value=" + value + ")"); - m_filters.push({ field: field, value: value }); - redrawNavi(); - resetPage(); - loadSelect(); - triggerSearch(); - return false; - } - - - that.delimitTarget = function (id) - { - debug("delimitTarget(id=" + id + ")"); - var newFilters = []; - for (var i in m_filters) { - var filter = m_filters[i]; - if (filter.id) { - debug("delimitTarget() removing filter " + $.toJSON(filter)); - } else { - debug("delimitTarget() keeping filter " + $.toJSON(filter)); - newFilters.push(filter); - } - } - m_filters = newFilters; - - redrawNavi(); - resetPage(); - loadSelect(); - triggerSearch(); - return false; + that.reShow = function() { + m_paz.show(0, m_perpage, m_sortOrder); } - that.delimitQuery = function (field, value) - { - debug("delimitQuery(field=" + field + ", value=" + value + ")"); - var newFilters = []; - for (var i in m_filters) { - var filter = m_filters[i]; - if (filter.field && - field == filter.field && - value == filter.value) { - debug("delimitQuery() removing filter " + $.toJSON(filter)); - } else { - debug("delimitQuery() keeping filter " + $.toJSON(filter)); - newFilters.push(filter); - } - } - m_filters = newFilters; - - redrawNavi(); - resetPage(); - loadSelect(); - triggerSearch(); - return false; - } - that.showPage = function (pageNum) { @@ -781,19 +782,17 @@ function team($, teamName) { alert("Unknown view '" + view + "'"); } } - - that.switchView = switchView; // 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); @@ -838,8 +837,7 @@ function team($, teamName) { // .mkwsPager // .mkwsNavi // .mkwsRecords - if (findnode(".mkwsResults").length) { - findnode(".mkwsResults").html('\ + findnode(".mkwsResults").html('\ \ \ \ \
\ @@ -858,42 +856,27 @@ function team($, teamName) {
'); - } - var node = findnode(".mkwsRanking"); - if (node.length) { - var ranking_data = '
'; - if (mkws_config.show_sort) { - ranking_data += M('Sort by') + ' ' + mkwsHtmlSort() + ' '; - } - if (mkws_config.show_perpage) { - ranking_data += M('and show') + ' ' + mkwsHtmlPerpage() + ' ' + M('per page') + '.'; - } - ranking_data += '
'; - - node.html(ranking_data); + var ranking_data = '
'; + if (mkws_config.show_sort) { + ranking_data += M('Sort by') + ' ' + mkwsHtmlSort() + ' '; } + if (mkws_config.show_perpage) { + ranking_data += M('and show') + ' ' + mkwsHtmlPerpage() + ' ' + M('per page') + '.'; + } + ranking_data += '
'; + findnode(".mkwsRanking").html(ranking_data); mkwsHtmlSwitch(); - var node; - node = findnode('.mkwsSearchForm'); - if (node.length) - node.submit(onFormSubmitEventHandler); - node = findnode('.mkwsSort'); - if (node.length) - node.change(onSortChange); - node = findnode('.mkwsPerpage'); - if (node.length) - node.change(onPerpageChange); + findnode('.mkwsSearchForm').submit(onFormSubmitEventHandler); // on first page, hide the termlist $(document).ready(function() { findnode(".mkwsTermlists").hide(); }); - var motd = findnode(".mkwsMOTD"); var container = findnode(".mkwsMOTDContainer"); - if (motd.length && container.length) { + if (container.length) { // Move the MOTD from the provided element down into the container - motd.appendTo(container); + findnode(".mkwsMOTD").appendTo(container); } } @@ -1083,7 +1066,7 @@ function team($, teamName) { { var template = loadTemplate("Record"); var details = template(data); - return '
' + details + '
'; + return '
' + details + '
'; } that.renderDetails = renderDetails; @@ -1133,7 +1116,6 @@ function team($, teamName) { } return queues[id]; } - that.queue = queue;