mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-07-09 03:14:30 -04:00
Paid CSS Overlay
This commit is contained in:
parent
d413cb686b
commit
07d888257f
@ -243,6 +243,14 @@ class PaymentEmailEngine extends BaseEmailEngine
|
||||
$data['$invoices.due_date'] = ['value' => $this->formatInvoiceField('due_date'), 'label' => ctrans('texts.invoices')];
|
||||
$data['$invoices.po_number'] = ['value' => $this->formatInvoiceField('po_number'), 'label' => ctrans('texts.invoices')];
|
||||
|
||||
|
||||
if($this->payment->status_id == 4) {
|
||||
$data['$status_logo'] = ['value' => '<div class="stamp is-paid"> ' . ctrans('texts.paid') .'</div>', 'label' => ''];
|
||||
}
|
||||
else
|
||||
$data['$status_logo'] = ['value' => '', 'label' => ''];
|
||||
|
||||
|
||||
$arrKeysLength = array_map('strlen', array_keys($data));
|
||||
array_multisort($arrKeysLength, SORT_DESC, $data);
|
||||
|
||||
|
@ -124,6 +124,7 @@ class HtmlEngine
|
||||
$data['$line_tax_labels'] = ['value' => $this->lineTaxLabels(), 'label' => ctrans('texts.taxes')];
|
||||
$data['$line_tax_values'] = ['value' => $this->lineTaxValues(), 'label' => ctrans('texts.taxes')];
|
||||
$data['$date'] = ['value' => $this->translateDate($this->entity->date, $this->client->date_format(), $this->client->locale()) ?: ' ', 'label' => ctrans('texts.date')];
|
||||
$data['$status_logo'] = ['value' => '', 'label' => ''];
|
||||
|
||||
$data['$invoice.date'] = &$data['$date'];
|
||||
$data['$invoiceDate'] = &$data['$date'];
|
||||
@ -167,6 +168,10 @@ class HtmlEngine
|
||||
$data['$invoice.project'] = &$data['$project.name'];
|
||||
}
|
||||
|
||||
if($this->entity->status_id == 4) {
|
||||
$data['$status_logo'] = ['value' => '<div class="stamp is-paid"> ' . ctrans('texts.paid') .'</div>', 'label' => ''];
|
||||
}
|
||||
|
||||
if($this->entity->vendor) {
|
||||
$data['$invoice.vendor'] = ['value' => $this->entity->vendor->present()->name(), 'label' => ctrans('texts.vendor_name')];
|
||||
}
|
||||
|
@ -101,6 +101,36 @@
|
||||
#content .center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
display: inline-block;
|
||||
padding: 0.25rem 1rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
@ -80,6 +80,33 @@
|
||||
#content .left {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--[if gte mso 9]>
|
||||
|
@ -143,6 +143,36 @@
|
||||
color: {{ $design == 'dark' ? '#ffffff' : '#000000' }} !important;
|
||||
opacity: {{ $design == 'dark' ? '87%': '100%' }} !important;
|
||||
}
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
display: inline-block;
|
||||
padding: 0.25rem 1rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
@ -47,6 +47,7 @@
|
||||
line-height: var(--line-height);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
@ -224,7 +225,7 @@
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-template-columns: 1fr;
|
||||
gap: 15px;
|
||||
color: white;
|
||||
}
|
||||
@ -239,6 +240,11 @@
|
||||
padding-top: 0.5rem
|
||||
}
|
||||
|
||||
[data-ref="footer_content"]{
|
||||
padding-right: 2rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
@ -285,6 +291,36 @@
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
display: inline-block;
|
||||
padding: 0.25rem 1rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
/** Useful snippets, uncomment to enable. **/
|
||||
|
||||
/** Hide company logo **/
|
||||
@ -380,7 +416,7 @@ $entity_images
|
||||
|
||||
<div id="footer">
|
||||
<div style="width: 100%;">
|
||||
<p data-ref="total_table-footer">$entity_footer</p>
|
||||
<p data-ref="footer_content">$entity_footer</p>
|
||||
|
||||
<script>
|
||||
// Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
|
||||
@ -402,6 +438,4 @@ $entity_images
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div> <!-- #2 column --> </div>
|
||||
<div> <!-- #3 column --> </div>
|
||||
</div>
|
||||
|
@ -276,6 +276,36 @@
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
display: inline-block;
|
||||
padding: 0.25rem 1rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
/** Useful snippets, uncomment to enable. **/
|
||||
|
||||
/** Hide company logo **/
|
||||
|
@ -264,6 +264,35 @@
|
||||
[data-ref="total_table-public_notes"] { font-weight: normal; }
|
||||
[data-ref="total_table-terms"] { font-weight: normal; }
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
display: inline-block;
|
||||
padding: 0.25rem 1rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
}
|
||||
/** Useful snippets, uncomment to enable. **/
|
||||
|
||||
/** Hide company logo **/
|
||||
|
@ -257,6 +257,36 @@
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
display: inline-block;
|
||||
padding: 0.25rem 1rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
/** Useful snippets, uncomment to enable. **/
|
||||
|
||||
/** Hide company logo **/
|
||||
|
@ -229,6 +229,35 @@
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
display: inline-block;
|
||||
padding: 0.25rem 1rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
}
|
||||
/** Useful snippets, uncomment to enable. **/
|
||||
|
||||
/** Hide company logo **/
|
||||
|
@ -234,6 +234,35 @@
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
display: inline-block;
|
||||
padding: 0.25rem 1rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
}
|
||||
/** Useful snippets, uncomment to enable. **/
|
||||
|
||||
/** Hide company logo **/
|
||||
|
@ -251,6 +251,35 @@
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
display: inline-block;
|
||||
padding: 0.25rem 1rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
}
|
||||
/** Useful snippets, uncomment to enable. **/
|
||||
|
||||
/** Hide company logo **/
|
||||
|
@ -278,6 +278,35 @@
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
display: inline-block;
|
||||
padding: 0.25rem 1rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
}
|
||||
/** Useful snippets, uncomment to enable. **/
|
||||
|
||||
/** Hide company logo **/
|
||||
|
@ -221,6 +221,35 @@
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
display: inline-block;
|
||||
padding: 0.25rem 1rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
}
|
||||
/** Useful snippets, uncomment to enable. **/
|
||||
|
||||
/** Hide company logo **/
|
||||
|
@ -294,6 +294,36 @@
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
display: inline-block;
|
||||
padding: 0.25rem 1rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
/** Useful snippets, uncomment to enable. **/
|
||||
|
||||
/** Hide company logo **/
|
||||
|
@ -258,6 +258,35 @@
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.stamp {
|
||||
transform: rotate(12deg);
|
||||
color: #555;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
border: 0.25rem solid #555;
|
||||
display: inline-block;
|
||||
padding: 0.25rem 1rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Courier';
|
||||
mix-blend-mode: multiply;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.is-paid {
|
||||
color: #D23;
|
||||
border: 1rem double #D23;
|
||||
transform: rotate(-5deg);
|
||||
font-size: 6rem;
|
||||
font-family: "Open sans", Helvetica, Arial, sans-serif;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
opacity: 0.2;
|
||||
z-index:200 !important;
|
||||
position: fixed;
|
||||
}
|
||||
/** Useful snippets, uncomment to enable. **/
|
||||
|
||||
/** Hide company logo **/
|
||||
|
Loading…
x
Reference in New Issue
Block a user