Link to Open Fixture Library

BUILD

@@ -1,6 +1,12 @@
 #!/bin/sh
 
-trunk/closure/bin/build/closurebuilder.py --root=trunk/  --root=js_src \
---namespace="app.setup" --output_mode=compiled  --compiler_jar=compiler.jar \
---compiler_flags="--compilation_level=ADVANCED_OPTIMIZATIONS" \
-> static/js/app.js
+java \
+-jar node_modules/google-closure-compiler/compiler.jar \
+--js 'js_src/**.js' \
+--js 'node_modules/google-closure-library/closure/**.js' \
+--js 'node_modules/google-closure-library/third_party/**.js' \
+--js '!**_test.js' \
+--entry_point 'app.setup' \
+--js_output_file static/js/app.js \
+--dependency_mode STRICT \
+--compilation_level ADVANCED_OPTIMIZATIONS

js_src/app.js

@@ -21,14 +21,14 @@ goog.require('goog.dom');
 goog.require('goog.events');
 goog.require('goog.ui.Component');
 goog.require('goog.ui.TableSorter');
-goog.require('app.MessageStructure');
+goog.require('app.pid');
 
 goog.provide('app.setup');
 
-var app = app || {}
-
-// Empty list, this is populated in the page
-app.SOFTWARE_VERSIONS = []
+// These are populated in the page
+app.MANUFACTURER_ID = null;
+app.MODEL_ID = null;
+app.SOFTWARE_VERSIONS = [];
 
 /**
  * Sort hex values
@@ -112,6 +112,15 @@ app.makeModelTable = function(table_id) {
 goog.exportSymbol('app.makeModelTable', app.makeModelTable);
 
 
+/**
+ * Set manufacturer and model ID
+ */
+app.setIds = function(manufacturer_id, model_id) {
+  app.MANUFACTURER_ID = manufacturer_id;
+  app.MODEL_ID = model_id;
+};
+goog.exportSymbol('app.setIds', app.setIds);
+
 /**
  * Set the software versions
  */
