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

diff --git a/examples/htdocs/mkws-widget-credo.js b/examples/htdocs/mkws-widget-credo.js
index eb7ee7a..59a9a13 100644
--- a/examples/htdocs/mkws-widget-credo.js
+++ b/examples/htdocs/mkws-widget-credo.js
@@ -5,7 +5,13 @@
 //      http://eofdreams.com/fish.html
 //
 Handlebars.registerHelper('mkws-googleurl', function(obj) {
-  return mkws.getParameterByName('q', obj[0]);
+  if (!obj) {
+    return "obj undefined";
+  } else if (!obj[0]) {
+    return "obj[0] undefined, JSON=" + $.toJSON(obj);
+  } else {
+    return mkws.getParameterByName('q', obj[0]);
+  }
 });
 
 
@@ -37,15 +43,15 @@ mkws.registerWidgetType('Credo', function() {
   s.push('<tr class="front">');
 
   s.push('<td class="main">');
-  s.push(section('encyclopaedia', 'Topic Page: ### title',
-                 this.subwidget('Reference', { _team: 'ref' })));
+  s.push(section('encyclopaedia', 'Topic Page: <span class="x-mkws-title"/>',
+                 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('</td>');
 
   s.push('<td class="side">');
-  s.push(section('mindmap', 'Create a Mind Map for ### title',
+  s.push(section('mindmap', 'Create a Mind Map for <span class="x-mkws-title"/>',
                  this.subwidget('Mindmap', { _team: 'main', facet: 'subject' })));
   s.push(section('topics', 'Related Topics',
                  this.subwidget('Facet', { _team: 'main', facet: 'subject' })));
@@ -60,16 +66,32 @@ mkws.registerWidgetType('Credo', function() {
   s.push(sectionRow('articles', 'Articles',
                     this.subwidget('Records', { _team: 'articles', targetfilter: 'categories=articles' })));
   s.push(sectionRow('books', 'Books',
-                    1 || this.subwidget('Records', { /* ### config */ })));
+                    this.subwidget('Records', { _team: 'books', targetfilter: 'categories=books' })));
   s.push(sectionRow('news', 'News',
-                    1 || this.subwidget('Records', { /* ### config */ })));
+                    this.subwidget('Records', { _team: 'news', targetfilter: 'categories=news' })));
   s.push(sectionRow('resources', 'Suggested Resources',
-                    1 || this.subwidget('Records', { /* ### config */ })));
+                    "### Not yet implemented"));
 
   s.push('</table>');
 
   this.node.html(s.join(''));
 
+  // Fill in the titles from the query once widgets have all been prepared
+  var that = this;
+  this.team.queue("ready").subscribe(function() {
+    var query = toTitleCase(that.config.query);
+    that.log("got query '" + query + "' from team config");
+    mkws.$('.x-mkws-title').html(query);
+    mkws.$('title').html("MKWS: " + query);
+
+    // Derived from http://stackoverflow.com/questions/196972/convert-string-to-title-case-with-javascript
+    function toTitleCase(str) {
+      return str.replace(/\w\S*/g, function(txt) {
+        return txt.charAt(0).toUpperCase() + txt.substr(1);
+      });
+    }
+  });
+
 
   function section(xclass, title, content) {
     var s = [];