X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=examples%2Fhtdocs%2Fmkws-widget-credo.js;h=eb7ee7aa1f2c303870196fdb755049deadbee093;hb=ce2fcb84c188251c8fe9848ef5edd5b2d4aa54eb;hp=2bb1b1a76afd7999a1258fa39ad61e9206fa8bef;hpb=b8b83eb490e89e99620c933648147e11af9c0e12;p=mkws-moved-to-github.git

diff --git a/examples/htdocs/mkws-widget-credo.js b/examples/htdocs/mkws-widget-credo.js
index 2bb1b1a..eb7ee7a 100644
--- a/examples/htdocs/mkws-widget-credo.js
+++ b/examples/htdocs/mkws-widget-credo.js
@@ -1,5 +1,35 @@
+// The Google Images database returns links like:
+//      http://images.google.com/url?q=http://eofdreams.com/fish.html&sa=U&ei=RAB-U9XNDo2Dqga1o4L4Bw&ved=0CC4Q9QEwAA&usg=AFQjCNFhRtn6GMevHbpITZ6kfx6rsHV2ow
+// This Handlebars helper avoids a pointless redirect by transforming
+// this to the URL of the underling page, in this case
+//      http://eofdreams.com/fish.html
+//
+Handlebars.registerHelper('mkws-googleurl', function(obj) {
+  return mkws.getParameterByName('q', obj[0]);
+});
+
+
+// ### This works inefficiently by having multiple teams all run the
+// same search against different sets of targets. A much better
+// approach would be run a single search, with all these panels
+// members of the same team, but picking out only the results relevant
+// to them. That will be more work.
+
 mkws.registerWidgetType('Credo', function() {
   var that = this;
+
+  this.team.registerTemplate('CredoImage', '\
+      <div>\
+       <a href="{{mkws-googleurl md-electronic-url}}" target="_blank">\
+        {{#mkws-first md-thumburl}}\
+	  <img src="{{this}}" alt="{{../md-title}}"/>\
+        {{/mkws-first}}\
+	<br/>\
+       </a>\
+       <p>{{md-title}}</p>\
+      </div>\
+');
+
   var s = []
   s.push('<table>');
 
@@ -8,30 +38,33 @@ mkws.registerWidgetType('Credo', function() {
 
   s.push('<td class="main">');
   s.push(section('encyclopaedia', 'Topic Page: ### title',
-                 this.subwidget('Reference')));
+                 this.subwidget('Reference', { _team: 'ref' })));
+  // The Images widget needs to be in our team so we can set its template
   s.push(section('image', 'Images',
-                 this.subwidget('Images', { /* ### config */ })));
+                 this.subwidget('GoogleImage', { maxrecs: 4, template: 'CredoImage' })));
   s.push('</td>');
 
   s.push('<td class="side">');
   s.push(section('mindmap', 'Create a Mind Map for ### title',
-                 '### Is there a way to make a mind-map?'));
+                 this.subwidget('Mindmap', { _team: 'main', facet: 'subject' })));
   s.push(section('topics', 'Related Topics',
-                 this.subwidget('Facet', { facet: 'subject' })));
+                 this.subwidget('Facet', { _team: 'main', facet: 'subject' })));
   s.push('</td>');
 
   s.push('</tr>');
 
+  s.push('<tr><td colspan="2"><hr class="divider"/></td></tr>');
+
   s.push(sectionRow('entries', 'Credo Entries',
-                    this.subwidget('Records', { /* ### config */ })));
+                    this.subwidget('Records', { _team: 'main' })));
   s.push(sectionRow('articles', 'Articles',
-                    this.subwidget('Records', { /* ### config */ })));
+                    this.subwidget('Records', { _team: 'articles', targetfilter: 'categories=articles' })));
   s.push(sectionRow('books', 'Books',
-                    this.subwidget('Records', { /* ### config */ })));
+                    1 || this.subwidget('Records', { /* ### config */ })));
   s.push(sectionRow('news', 'News',
-                    this.subwidget('Records', { /* ### config */ })));
+                    1 || this.subwidget('Records', { /* ### config */ })));
   s.push(sectionRow('resources', 'Suggested Resources',
-                    this.subwidget('Records', { /* ### config */ })));
+                    1 || this.subwidget('Records', { /* ### config */ })));
 
   s.push('</table>');
 
@@ -57,3 +90,8 @@ mkws.registerWidgetType('Credo', function() {
     return s.join('');
   }
 });
+
+
+mkws.registerWidgetType('Mindmap', function() {
+  this.node.html("### We do not yet have a Mindmap widget");
+});