@@ -143,6 +152,8 @@ app.changeSoftwareVersion = function(element) {
     goog.dom.removeChildren(tbody);
     for (var i = 0; i < personalities.length; ++i) {
       var personality = personalities[i];
+      var oflLink = 'https://open-fixture-library.herokuapp.com/rdm?manufacturerId=' + app.MANUFACTURER_ID + '&amp;modelId=' + app.MODEL_ID + '&amp;personalityIndex=' + personality['index'] + '&amp;source=olp';
+
       var tr = goog.dom.createDom('tr');
       // add the cells
       goog.dom.appendChild(tr, app.newTD(personality['index']));
@@ -152,6 +163,7 @@ app.changeSoftwareVersion = function(element) {
         goog.dom.appendChild(tr, app.newTD('Unknown'));
       }
       goog.dom.appendChild(tr, app.newTD(personality['description']));
+      goog.dom.appendChild(tr, app.newTD('<a href="' + oflLink + '">View in Open Fixture Library</a>'));
       goog.dom.appendChild(tbody, tr);
     }
     app.showBlock(personality_fieldset);
@@ -257,7 +269,7 @@ goog.exportSymbol('app.makePIDTable', app.makePIDTable);
  * Display a pid command
  */
 app.displayCommand = function(json, element_id) {
-  var msg_structure = new app.MessageStructure();
+  var msg_structure = new app.pid.MessageStructure();
   msg_structure.decorate(goog.dom.$(element_id));
   msg_structure.update(json['items']);
 };

js_src/pid_display.js

@@ -22,36 +22,37 @@ goog.require('goog.ui.Component');
 goog.require('goog.ui.Tooltip');
 
 
-goog.provide('app.MessageStructure');
+goog.provide('app.pid');
 
 
 /**
  * A message field, this represents a field within a RDM message.
  * @constructor
+ * @extends goog.ui.Component
  */
-app.MessageField = function(field_info, opt_domHelper) {
+app.pid.MessageField = function(field_info, opt_domHelper) {
   goog.ui.Component.call(this, opt_domHelper);
   this._field_info = field_info;
 };
-goog.inherits(app.MessageField, goog.ui.Component);
+goog.inherits(app.pid.MessageField, goog.ui.Component);
 
 
 /**
  * Return the underlying field info
  */
-app.MessageField.prototype.pid = function() { return this._pid; };
+app.pid.MessageField.prototype.pid = function() { return this._pid; };
 
 
 /**
  * This component can't be used to decorate
  */
-app.MessageField.prototype.canDecorate = function() { return false; };
+app.pid.MessageField.prototype.canDecorate = function() { return false; };
 
 
 /**
  * Create the dom for this component
  */
-app.MessageField.prototype.createDom = function() {
+app.pid.MessageField.prototype.createDom = function() {
   var class_names = this._field_info['type'] + '_field message_field';
   var field_name = this._field_info['name'];
   if (this._field_info['type'] == 'string') {
@@ -81,8 +82,8 @@ app.MessageField.prototype.createDom = function() {
 /**
  * Attach the event handler
  */
-app.MessageField.prototype.enterDocument = function() {
-  app.MessageField.superClass_.enterDocument.call(this);
+app.pid.MessageField.prototype.enterDocument = function() {
+  app.pid.MessageField.superClass_.enterDocument.call(this);
 
   var tt = (
     'Type: ' + this._field_info['type'] + '<br>' +
@@ -122,61 +123,63 @@ app.MessageField.prototype.enterDocument = function() {
 /**
  * Remove the tooltip
  */
-app.MessageField.prototype.exitDocument = function() {
-  app.MessageField.superClass_.exitDocument.call(this);
+app.pid.MessageField.prototype.exitDocument = function() {
+  app.pid.MessageField.superClass_.exitDocument.call(this);
   this.tt.detach(this.getElement());
 };
 
 
 /**
  * Create a RDM message structure object.
+ * @param {goog.dom.DomHelper=} opt_domHelper Optional DOM helper.
  * @constructor
+ * @extends goog.ui.Component
  */
-app.MessageStructure = function(opt_domHelper) {
+app.pid.MessageStructure = function(opt_domHelper) {
   goog.ui.Component.call(this, opt_domHelper);
 };
-goog.inherits(app.MessageStructure, goog.ui.Component);
+goog.inherits(app.pid.MessageStructure, goog.ui.Component);
 
 
 /**
  * Create the dom for the TableContainer
  */
-app.MessageStructure.prototype.createDom = function(container) {
+app.pid.MessageStructure.prototype.createDom = function(container) {
   this.decorateInternal(this.dom_.createElement('div'));
 };
 
 
 /**
  * Decorate an existing element
  */
-app.MessageStructure.prototype.decorateInternal = function(element) {
-  app.MessageStructure.superClass_.decorateInternal.call(this, element);
+app.pid.MessageStructure.prototype.decorateInternal = function(element) {
+  app.pid.MessageStructure.superClass_.decorateInternal.call(this, element);
 };
 
 
 /**
  * Check if we can decorate an element.
  * @param {Element} element the dom element to check.
  */
-app.MessageStructure.prototype.canDecorate = function(element) {
+app.pid.MessageStructure.prototype.canDecorate = function(element) {
   return element.tagName == 'DIV';
 };
 
 
-app.MessageStructure.prototype.update = function(fields) {
+app.pid.MessageStructure.prototype.update = function(fields) {
   this.removeChildren(true);
 
   for (var i = 0; i < fields.length; ++i) {
     var field = fields[i];
 
     var new_div = null;
     if (field['type'] == 'group') {
-      new_div = new app.MessageGroup();
+      new_div = new app.pid.MessageGroup();
       new_div.update(field['items']);
       this.addChild(new_div, true);
       new_div.attachTooltip(field);
     } else {
-      new_div = new app.MessageField(field);
+      new_div = new app.pid.MessageField(field);
       this.addChild(new_div, true);
     }
   }
@@ -188,17 +191,17 @@ app.MessageStructure.prototype.update = function(fields) {
  * message.
  * @constructor
  */
-app.MessageGroup = function(opt_domHelper) {
+app.pid.MessageGroup = function(opt_domHelper) {
   goog.ui.Component.call(this, opt_domHelper);
   this.tt = null;
 };
-goog.inherits(app.MessageGroup, app.MessageStructure);
+goog.inherits(app.pid.MessageGroup, app.pid.MessageStructure);
 
 
 /**
  * Attach the tooltip for this group
  */
-app.MessageGroup.prototype.attachTooltip = function(field) {
+app.pid.MessageGroup.prototype.attachTooltip = function(field) {
   this.tt = new goog.ui.Tooltip(this.getElement());
   var tt = 'A repeated group of fields. ';
   var min = field['min_size'];
@@ -222,17 +225,17 @@ app.MessageGroup.prototype.attachTooltip = function(field) {
 /**
  * Decorate an existing element
  */
-app.MessageGroup.prototype.decorateInternal = function(element) {
-  app.MessageStructure.superClass_.decorateInternal.call(this, element);
+app.pid.MessageGroup.prototype.decorateInternal = function(element) {
+  app.pid.MessageStructure.superClass_.decorateInternal.call(this, element);
   element.className = 'message_group';
 };
 
 
 /**
  * Remove the tooltip
  */
-app.MessageField.prototype.exitDocument = function() {
-  app.MessageField.superClass_.exitDocument.call(this);
+app.pid.MessageField.prototype.exitDocument = function() {
+  app.pid.MessageField.superClass_.exitDocument.call(this);
   if (this.tt) {
     this.tt.detach(this.getElement());
   }

package.json

@@ -13,6 +13,8 @@
     "Sean Sill"
   ],
   "devDependencies": {
+    "google-closure-compiler": "^20170910.0.0",
+    "google-closure-library": "^20170910.0.0",
     "grunt": "^1.0.0",
     "grunt-bower-task": "~0.4.0",
     "grunt-contrib-clean": "~0.6.0",