refactor: Decouple Blog badge update using StateProvider (#8399)

Author: tobiu

apps/portal/view/HeaderToolbar.mjs

@@ -36,15 +36,16 @@ class HeaderToolbar extends Base {
             text : 'Learn',
             route: '/learn'
         }, {
-            text     : 'News',
+            bind     : {badgeText: 'blogPostCount'},
             reference: 'news-header-button',
-            route    : '/news'
+            route    : '/news',
+            text     : 'News'
         }, {
-            text : 'Examples',
-            route: '/examples'
+            route: '/examples',
+            text : 'Examples'
         }, {
-            text : 'Services',
-            route: '/services'
+            route: '/services',
+            text : 'Services'
         }, {
             ntype    : 'container',
             layout   : 'hbox',

apps/portal/view/ViewportController.mjs

@@ -170,13 +170,6 @@ class ViewportController extends Controller {
         }
     }
 
-    /**
-     * @param {Object[]} records
-     */
-    onBlogPostStoreLoad(records) {
-        this.getReference('news-header-button').badgeText = records.length + ''
-    }
-
     /**
      * @param {Object} params
      * @param {Object} value

apps/portal/view/ViewportStateProvider.mjs

@@ -15,6 +15,10 @@ class ViewportStateProvider extends StateProvider {
          * @member {Object} data
          */
         data: {
+            /**
+             * @member {Number|null} blogPostCount=null
+             */
+            blogPostCount: null,
             /**
              * Values are: large, medium, small, xSmall, null
              * @member {String|null} size

apps/portal/view/news/TabContainerController.mjs

@@ -0,0 +1,47 @@
+import Controller from '../../../../src/controller/Component.mjs';
+
+/**
+ * @class Portal.view.news.TabContainerController
+ * @extends Neo.controller.Component
+ */
+class TabContainerController extends Controller {
+    static config = {
+        /**
+         * @member {String} className='Portal.view.news.TabContainerController'
+         * @protected
+         */
+        className: 'Portal.view.news.TabContainerController',
+        /**
+         * @member {Object} routes
+         */
+        routes: {
+            '/news'                   : 'onBlogRoute',
+            '/news/blog'              : 'onBlogRoute',
+            '/news/releases'          : 'onReleasesRoute',
+            '/news/releases/{*itemId}': 'onReleasesRoute'
+        }
+    }
+
+    /**
+     * @param {Object} data
+     */
+    onBlogRoute(data) {
+        this.component.activeIndex = 0
+    }
+
+    /**
+     * @param {Object[]} records
+     */
+    onBlogPostStoreLoad(records) {
+        this.getStateProvider().setData({blogPostCount: records.length})
+    }
+
+    /**
+     * @param {Object} data
+     */
+    onReleasesRoute(data) {
+        this.component.activeIndex = 1
+    }
+}
+
+export default Neo.setupClass(TabContainerController);