Part of MKWS-322. Change all references from mkws-widget-termlists.js to mkws-widget...

[mkws-moved-to-github.git] / examples / htdocs / mkws-widget-credo.js

diff --git a/examples/htdocs/mkws-widget-credo.js b/examples/htdocs/mkws-widget-credo.js
index f00abf7..0d8c3e6 100644 (file)
--- a/examples/htdocs/mkws-widget-credo.js
+++ b/examples/htdocs/mkws-widget-credo.js
@@ -32,10 +32,13 @@ mkws.registerWidgetType('Credo', function() {
         {{/mkws-first}}\
        <br/>\
        </a>\
-       <p>{{md-title}}</p>\
+       <p>{{{md-title}}}</p>\
       </div>\
 ');
 
+  // Inhibit the display of the sole facet's title.
+  this.team.registerTemplate('facetTitle-Subject', 'doo');
+
   var s = []
   s.push('<table>');
 
@@ -44,33 +47,29 @@ mkws.registerWidgetType('Credo', function() {
 
   s.push('<td class="main">');
   s.push(section('encyclopaedia', 'Topic Page: <span class="x-mkws-title"/>',
-                 this.subwidget('Reference', { _team: 'ref' })));
+                 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' })));
+                 this.subwidget('GoogleImage', { maxrecs: 3, template: 'CredoImage', target: 'google_images_js' })));
   s.push('</td>');
 
   s.push('<td class="side">');
-  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' })));
+                 this.subwidget('Facet', { _team: 'main', facet: 'subject', template: 'CredoFacet' })));
   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', { _team: 'main' })));
+  s.push(sectionRow('entries', 'News',
+                    this.subwidget('Records', { _team: 'news', targetfilter: 'categories=news', perpage: 10 })));
   s.push(sectionRow('articles', 'Articles',
-                    this.subwidget('Records', { _team: 'articles', targetfilter: 'categories=articles' })));
+                    this.subwidget('Records', { _team: 'articles', targetfilter: 'categories=articles', perpage: 10 })));
   s.push(sectionRow('books', 'Books',
-                    this.subwidget('Records', { _team: 'books', targetfilter: 'categories=books' })));
-  s.push(sectionRow('news', 'News',
-                    this.subwidget('Records', { _team: 'news', targetfilter: 'categories=news' })));
-  s.push(sectionRow('resources', 'Suggested Resources',
-                    "### Not yet implemented"));
+                    this.subwidget('Records', { _team: 'books', targetfilter: 'categories=books', perpage: 10 })));
+  s.push(sectionRow('news', 'Results from all targets',
+                    this.subwidget('Records', { _team: 'main' })));
 
   s.push('</table>');
 
@@ -79,10 +78,17 @@ mkws.registerWidgetType('Credo', function() {
   // Fill in the titles from the query once widgets have all been prepared
   var that = this;
   this.team.queue("ready").subscribe(function() {
-    var query = that.config.query;
+    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);
+      });
+    }
   });
 
 
@@ -105,8 +111,3 @@ mkws.registerWidgetType('Credo', function() {
     return s.join('');
   }
 });
-
-
-mkws.registerWidgetType('Mindmap', function() {
-  this.node.html("### We do not yet have a Mindmap widget");
-});