#282 Covid.view.HeaderContainer: github star button

Author: tobiu

apps/covid/view/HeaderContainer.mjs

@@ -20,12 +20,22 @@ class HeaderContainer extends Container {
          */
         layout: {ntype: 'hbox', align: 'stretch'},
         /**
-         * @member {Array} items
+         * @member {Object} itemDefaults
          */
-        items: [{
+        itemDefaults: {
             ntype: 'component',
-            html : 'COVID-19 neo.mjs App',
             style: {padding: '20px'}
+        },
+        /**
+         * @member {Array} items
+         */
+        items: [{
+            html : 'COVID-19 neo.mjs App'
+        }, {
+            flex: 1
+        }, {
+            html : '<a class="github-button" href="https://github.com/neomjs/neo" data-size="large" data-show-count="true" aria-label="Star neomjs/neo on GitHub">Star</a>',
+            width: 150
         }]
     }}
 }

apps/covid/view/MainContainerController.mjs

@@ -50,8 +50,18 @@ class MainContainerController extends ComponentController {
     onConstructed() {
         super.onConstructed();
 
-        this.loadData();
-        this.loadSummaryData();
+        const me = this;
+
+        me.loadData();
+        me.loadSummaryData();
+
+        me.view.on('mounted', () => {
+            Neo.main.DomAccess.addScript({
+                async: true,
+                defer: true,
+                src  : 'https://buttons.github.io/buttons.js'
+            });
+        });
     }
 
     /**