resolved #249: register to windows resize event properly

Author: ismcagdas

angular/src/app/app.component.html

@@ -2,7 +2,7 @@
 
 <top-bar></top-bar>
 
-<section>
+<section (window:resize)="onResize($event)">
     <aside id="leftsidebar" class="sidebar">
         <sidebar-user-area></sidebar-user-area>
         <sidebar-nav></sidebar-nav>

angular/src/app/app.component.ts

@@ -1,4 +1,4 @@
-import { Component, ViewContainerRef, Injector, OnInit, AfterViewInit } from '@angular/core';
+import { Component, ViewContainerRef, Injector, OnInit, AfterViewInit, ChangeDetectorRef } from '@angular/core';
 import { AppComponentBase } from '@shared/app-component-base';
 
 import { SignalRAspNetCoreHelper } from '@shared/helpers/SignalRAspNetCoreHelper';
@@ -17,6 +17,7 @@ export class AppComponent extends AppComponentBase implements OnInit, AfterViewI
     }
 
     ngOnInit(): void {
+
         SignalRAspNetCoreHelper.initSignalR();
 
         abp.event.on('abp.notifications.received', userNotification => {
@@ -36,7 +37,17 @@ export class AppComponent extends AppComponentBase implements OnInit, AfterViewI
     }
 
     ngAfterViewInit(): void {
-        ($ as any).AdminBSB.activateAll();
-        ($ as any).AdminBSB.activateDemo();
+        $.AdminBSB.activateAll();
+        $.AdminBSB.activateDemo();
+    }
+
+    onResize(event) {
+        // exported from $.AdminBSB.activateAll
+        $.AdminBSB.leftSideBar.setMenuHeight();
+        $.AdminBSB.leftSideBar.checkStatuForResize(false);
+
+        // exported from $.AdminBSB.activateDemo
+        $.AdminBSB.demo.setSkinListHeightAndScroll();
+        $.AdminBSB.demo.setSettingListHeightAndScroll();
     }
 }

angular/src/bsb-theme/js/admin.js

@@ -99,10 +99,10 @@
             //Set menu height
             _this.setMenuHeight();
             _this.checkStatuForResize(true);
-            $(window).resize(function () {
-                _this.setMenuHeight();
-                _this.checkStatuForResize(false);
-            });
+            //$(window).resize(function () {
+            //    _this.setMenuHeight();
+            //    _this.checkStatuForResize(false);
+            //});
 
             //Set Waves
             Waves.attach('.menu .list a', ['waves-block']);
@@ -463,4 +463,5 @@
         $.AdminBSB.select.activate();
         $.AdminBSB.search.activate();
     }
-})();
+
+})();

angular/src/bsb-theme/js/demo.js

@@ -1,12 +1,12 @@
-$.AdminBSB.activateDemo = function() {
-  activateNotificationAndTasksScroll();
+$.AdminBSB.activateDemo = function () {
+    activateNotificationAndTasksScroll();
 
-  setSkinListHeightAndScroll();
-  setSettingListHeightAndScroll();
-  $(window).resize(function() {
     setSkinListHeightAndScroll();
     setSettingListHeightAndScroll();
-  });
+    //$(window).resize(function () {
+    //    setSkinListHeightAndScroll();
+    //    setSettingListHeightAndScroll();
+    //});
 };
 
 //Skin tab content set height and show scroll
@@ -55,4 +55,8 @@ function activateNotificationAndTasksScroll() {
         borderRadius: '0',
         railBorderRadius: '0'
     });
-}
+}
+
+$.AdminBSB.demo = $.AdminBSB.demo || {};
+$.AdminBSB.demo.setSkinListHeightAndScroll = setSkinListHeightAndScroll;
+$.AdminBSB.demo.setSettingListHeightAndScroll = setSettingListHeightAndScroll;