1
|
<form [formGroup]="invoiceForm" >
|
2
|
<div class="p-jc-center" style="display: flex; justify-content: center; align-items: center;">
|
3
|
<div>
|
4
|
<div class="p-field p-grid">
|
5
|
<div class="p-col-fixed" style="width:200px; text-align:right">
|
6
|
<label for="invoiceNumber">Invoice Number:</label>
|
7
|
</div>
|
8
|
<div class="p-col">
|
9
|
<input id="invoiceNumber" formControlName="invoiceNumber" pInputText>
|
10
|
</div>
|
11
|
</div>
|
12
|
<div class="p-field p-grid">
|
13
|
<div class="p-col-fixed" style="width:200px; text-align:right">
|
14
|
<label for="invoiceType">Invoice Type:</label>
|
15
|
</div>
|
16
|
<div class="p-col">
|
17
|
<input id="invoiceType" formControlName="invoiceType" pInputText>
|
18
|
</div>
|
19
|
</div>
|
20
|
<div class="p-field p-grid">
|
21
|
<div class="p-col-fixed" style="width:200px; text-align:right">
|
22
|
<label for="invoiceIssueDate">Invoice Issue Date:</label>
|
23
|
</div>
|
24
|
<div class="p-col">
|
25
|
<input id="invoiceIssueDate" formControlName="invoiceIssueDate" pInputText>
|
26
|
</div>
|
27
|
</div>
|
28
|
<div class="p-field p-grid">
|
29
|
<div class="p-col-fixed" style="width:200px; text-align:right">
|
30
|
<label for="customerName">Client Name:</label>
|
31
|
</div>
|
32
|
<div class="p-col">
|
33
|
<input id="customerName" formControlName="customerName" pInputText>
|
34
|
</div>
|
35
|
</div>
|
36
|
<div class="p-field p-grid">
|
37
|
<div class="p-col-fixed" style="width:200px; text-align:right">
|
38
|
<label for="supplierName">Supplier Name:</label>
|
39
|
</div>
|
40
|
<div class="p-col">
|
41
|
<input id="supplierName" formControlName="supplierName" pInputText>
|
42
|
</div>
|
43
|
</div>
|
44
|
<div class="p-field p-grid">
|
45
|
<div class="p-col-fixed" style="width:200px; text-align:right">
|
46
|
<label for="totalPriceBeforeVat">Total_Price:</label>
|
47
|
</div>
|
48
|
<div class="p-col">
|
49
|
<input id="totalPriceBeforeVat" formControlName="totalPriceBeforeVat" pInputText>
|
50
|
</div>
|
51
|
</div>
|
52
|
<div class="p-field p-grid">
|
53
|
<div class="p-col-fixed" style="width:200px; text-align:right">
|
54
|
<label for="vatRate">VAT_Rate:</label>
|
55
|
</div>
|
56
|
<div class="p-col">
|
57
|
<input id="vatRate" formControlName="vatRate" pInputText>
|
58
|
</div>
|
59
|
</div>
|
60
|
<div class="p-field p-grid">
|
61
|
<div class="p-col-fixed" style="width:200px; text-align:right">
|
62
|
<label for="totalAmount">Total_Amount:</label>
|
63
|
</div>
|
64
|
<div class="p-col">
|
65
|
<input id="totalAmount" formControlName="totalAmount" pInputText>
|
66
|
</div>
|
67
|
</div>
|
68
|
</div>
|
69
|
</div>
|
70
|
<div class=" p-formgroup-inline p-grid p-jc-center">
|
71
|
<button pButton
|
72
|
pRipple
|
73
|
type="button"
|
74
|
label="Back"
|
75
|
class="p-button-primary"
|
76
|
(click)="this.ref.close()">
|
77
|
</button>
|
78
|
</div>
|
79
|
</form>
|