Ej2 5128 bug fix

Author: pipeline

src/common/left-pane.html

@@ -6,10 +6,11 @@
         </div>
     </div>
 </div>
-<div class="sb-home">
+<div class="sb-home" onclick="document.getElementById('sb-home').click()">
     <div class="sb-home-link sb-icons sb-icon-Home"></div>
     <div class="sb-home-text">
         <span>HOME</span>
+        <a id="sb-home" href="http://ej2.syncfusion.com/home/angular.html"></a>
     </div>
 </div>
 <div class="sb-control-navigation e-view">
@@ -19,8 +20,7 @@
             <div class="e-icons back-icon"></div>
             <div class="control-name">ALL CONTROLS</div>
         </div>
-        <ej-listview id="controlList" #controlList class="e-view" [dataSource]="listData" [fields]="listFields" (select)='onSampleSelect($event)'
-            (actionComplete)='afterListviewRendered($event)'>
+        <ej-listview id="controlList" #controlList class="e-view" [dataSource]="listData" [fields]="listFields" (select)='onSampleSelect($event)' (actionComplete)='afterListviewRendered($event)'>
             <ng-template #template let-data>
                 <div class="e-text-content e-icon-wrapper">
                     <span class="e-list-text" role="listitem">{{data.name}}

src/common/sb.component.ts

@@ -72,7 +72,8 @@ export class SBController {
     public previousViewMode: string = '';
     public viewModeChanged: boolean = false;
     public resizeTimer: number = 0;
-
+    public prevSampleName: string = '';
+    public prevControlName: string = '';
     //Bread Crumb Object
     public breadCrumbObject:
     {
@@ -280,7 +281,6 @@ export class SBController {
             })
             .subscribe((event: any) => {
                 this.updateSourceCode(location.hash);
-                this.updateDescription();
                 this.setListItemSelect();
                 this.createOpenNewButton();
                 this.updateViewMode();
@@ -292,6 +292,10 @@ export class SBController {
                 if (this.currentControl !== this.prevControl) {
                     this.updateListViewDS();
                 }
+                this.setScrollTop();
+                if (this.prevSampleName !== this.sampleName || this.currentControl !== this.prevControl) {
+                    this.updateDescription();
+                }
             });
 
         this.router.events
@@ -317,6 +321,8 @@ export class SBController {
                     localStorage.removeItem('pointer');
                 }
                 this.isInitialRender = false;
+                this.prevSampleName = this.sampleName;
+                this.prevControlName = this.currentControl;
             });
     }
 
@@ -558,7 +564,7 @@ export class SBController {
 
     onChangeTheme(e: Event) {
         let target: Element = <HTMLElement>e.target;
-        target = closest(target,'.e-list');
+        target = closest(target, '.e-list');
         let themeName: string = target.id;
         this.switchTheme(themeName);
         this.themePopup.hide();
@@ -747,6 +753,15 @@ export class SBController {
         }
     }
 
+    setScrollTop() {
+        let rightPane: HTMLElement = <HTMLElement>select('.sb-right-pane');
+        if (this.isMobile) {
+            rightPane.scrollTop = 74;
+        } else {
+            rightPane.scrollTop = 0;
+        }
+    }
+
     updateSourceCode(path: string): void {
         let pathArray: string[] = path.split('/');
         pathArray = pathArray.slice(2);
@@ -777,11 +792,11 @@ export class SBController {
                     let content: string = res._body
                     if (/html/g.test(fileName)) {
                         content = this.getStringWithOutDescription(content, /(\'|\")description/g);
-                        content = this.getStringWithOutDescription(content, /(\'|\")action-description/g)
-                        content = content.replace(/&/g, '&amp;')
-                            .replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+                        content = this.getStringWithOutDescription(content, /(\'|\")action-description/g)                        
                     }
                     if (!/-plnkr\.json/g.test(fileName)) {
+                        content = content.replace(/&/g, '&amp;')
+                        .replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
                         items.push({
                             header: { text: fileName },
                             data: content,

src/common/sb.router.ts

@@ -52,7 +52,8 @@ const appRoutes: any = [
     { path: 'multiselect', loadChildren: MultiSelectSampleModule },
     { path: 'contextmenu', loadChildren: MenuModule },
     { path: ':theme/tab/:sample', redirectTo: 'material/tab/default' },
-    { path: '', redirectTo: 'material/chart/line', pathMatch: 'full' }
+    { path: '', redirectTo: 'material/chart/line', pathMatch: 'full' },
+    { path: '**', redirectTo: 'material/chart/line' }
 ];
 
 @NgModule({

styles/index.css

@@ -1136,6 +1136,9 @@ propertye pane
     .control-section {
         min-height: 150px;
     }
+    .e-sb-header-text>.sb-header-text-left {
+        display: none;
+    }
 }
 
 @media (max-width: 764px) {