diff --git a/html/gui/images/help/centerreport-component.svg b/html/gui/images/help/centerreport-component.svg
new file mode 100644
index 0000000..e4cab23
--- /dev/null
+++ b/html/gui/images/help/centerreport-component.svg
@@ -0,0 +1 @@
+
diff --git a/html/gui/js/modules/dashboard/CenterReportCardComponent.js b/html/gui/js/modules/dashboard/CenterReportCardComponent.js
index 356812e..5e302dd 100644
--- a/html/gui/js/modules/dashboard/CenterReportCardComponent.js
+++ b/html/gui/js/modules/dashboard/CenterReportCardComponent.js
@@ -31,57 +31,23 @@ Ext.namespace('XDMoD.Module.Dashboard');
* - `this.gridstore.listeners.load`
* - `this.gridstore.listeners.exception`
*/
-XDMoD.Module.Dashboard.CenterReportCardComponent = Ext.extend(Ext.ux.Portlet, {
+XDMoD.Module.Dashboard.CenterReportCardComponent = Ext.extend(CCR.xdmod.ui.Portlet, {
layout: 'fit',
autoScroll: true,
titleBase: 'Center Report Card',
- tools: [
- {
- id: 'help',
- qtip: [
- '',
- '- ',
- ' ',
- 'Failed Runs',
- '
',
- '- A run in which the app kernel failed to complete successfully.
',
- '
',
- ' ',
- '- ',
- ' ',
- 'Under Performing Runs',
- '
',
- '- A run in which the app kernel completed successfully but performed below the established control region.
',
- '
',
- ' ',
- '- ',
- ' ',
- 'In Control Runs',
- '
',
- '- A run in which the app kernel completed successfully and performed within the established control region.
',
- '
',
- ' ',
- '- ',
- ' ',
- 'Over Performing Runs',
- '
',
- '- A run in which the app kernel completed successfully and performed better than the established control region.
',
- '
',
- ' ',
- '
'
- ].join(' '),
- qwidth: 60
- }
- ],
-
/**
* Constructor for the CenterReportCardComponent.
*/
initComponent: function () {
var self = this;
+ this.help = {
+ title: this.titleBase,
+ html: '
'
+ };
+
var aspectRatio = 11.0 / 17.0;
this.height = this.width * aspectRatio;