app.component.html 2.85 KB

<!-- navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#"><img src="assets/img/logo-main.png" class="img-responsive" alt=""></a>
      <div class="">
        <div class="btn-group pull-right">
          <ul class="nav navbar-nav navbar-right visible-sm visible-md">
            <li class="marginR5" data-toggle="tooltip" data-placement="top" title="Logout"><a href="login.html"><i class="fa fa-power-off"></i></a></li>
          </ul>
        </div>
        <div class="btn-group pull-right mar-top17 visible-sm visible-md">
          <button type="button" class="btn btn-primary dropdown-toggle " data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            {{global.DisplayName}}  <!--<span class="caret"></span>-->
          </button>
        </div>
      </div>
      <button type="button" class="navbar-toggle collapsed mar-top17" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav toperMenu-spaceleft" *ngIf="objMenu">
        <li *ngFor="let item of objMenu" class="dropdown">
          <a href="#"  *ngIf="item.HeaderMenuStatus=='True'" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{item.HeaderMenuName}}<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li *ngFor="let item1 of item.SubMenu">
              <a *ngIf="item1.SubMenuStatus=='True'" [routerLink]="item1.SubMenuUrl" [id]="item1.SubMenuId">{{item1.SubMenuName}}</a>
            </li>
          </ul>
        </li>
        <li><a href="/" (click)="Product()">Product</a></li>
      </ul>
      <!--logout-->
      <div class="wel-brog">
        <div class="btn-group pull-right mob1">
          <ul class="nav navbar-nav navbar-right hidden-sm">
            <li class="marginR5" data-toggle="tooltip" data-placement="top" title="Logout"><a (click)="logout()"><i class="fa fa-power-off" style="cursor:pointer"></i></a></li>
          </ul>
        </div>
        <div class="btn-group pull-right hidden-sm mar-top17 mob2">
          <button id="btndisplayname" type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            {{global.DisplayName}}
          </button>
        </div>
      </div>
      <!--logout-->
    </div>
  </div>
</nav>

<!-- navigation -->
<div class="clearfix"></div>
<div class="row">
  <router-outlet  (activate)="changeOfRoutes()">
    <modal-confirm></modal-confirm>
  </router-outlet>
</div>