2 <div *ngIf="prod != null" style="margin-left:0.5cm;">
4 <div><label>Id: </label>{{prod.id}}</div>
5 <div><label>Name: </label>{{prod.name}}</div>
6 <div><label>Price: </label>{{prod.price}}</div>
7 <div><label>Category: </label>{{prod.category}}</div>
10 <div class="mdl-card mdl-shadow--2dp admin_edit">
11 <div class="mdl-card__title">
14 <div class="mdl-card__actions mdl-card--border">
15 <div style=float:left;>
16 <div class="mdl-textfield mdl-js-textfield
17 mdl-textfield--floating-label ain">
18 <input class="mdl-textfield__input" type="text" id="pn"
19 [(ngModel)]="prod_name">
20 <label class="mdl-textfield__label" for="pn">Name</label>
22 <div class="mdl-textfield mdl-js-textfield
23 mdl-textfield--floating-label ain">
24 <input class="mdl-textfield__input" type="text" id="pp"
25 [(ngModel)]="prod_price">
26 <label class="mdl-textfield__label" for="pp">
32 Product category<br><br>
33 <select [(ngModel)]="prod_category" required>
34 <option *ngFor="let prodcat of prodcats"
40 <div style=clear:left;>
41 <button class="mdl-button mdl-js-button mdl-button--raised abtn"
42 (click)="updateProduct()">
45 <button class="mdl-button mdl-js-button mdl-button--raised abtn"
46 (click)="deleteProduct(prod)">