git-server-git.apps.pok.os.sepia.ceph.com Git - ceph-ci.git/blob

   1 @if (title) {
   2 <header class="sidebar-header">
   3   <h2 class="cds--type-heading-05">{{ title }}</h2>
   4 </header>
   5 }
   6 <div class="sidebar-layout-container">
   7   <div class="sidebar-layout-shell">
   8     <cds-sidenav
   9       [expanded]="true"
  10       class="sidebar-layout-nav">
  11       @for (item of items; track item.label) {
  12       <cds-sidenav-item
  13         [route]="item.route"
  14         [useRouter]="true"
  15         [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }">
  16         <span class="cds--type-heading-compact-01">{{ item.label }}</span>
  17       </cds-sidenav-item>
  18       }
  19     </cds-sidenav>
  20
  21     <main class="sidebar-layout-main">
  22       <router-outlet></router-outlet>
  23     </main>
  24   </div>
  25 </div>