1 (function($) { // jQuery wrapper
3 // Functions follow for promoting the regular widget object into
4 // widgets of specific types. These could be moved into their own
8 mkws.registerWidgetType('targets', function() {
9 if (!this.config.show_switch) return;
12 this.node.html('No information available yet.');
13 this.node.css("display", "none");
15 this.team.queue("targets").subscribe(function(data) {
16 // There is a bug in pz2.js wherein it makes each data object an array but
17 // simply assigns properties to it.
18 // TODO: remove this when PAZ-946 is addressed.
20 for (var i = 0; i < data.length; i++) {
22 cur.name = data[i].name;
24 cur.hits = data[i].hits;
25 cur.diagnostic = data[i].diagnostic;
26 cur.message = data[i].message;
27 cur.records = data[i].records;
28 cur.state = data[i].state.replace(/^Client_/, '');
32 cleandata.sort(function(a,b) { return a.name.localeCompare(b.name) });
34 var template = that.team.loadTemplate(that.config.template || "targets");
35 that.node.html(template({data: cleandata}));
40 mkws.registerWidgetType('stat', function() {
42 this.team.queue("stat").subscribe(function(data) {
43 var template = that.team.loadTemplate(that.config.template || "stat");
44 that.node.html(template(data));
49 mkws.registerWidgetType('pager', function() {
53 this.team.queue("pager").subscribe(function(data) {
54 var teamName = that.team.name();
56 output.first = data.start + 1;
57 output.last = data.start + data.num;
58 output.count = data.merged;
59 output.found = data.total;
61 //client indexes pages from 1 but pz2 from 0
63 var pages = Math.ceil(that.team.totalRecordCount() / that.team.perpage());
64 var currentPage = that.team.currentPage();
66 var firstClkbl = (currentPage - onsides > 0)
67 ? currentPage - onsides
69 var lastClkbl = firstClkbl + 2*onsides < pages
70 ? firstClkbl + 2*onsides
73 if (firstClkbl > 1) output.morePrev = true;
74 if (lastClkbl < pages) output.moreNext = true;
76 if (currentPage > 1) output.prevClick = "mkws.pagerPrev(\'" + teamName + "\');";
79 for(var i = firstClkbl; i <= lastClkbl; i++) {
82 if (i !== currentPage) {
83 o.click = "mkws.showPage(\'" + teamName + "\', " + i + ");";
88 if (pages - currentPage > 0) output.nextClick = "mkws.pagerNext(\'" + teamName + "\')";
90 var template = that.team.loadTemplate(that.config.template || "pager");
91 that.node.html(template(output));
95 mkws.registerWidgetType('details', function() {
97 var recid = that.node.attr("data-mkws-recid");
98 if (this.team.gotRecords()) {
99 that.team.fetchDetails(recid);
101 this.team.queue("firstrecords").subscribe(function() {
102 that.team.fetchDetails(recid);
105 this.team.queue("record").subscribe(function(data) {
106 if ($.inArray(recid, data.recid) > -1) {
107 var template = that.team.loadTemplate(that.config.template || "details");
108 that.node.html(template(data));
113 mkws.registerWidgetType('records', function() {
115 var team = this.team;
117 var m_needRedraw = false;
118 var m_frozen = false;
120 this.team.queue("searchtriggered").subscribe(function() {
121 var op = that.config.newsearch_opacity;
122 if (op !== undefined) { that.node.fadeTo(500, op); }
125 function refreshRecordData() {
126 that.node.css('opacity', 1);
129 for (var i = 0; i < m_data.hits.length; i++) {
130 var hit = m_data.hits[i];
131 hit.detailLinkId = team.recordElementId(hit.recid[0]);
132 hit.detailClick = "mkws.showDetails('" + team.name() + "', '" + hit.recid[0] + "');return false;";
133 hit.containerClass = "mkws-summary mkwsSummary mkws-team-" + team.name();
134 hit.containerClass += " " + hit.detailLinkId;
135 // ### At some point, we may be able to move the
136 // m_currentRecordId and m_currentRecordData members
137 // from the team object into this widget.
138 if (hit.recid == team.currentRecordId()) {
139 if (team.currentRecordData()) {
140 hit.renderedDetails = team.renderDetails(team.currentRecordData());
144 var template = team.loadTemplate(that.config.template || "records");
145 var summaryPartial = team.loadTemplate(that.config['summary-template'] || "summary");
146 var tdata = $.extend({}, {"hits": m_data.hits}, that.config.template_vars);
147 that.node.html(template(tdata, {"partials":{"summary":summaryPartial}}));
150 m_needRedraw = false;
153 function setRecordData(data) {
161 this.team.queue("records").subscribe(setRecordData);
164 this.node.mousemove(function() {
165 that.info("freezing display records");
166 that.node.css('opacity', 0.5);
168 clearTimeout(m_timer);
169 m_timer = setTimeout(unfreezeRecordDisplay, 1000);
172 function unfreezeRecordDisplay() {
173 clearTimeout(m_timer);
174 that.info("refreshing records");
175 that.node.css('opacity', 1);
179 this.node.mouseleave(unfreezeRecordDisplay);
183 this.node.mousemove(function() {
186 that.info("making semi-transparent in 0.001 s");
187 that.node.fadeTo(1, 0.5, function() {
188 that.info("making opaque in 2 s");
189 that.node.fadeTo(2000, 1, function() {
190 that.info("done making opaque");
202 mkws.registerWidgetType('navi', function() {
204 var teamName = this.team.name();
206 this.team.queue("searchtriggered").subscribe(function() {
207 var filters = that.team.filters();
208 var output = {filters:[]};
210 filters.visitTargets(function(id, name) {
212 cur.facet = 'source';
214 cur.click = "mkws.delimitTarget('" + teamName + "', '" + id + "'); return false;";
215 output.filters.push(cur);
218 filters.visitFields(function(field, value) {
222 cur.click = "mkws.delimitQuery('" + teamName + "', '" + field + "', '" + value + "'" + ");return false;";
223 output.filters.push(cur);
226 var template = that.team.loadTemplate(that.config.template || "navi");
227 that.node.html(template(output));
232 // It seems this and the Perpage widget doen't need to subscribe to
233 // anything, since they produce events rather than consuming them.
235 mkws.registerWidgetType('sort', function() {
238 this.node.change(function() {
239 that.team.set_sortOrder(that.node.val());
240 if (that.team.submitted()) {
248 mkws.registerWidgetType('per-page', function() {
251 this.node.change(function() {
252 that.team.set_perpage(that.node.val());
253 if (that.team.submitted()) {
261 mkws.registerWidgetType('done', function() {
263 this.team.queue("complete").subscribe(function(n) {
264 var template = that.team.loadTemplate(that.config.template || "done");
265 that.node.html(template({count: n}));
270 mkws.registerWidgetType('switch', function() {
271 if (!this.config.show_switch) return;
272 var tname = this.team.name();
274 output.recordClick = "mkws.switchView(\'" + tname + "\', \'records\')";
275 output.targetClick = "mkws.switchView(\'" + tname + "\', \'targets\')";
276 var template = this.team.loadTemplate(this.config.template || "switch");
277 this.node.html(template(output));
278 this.hideWhenNarrow();
282 mkws.registerWidgetType('search', function() {
284 output.team = this.team.name();
285 var template = this.team.loadTemplate(this.config.template || "search");
286 this.node.html(template(output));
290 mkws.registerWidgetType('search-form', function() {
291 var team = this.team;
292 this.node.submit(function() {
293 var val = team.widget('query').value();
300 mkws.registerWidgetType('results', function() {
301 var template = this.team.loadTemplate(this.config.template || "results");
302 this.node.html(template({team: this.team.name()}));
307 mkws.registerWidgetType('ranking', function() {
311 output.team = this.team.name();
312 output.showSort = this.config.show_sort;
313 output.showPerPage = this.config.show_perpage;
315 var order = this.team.sortOrder();
316 this.info("making sort, sortOrder = '" + order + "'");
317 for (var i = 0; i < this.config.sort_options.length; i++) {
319 var opt = this.config.sort_options[i];
321 cur.label = opt.length == 1 ? opt[0] : mkws.M(opt[1]);
322 if (order == cur.key || order == cur.label) cur.selected = true;
323 output.sort.push(cur);
326 var perpage = this.team.perpage();
327 this.info("making perpage, perpage = " + perpage);
328 for(var i = 0; i < this.config.perpage_options.length; i++) {
330 cur.perPage = this.config.perpage_options[i];
331 if (cur.perPage == perpage) cur.selected = true;
332 output.perPage.push(cur);
335 var template = this.team.loadTemplate(this.config.template || "ranking");
336 this.node.html(template(output));
340 mkws.registerWidgetType('lang', function() {
341 // dynamic URL or static page? /path/foo?query=test
342 /* create locale language menu */
343 if (!this.config.show_lang) return;
345 var lang_default = "en";
346 var lang = this.config.lang || lang_default;
349 /* display a list of configured languages, or all */
350 var lang_options = this.config.lang_options;
351 var toBeIncluded = {};
352 for (var i = 0; i < lang_options.length; i++) {
353 toBeIncluded[lang_options[i]] = true;
356 for (var k in mkws.locale_lang) {
357 if (toBeIncluded[k] || lang_options.length == 0) {
359 if (lang === k) cur.selected = true;
361 cur.url = lang_url(k);
367 if (lang_options.length == 0 || toBeIncluded[lang_default]) {
369 if (lang === lang_default) cur.selected = true;
370 cur.code = lang_default;
371 cur.url = lang_url(lang_default);
375 this.info("language menu: " + list.join(", "));
377 var template = this.team.loadTemplate(this.config.template || "lang");
378 this.node.html(template({languages: list}));
379 this.hideWhenNarrow();
381 // set or re-set "lang" URL parameter
382 function lang_url(lang) {
383 var query = location.search;
384 // no query parameters? done
386 return "?lang=" + lang;
389 // parameter does not exist
390 if (!query.match(/[\?&]lang=/)) {
391 return query + "&lang=" + lang;
394 // replace existing parameter
395 query = query.replace(/\?lang=([^&#;]*)/, "?lang=" + lang);
396 query = query.replace(/\&lang=([^&#;]*)/, "&lang=" + lang);
402 mkws.registerWidgetType('motd', function() {
403 var container = this.team.widget('motd-container');
405 // Move the MOTD from the provided element down into the container
406 this.node.appendTo(container.node);
411 // This widget has no functionality of its own, but its configuration
412 // is copied up into its team, allowing it to affect other widgets in
415 mkws.registerWidgetType('config', function() {
417 for (var name in c) {
418 if (c.hasOwnProperty(name)) {
419 this.team.config[name] = c[name];
420 this.info(this + " copied property " + name + "='" + c[name] + "' up to team");
426 mkws.registerWidgetType('progress', function() {
429 this.team.queue("stat").subscribe(function(data) {
430 var template = that.team.loadTemplate(that.config.template || "progress");
431 that.node.html(template({
432 done: data.clients - data.activeclients,
433 waiting: data.activeclients
440 mkws.registerWidgetType('waiting', function() {
443 this.node.css("visibility", "hidden");
444 var template = that.team.loadTemplate(that.config.template || "waiting");
445 this.node.html(template({
446 src: this.config.src || "http://mkws.indexdata.com/progress.gif"
449 this.team.queue("searchtriggered").subscribe(function(data) {
450 that.node.css("visibility", "visible");
452 this.team.queue("complete").subscribe(function(n) {
453 that.node.css("visibility", "hidden");
458 // Some elements have mkws* classes that makes them appear as widgets
459 // -- for example, because we want to style them using CSS -- but have
460 // no actual functionality. We register these to prevent ignorable
461 // warnings when they occur.
463 mkws.registerWidgetType('query', function() {});
464 mkws.registerWidgetType('motd-container', function() {});
465 mkws.registerWidgetType('button', function() {});
468 })(mkws.$); // jQuery wrapper