@tomei/finance 0.17.0 → 0.18.2-dev.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.commitlintrc.json +23 -23
- package/CHANGELOG.md +17 -0
- package/LICENSE +21 -21
- package/MIGRATION.md +43 -0
- package/configs/config.js +348 -348
- package/dist/document/document.d.ts +3 -0
- package/dist/document/document.d.ts.map +1 -1
- package/dist/document/document.js +5 -0
- package/dist/document/document.js.map +1 -1
- package/dist/document/interfaces/document-attr.interface.d.ts +3 -1
- package/dist/document/interfaces/document-attr.interface.d.ts.map +1 -1
- package/dist/document/interfaces/document-attr.interface.js.map +1 -1
- package/dist/enum/index.d.ts +2 -1
- package/dist/enum/index.d.ts.map +1 -1
- package/dist/enum/index.js +3 -1
- package/dist/enum/index.js.map +1 -1
- package/dist/enum/posting-status.enum.d.ts +7 -0
- package/dist/enum/posting-status.enum.d.ts.map +1 -0
- package/dist/enum/posting-status.enum.js +11 -0
- package/dist/enum/posting-status.enum.js.map +1 -0
- package/dist/finance-company/finance-company.d.ts +7 -3
- package/dist/finance-company/finance-company.d.ts.map +1 -1
- package/dist/finance-company/finance-company.js +48 -16
- package/dist/finance-company/finance-company.js.map +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -1
- package/dist/index.js.map +1 -1
- package/dist/models/document.entity.d.ts +3 -0
- package/dist/models/document.entity.d.ts.map +1 -1
- package/dist/models/document.entity.js +20 -0
- package/dist/models/document.entity.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/invoice-template/assets/css/style.css.map +12 -12
- package/invoice-template/assets/css/style.min.css +1 -1
- package/invoice-template/assets/img/arrow_bg.svg +11 -11
- package/invoice-template/assets/img/coffy_shop_img.svg +18 -18
- package/invoice-template/assets/img/logo_accent.svg +3 -3
- package/invoice-template/assets/img/logo_white.svg +4 -4
- package/invoice-template/assets/img/sign.svg +12 -12
- package/invoice-template/assets/img/tomei-logo.svg +9 -9
- package/invoice-template/assets/js/html2canvas.min.js +10379 -10379
- package/invoice-template/assets/js/jquery.min.js +1 -1
- package/invoice-template/assets/sass/common/_color_variable.scss +12 -12
- package/invoice-template/assets/sass/common/_typography.scss +178 -178
- package/invoice-template/assets/sass/style.scss +12 -12
- package/migrations/add-discount-collumn-to-document-related-table.js +90 -90
- package/migrations/finance-account-migration.js +97 -97
- package/migrations/finance-company-migration.js +29 -29
- package/migrations/finance-customer-migration.js +51 -51
- package/migrations/finance-document-item-migration.js +111 -111
- package/migrations/finance-document-migration.js +122 -122
- package/migrations/finance-document-tag-migration.js +46 -46
- package/migrations/finance-journal-entry-migration.js +59 -59
- package/migrations/finance-ledger-transaction-migration.js +89 -89
- package/migrations/finance-payment-item-migration.js +52 -52
- package/migrations/finance-payment-method-migration.js +31 -31
- package/migrations/finance-payment-method-type-migration.js +55 -55
- package/migrations/finance-payment-migration.js +96 -96
- package/migrations/finance-post-history-migration.js +45 -45
- package/migrations/finance-tag-group-migration.js +53 -53
- package/migrations/finance-tag-migration.js +63 -63
- package/migrations/finance-tax-migration.js +52 -52
- package/migrations/refactor-finance-document-migration.js +71 -71
- package/migrations/update-document-item.migration.js +87 -87
- package/package.json +81 -79
- package/receipt-template/default/assets/css/style.css +2629 -2629
- package/receipt-template/default/assets/css/style.css.map +12 -12
- package/receipt-template/default/assets/css/style.min.css +1 -1
- package/receipt-template/default/assets/img/arrow_bg.svg +11 -11
- package/receipt-template/default/assets/img/coffy_shop_img.svg +18 -18
- package/receipt-template/default/assets/img/logo.svg +4 -4
- package/receipt-template/default/assets/img/logo_accent.svg +3 -3
- package/receipt-template/default/assets/img/logo_white.svg +4 -4
- package/receipt-template/default/assets/img/sign.svg +12 -12
- package/receipt-template/default/assets/img/tomei-logo.svg +9 -9
- package/receipt-template/default/assets/js/html2canvas.min.js +10379 -10379
- package/receipt-template/default/assets/js/jquery.min.js +1 -1
- package/receipt-template/default/assets/js/main.js +48 -48
- package/receipt-template/default/assets/sass/common/_color_variable.scss +12 -12
- package/receipt-template/default/assets/sass/common/_invoice.scss +1801 -1801
- package/receipt-template/default/assets/sass/common/_normalize.scss +350 -350
- package/receipt-template/default/assets/sass/common/_typography.scss +178 -178
- package/receipt-template/default/assets/sass/style.scss +12 -12
- package/receipt-template/default/index.html +291 -291
- package/scripts/postinstall.js +300 -300
- package/dist/enum/quick-book-client-scopes.enum.d.ts +0 -13
- package/dist/enum/quick-book-client-scopes.enum.js +0 -19
- package/dist/enum/quick-book-client-scopes.enum.js.map +0 -1
|
@@ -1,291 +1,291 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html class="no-js" lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<!-- Meta Tags -->
|
|
5
|
-
<meta charset="utf-8" />
|
|
6
|
-
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
7
|
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
8
|
-
<meta name="author" content="Laralink" />
|
|
9
|
-
<!-- Site Title -->
|
|
10
|
-
<title>General Purpose Invoice</title>
|
|
11
|
-
<link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
|
|
12
|
-
</head>
|
|
13
|
-
|
|
14
|
-
<body>
|
|
15
|
-
<div class="tm_container">
|
|
16
|
-
<div class="tm_invoice_wrap">
|
|
17
|
-
<div class="tm_invoice tm_style1" id="tm_download_section">
|
|
18
|
-
<div class="tm_invoice_in">
|
|
19
|
-
<div class="tm_invoice_head tm_align_center tm_mb20">
|
|
20
|
-
<div class="tm_invoice_left" style="width: max-content;">
|
|
21
|
-
<div class="tm_logo">
|
|
22
|
-
<img src="./assets/img/logo.svg" alt="Logo" />
|
|
23
|
-
</div>
|
|
24
|
-
<div>
|
|
25
|
-
<p class="tm_m0" style="font-size: small;">
|
|
26
|
-
<b class="tm_primary_color">TXG Financial Solutions Sdn Bhd</b> (200201019252)(586915-X)
|
|
27
|
-
</p>
|
|
28
|
-
<p class="tm_m0" style="font-size: smaller;">
|
|
29
|
-
4-3, Jalan 2/131A, Project Jaya Industrial Estate, Batu 6, Jalan Kelang Lama, 58200 Kuala Lumpur, Malaysia.
|
|
30
|
-
</p>
|
|
31
|
-
</div>
|
|
32
|
-
</div>
|
|
33
|
-
<div class="tm_invoice_right tm_text_right tm_invoice_title" style="width: 30%;">
|
|
34
|
-
<div class="tm_primary_color tm_f50 tm_text_uppercase">
|
|
35
|
-
Invoice
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
39
|
-
<div class="tm_invoice_info tm_mb20">
|
|
40
|
-
<div class="tm_invoice_seperator tm_gray_bg"></div>
|
|
41
|
-
<div class="tm_invoice_info_list">
|
|
42
|
-
<p class="tm_invoice_number tm_m0">
|
|
43
|
-
Invoice No: <b class="tm_primary_color">#LL93784</b>
|
|
44
|
-
</p>
|
|
45
|
-
<p class="tm_invoice_date tm_m0">
|
|
46
|
-
Date: <b class="tm_primary_color">01.07.2022</b>
|
|
47
|
-
</p>
|
|
48
|
-
</div>
|
|
49
|
-
</div>
|
|
50
|
-
<div class="tm_invoice_head tm_mb10">
|
|
51
|
-
<div class="tm_invoice_left tm_customer_detail">
|
|
52
|
-
<p class="tm_mb2">
|
|
53
|
-
<b class="tm_primary_color">Invoice To:</b>
|
|
54
|
-
</p>
|
|
55
|
-
<p>
|
|
56
|
-
Lowell H. Dominguez <br />
|
|
57
|
-
84 Spilman Street, London <br />United Kingdom <br />
|
|
58
|
-
lowell@gmail.com
|
|
59
|
-
</p>
|
|
60
|
-
</div>
|
|
61
|
-
<div class="tm_invoice_right tm_text_right tm_payto_detail">
|
|
62
|
-
<p class="tm_mb2"><b class="tm_primary_color">Pay To:</b></p>
|
|
63
|
-
<p>
|
|
64
|
-
Laralink Ltd <br />
|
|
65
|
-
86-90 Paul Street, London<br />
|
|
66
|
-
England EC2A 4NE <br />
|
|
67
|
-
demo@gmail.com
|
|
68
|
-
</p>
|
|
69
|
-
</div>
|
|
70
|
-
</div>
|
|
71
|
-
<div class="tm_table tm_style1 tm_mb30">
|
|
72
|
-
<div class="tm_round_border">
|
|
73
|
-
<div class="tm_table_responsive">
|
|
74
|
-
<table>
|
|
75
|
-
<thead>
|
|
76
|
-
<tr>
|
|
77
|
-
<th
|
|
78
|
-
class="tm_width_3 tm_semi_bold tm_primary_color tm_gray_bg"
|
|
79
|
-
>
|
|
80
|
-
Item
|
|
81
|
-
</th>
|
|
82
|
-
<th
|
|
83
|
-
class="tm_width_4 tm_semi_bold tm_primary_color tm_gray_bg"
|
|
84
|
-
>
|
|
85
|
-
Description
|
|
86
|
-
</th>
|
|
87
|
-
<th
|
|
88
|
-
class="tm_width_2 tm_semi_bold tm_primary_color tm_gray_bg"
|
|
89
|
-
>
|
|
90
|
-
Price
|
|
91
|
-
</th>
|
|
92
|
-
<th
|
|
93
|
-
class="tm_width_1 tm_semi_bold tm_primary_color tm_gray_bg"
|
|
94
|
-
>
|
|
95
|
-
Qty
|
|
96
|
-
</th>
|
|
97
|
-
<th
|
|
98
|
-
class="tm_width_2 tm_semi_bold tm_primary_color tm_gray_bg tm_text_right"
|
|
99
|
-
>
|
|
100
|
-
Total
|
|
101
|
-
</th>
|
|
102
|
-
</tr>
|
|
103
|
-
</thead>
|
|
104
|
-
<tbody class="tm_items_content">
|
|
105
|
-
<tr>
|
|
106
|
-
<td class="tm_width_3">1. Website Design</td>
|
|
107
|
-
<td class="tm_width_4">
|
|
108
|
-
Six web page designs and three times revision
|
|
109
|
-
</td>
|
|
110
|
-
<td class="tm_width_2">$350</td>
|
|
111
|
-
<td class="tm_width_1">1</td>
|
|
112
|
-
<td class="tm_width_2 tm_text_right">$350</td>
|
|
113
|
-
</tr>
|
|
114
|
-
<tr>
|
|
115
|
-
<td class="tm_width_3">2. Web Development</td>
|
|
116
|
-
<td class="tm_width_4">
|
|
117
|
-
Convert pixel-perfect frontend and make it dynamic
|
|
118
|
-
</td>
|
|
119
|
-
<td class="tm_width_2">$600</td>
|
|
120
|
-
<td class="tm_width_1">1</td>
|
|
121
|
-
<td class="tm_width_2 tm_text_right">$600</td>
|
|
122
|
-
</tr>
|
|
123
|
-
<tr>
|
|
124
|
-
<td class="tm_width_3">3. App Development</td>
|
|
125
|
-
<td class="tm_width_4">
|
|
126
|
-
Android & Ios Application Development
|
|
127
|
-
</td>
|
|
128
|
-
<td class="tm_width_2">$200</td>
|
|
129
|
-
<td class="tm_width_1">2</td>
|
|
130
|
-
<td class="tm_width_2 tm_text_right">$400</td>
|
|
131
|
-
</tr>
|
|
132
|
-
<tr>
|
|
133
|
-
<td class="tm_width_3">4. Digital Marketing</td>
|
|
134
|
-
<td class="tm_width_4">
|
|
135
|
-
Facebook, Youtube and Google Marketing
|
|
136
|
-
</td>
|
|
137
|
-
<td class="tm_width_2">$100</td>
|
|
138
|
-
<td class="tm_width_1">3</td>
|
|
139
|
-
<td class="tm_width_2 tm_text_right">$300</td>
|
|
140
|
-
</tr>
|
|
141
|
-
</tbody>
|
|
142
|
-
</table>
|
|
143
|
-
</div>
|
|
144
|
-
</div>
|
|
145
|
-
<div class="tm_invoice_footer">
|
|
146
|
-
<div class="tm_left_footer tm_payment_info">
|
|
147
|
-
<p class="tm_mb2">
|
|
148
|
-
<b class="tm_primary_color">Payment info:</b>
|
|
149
|
-
</p>
|
|
150
|
-
<p class="tm_m0">
|
|
151
|
-
Credit Card - 236***********928 <br />Amount: $1732
|
|
152
|
-
</p>
|
|
153
|
-
</div>
|
|
154
|
-
<div class="tm_item_total_section" style="padding-left: 120px;">
|
|
155
|
-
<table>
|
|
156
|
-
<tbody>
|
|
157
|
-
<tr>
|
|
158
|
-
<td
|
|
159
|
-
class="tm_width_3 tm_primary_color tm_border_none tm_bold"
|
|
160
|
-
>
|
|
161
|
-
Subtotal
|
|
162
|
-
</td>
|
|
163
|
-
<td
|
|
164
|
-
class="tm_width_3 tm_primary_color tm_text_right tm_border_none tm_bold"
|
|
165
|
-
>
|
|
166
|
-
$1650
|
|
167
|
-
</td>
|
|
168
|
-
</tr>
|
|
169
|
-
<tr>
|
|
170
|
-
<td
|
|
171
|
-
class="tm_width_3 tm_primary_color tm_border_none tm_pt0"
|
|
172
|
-
>
|
|
173
|
-
Tax <span class="tm_ternary_color">(5%)</span>
|
|
174
|
-
</td>
|
|
175
|
-
<td
|
|
176
|
-
class="tm_width_3 tm_primary_color tm_text_right tm_border_none tm_pt0"
|
|
177
|
-
>
|
|
178
|
-
+$82
|
|
179
|
-
</td>
|
|
180
|
-
</tr>
|
|
181
|
-
<tr class="tm_border_top tm_border_bottom">
|
|
182
|
-
<td
|
|
183
|
-
class="tm_width_3 tm_border_top_0 tm_bold tm_f16 tm_primary_color"
|
|
184
|
-
>
|
|
185
|
-
Grand Total
|
|
186
|
-
</td>
|
|
187
|
-
<td
|
|
188
|
-
class="tm_width_3 tm_border_top_0 tm_bold tm_f16 tm_primary_color tm_text_right"
|
|
189
|
-
>
|
|
190
|
-
$1732
|
|
191
|
-
</td>
|
|
192
|
-
</tr>
|
|
193
|
-
</tbody>
|
|
194
|
-
</table>
|
|
195
|
-
</div>
|
|
196
|
-
</div>
|
|
197
|
-
</div>
|
|
198
|
-
<div class="tm_footer_section">
|
|
199
|
-
<div class="tm_padd_15_20 tm_round_border">
|
|
200
|
-
<p class="tm_mb5">
|
|
201
|
-
<b class="tm_primary_color">Terms & Conditions:</b>
|
|
202
|
-
</p>
|
|
203
|
-
<ul class="tm_m0 tm_note_list tm_tnc_content">
|
|
204
|
-
<li>
|
|
205
|
-
All claims relating to quantity or shipping errors shall be
|
|
206
|
-
waived by Buyer unless made in writing to Seller within
|
|
207
|
-
thirty (30) days after delivery of goods to the address
|
|
208
|
-
stated.
|
|
209
|
-
</li>
|
|
210
|
-
<li>
|
|
211
|
-
Delivery dates are not guaranteed and Seller has no
|
|
212
|
-
liability for damages that may be incurred due to any delay
|
|
213
|
-
in shipment of goods hereunder. Taxes are excluded unless
|
|
214
|
-
otherwise stated.
|
|
215
|
-
</li>
|
|
216
|
-
</ul>
|
|
217
|
-
</div>
|
|
218
|
-
</div>
|
|
219
|
-
<!-- .tm_note -->
|
|
220
|
-
</div>
|
|
221
|
-
</div>
|
|
222
|
-
<div class="tm_invoice_btns tm_hide_print">
|
|
223
|
-
<a href="javascript:window.print()" class="tm_invoice_btn tm_color1">
|
|
224
|
-
<span class="tm_btn_icon">
|
|
225
|
-
<svg
|
|
226
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
227
|
-
class="ionicon"
|
|
228
|
-
viewBox="0 0 512 512"
|
|
229
|
-
>
|
|
230
|
-
<path
|
|
231
|
-
d="M384 368h24a40.12 40.12 0 0040-40V168a40.12 40.12 0 00-40-40H104a40.12 40.12 0 00-40 40v160a40.12 40.12 0 0040 40h24"
|
|
232
|
-
fill="none"
|
|
233
|
-
stroke="currentColor"
|
|
234
|
-
stroke-linejoin="round"
|
|
235
|
-
stroke-width="32"
|
|
236
|
-
/>
|
|
237
|
-
<rect
|
|
238
|
-
x="128"
|
|
239
|
-
y="240"
|
|
240
|
-
width="256"
|
|
241
|
-
height="208"
|
|
242
|
-
rx="24.32"
|
|
243
|
-
ry="24.32"
|
|
244
|
-
fill="none"
|
|
245
|
-
stroke="currentColor"
|
|
246
|
-
stroke-linejoin="round"
|
|
247
|
-
stroke-width="32"
|
|
248
|
-
/>
|
|
249
|
-
<path
|
|
250
|
-
d="M384 128v-24a40.12 40.12 0 00-40-40H168a40.12 40.12 0 00-40 40v24"
|
|
251
|
-
fill="none"
|
|
252
|
-
stroke="currentColor"
|
|
253
|
-
stroke-linejoin="round"
|
|
254
|
-
stroke-width="32"
|
|
255
|
-
/>
|
|
256
|
-
<circle cx="392" cy="184" r="24" fill="currentColor" />
|
|
257
|
-
</svg>
|
|
258
|
-
</span>
|
|
259
|
-
<span class="tm_btn_text">Print</span>
|
|
260
|
-
</a>
|
|
261
|
-
<button id="tm_download_btn" class="tm_invoice_btn tm_color2">
|
|
262
|
-
<span class="tm_btn_icon">
|
|
263
|
-
<svg
|
|
264
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
265
|
-
class="ionicon"
|
|
266
|
-
viewBox="0 0 512 512"
|
|
267
|
-
>
|
|
268
|
-
<path
|
|
269
|
-
d="M320 336h76c55 0 100-21.21 100-75.6s-53-73.47-96-75.6C391.11 99.74 329 48 256 48c-69 0-113.44 45.79-128 91.2-60 5.7-112 35.88-112 98.4S70 336 136 336h56M192 400.1l64 63.9 64-63.9M256 224v224.03"
|
|
270
|
-
fill="none"
|
|
271
|
-
stroke="currentColor"
|
|
272
|
-
stroke-linecap="round"
|
|
273
|
-
stroke-linejoin="round"
|
|
274
|
-
stroke-width="32"
|
|
275
|
-
/>
|
|
276
|
-
</svg>
|
|
277
|
-
</span>
|
|
278
|
-
<span class="tm_btn_text">Download</span>
|
|
279
|
-
</button>
|
|
280
|
-
</div>
|
|
281
|
-
</div>
|
|
282
|
-
</div>
|
|
283
|
-
<script type="text/javascript" src="./assets/js/jquery.min.js"></script>
|
|
284
|
-
<script type="text/javascript" src="./assets/js/jspdf.min.js"></script>
|
|
285
|
-
<script
|
|
286
|
-
type="text/javascript"
|
|
287
|
-
src="./assets/js/html2canvas.min.js"
|
|
288
|
-
></script>
|
|
289
|
-
<script type="text/javascript" src="./assets/js/main.js"></script>
|
|
290
|
-
</body>
|
|
291
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html class="no-js" lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<!-- Meta Tags -->
|
|
5
|
+
<meta charset="utf-8" />
|
|
6
|
+
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
8
|
+
<meta name="author" content="Laralink" />
|
|
9
|
+
<!-- Site Title -->
|
|
10
|
+
<title>General Purpose Invoice</title>
|
|
11
|
+
<link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
|
|
12
|
+
</head>
|
|
13
|
+
|
|
14
|
+
<body>
|
|
15
|
+
<div class="tm_container">
|
|
16
|
+
<div class="tm_invoice_wrap">
|
|
17
|
+
<div class="tm_invoice tm_style1" id="tm_download_section">
|
|
18
|
+
<div class="tm_invoice_in">
|
|
19
|
+
<div class="tm_invoice_head tm_align_center tm_mb20">
|
|
20
|
+
<div class="tm_invoice_left" style="width: max-content;">
|
|
21
|
+
<div class="tm_logo">
|
|
22
|
+
<img src="./assets/img/logo.svg" alt="Logo" />
|
|
23
|
+
</div>
|
|
24
|
+
<div>
|
|
25
|
+
<p class="tm_m0" style="font-size: small;">
|
|
26
|
+
<b class="tm_primary_color">TXG Financial Solutions Sdn Bhd</b> (200201019252)(586915-X)
|
|
27
|
+
</p>
|
|
28
|
+
<p class="tm_m0" style="font-size: smaller;">
|
|
29
|
+
4-3, Jalan 2/131A, Project Jaya Industrial Estate, Batu 6, Jalan Kelang Lama, 58200 Kuala Lumpur, Malaysia.
|
|
30
|
+
</p>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
<div class="tm_invoice_right tm_text_right tm_invoice_title" style="width: 30%;">
|
|
34
|
+
<div class="tm_primary_color tm_f50 tm_text_uppercase">
|
|
35
|
+
Invoice
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
<div class="tm_invoice_info tm_mb20">
|
|
40
|
+
<div class="tm_invoice_seperator tm_gray_bg"></div>
|
|
41
|
+
<div class="tm_invoice_info_list">
|
|
42
|
+
<p class="tm_invoice_number tm_m0">
|
|
43
|
+
Invoice No: <b class="tm_primary_color">#LL93784</b>
|
|
44
|
+
</p>
|
|
45
|
+
<p class="tm_invoice_date tm_m0">
|
|
46
|
+
Date: <b class="tm_primary_color">01.07.2022</b>
|
|
47
|
+
</p>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
<div class="tm_invoice_head tm_mb10">
|
|
51
|
+
<div class="tm_invoice_left tm_customer_detail">
|
|
52
|
+
<p class="tm_mb2">
|
|
53
|
+
<b class="tm_primary_color">Invoice To:</b>
|
|
54
|
+
</p>
|
|
55
|
+
<p>
|
|
56
|
+
Lowell H. Dominguez <br />
|
|
57
|
+
84 Spilman Street, London <br />United Kingdom <br />
|
|
58
|
+
lowell@gmail.com
|
|
59
|
+
</p>
|
|
60
|
+
</div>
|
|
61
|
+
<div class="tm_invoice_right tm_text_right tm_payto_detail">
|
|
62
|
+
<p class="tm_mb2"><b class="tm_primary_color">Pay To:</b></p>
|
|
63
|
+
<p>
|
|
64
|
+
Laralink Ltd <br />
|
|
65
|
+
86-90 Paul Street, London<br />
|
|
66
|
+
England EC2A 4NE <br />
|
|
67
|
+
demo@gmail.com
|
|
68
|
+
</p>
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
<div class="tm_table tm_style1 tm_mb30">
|
|
72
|
+
<div class="tm_round_border">
|
|
73
|
+
<div class="tm_table_responsive">
|
|
74
|
+
<table>
|
|
75
|
+
<thead>
|
|
76
|
+
<tr>
|
|
77
|
+
<th
|
|
78
|
+
class="tm_width_3 tm_semi_bold tm_primary_color tm_gray_bg"
|
|
79
|
+
>
|
|
80
|
+
Item
|
|
81
|
+
</th>
|
|
82
|
+
<th
|
|
83
|
+
class="tm_width_4 tm_semi_bold tm_primary_color tm_gray_bg"
|
|
84
|
+
>
|
|
85
|
+
Description
|
|
86
|
+
</th>
|
|
87
|
+
<th
|
|
88
|
+
class="tm_width_2 tm_semi_bold tm_primary_color tm_gray_bg"
|
|
89
|
+
>
|
|
90
|
+
Price
|
|
91
|
+
</th>
|
|
92
|
+
<th
|
|
93
|
+
class="tm_width_1 tm_semi_bold tm_primary_color tm_gray_bg"
|
|
94
|
+
>
|
|
95
|
+
Qty
|
|
96
|
+
</th>
|
|
97
|
+
<th
|
|
98
|
+
class="tm_width_2 tm_semi_bold tm_primary_color tm_gray_bg tm_text_right"
|
|
99
|
+
>
|
|
100
|
+
Total
|
|
101
|
+
</th>
|
|
102
|
+
</tr>
|
|
103
|
+
</thead>
|
|
104
|
+
<tbody class="tm_items_content">
|
|
105
|
+
<tr>
|
|
106
|
+
<td class="tm_width_3">1. Website Design</td>
|
|
107
|
+
<td class="tm_width_4">
|
|
108
|
+
Six web page designs and three times revision
|
|
109
|
+
</td>
|
|
110
|
+
<td class="tm_width_2">$350</td>
|
|
111
|
+
<td class="tm_width_1">1</td>
|
|
112
|
+
<td class="tm_width_2 tm_text_right">$350</td>
|
|
113
|
+
</tr>
|
|
114
|
+
<tr>
|
|
115
|
+
<td class="tm_width_3">2. Web Development</td>
|
|
116
|
+
<td class="tm_width_4">
|
|
117
|
+
Convert pixel-perfect frontend and make it dynamic
|
|
118
|
+
</td>
|
|
119
|
+
<td class="tm_width_2">$600</td>
|
|
120
|
+
<td class="tm_width_1">1</td>
|
|
121
|
+
<td class="tm_width_2 tm_text_right">$600</td>
|
|
122
|
+
</tr>
|
|
123
|
+
<tr>
|
|
124
|
+
<td class="tm_width_3">3. App Development</td>
|
|
125
|
+
<td class="tm_width_4">
|
|
126
|
+
Android & Ios Application Development
|
|
127
|
+
</td>
|
|
128
|
+
<td class="tm_width_2">$200</td>
|
|
129
|
+
<td class="tm_width_1">2</td>
|
|
130
|
+
<td class="tm_width_2 tm_text_right">$400</td>
|
|
131
|
+
</tr>
|
|
132
|
+
<tr>
|
|
133
|
+
<td class="tm_width_3">4. Digital Marketing</td>
|
|
134
|
+
<td class="tm_width_4">
|
|
135
|
+
Facebook, Youtube and Google Marketing
|
|
136
|
+
</td>
|
|
137
|
+
<td class="tm_width_2">$100</td>
|
|
138
|
+
<td class="tm_width_1">3</td>
|
|
139
|
+
<td class="tm_width_2 tm_text_right">$300</td>
|
|
140
|
+
</tr>
|
|
141
|
+
</tbody>
|
|
142
|
+
</table>
|
|
143
|
+
</div>
|
|
144
|
+
</div>
|
|
145
|
+
<div class="tm_invoice_footer">
|
|
146
|
+
<div class="tm_left_footer tm_payment_info">
|
|
147
|
+
<p class="tm_mb2">
|
|
148
|
+
<b class="tm_primary_color">Payment info:</b>
|
|
149
|
+
</p>
|
|
150
|
+
<p class="tm_m0">
|
|
151
|
+
Credit Card - 236***********928 <br />Amount: $1732
|
|
152
|
+
</p>
|
|
153
|
+
</div>
|
|
154
|
+
<div class="tm_item_total_section" style="padding-left: 120px;">
|
|
155
|
+
<table>
|
|
156
|
+
<tbody>
|
|
157
|
+
<tr>
|
|
158
|
+
<td
|
|
159
|
+
class="tm_width_3 tm_primary_color tm_border_none tm_bold"
|
|
160
|
+
>
|
|
161
|
+
Subtotal
|
|
162
|
+
</td>
|
|
163
|
+
<td
|
|
164
|
+
class="tm_width_3 tm_primary_color tm_text_right tm_border_none tm_bold"
|
|
165
|
+
>
|
|
166
|
+
$1650
|
|
167
|
+
</td>
|
|
168
|
+
</tr>
|
|
169
|
+
<tr>
|
|
170
|
+
<td
|
|
171
|
+
class="tm_width_3 tm_primary_color tm_border_none tm_pt0"
|
|
172
|
+
>
|
|
173
|
+
Tax <span class="tm_ternary_color">(5%)</span>
|
|
174
|
+
</td>
|
|
175
|
+
<td
|
|
176
|
+
class="tm_width_3 tm_primary_color tm_text_right tm_border_none tm_pt0"
|
|
177
|
+
>
|
|
178
|
+
+$82
|
|
179
|
+
</td>
|
|
180
|
+
</tr>
|
|
181
|
+
<tr class="tm_border_top tm_border_bottom">
|
|
182
|
+
<td
|
|
183
|
+
class="tm_width_3 tm_border_top_0 tm_bold tm_f16 tm_primary_color"
|
|
184
|
+
>
|
|
185
|
+
Grand Total
|
|
186
|
+
</td>
|
|
187
|
+
<td
|
|
188
|
+
class="tm_width_3 tm_border_top_0 tm_bold tm_f16 tm_primary_color tm_text_right"
|
|
189
|
+
>
|
|
190
|
+
$1732
|
|
191
|
+
</td>
|
|
192
|
+
</tr>
|
|
193
|
+
</tbody>
|
|
194
|
+
</table>
|
|
195
|
+
</div>
|
|
196
|
+
</div>
|
|
197
|
+
</div>
|
|
198
|
+
<div class="tm_footer_section">
|
|
199
|
+
<div class="tm_padd_15_20 tm_round_border">
|
|
200
|
+
<p class="tm_mb5">
|
|
201
|
+
<b class="tm_primary_color">Terms & Conditions:</b>
|
|
202
|
+
</p>
|
|
203
|
+
<ul class="tm_m0 tm_note_list tm_tnc_content">
|
|
204
|
+
<li>
|
|
205
|
+
All claims relating to quantity or shipping errors shall be
|
|
206
|
+
waived by Buyer unless made in writing to Seller within
|
|
207
|
+
thirty (30) days after delivery of goods to the address
|
|
208
|
+
stated.
|
|
209
|
+
</li>
|
|
210
|
+
<li>
|
|
211
|
+
Delivery dates are not guaranteed and Seller has no
|
|
212
|
+
liability for damages that may be incurred due to any delay
|
|
213
|
+
in shipment of goods hereunder. Taxes are excluded unless
|
|
214
|
+
otherwise stated.
|
|
215
|
+
</li>
|
|
216
|
+
</ul>
|
|
217
|
+
</div>
|
|
218
|
+
</div>
|
|
219
|
+
<!-- .tm_note -->
|
|
220
|
+
</div>
|
|
221
|
+
</div>
|
|
222
|
+
<div class="tm_invoice_btns tm_hide_print">
|
|
223
|
+
<a href="javascript:window.print()" class="tm_invoice_btn tm_color1">
|
|
224
|
+
<span class="tm_btn_icon">
|
|
225
|
+
<svg
|
|
226
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
227
|
+
class="ionicon"
|
|
228
|
+
viewBox="0 0 512 512"
|
|
229
|
+
>
|
|
230
|
+
<path
|
|
231
|
+
d="M384 368h24a40.12 40.12 0 0040-40V168a40.12 40.12 0 00-40-40H104a40.12 40.12 0 00-40 40v160a40.12 40.12 0 0040 40h24"
|
|
232
|
+
fill="none"
|
|
233
|
+
stroke="currentColor"
|
|
234
|
+
stroke-linejoin="round"
|
|
235
|
+
stroke-width="32"
|
|
236
|
+
/>
|
|
237
|
+
<rect
|
|
238
|
+
x="128"
|
|
239
|
+
y="240"
|
|
240
|
+
width="256"
|
|
241
|
+
height="208"
|
|
242
|
+
rx="24.32"
|
|
243
|
+
ry="24.32"
|
|
244
|
+
fill="none"
|
|
245
|
+
stroke="currentColor"
|
|
246
|
+
stroke-linejoin="round"
|
|
247
|
+
stroke-width="32"
|
|
248
|
+
/>
|
|
249
|
+
<path
|
|
250
|
+
d="M384 128v-24a40.12 40.12 0 00-40-40H168a40.12 40.12 0 00-40 40v24"
|
|
251
|
+
fill="none"
|
|
252
|
+
stroke="currentColor"
|
|
253
|
+
stroke-linejoin="round"
|
|
254
|
+
stroke-width="32"
|
|
255
|
+
/>
|
|
256
|
+
<circle cx="392" cy="184" r="24" fill="currentColor" />
|
|
257
|
+
</svg>
|
|
258
|
+
</span>
|
|
259
|
+
<span class="tm_btn_text">Print</span>
|
|
260
|
+
</a>
|
|
261
|
+
<button id="tm_download_btn" class="tm_invoice_btn tm_color2">
|
|
262
|
+
<span class="tm_btn_icon">
|
|
263
|
+
<svg
|
|
264
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
265
|
+
class="ionicon"
|
|
266
|
+
viewBox="0 0 512 512"
|
|
267
|
+
>
|
|
268
|
+
<path
|
|
269
|
+
d="M320 336h76c55 0 100-21.21 100-75.6s-53-73.47-96-75.6C391.11 99.74 329 48 256 48c-69 0-113.44 45.79-128 91.2-60 5.7-112 35.88-112 98.4S70 336 136 336h56M192 400.1l64 63.9 64-63.9M256 224v224.03"
|
|
270
|
+
fill="none"
|
|
271
|
+
stroke="currentColor"
|
|
272
|
+
stroke-linecap="round"
|
|
273
|
+
stroke-linejoin="round"
|
|
274
|
+
stroke-width="32"
|
|
275
|
+
/>
|
|
276
|
+
</svg>
|
|
277
|
+
</span>
|
|
278
|
+
<span class="tm_btn_text">Download</span>
|
|
279
|
+
</button>
|
|
280
|
+
</div>
|
|
281
|
+
</div>
|
|
282
|
+
</div>
|
|
283
|
+
<script type="text/javascript" src="./assets/js/jquery.min.js"></script>
|
|
284
|
+
<script type="text/javascript" src="./assets/js/jspdf.min.js"></script>
|
|
285
|
+
<script
|
|
286
|
+
type="text/javascript"
|
|
287
|
+
src="./assets/js/html2canvas.min.js"
|
|
288
|
+
></script>
|
|
289
|
+
<script type="text/javascript" src="./assets/js/main.js"></script>
|
|
290
|
+
</body>
|
|
291
|
+
</html>
|