<div class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
  <div class="container">
    <a routerLink="" class="navbar-brand">{{ config.getGlobalVar("title") }}</a>
    <button
      class="navbar-toggler"
      type="button"
      data-toggle="collapse"
      data-target="#navbarResponsive"
      aria-controls="navbarResponsive"
      aria-expanded="false"
      aria-label="Toggle navigation"
    >
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a
            class="nav-link"
            [routerLinkActiveOptions]="{ exact: true }"
            routerLinkActive="active"
            routerLink="/users"
            >Users</a
          >
        </li>
       
        <li
          class="nav-item"
          *ngIf="(configs$ | async).general.features.enable_wiki_glossary"
        >
          <a
            class="nav-link"
            [routerLinkActiveOptions]="{ exact: true }"
            routerLinkActive="active"
            routerLink="/wiki"
            >Wiki</a
          > <!-- {{ "_MENU._WIKI" | translate: param }} -->
        </li>
        <li class="nav-item dropdown">
          <a
            class="nav-link dropdown-toggle"
            data-toggle="dropdown"
            href="#"
            id="settings"
            >Settings
            <span class="caret"></span
          ></a>
          <div class="dropdown-menu" aria-labelledby="settings">
            <a
              class="dropdown-item"
              [routerLinkActiveOptions]="{ exact: true }"
              routerLinkActive="active"
              routerLink="/settings/categories"
              >Categories</a
            >
           
            <a
              class="dropdown-item"
              [routerLinkActiveOptions]="{ exact: true }"
              routerLinkActive="active"
              routerLink="/settings/tags"
              >Tags</a
            >
            <div class="dropdown-divider"></div>
            <a
              class="dropdown-item"
              [routerLinkActiveOptions]="{ exact: true }"
              routerLinkActive="active"
              routerLink="/settings/configurations"
              >Configurations</a
            >
           
            <div class="dropdown-divider"></div>
            <a
              class="dropdown-item"
              [routerLinkActiveOptions]="{ exact: true }"
              routerLinkActive="active"
              routerLink="/settings/advertisements"
              >Advertisement</a
            >
            <a
              class="dropdown-item"
              [routerLinkActiveOptions]="{ exact: true }"
              routerLinkActive="active"
              routerLink="/settings/blockip"
              >Block IP</a
            >
            <a
              class="dropdown-item"
              [routerLinkActiveOptions]="{ exact: true }"
              routerLinkActive="active"
              routerLink="/settings/dictionary"
              >Dictionary</a
            >
            <a
              class="dropdown-item"
              [routerLinkActiveOptions]="{ exact: true }"
              routerLinkActive="active"
              routerLink="/settings/language"
              >Language</a
            >
            <a
              class="dropdown-item"
              [routerLinkActiveOptions]="{ exact: true }"
              routerLinkActive="active"
              routerLink="/settings/log"
              >Log</a
            >
            <a
              class="dropdown-item"
              [routerLinkActiveOptions]="{ exact: true }"
              routerLinkActive="active"
              routerLink="/settings/mailtemplates"
              >Mail Templates</a
            >
            <a
              class="dropdown-item"
              [routerLinkActiveOptions]="{ exact: true }"
              routerLinkActive="active"
              routerLink="/settings/roles"
              >Roles</a
            >
            
          </div>
        </li>
      </ul>
      <ul class="nav navbar-nav ml-auto">
        <!--<partial name="_Language" />-->
        <li class="nav-item dropdown">
          <a
            class="nav-link dropdown-toggle"
            data-toggle="dropdown"
            href="#"
            id="download"
            >Account <span class="caret"></span
          ></a>
          <div class="dropdown-menu">
            <a
              class="dropdown-item"
              [routerLinkActiveOptions]="{ exact: true }"
              routerLinkActive="active"
              routerLink="/users/profile/{{ (auth$ | async).User.id }}"
              >My Profile</a
            >
            <div class="dropdown-divider"></div>
            <a
              class="dropdown-item"
              href="/signout"
            >
              Sign Out</a
            >
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
