src/angular/modules/github/layout/cory-layout.html

<cory-mat-loading></cory-mat-loading>

<mat-sidenav-container class="cory-layout-sidenav-container" [style.z-index]="menuSidenav.opened ? 2 : 1">
    <mat-sidenav #menuSidenav position="end" class="cory-layout-sindenav" style="min-width: 300px; ">
        <button disabled mat-menu-item>
            {{ i18n.title.packages }}
        </button>

<mat-form-field style="width: 100%;">
                <input matInput #searchText (keyup)="search(searchText.value)" placeholder="{{ i18n.title.search }}"/>
                <mat-icon *ngIf="searchText.value.trim() != ''" style="cursor: pointer;" matSuffix
                          (click)="searchText.value = ''; search('')" color="primary">clear
                </mat-icon>
            </mat-form-field>

<span *ngIf="reposSearch?.length === 0" style="opacity: 0.5;">
                {{ i18n.title.searchNotFound }}
            </span>

</form>

<button mat-menu-item
                *ngFor="let repo of reposSearch"
                (click)="navigate('github/' + repo + '/index.html' ); menuRepoActive = repo; menuMenuActive = undefined; packageMenuClose()"
                [class.cory-mat-menu-item-active]="menuRepoActive == repo" [matTooltip]="extractTitleWithStars(packages[repo])"
                matTooltipPosition="above"
        >
            <span *ngIf="packages[repo]">
                <span id="cory-pages-layout-menu-main-icon">
                    <i *ngIf="packages[repo]" [class]="packages[repo].corifeus.icon||'fas fa-bolt' "></i>
                </span>
                <span class="cory-pages-layout-menu-main-title" >
                    {{ extractTitle(packages[repo]) }}
                    <span *ngIf="packages[repo].corifeus.stargazers_count > 0"
                          style="opacity: 0.25; position: relative; top: -10px; right: 3px; font-size: 10px;">
                        <i class="fas fa-star"></i>&nbsp;{{ extractStars(packages[repo].corifeus.stargazers_count) }}
                    </span>
                </span>

<div style="float: right; margin-left: 5px; opacity: 0.25;">
                    {{ packages[repo].corifeus.code }}
                </div>
            </span>
        </button>

</mat-sidenav>

<div class="cory-mat-container">
        <mat-card>
            
            <mat-card-content style="position: relative;" *ngIf="packageJson !== undefined">
                <cory-web-pages-build-status style="float: left;" [cory-pkg]="packageJson"
                                             *ngIf="showTitle"></cory-web-pages-build-status>
                <div style="float: right; font-weight: bold; font-size: 125%;">
                    <span *ngIf="showTitle">v{{ packageJson.version }}</span>
                    <div *ngIf="packageJson.corifeus.stargazers_count > 0" style="text-align: right;">
                        <i class="fas fa-star"></i>&nbsp;<span [matTooltip]="i18n.title.githubStars"
                                                               matTooltipPosition="below">{{
                        extractStars(packageJson.corifeus.stargazers_count) }}
                    </span>
                    </div>

</div>

<h2>Built on Angular v{{packageJson.corifeus.angular}}</h2>

</div>

</a>
                        <br/>
                    </div>
                </span>

<router-outlet>
                </router-outlet>
            </mat-card-content>
        </mat-card>
    </div>
</mat-sidenav-container>

<cory-layout-header></cory-layout-header>
<cory-layout-footer></cory-layout-footer>

<div *ngIf="menuSidenav.opened" id="cory-pages-layout-menu-main-close" style="">
    <button mat-icon-button color="primary" (click)="packageMenuClose()">
        <mat-icon>close</mat-icon>
    </button>
</div>

`/`	Focus search
`?`	Show this help
`Esc`	Unfocus input