1 // Factory function for team objects. As much as possible, this uses
2 // only member variables (prefixed "m_") and inner functions with
5 // Some functions are visible as member-functions to be called from
6 // outside code -- specifically, from generated HTML. These functions
7 // are that.switchView(), showDetails(), limitTarget(), limitQuery(),
8 // delimitTarget(), delimitQuery(), showPage(), pagerPrev(),
11 function team($, teamName) {
13 var m_teamName = teamName;
14 var m_submitted = false;
15 var m_query; // initially undefined
16 var m_sortOrder; // will be set below
17 var m_perpage; // will be set below
19 var m_totalRecordCount = 0;
20 var m_currentPage = 1;
21 var m_currentRecordId = '';
22 var m_currentRecordData = null;
24 // Timestamps for logging
28 var m_paz; // will be initialised below
32 // Accessor methods for individual widgets: readers
33 that.name = function() { return m_teamName; }
34 that.submitted = function() { return m_submitted; }
35 that.perpage = function() { return m_perpage; }
36 that.totalRecordCount = function() { return m_totalRecordCount; }
37 that.currentPage = function() { return m_currentPage; }
38 that.currentRecordId = function() { return m_currentRecordId; }
39 that.currentRecordData = function() { return m_currentRecordData; }
40 that.filters = function() { return m_filters; }
42 // Accessor methods for individual widgets: writers
43 that.set_sortOrder = function(val) { m_sortOrder = val };
44 that.set_perpage = function(val) { m_perpage = val };
49 var timestamp = ((now - m_logTime.start)/1000).toFixed(3) + " (+" + ((now - m_logTime.last)/1000).toFixed(3) + ") "
52 mkws.log(m_teamName + ": " + timestamp + s);
56 log("start running MKWS");
58 m_sortOrder = mkws_config.sort_default;
59 m_perpage = mkws_config.perpage_default;
61 log("Create main pz2 object");
62 // create a parameters array and pass it to the pz2's constructor
63 // then register the form submit event with the pz2.search function
64 // autoInit is set to true on default
65 m_paz = new pz2({ "windowid": teamName,
66 "pazpar2path": mkws_config.pazpar2_url,
67 "usesessions" : mkws_config.use_service_proxy ? false : true,
69 "onbytarget": onBytarget,
71 "onterm": (mkws_config.facets.length ? onTerm : undefined),
74 "showtime": 500, //each timer (show, stat, term, bytarget) can be specified this way
75 "termlist": mkws_config.facets.join(',')
80 // pz2.js event handlers:
89 function onBytarget(data) {
91 queue("targets").publish(data);
95 function onStat(data) {
97 queue("stat").publish(data);
101 function onTerm(data) {
103 queue("termlists").publish(data);
107 function onShow(data, teamName) {
109 m_totalRecordCount = data.merged;
110 queue("pager").publish(data);
111 queue("records").publish(data);
115 function onRecord(data, args, teamName) {
117 // FIXME: record is async!!
118 clearTimeout(m_paz.recordTimer);
119 // ##### restrict to current team
120 var detRecordDiv = document.getElementById(recordDetailsId(data.recid[0]));
122 // in case on_show was faster to redraw element
125 m_currentRecordData = data;
126 var recordDiv = findnode('.' + recordElementId(m_currentRecordData.recid[0]));
127 var html = renderDetails(m_currentRecordData);
128 $(recordDiv).append(html);
132 // Used by promoteRecords() and onRecord()
133 function recordElementId(s) {
134 return 'mkwsRec_' + s.replace(/[^a-z0-9]/ig, '_');
136 that.recordElementId = recordElementId;
138 // Used by onRecord(), showDetails() and renderDetails()
139 function recordDetailsId(s) {
140 return 'mkwsDet_' + s.replace(/[^a-z0-9]/ig, '_');
142 that.recordElementId = recordElementId;
145 that.targetFiltered = function(id) {
146 for (var i = 0; i < m_filters.length; i++) {
147 if (m_filters[i].id === id ||
148 m_filters[i].id === 'pz:id=' + id) {
156 ////////////////////////////////////////////////////////////////////////////////
157 ////////////////////////////////////////////////////////////////////////////////
160 // limit by target functions
161 that.limitTarget = function (id, name)
163 log("limitTarget(id=" + id + ", name=" + name + ")");
164 m_filters.push({ id: id, name: name });
170 // limit the query after clicking the facet
171 that.limitQuery = function (field, value)
173 log("limitQuery(field=" + field + ", value=" + value + ")");
174 m_filters.push({ field: field, value: value });
180 that.delimitTarget = function (id)
182 log("delimitTarget(id=" + id + ")");
184 for (var i in m_filters) {
185 var filter = m_filters[i];
187 log("delimitTarget() removing filter " + $.toJSON(filter));
189 log("delimitTarget() keeping filter " + $.toJSON(filter));
190 newFilters.push(filter);
193 m_filters = newFilters;
200 that.delimitQuery = function (field, value)
202 log("delimitQuery(field=" + field + ", value=" + value + ")");
204 for (var i in m_filters) {
205 var filter = m_filters[i];
207 field == filter.field &&
208 value == filter.value) {
209 log("delimitQuery() removing filter " + $.toJSON(filter));
211 log("delimitQuery() keeping filter " + $.toJSON(filter));
212 newFilters.push(filter);
215 m_filters = newFilters;
222 that.showPage = function (pageNum)
224 m_currentPage = pageNum;
225 m_paz.showPage(m_currentPage - 1);
229 that.pagerNext = function () {
230 if (m_totalRecordCount - m_perpage*m_currentPage > 0) {
237 that.pagerPrev = function () {
238 if (m_paz.showPrev() != false)
243 that.reShow = function() {
244 m_paz.show(0, m_perpage, m_sortOrder);
251 m_totalRecordCount = 0;
253 that.resetPage = resetPage;
256 function newSearch(query, sortOrder, targets)
258 log("newSearch: " + query);
260 if (mkws_config.use_service_proxy && !mkws.authenticated) {
261 alert("searching before authentication");
266 triggerSearch(query, sortOrder, targets);
267 switchView('records'); // In case it's configured to start off as hidden
272 function triggerSearch (query, sortOrder, targets)
275 queue("navi").publish();
280 // Continue to use previous query/sort-order unless new ones are specified
285 m_sortOrder = sortOrder;
288 m_filters.push({ id: targets, name: targets });
291 for (var i in m_filters) {
292 var filter = m_filters[i];
296 if (filter.id.match(/^[a-z:]+[=~]/)) {
297 log("filter '" + filter.id + "' already begins with SETTING OP");
299 filter.id = 'pz:id=' + filter.id;
301 pp2filter += filter.id;
305 pp2limit += filter.field + "=" + filter.value.replace(/[\\|,]/g, '\\$&');
311 params.limit = pp2limit;
314 log("triggerSearch(" + m_query + "): filters = " + $.toJSON(m_filters) + ", pp2filter = " + pp2filter + ", params = " + $.toJSON(params));
316 // We can use: params.torusquery = "udb=NAME"
317 // Note: that won't work when running against raw pazpar2
318 m_paz.search(m_query, m_perpage, m_sortOrder, pp2filter, undefined, params);
322 // switching view between targets and records
323 function switchView(view) {
324 var targets = findnode('.mkwsTargets');
325 var results = findnode('.mkwsResults,.mkwsRecords');
326 var blanket = findnode('.mkwsBlanket');
327 var motd = findnode('.mkwsMOTD');
331 if (targets) targets.css('display', 'block');
332 if (results) results.css('display', 'none');
333 if (blanket) blanket.css('display', 'none');
334 if (motd) motd.css('display', 'none');
337 if (targets) targets.css('display', 'none');
338 if (results) results.css('display', 'block');
339 if (blanket) blanket.css('display', 'block');
340 if (motd) motd.css('display', 'none');
343 alert("mkws.switchView(" + m_teamName + ", 'none') shouldn't happen");
344 if (targets) targets.css('display', 'none');
345 if (results) results.css('display', 'none');
346 if (blanket) blanket.css('display', 'none');
347 if (motd) motd.css('display', 'none');
350 alert("Unknown view '" + view + "'");
353 that.switchView = switchView;
356 // detailed record drawing
357 that.showDetails = function (recId) {
358 var oldRecordId = m_currentRecordId;
359 m_currentRecordId = recId;
361 // remove current detailed view if any
362 // ##### restrict to current team
363 var detRecordDiv = document.getElementById(recordDetailsId(oldRecordId));
366 detRecordDiv.parentNode.removeChild(detRecordDiv);
368 // if the same clicked, just hide
369 if (recId == oldRecordId) {
370 m_currentRecordId = '';
371 m_currentRecordData = null;
374 // request the record
375 log("showDetails() requesting record '" + recId + "'");
381 * All the HTML stuff to render the search forms and
384 function mkwsHtmlAll() {
386 if (mkws_config.show_lang)
389 log("HTML search form");
390 findnode('.mkwsSearch').html('\
391 <form name="mkwsSearchForm" class="mkwsSearchForm mkwsTeam_' + m_teamName + '" action="" >\
392 <input class="mkwsQuery mkwsTeam_' + m_teamName + '" type="text" size="' + mkws_config.query_width + '" />\
393 <input class="mkwsButton mkwsTeam_' + m_teamName + '" type="submit" value="' + M('Search') + '" />\
397 // If the team has a .mkwsResults, populate it in the usual
398 // way. If not, assume that it's a smarter application that
399 // defines its own subcomponents, some or all of the
406 findnode(".mkwsResults").html('\
407 <table width="100%" border="0" cellpadding="6" cellspacing="0">\
409 <td class="mkwsTermlistContainer1 mkwsTeam_' + m_teamName + '" width="250" valign="top">\
410 <div class="mkwsTermlists mkwsTeam_' + m_teamName + '"></div>\
412 <td class="mkwsMOTDContainer mkwsTeam_' + m_teamName + '" valign="top">\
413 <div class="mkwsRanking mkwsTeam_' + m_teamName + '"></div>\
414 <div class="mkwsPager mkwsTeam_' + m_teamName + '"></div>\
415 <div class="mkwsNavi mkwsTeam_' + m_teamName + '"></div>\
416 <div class="mkwsRecords mkwsTeam_' + m_teamName + '"></div>\
421 <div class="mkwsTermlistContainer2 mkwsTeam_' + m_teamName + '"></div>\
426 var ranking_data = '<form name="mkwsSelect" class="mkwsSelect mkwsTeam_' + m_teamName + '" action="" >';
427 if (mkws_config.show_sort) {
428 ranking_data += M('Sort by') + ' ' + mkwsHtmlSort() + ' ';
430 if (mkws_config.show_perpage) {
431 ranking_data += M('and show') + ' ' + mkwsHtmlPerpage() + ' ' + M('per page') + '.';
433 ranking_data += '</form>';
434 findnode(".mkwsRanking").html(ranking_data);
438 findnode('.mkwsSearchForm').submit(function() {
439 var val = findnode('.mkwsQuery').val();
444 // on first page, hide the termlist
445 $(document).ready(function() { findnode(".mkwsTermlists").hide(); });
446 var container = findnode(".mkwsMOTDContainer");
447 if (container.length) {
448 // Move the MOTD from the provided element down into the container
449 findnode(".mkwsMOTD").appendTo(container);
454 function mkwsSetLang() {
455 var lang = getParameterByName("lang") || mkws_config.lang;
456 if (!lang || !mkws.locale_lang[lang]) {
457 mkws_config.lang = ""
459 mkws_config.lang = lang;
462 log("Locale language: " + (mkws_config.lang ? mkws_config.lang : "none"));
463 return mkws_config.lang;
467 /* create locale language menu */
468 function mkwsHtmlLang() {
469 var lang_default = "en";
470 var lang = mkws_config.lang || lang_default;
473 /* display a list of configured languages, or all */
474 var lang_options = mkws_config.lang_options || [];
475 var toBeIncluded = {};
476 for (var i = 0; i < lang_options.length; i++) {
477 toBeIncluded[lang_options[i]] = true;
480 for (var k in mkws.locale_lang) {
481 if (toBeIncluded[k] || lang_options.length == 0)
486 if (lang_options.length == 0 || toBeIncluded[lang_default])
487 list.push(lang_default);
489 log("Language menu for: " + list.join(", "));
493 for(var i = 0; i < list.length; i++) {
500 data += ' <span>' + l + '</span> ';
502 data += ' <a href="?lang=' + l + '">' + l + '</a> '
506 findnode(".mkwsLang").html(data);
510 function mkwsHtmlSort() {
511 log("HTML sort, m_sortOrder = '" + m_sortOrder + "'");
512 var sort_html = '<select class="mkwsSort mkwsTeam_' + m_teamName + '">';
514 for(var i = 0; i < mkws_config.sort_options.length; i++) {
515 var opt = mkws_config.sort_options[i];
517 var val = opt.length == 1 ? opt[0] : opt[1];
519 sort_html += '<option value="' + key + '"';
520 if (m_sortOrder == key || m_sortOrder == val) {
521 sort_html += ' selected="selected"';
523 sort_html += '>' + M(val) + '</option>';
525 sort_html += '</select>';
531 function mkwsHtmlPerpage() {
532 log("HTML perpage, m_perpage = " + m_perpage);
533 var perpage_html = '<select class="mkwsPerpage mkwsTeam_' + m_teamName + '">';
535 for(var i = 0; i < mkws_config.perpage_options.length; i++) {
536 var key = mkws_config.perpage_options[i];
538 perpage_html += '<option value="' + key + '"';
539 if (key == m_perpage) {
540 perpage_html += ' selected="selected"';
542 perpage_html += '>' + key + '</option>';
544 perpage_html += '</select>';
550 function mkwsHtmlSwitch() {
551 log("HTML switch for team " + m_teamName);
553 var node = findnode(".mkwsSwitch");
554 node.append($('<a href="#" onclick="mkws.switchView(\'' + m_teamName + '\', \'records\')">' + M('Records') + '</a>'));
555 node.append($("<span/>", { text: " | " }));
556 node.append($('<a href="#" onclick="mkws.switchView(\'' + m_teamName + '\', \'targets\')">' + M('Targets') + '</a>'));
559 var node = findnode(".mkwsTargets");
561 <div class="mkwsBytarget mkwsTeam_' + m_teamName + '">\
562 No information available yet.\
564 node.css("display", "none");
568 that.runAutoSearch = function() {
569 var node = findnode('.mkwsRecords,.mkwsTermlists');
570 var query = node.attr('autosearch');
574 if (query.match(/^!param!/)) {
575 var param = query.replace(/^!param!/, '');
576 query = getParameterByName(param);
577 log("obtained query '" + query + "' from param '" + param + "'");
579 alert("This page has a MasterKey widget that needs a query specified by the '" + param + "' parameter");
581 } else if (query.match(/^!path!/)) {
582 var index = query.replace(/^!path!/, '');
583 var path = window.location.pathname.split('/');
584 query = path[path.length - index];
585 log("obtained query '" + query + "' from path-component '" + index + "'");
587 alert("This page has a MasterKey widget that needs a query specified by the path-component " + index);
591 log("node=" + node + ", class='" + node.className + "', query=" + query);
593 var sortOrder = node.attr('sort');
594 var targets = node.attr('targets');
595 var s = "running auto search: '" + query + "'";
596 if (sortOrder) s += " sorted by '" + sortOrder + "'";
597 if (targets) s += " in targets '" + targets + "'";
600 newSearch(query, sortOrder, targets);
604 // This function is taken from a StackOverflow answer
605 // http://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript/901144#901144
606 function getParameterByName(name) {
607 name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
608 var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
609 results = regex.exec(location.search);
610 return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
614 // Translation function. At present, this is properly a
615 // global-level function (hence the assignment to mkws.M) but we
616 // want to make it per-team so different teams can operate in
617 // different languages.
620 var lang = mkws_config.lang;
622 if (!lang || !mkws.locale_lang[lang])
625 return mkws.locale_lang[lang][word] || word;
627 mkws.M = M; // so the Handlebars helper can use it
630 // Finds the node of the specified class within the current team
631 // Multiple OR-clauses separated by commas are handled
632 // More complex cases may not work
634 function findnode(selector, teamName) {
635 teamName = teamName || m_teamName;
637 selector = $.map(selector.split(','), function(s, i) {
638 return s + '.mkwsTeam_' + teamName;
645 function renderDetails(data, marker)
647 var template = loadTemplate("Record");
648 var details = template(data);
649 return '<div class="details mkwsTeam_' + m_teamName + '" id="' + recordDetailsId(data.recid[0]) + '">' + details + '</div>';
651 that.renderDetails = renderDetails;
654 function loadTemplate(name)
656 var template = m_template[name];
658 if (template === undefined) {
659 // Fall back to generic template if there is no team-specific one
660 var node = findnode(".mkwsTemplate_" + name);
662 node = findnode(".mkwsTemplate_" + name, "ALL");
665 var source = node.html();
667 source = defaultTemplate(name);
670 template = Handlebars.compile(source);
671 log("compiled template '" + name + "'");
672 m_template[name] = template;
677 that.loadTemplate = loadTemplate;
680 function defaultTemplate(name)
682 if (name === 'Record') {
686 <th>{{translate "Title"}}</th>\
689 {{#if md-title-remainder}}\
690 ({{md-title-remainder}})\
692 {{#if md-title-responsibility}}\
693 <i>{{md-title-responsibility}}</i>\
699 <th>{{translate "Date"}}</th>\
700 <td>{{md-date}}</td>\
705 <th>{{translate "Author"}}</th>\
706 <td>{{md-author}}</td>\
709 {{#if md-electronic-url}}\
711 <th>{{translate "Links"}}</th>\
713 {{#each md-electronic-url}}\
714 <a href="{{this}}">Link{{index1}}</a>\
719 {{#if-any location having="md-subject"}}\
721 <th>{{translate "Subject"}}</th>\
723 {{#first location having="md-subject"}}\
725 {{#commaList md-subject}}\
726 {{this}}{{/commaList}}\
733 <th>{{translate "Locations"}}</th>\
735 {{#commaList location}}\
736 {{attr "@name"}}{{/commaList}}\
741 } else if (name === "Summary") {
743 <a href="#" id="{{_id}}" onclick="{{_onclick}}">\
746 {{#if md-title-remainder}}\
747 <span>{{md-title-remainder}}</span>\
749 {{#if md-title-responsibility}}\
750 <span><i>{{md-title-responsibility}}</i></span>\
755 var s = "There is no default '" + name +"' template!";
761 // The following PubSub code is modified from the jQuery manual:
762 // https://api.jquery.com/jQuery.Callbacks/
765 // team.queue("eventName").subscribe(function(param1, param2 ...) { ... });
766 // team.queue("eventName").publish(arg1, arg2, ...);
769 var queue = function(id) {
771 var callbacks = $.Callbacks();
773 publish: callbacks.fire,
774 subscribe: callbacks.add,
775 unsubscribe: callbacks.remove
790 mkws_config.error = e.message;
795 // Bizarrely, 'that' is just an empty hash. All its state is in
796 // the closure variables defined earlier in this function.