mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2024-11-10 13:12:50 +01:00
Implement footer signature & white-label logo
This commit is contained in:
parent
00903c717a
commit
1d7e4fd6c9
@ -71,6 +71,12 @@ class Bold extends BaseDesign
|
||||
'id' => 'product-table',
|
||||
'elements' => $this->productTable(),
|
||||
],
|
||||
'footer-elements' => [
|
||||
'id' => 'footer',
|
||||
'elements' => [
|
||||
$this->sharedFooterElements(),
|
||||
],
|
||||
],
|
||||
];
|
||||
}
|
||||
|
||||
|
@ -71,6 +71,12 @@ class Business extends BaseDesign
|
||||
'id' => 'product-table',
|
||||
'elements' => $this->productTable(),
|
||||
],
|
||||
'footer-elements' => [
|
||||
'id' => 'footer',
|
||||
'elements' => [
|
||||
$this->sharedFooterElements(),
|
||||
],
|
||||
],
|
||||
];
|
||||
}
|
||||
|
||||
|
@ -45,7 +45,7 @@ class Clean extends BaseDesign
|
||||
public function elements(array $context, string $type = 'product'): array
|
||||
{
|
||||
$this->context = $context;
|
||||
|
||||
|
||||
$this->type = $type;
|
||||
|
||||
$this->setup();
|
||||
@ -70,7 +70,13 @@ class Clean extends BaseDesign
|
||||
'product-table' => [
|
||||
'id' => 'product-table',
|
||||
'elements' => $this->productTable(),
|
||||
]
|
||||
],
|
||||
'footer-elements' => [
|
||||
'id' => 'footer',
|
||||
'elements' => [
|
||||
$this->sharedFooterElements(),
|
||||
],
|
||||
],
|
||||
];
|
||||
}
|
||||
|
||||
|
@ -71,6 +71,12 @@ class Creative extends BaseDesign
|
||||
'id' => 'product-table',
|
||||
'elements' => $this->productTable(),
|
||||
],
|
||||
'footer-elements' => [
|
||||
'id' => 'footer',
|
||||
'elements' => [
|
||||
$this->sharedFooterElements(),
|
||||
],
|
||||
],
|
||||
];
|
||||
}
|
||||
|
||||
|
@ -71,6 +71,12 @@ class Elegant extends BaseDesign
|
||||
'id' => 'product-table',
|
||||
'elements' => $this->productTable(),
|
||||
],
|
||||
'footer-elements' => [
|
||||
'id' => 'footer',
|
||||
'elements' => [
|
||||
$this->sharedFooterElements(),
|
||||
],
|
||||
],
|
||||
];
|
||||
}
|
||||
|
||||
|
@ -71,6 +71,12 @@ class Hipster extends BaseDesign
|
||||
'id' => 'product-table',
|
||||
'elements' => $this->productTable(),
|
||||
],
|
||||
'footer-elements' => [
|
||||
'id' => 'footer',
|
||||
'elements' => [
|
||||
$this->sharedFooterElements(),
|
||||
],
|
||||
],
|
||||
];
|
||||
}
|
||||
|
||||
|
@ -71,6 +71,12 @@ class Modern extends BaseDesign
|
||||
'id' => 'company-address',
|
||||
'elements' => $this->companyAddress(),
|
||||
],
|
||||
'footer-elements' => [
|
||||
'id' => 'footer',
|
||||
'elements' => [
|
||||
$this->sharedFooterElements(),
|
||||
],
|
||||
],
|
||||
];
|
||||
}
|
||||
|
||||
|
@ -67,6 +67,12 @@ class Plain extends BaseDesign
|
||||
'id' => 'product-table',
|
||||
'elements' => $this->productTable(),
|
||||
],
|
||||
'footer-elements' => [
|
||||
'id' => 'footer',
|
||||
'elements' => [
|
||||
$this->sharedFooterElements(),
|
||||
],
|
||||
],
|
||||
];
|
||||
}
|
||||
|
||||
|
@ -63,4 +63,6 @@
|
||||
<table id="product-table" class="w-full mt-8 table-auto"></table>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<footer id="footer"></footer>
|
||||
</html>
|
||||
|
@ -70,21 +70,7 @@
|
||||
id="product-table"
|
||||
class="w-full mt-20 rounded table-auto"
|
||||
></table>
|
||||
|
||||
<!-- Balance due card -->
|
||||
<!-- <div class="grid grid-cols-12 my-12">
|
||||
<div class="col-span-6">
|
||||
<p class="font-semibold">$terms-label</p>
|
||||
<p>$terms</p>
|
||||
</div>
|
||||
<div class="col-span-5 col-start-8 lg:col-start-9 lg:col-span-4">
|
||||
<div class="h-auto px-4 py-4 bg-orange-600 rounded-lg">
|
||||
<div class="flex justify-between text-white">
|
||||
<p>$balance-due-label</p>
|
||||
<p>$balance-due</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</body>
|
||||
|
||||
<footer id="footer"></footer>
|
||||
</html>
|
||||
|
@ -45,4 +45,6 @@
|
||||
<!-- Product table -->
|
||||
<table id="product-table" class="table-auto mt-12 w-full"></table>
|
||||
</body>
|
||||
|
||||
<footer id="footer"></footer>
|
||||
</html>
|
||||
|
@ -64,4 +64,6 @@
|
||||
class="w-full mt-10 border-t-4 border-pink-700 table-auto"
|
||||
></table>
|
||||
</body>
|
||||
|
||||
<footer id="footer"></footer>
|
||||
</html>
|
||||
|
@ -25,8 +25,10 @@
|
||||
<table id="entity-details"></table>
|
||||
</div>
|
||||
<div class="col-span-6">
|
||||
<p class="text-xl font-semibold uppercase">$your_entity_label</p>
|
||||
</div>
|
||||
<p class="text-xl font-semibold uppercase">
|
||||
$your_entity_label
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Client details, company details -->
|
||||
@ -45,7 +47,13 @@
|
||||
<table id="product-table" class="w-full mt-10 table-auto"></table>
|
||||
|
||||
<!-- Thanks label -->
|
||||
<p class="w-full pb-4 mt-10 text-2xl font-semibold text-center border-b-4 border-black">$thanks_label</p>
|
||||
<p
|
||||
class="w-full pb-4 mt-10 text-2xl font-semibold text-center border-b-4 border-black"
|
||||
>
|
||||
$thanks_label
|
||||
</p>
|
||||
<div class="w-full border-black order-b wpy-1"></div>
|
||||
</body>
|
||||
|
||||
<footer id="footer"></footer>
|
||||
</html>
|
||||
|
@ -26,7 +26,9 @@
|
||||
class="col-span-5 pl-4 border-l border-black"
|
||||
id="client-details"
|
||||
>
|
||||
<p class="font-semibold text-yellow-600 uppercase">$to_label:</p>
|
||||
<p class="font-semibold text-yellow-600 uppercase">
|
||||
$to_label:
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-span-3">
|
||||
<img
|
||||
@ -49,4 +51,6 @@
|
||||
<!-- Product table -->
|
||||
<table id="product-table" class="w-full mt-10 table-auto"></table>
|
||||
</body>
|
||||
|
||||
<footer id="footer"></footer>
|
||||
</html>
|
||||
|
@ -62,4 +62,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<footer id="footer"></footer>
|
||||
</html>
|
||||
|
@ -45,4 +45,6 @@
|
||||
<!-- Product table -->
|
||||
<table id="product-table" class="w-full mt-8 table-auto"></table>
|
||||
</body>
|
||||
|
||||
<footer id="footer"></footer>
|
||||
</html>
|
||||
|
@ -1,62 +1,71 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
||||
/>
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||||
<link rel="stylesheet" href="$css" />
|
||||
</head>
|
||||
|
||||
<link rel="stylesheet" href="$css" />
|
||||
</head>
|
||||
<style>
|
||||
#product-table tbody > tr > td:first-child {
|
||||
color: #9b2c2c;
|
||||
}
|
||||
|
||||
<style>
|
||||
#product-table tbody>tr>td:first-child {
|
||||
color: #9b2c2c;
|
||||
}
|
||||
#product-table tbody > tr > td:last-child {
|
||||
color: #9b2c2c;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
|
||||
#product-table tbody>tr>td:last-child {
|
||||
color: #9b2c2c;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body class="$global-margin antialiased bg-white break-words">
|
||||
<!-- Company logo, entity details -->
|
||||
<div class="grid grid-cols-12 gap-4">
|
||||
<div class="col-span-4">
|
||||
<img src="$company.logo" alt="$company.name logo" class="w-24 col-span-4 sm:w-32" />
|
||||
</div>
|
||||
<div class="col-span-6 col-start-7 p-5 bg-teal-600 rounded-lg">
|
||||
<table id="entity-details" class="text-white"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Company details, client details -->
|
||||
<div class="grid grid-cols-12 gap-12 mt-12">
|
||||
<div class="col-span-12">
|
||||
<p class="text-xl text-teal-600 font-semibold uppercase">
|
||||
$your_entity_label
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-span-6">
|
||||
<p class="px-4 font-semibold text-teal-600">$to_label:</p>
|
||||
<div class="p-4 mt-4 border-t-4 border-b-4 border-teal-600 border-dashed">
|
||||
<div id="client-details"></div>
|
||||
<body class="$global-margin antialiased bg-white break-words">
|
||||
<!-- Company logo, entity details -->
|
||||
<div class="grid grid-cols-12 gap-4">
|
||||
<div class="col-span-4">
|
||||
<img
|
||||
src="$company.logo"
|
||||
alt="$company.name logo"
|
||||
class="w-24 col-span-4 sm:w-32"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-span-6 col-start-7 p-5 bg-teal-600 rounded-lg">
|
||||
<table id="entity-details" class="text-white"></table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-6">
|
||||
<p class="px-4 font-semibold text-teal-600">$from_label:</p>
|
||||
<div class="flex p-4 mt-4 space-x-4 border-t-4 border-b-4 border-teal-600 border-dashed">
|
||||
<div id="company-details"></div>
|
||||
<div id="company-address"></div>
|
||||
|
||||
<!-- Company details, client details -->
|
||||
<div class="grid grid-cols-12 gap-12 mt-12">
|
||||
<div class="col-span-12">
|
||||
<p class="text-xl text-teal-600 font-semibold uppercase">
|
||||
$your_entity_label
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-span-6">
|
||||
<p class="px-4 font-semibold text-teal-600">$to_label:</p>
|
||||
<div
|
||||
class="p-4 mt-4 border-t-4 border-b-4 border-teal-600 border-dashed"
|
||||
>
|
||||
<div id="client-details"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-6">
|
||||
<p class="px-4 font-semibold text-teal-600">$from_label:</p>
|
||||
<div
|
||||
class="flex p-4 mt-4 space-x-4 border-t-4 border-b-4 border-teal-600 border-dashed"
|
||||
>
|
||||
<div id="company-details"></div>
|
||||
<div id="company-address"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Product table -->
|
||||
<table id="product-table" class="w-full mt-10 table-auto"></table>
|
||||
</body>
|
||||
<!-- Product table -->
|
||||
<table id="product-table" class="w-full mt-10 table-auto"></table>
|
||||
</body>
|
||||
|
||||
<footer id="footer"></footer>
|
||||
|
||||
</html>
|
||||
<footer id="footer"></footer>
|
||||
</html>
|
||||
|
Loading…
Reference in New Issue
Block a user