1 // The Google Images database returns links like:
2 // http://images.google.com/url?q=http://eofdreams.com/fish.html&sa=U&ei=RAB-U9XNDo2Dqga1o4L4Bw&ved=0CC4Q9QEwAA&usg=AFQjCNFhRtn6GMevHbpITZ6kfx6rsHV2ow
3 // This Handlebars helper avoids a pointless redirect by transforming
4 // this to the URL of the underling page, in this case
5 // http://eofdreams.com/fish.html
7 Handlebars.registerHelper('mkws-googleurl', function(obj) {
9 return "obj undefined";
11 return "obj[0] undefined, JSON=" + $.toJSON(obj);
13 return mkws.getParameterByName('q', obj[0]);
18 // ### This works inefficiently by having multiple teams all run the
19 // same search against different sets of targets. A much better
20 // approach would be run a single search, with all these panels
21 // members of the same team, but picking out only the results relevant
22 // to them. That will be more work.
24 mkws.registerWidgetType('Credo', function() {
27 this.team.registerTemplate('CredoImage', '\
28 <div class="col-md-3 col-sm-4 col-xs-6">\
29 <a href="{{mkws-googleurl md-electronic-url}}" target="_blank">\
30 {{#mkws-first md-thumburl}}\
31 <img src="{{this}}" alt="{{../md-title}}"/>\
40 // Main panel: encylopaedia and images on the left, topics on the right
41 s.push('<div class="row">');
43 s.push('<div class="jumbotron panel col-md-8"><div class="panel-body">');
44 //s.push(section('encyclopaedia', 'Topic Page: <span class="x-mkws-title"/>',
45 s.push(this.subwidget('Reference', { _team: 'ref', paragraphs: 1 }));
46 // The Images widget needs to be in our team so we can set its template
47 s.push('</div></div>');
49 s.push('<div class="col-md-4">');
50 s.push(section('topics', 'Related Topics',
51 this.subwidget('Facet', { _team: 'main', facet: 'subject' })));
56 s.push('<div class="row">');
57 s.push(section('image col-md-12', 'Images', this.subwidget('GoogleImage', { maxrecs: 4, template: 'CredoImage' })));
61 s.push('<div class="row clearfix">');
62 s.push(section('entries clearfix col-md-4 col-sm-6', 'Results from all targets',
63 this.subwidget('Records', { _team: 'main' })));
64 s.push(section('articles clearfix col-md-4 col-sm-6', 'Articles',
65 this.subwidget('Records', { _team: 'articles', targetfilter: 'categories=articles' })));
66 s.push(section('books clearfix col-md-4 col-sm-6', 'Books',
67 this.subwidget('Records', { _team: 'books', targetfilter: 'categories=books' })));
68 s.push(section('news col-md-4 col-sm-6', 'News',
69 this.subwidget('Records', { _team: 'news', targetfilter: 'categories=news' })));
71 this.node.html(s.join(''));
73 // Fill in the titles from the query once widgets have all been prepared
75 this.team.queue("ready").subscribe(function() {
76 var query = toTitleCase(that.config.query);
77 that.log("got query '" + query + "' from team config");
78 mkws.$('.x-mkws-title').html(query);
79 mkws.$('title').html("MKWS: " + query);
81 mkws.$(".mkwsSummary img").addClass("media-object");
82 console.log(mkws.$("body").html());
84 // Derived from http://stackoverflow.com/questions/196972/convert-string-to-title-case-with-javascript
85 function toTitleCase(str) {
86 return str.replace(/\w\S*/g, function(txt) {
87 return txt.charAt(0).toUpperCase() + txt.substr(1);
93 function section(xclass, title, content) {
95 s.push('<div class="' + xclass + '"><div class="panel panel-default">');
96 s.push('<div class="panel-heading title"><h3 class="panel-title">' + title + '</h3></div>');
97 s.push('<div class="panel-body">' + content + '</div>');
98 s.push('</div></div>');
102 function sectionRow(xclass, title, content) {
104 s.push('<div class="row">');
105 s.push(section(xclass, title, content));