VLEX/BPM-UI/src/app/Shared/homelayout/homelayout.component.html

<div class="page-wrapper">
    <div class="page-inner">
       <aside class="page-sidebar" *ngIf="menuLength > 0">
          <div class="page-logo">
                 <a href="#/dashboard" class="page-logo-link press-scale-down d-flex align-items-center position-relative" onclick="$('#sidebar-menu .side-menu li.active, #sidebar-menu .side-menu li.active-sm').removeClass('active active-sm').find('ul').slideUp();">
                  <img src="assets/img/lumina_logo.png" alt="" aria-roledescription="logo">
                  <span class="page-logo-text mr-1">LAPS 2.0</span>
              </a>
            </div>
          <nav id="js-primary-nav" class="primary-nav" role="navigation">
              
              <app-nav-menu style="width: 100%;"></app-nav-menu>
          </nav>
       </aside>
       <div class="page-content-wrapper">
          <header class="page-header" role="banner">
         <!--    <div class="hidden-md-down dropdown-icon-menu position-relative">
                <a href="javascript:;" class="header-btn btn js-waves-off" data-action="toggle" data-class="nav-function-hidden" title="Hide Navigation">
                <i class="ni ni-menu"></i>
                </a>
                <ul>
                   <li>
                      <a href="javascript:;" class="btn js-waves-off" data-action="toggle" data-class="nav-function-minify" title="Minify Navigation">
                      <i class="ni ni-minify-nav"></i>
                      </a>
                   </li>
                  <li>
                      <a href="javascript:;" class="btn js-waves-off" data-action="toggle" data-class="nav-function-fixed" title="Lock Navigation">
                      <i class="ni ni-lock-nav"></i>
                      </a>
                   </li> 
                </ul>
             </div>
             <div class="hidden-lg-up">
                <a href="javascript:;" class="header-btn btn press-scale-down" data-action="toggle" data-class="mobile-nav-on">
                <i class="ni ni-menu"></i>
                </a>
             </div> -->
             <div class="search">

             </div>
                <app-topbar [menuLength]="menuLength"></app-topbar>
          </header>
          <main id="js-page-content" role="main" class="page-content">
              <div class="right_col" 
              [ngClass]="menuLength > 0 ? 'right_col': 'right_col12'" role="main" onclick="$('body.nav-sm #sidebar-menu .side-menu li.active, body.nav-sm #sidebar-menu .side-menu li.active-sm').find('ul').hide();">
              <div class="content_container">
                 <router-outlet></router-outlet>
              </div>
           </div>
            </main>
          <footer class="page-footer" role="contentinfo">
              <div class="d-flex align-items-center flex-1 text-muted">
                <span class="hidden-md-down fw-300">{{curyr}} &copy; Powered by&nbsp;<a href="https://luminadatamatics.com" class="text-primary fw-400" title="Walapa" target="_blank">Lumina Datamatics Ltd.</a></span>
              </div>
              <div>
                  <ul class="list-table m-0">
                      <li><a (click)="changeLog(releasenotestemplate)" href="javascript:;" class="text-secondary fw-400">    
                        <span>Version {{releaseversions}}</span>
                      </a></li>
                     
                    </ul>
                </div>
              <div>
              </div>
            </footer>
       </div>

    </div>
 </div>

 <div class="row">
    <ng-template #releasenotestemplate>
      <div class="modal-content" id="mainNgCnt" ngDraggable style="max-height:500px;"   > <!--[handle]="dragHandle"-->
        <div class="modal-header" style="cursor:move;"  #dragHandle>
          <h4 class="modal-title pull-left">KLI</h4>
          <button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide();">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body" style="max-height:400px;overflow:auto;">
          <div [innerHTML]="releasenoteContent"></div>
        </div>
      </div>
    </ng-template>
  </div>