X-Git-Url: http://sru.miketaylor.org.uk/?a=blobdiff_plain;ds=sidebyside;f=examples%2Fhtdocs%2Fmkws-widget-credo.js;h=f8efb57b5519b88c29369c27d459437902752955;hb=967e58eeb2f1adc26266817db19ac426e7be6860;hp=7ea016989edd292c454d8fe45268f2bcdba62610;hpb=5c595265e53d5c4c2b48ae7ff2ed5124c665a7ce;p=mkws-moved-to-github.git diff --git a/examples/htdocs/mkws-widget-credo.js b/examples/htdocs/mkws-widget-credo.js index 7ea0169..f8efb57 100644 --- a/examples/htdocs/mkws-widget-credo.js +++ b/examples/htdocs/mkws-widget-credo.js @@ -1,51 +1,110 @@ +// 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) { + if (!obj) { + return "obj undefined"; + } else if (!obj[0]) { + return "obj[0] undefined, JSON=" + $.toJSON(obj); + } else { + 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() { - s = [] + var that = this; + + this.team.registerTemplate('CredoImage', '\ +
{{md-title}}
\ +');
-
- s.push(' ');
- s.push(' ');
-
- s.push('Topic Page: ### title ');
- s.push(this.subwidget('Reference'));
- s.push('');
- s.push(' ');
-
+ s.push(section('encyclopaedia', 'Topic Page: ',
+ this.subwidget('Reference', { _team: 'ref', paragraphs: 1 })));
+ // The Images widget needs to be in our team so we can set its template
+ s.push(section('image', 'Images',
+ this.subwidget('GoogleImage', { maxrecs: 4, template: 'CredoImage' })));
s.push('Images ');
- s.push(this.subwidget('Images', { /* ### config */ } ));
- s.push(' | ');
s.push('');
-
- s.push(' ');
- s.push(' ');
-
- s.push('Create a Mind Map for ### title ');
- // ### Is there a way to make a mind-map?
- s.push('');
- s.push(' ');
-
+ s.push(section('topics', 'Related Topics',
+ this.subwidget('Facet', { _team: 'main', facet: 'subject' })));
s.push('Related Topics ');
- s.push(this.subwidget('Facet', { facet: 'subject' }));
- s.push(' | ');
s.push('