Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<div class="contenedor-padre">
<mat-toolbar class="barra" color="warn">
<mat-toolbar-row>
<button (click)="cajon.toggle()" mat-icon-button>
<mat-icon>menu</mat-icon>
</button>
<span>
Mi tienda&nbsp;|&nbsp;By parzibyte
</span>
<span class="example-fill-remaining-space"></span>
<button mat-raised-button [matMenuTriggerFor]="menu">
<span style="margin-right: 10px" [matBadge]="productos.length+''" matBadgeOverlap="false"
matBadgePosition="below after">Carrito de compras</span>
</button>
<mat-menu #menu="matMenu">
<button mat-menu-item *ngFor="let p of productos;">{{p.nombre}} {{p.precio | currency}}</button>
<button mat-menu-item>
<strong>Total: {{total() | currency}}</strong>
</button>
<a *ngIf="productos.length > 0" mat-menu-item routerLink="/terminar_compra">
<mat-icon>shopping_cart</mat-icon>
Terminar compra</a>
</mat-menu>
<a style="margin-left: 10px" mat-raised-button color="primary"
href="https://parzibyte.me/blog/contrataciones-ayuda/" target="_blank">
Ayuda y soporte
</a>
</mat-toolbar-row>
</mat-toolbar>
<mat-sidenav-container class="contenido">
<mat-sidenav style="min-width: 300px;" #cajon opened mode="side">
<mat-nav-list>
<p style="margin-left: 4px;">Administrador</p>
<a mat-list-item routerLink="/productos">
<mat-icon color="primary">list_alt</mat-icon>
Productos
</a>
<a mat-list-item routerLink="/ventas">
<mat-icon color="primary">local_shipping</mat-icon>
Ventas
</a>
<mat-divider></mat-divider>
<p style="margin-left: 4px;">Cliente</p>
<a mat-list-item routerLink="/tienda">
<mat-icon color="primary">store</mat-icon>
Ver tienda
</a>
<mat-divider></mat-divider>
<a mat-list-item href="https://parzibyte.me/blog/" target="_blank">
Creado por Parzibyte
</a>
</mat-nav-list>
</mat-sidenav>
<mat-sidenav-content class="padding-10">
<router-outlet></router-outlet>
</mat-sidenav-content>
</mat-sidenav-container>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment