1
0
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:
Benjamin Beganović 2020-08-11 17:57:35 +02:00
parent 00903c717a
commit 1d7e4fd6c9
17 changed files with 137 additions and 72 deletions

View File

@ -71,6 +71,12 @@ class Bold extends BaseDesign
'id' => 'product-table',
'elements' => $this->productTable(),
],
'footer-elements' => [
'id' => 'footer',
'elements' => [
$this->sharedFooterElements(),
],
],
];
}

View File

@ -71,6 +71,12 @@ class Business extends BaseDesign
'id' => 'product-table',
'elements' => $this->productTable(),
],
'footer-elements' => [
'id' => 'footer',
'elements' => [
$this->sharedFooterElements(),
],
],
];
}

View File

@ -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(),
],
],
];
}

View File

@ -71,6 +71,12 @@ class Creative extends BaseDesign
'id' => 'product-table',
'elements' => $this->productTable(),
],
'footer-elements' => [
'id' => 'footer',
'elements' => [
$this->sharedFooterElements(),
],
],
];
}

View File

@ -71,6 +71,12 @@ class Elegant extends BaseDesign
'id' => 'product-table',
'elements' => $this->productTable(),
],
'footer-elements' => [
'id' => 'footer',
'elements' => [
$this->sharedFooterElements(),
],
],
];
}

View File

@ -71,6 +71,12 @@ class Hipster extends BaseDesign
'id' => 'product-table',
'elements' => $this->productTable(),
],
'footer-elements' => [
'id' => 'footer',
'elements' => [
$this->sharedFooterElements(),
],
],
];
}

View File

@ -71,6 +71,12 @@ class Modern extends BaseDesign
'id' => 'company-address',
'elements' => $this->companyAddress(),
],
'footer-elements' => [
'id' => 'footer',
'elements' => [
$this->sharedFooterElements(),
],
],
];
}

View File

@ -67,6 +67,12 @@ class Plain extends BaseDesign
'id' => 'product-table',
'elements' => $this->productTable(),
],
'footer-elements' => [
'id' => 'footer',
'elements' => [
$this->sharedFooterElements(),
],
],
];
}

View File

@ -63,4 +63,6 @@
<table id="product-table" class="w-full mt-8 table-auto"></table>
</div>
</body>
<footer id="footer"></footer>
</html>

View File

@ -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>

View File

@ -45,4 +45,6 @@
<!-- Product table -->
<table id="product-table" class="table-auto mt-12 w-full"></table>
</body>
<footer id="footer"></footer>
</html>

View File

@ -64,4 +64,6 @@
class="w-full mt-10 border-t-4 border-pink-700 table-auto"
></table>
</body>
<footer id="footer"></footer>
</html>

View File

@ -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>

View File

@ -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>

View File

@ -62,4 +62,6 @@
</div>
</div>
</body>
<footer id="footer"></footer>
</html>

View File

@ -45,4 +45,6 @@
<!-- Product table -->
<table id="product-table" class="w-full mt-8 table-auto"></table>
</body>
<footer id="footer"></footer>
</html>

View File

@ -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>