ceph/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html

   1 <nav class="navbar navbar-default navbar-main">
   2   <!-- Brand and toggle get grouped for better mobile display -->
   3
   4   <div class="navbar-header tc_logo_component">
   5     <a class="navbar-brand"
   6        href="#">
   7       <img src="assets/Ceph_Logo_Standard_RGB_White_120411_fa.png"
   8            alt="Ceph">
   9     </a>
  10
  11     <button type="button"
  12             class="navbar-toggle collapsed"
  13             (click)="isCollapsed = !isCollapsed">
  14       <span i18n
  15             class="sr-only">Toggle navigation</span>
  16       <span class="icon-bar"></span>
  17       <span class="icon-bar"></span>
  18       <span class="icon-bar"></span>
  19     </button>
  20   </div>
  21
  22   <!-- Collect the nav links, forms, and other content for toggling -->
  23   <div *ngIf="enabledFeature$ | async as enabledFeature"
  24        class="collapse navbar-collapse"
  25        id="bs-example-navbar-collapse-1"
  26        [collapse]="isCollapsed">
  27     <ul class="nav navbar-nav navbar-primary">
  28
  29       <!-- Dashboard -->
  30       <li routerLinkActive="active"
  31           class="tc_menuitem tc_menuitem_dashboard">
  32         <a routerLink="/dashboard">
  33           <i class="fa fa-heartbeat fa-fw"
  34              [ngStyle]="summaryData?.health_status | healthColor"></i>
  35           <span i18n>Dashboard</span>
  36         </a>
  37       </li>
  38
  39       <!-- Cluster -->
  40       <li dropdown
  41           routerLinkActive="active"
  42           class="dropdown tc_menuitem tc_menuitem_cluster"
  43           *ngIf="permissions.hosts.read || permissions.monitor.read || permissions.osd.read || permissions.configOpt.read">
  44         <a dropdownToggle
  45            class="dropdown-toggle"
  46            data-toggle="dropdown">
  47           <ng-container i18n>Cluster</ng-container>
  48           <span class="caret"></span>
  49         </a>
  50         <ul *dropdownMenu
  51             class="dropdown-menu">
  52           <li routerLinkActive="active"
  53               class="tc_submenuitem tc_submenuitem_hosts"
  54               *ngIf="permissions.hosts.read">
  55             <a i18n
  56                class="dropdown-item"
  57                routerLink="/hosts">Hosts</a>
  58           </li>
  59           <li routerLinkActive="active"
  60               class="tc_submenuitem tc_submenuitem_cluster_monitor"
  61               *ngIf="permissions.monitor.read">
  62             <a i18n
  63                class="dropdown-item"
  64                routerLink="/monitor/">Monitors</a>
  65           </li>
  66           <li routerLinkActive="active"
  67               class="tc_submenuitem tc_submenuitem_hosts"
  68               *ngIf="permissions.osd.read">
  69             <a i18n
  70                class="dropdown-item"
  71                routerLink="/osd">OSDs</a>
  72           </li>
  73           <li routerLinkActive="active"
  74               class="tc_submenuitem tc_submenuitem_configuration"
  75               *ngIf="permissions.configOpt.read">
  76             <a i18n
  77                class="dropdown-item"
  78                routerLink="/configuration">Configuration</a>
  79           </li>
  80           <li routerLinkActive="active"
  81               class="tc_submenuitem tc_submenuitem_crush"
  82               *ngIf="permissions.hosts.read && permissions.osd.read">
  83             <a i18n
  84                class="dropdown-item"
  85                routerLink="/crush-map">CRUSH map</a>
  86           </li>
  87           <li routerLinkActive="active"
  88               class="tc_submenuitem tc_submenuitem_modules"
  89               *ngIf="permissions.configOpt.read">
  90             <a i18n
  91                class="dropdown-item"
  92                routerLink="/mgr-modules">Manager modules</a>
  93           </li>
  94           <li routerLinkActive="active"
  95               class="tc_submenuitem tc_submenuitem_log"
  96               *ngIf="permissions.log.read">
  97             <a i18n
  98                class="dropdown-item"
  99                routerLink="/logs">Logs</a>
 100           </li>
 101           <li routerLinkActive="active"
 102               class="tc_submenuitem tc_submenuitem_prometheus"
 103               *ngIf="prometheusConfigured && permissions.prometheus.read">
 104             <a i18n
 105                routerLink="/alerts">Alerts</a>
 106           </li>
 107         </ul>
 108       </li>
 109
 110       <!-- Pools -->
 111       <li routerLinkActive="active"
 112           class="tc_menuitem tc_menuitem_pool"
 113           *ngIf="permissions.pool.read">
 114         <a i18n
 115            routerLink="/pool">Pools</a>
 116       </li>
 117
 118       <!-- Block -->
 119       <li dropdown
 120           routerLinkActive="active"
 121           class="dropdown tc_menuitem tc_menuitem_block"
 122           *ngIf="
 123           (enabledFeature.rbd || enabledFeature.mirroring || enabledFeature.iscsi) &&
 124           (permissions.rbdImage.read || permissions.rbdMirroring.read || permissions.iscsi.read)">
 125         <a dropdownToggle
 126            class="dropdown-toggle"
 127            data-toggle="dropdown"
 128            [ngStyle]="blockHealthColor()">
 129           <ng-container i18n>Block</ng-container>
 130           <span class="caret"></span>
 131         </a>
 132
 133         <ul class="dropdown-menu">
 134           <li routerLinkActive="active"
 135               *ngIf="enabledFeature.rbd && permissions.rbdImage.read">
 136             <a i18n
 137                class="dropdown-item"
 138                routerLink="/block/rbd">Images</a>
 139           </li>
 140
 141           <li routerLinkActive="active"
 142               class="tc_submenuitem tc_submenuitem_block_mirroring"
 143               *ngIf="enabledFeature.mirroring && permissions.rbdMirroring.read">
 144             <a class="dropdown-item"
 145                routerLink="/block/mirroring">
 146               <ng-container i18n>Mirroring</ng-container>
 147               <small *ngIf="summaryData?.rbd_mirroring?.warnings !== 0"
 148                      class="label label-warning">{{ summaryData?.rbd_mirroring?.warnings }}</small>
 149               <small *ngIf="summaryData?.rbd_mirroring?.errors !== 0"
 150                      class="label label-danger">{{ summaryData?.rbd_mirroring?.errors }}</small>
 151             </a>
 152           </li>
 153
 154           <li routerLinkActive="active"
 155               *ngIf="enabledFeature.iscsi && permissions.iscsi.read">
 156             <a i18n
 157                class="dropdown-item"
 158                routerLink="/block/iscsi">iSCSI</a>
 159           </li>
 160         </ul>
 161       </li>
 162
 163       <!-- NFS -->
 164       <li routerLinkActive="active"
 165           class="tc_menuitem tc_menuitem_nfs"
 166           *ngIf="permissions?.nfs?.read">
 167         <a i18n
 168            routerLink="/nfs">NFS</a>
 169       </li>
 170
 171       <!-- Filesystem -->
 172       <li routerLinkActive="active"
 173           class="tc_menuitem tc_menuitem_cephs"
 174           *ngIf="enabledFeature.cephfs && permissions.cephfs.read">
 175         <a i18n
 176            routerLink="/cephfs">Filesystems</a>
 177       </li>
 178
 179       <!-- Object Gateway -->
 180       <li dropdown
 181           routerLinkActive="active"
 182           class="dropdown tc_menuitem tc_menuitem_rgw"
 183           *ngIf="enabledFeature.rgw && permissions.rgw.read">
 184         <a dropdownToggle
 185            class="dropdown-toggle"
 186            data-toggle="dropdown">
 187           <ng-container i18n>Object Gateway</ng-container>
 188           <span class="caret"></span>
 189         </a>
 190         <ul *dropdownMenu
 191             class="dropdown-menu">
 192           <li routerLinkActive="active"
 193               class="tc_submenuitem tc_submenuitem_rgw_daemons">
 194             <a i18n
 195                class="dropdown-item"
 196                routerLink="/rgw/daemon">Daemons</a>
 197           </li>
 198           <li routerLinkActive="active"
 199               class="tc_submenuitem tc_submenuitem_rgw_users">
 200             <a i18n
 201                class="dropdown-item"
 202                routerLink="/rgw/user">Users</a>
 203           </li>
 204           <li routerLinkActive="active"
 205               class="tc_submenuitem tc_submenuitem_rgw_buckets">
 206             <a i18n
 207                class="dropdown-item"
 208                routerLink="/rgw/bucket">Buckets</a>
 209           </li>
 210         </ul>
 211       </li>
 212     </ul>
 213     <!-- /.navbar-primary -->
 214
 215     <ul class="nav navbar-nav navbar-utility">
 216       <li>
 217         <cd-language-selector class="oa-navbar"></cd-language-selector>
 218       </li>
 219       <li>
 220         <cd-task-manager class="oa-navbar"></cd-task-manager>
 221       </li>
 222       <li>
 223         <cd-notifications class="oa-navbar"></cd-notifications>
 224       </li>
 225       <li>
 226         <cd-dashboard-help class="oa-navbar"></cd-dashboard-help>
 227       </li>
 228       <li>
 229         <cd-administration class="oa-navbar"></cd-administration>
 230       </li>
 231       <li>
 232         <cd-identity class="oa-navbar"></cd-identity>
 233       </li>
 234     </ul>
 235     <!-- /.navbar-utility -->
 236   </div>
 237   <!-- /.navbar-collapse -->
 238 </nav>