pages/help/help.component.html

0001 <app-shell [isLeftPaneVisible]="true">
0002   <!-- Shell header content -->
0003   <ng-container header>
0004     <!-- Example button in the top bar -->
0005     <button mat-icon-button (click)="onDebugClick()">
0006       <mat-icon>bug_report</mat-icon>
0007     </button>
0008   </ng-container>
0009
0010   <!-- Left pane with a list of doc pages -->
0011   <div leftPane>
0012     <mat-card style="padding: 10px"><mat-card-title>Documentation</mat-card-title></mat-card>
0013     <mat-nav-list>
0014       <a *ngFor="let page of docPages" (click)="selectPage(page)" mat-list-item>
0015         - {{ page.title }}
0016       </a>
0017     </mat-nav-list>
0018   </div>
0019
0020   <!-- Central pane shows markdown -->
0021   <div centralPane>
0022     <div class="documentation-content">
0023       <markdown [src]="docUrl"></markdown>
0024     </div>
0025   </div>
0026
0027   <!-- (Optional) rightPane or footer, as needed -->
0028 </app-shell>