UNPKG

gapi-cli

Version:

Gapi command line interface

51 lines (44 loc) 2.74 kB
<mat-toolbar color="primary" class="toolbar mat-elevation-z3"> <mat-toolbar-row > <span (click)="navigate('')" class="pointer" style="margin-right:15px;">GAPI</span> <span *ngIf="(responsive.width$ | async) < 600" class="spacer"></span> <span *ngIf="(responsive.width$ | async) < 600"> </span> <button *ngIf="(responsive.width$ | async) < 600" style="right:0px;font-size:17px;;height: 100%;position: absolute;" [matMenuTriggerFor]="menu" color="primary" class="mat-elevation-z0" mat-raised-button>SITE MENU</button> <mat-menu [style.width]="100" #menu="matMenu" xPosition="before"> <button class="hover " (click)="goToUrl('https://github.com/Stradivario/gapi-cli/wiki')" mat-menu-item> DOCUMENTATION </button> <button class="hover " (click)="goToUrl('https://github.com/Stradivario/gapi-cli')" mat-menu-item> GITHUB </button> <button class="hover" (click)="navigate('/angular')" mat-menu-item> ANGULAR </button> <button class="hover " (click)="goToUrl('https://github.com/Stradivario/gapi-cli')" mat-menu-item> GET STARTED </button> </mat-menu> <button (click)="goToUrl('https://github.com/Stradivario/gapi-cli/wiki')" *ngIf="(responsive.width$ | async) > 600" color="primary" class="hover mat-elevation-z0" style="height: 100%;" mat-raised-button> DOCUMENTATION </button> <button (click)="goToUrl('https://github.com/Stradivario/gapi-cli')" *ngIf="(responsive.width$ | async) > 600" color="primary" class="hover mat-elevation-z0" style="height: 100%;" mat-raised-button> GITHUB </button> <button (click)="navigate('/angular')" *ngIf="(responsive.width$ | async) > 600" color="primary" class="hover mat-elevation-z0" style="height: 100%;" mat-raised-button> ANGULAR </button> <span class="spacer"></span> <span class="spacer"></span> <button (click)="goToUrl('https://github.com/Stradivario/gapi-cli')" *ngIf="(responsive.width$ | async) > 600" color="primary" class="hover mat-elevation-z0" style="font-size:17px;;height: 100%;" mat-raised-button> GET STARTED </button> </mat-toolbar-row> </mat-toolbar> <div style="height:60px;"></div> <router-outlet></router-outlet>