Portal.view.learn.PageSectionsContainer: disable the sections expand button, in case there is no content #5685

Author: tobiu

apps/portal/view/learn/MainContainerModel.mjs

@@ -29,6 +29,10 @@ class MainContainerModel extends Component {
              * @member {Number|null} data.countPages=null
              */
             countPages: null,
+            /**
+             * @member {Number|null} data.countPages=null
+             */
+            countSections: null,
             /**
              * The record which gets shown as the content page
              * @member {Object} data.currentRecord=null

apps/portal/view/learn/PageSectionsContainer.mjs

@@ -21,11 +21,15 @@ class PageSectionsContainer extends Container {
          */
         items: [{
             ntype  : 'button',
-            bind   : {hidden: data => data.size === 'large'},
             cls    : ['sections-container-button'],
             handler: 'onPageSectionsToggleButtonClick',
             iconCls: 'fas fa-bars',
-            ui     : 'secondary'
+            ui     : 'secondary',
+
+            bind: {
+                disabled: data => data.countSections < 1,
+                hidden  : data => data.size === 'large'
+            }
         }, {
             vdom:
             {cn: [

apps/portal/view/learn/PageSectionsList.mjs

@@ -75,6 +75,15 @@ class PageSectionsList extends List {
             me.isAnimating = false
         }
     }
+
+    /**
+     *
+     */
+    onStoreLoad() {
+        super.onStoreLoad();
+
+        this.getModel().data.countSections = this.store.getCount()
+    }
 }
 
 Neo.setupClass(PageSectionsList);

resources/scss/src/apps/portal/learn/PageSectionsContainer.scss

@@ -46,6 +46,11 @@
             left            : -42px;
             width           : 35px;
 
+            &.neo-disabled {
+                background-color: lightgray;
+                opacity         : .5;
+            }
+
             .neo-button-glyph {
                 font-size: 13px;
             }