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">
35 <select [(ngModel)]="prod_category" required>
36 <option *ngFor="let prodcat of prodcats"
42 <div style=clear:left;>
43 <button class="mdl-button mdl-js-button mdl-button--raised abtn"
44 (click)="updateProduct()">
47 <button class="mdl-button mdl-js-button mdl-button--raised abtn"
48 (click)="deleteProduct(prod)">