source: Farmatiko/ClientApp/src/app/admin/admin.component.html@ c406ae5

Last change on this file since c406ae5 was de18858, checked in by Mile Jankuloski <mile.jankuloski@…>, 4 years ago

Prepared and improved components for data flows

  • Property mode set to 100644
File size: 3.0 KB
RevLine 
[785b8bd]1<header>
2 <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
3 <div class="container">
4 <a class="navbar-brand" [routerLink]="['/']"><img src="../../assets/logo.png"></a>
5 <button class="navbar-toggler"
6 type="button"
7 data-toggle="collapse"
8 data-target=".navbar-collapse"
9 aria-label="Toggle navigation">
10 <span class="navbar-toggler-icon"></span>
11 </button>
12 <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
13 <ul class="navbar-nav flex-grow">
14 <li>Administration panel</li>
15 </ul>
16 </div>
17 </div>
18 </nav>
19</header>
[ef1219a]20<mat-tab-group mat-stretch-tabs>
[785b8bd]21 <mat-tab label="Claiming requests">
22 <div class="wrapper">
23 <div>
24 <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="true">
25 <thead>
26 <tr>
27 <th>Account</th>
28 <th>Pharmacy</th>
29 <th>Action</th>
30 </tr>
31 </thead>
32 <tbody>
[de18858]33 <tr *ngFor="let head of heads">
34 <td>{{head.Name}} | {{head.Email}}</td>
35 <td>{{head.Pharmacy[0].name}}</td>
36 <td><a (click)="Approve()">Approve</a> | <a (click)="Reject()">Reject</a></td>
[785b8bd]37 </tr>
38 </tbody>
39 </table>
40 </div>
[de18858]41 </div>
42 </mat-tab>
[785b8bd]43 <mat-tab label="Manage accounts">
44 <div class="wrapper">
45 <div>
46 <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="true">
47 <thead>
48 <tr>
49 <th>Account</th>
50 <th>Actions</th>
51 </tr>
52 </thead>
53 <tbody>
[de18858]54 <tr *ngFor="let head of heads">
55 <td>{{head.Name}} | {{head.Email}}</td>
56 <td><a (click)="Del(head)">Delete</a> | <a (click)="ChangeDialog(head)">Change</a></td>
[785b8bd]57 </tr>
58 </tbody>
59 </table>
[de18858]60 </div>
[785b8bd]61 </div>
[de18858]62 </mat-tab>
[785b8bd]63 <mat-tab label="Create new account">
64 <div class="createform">
65 <mat-form-field appearance="fill">
66 <mat-label>Name</mat-label>
[de18858]67 <input matInput [(ngModel)]="head.Name">
[785b8bd]68 </mat-form-field><br>
69 <mat-form-field appearance="fill">
70 <mat-label>Email</mat-label>
[de18858]71 <input matInput [(ngModel)]="head.Email">
[785b8bd]72 </mat-form-field><br>
73 <mat-form-field appearance="fill">
74 <mat-label>Password</mat-label>
[de18858]75 <input matInput [(ngModel)]="head.Passwd">
[785b8bd]76 </mat-form-field><br>
[de18858]77 <button onclick="createHead()" mat-raised-button color="primary">Create</button>
78 </div>
79 </mat-tab>
80</mat-tab-group>
81
82<div class="status">{{status}}</div>
Note: See TracBrowser for help on using the repository browser.