{WidgetName}.js

• The {WidgetName}.js file contains the definition of an Angular Directive using RequireJS to define it.
• It starts with RequireJS’s dependency list, and this is where you put your CSS file and any other Widget’s you may have embedded in the HTML file.
• Then there are several variables that define the Widget’s Name, the HTML file to include, the height and width, and the default interval. I found that using 800x480 is good ratio that works well on most displays in portrait mode.
• In the Template.js, there is several lines of code that is for creating an Angular Directive. Never remove this code unless instructed to do so.