Project

General

Profile

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>
(1-1/4)