Mirrored_Repos/InvenTree
1
0
Fork 0
mirror of https://github.com/inventree/InvenTree synced 2024-08-30 18:33:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add margin callouts for report template base

Browse Source
This commit is contained in:
Oliver Walters 2021-02-04 14:49:11 +11:00
parent cf0c43d899
commit ddbf2a6313
1 changed files with 63 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
InvenTree/report/templates/report/inventree_report_base.html
View File

@ -3,29 +3,76 @@
<head>
<style>
@page {
{% block page_style %}
size: {% if page_size %}{{ page_size }}{% else %}A4{% endif %};
margin: {% if page_margin %}{{ page_margin }}{% else %}10mm{% endif %};
size: A4;
margin: 2cm;
margin-top: 4cm;
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
@top-left {
{% block top_left %}
{% endblock %}
}
#page-number:after {
counter-increment: page;
content: counter(page);
@top-center {
{% block top_center %}
{% endblock %}
}
#page-count:after {
counter-increment: page;
content: counter(pages);
@top-right {
{% block top_right %}
{% endblock %}
}
@bottom-left {
{% block bottom_left %}
{% endblock %}
}
@bottom-center {
{% block bottom_center %}
{% endblock %}
}
@bottom-right {
{% block bottom_right %}
content: "Page " counter(page) " of " counter(pages);
{% endblock %}
}
}
body {
{% block body_style %}
font-family: Arial, Helvetica, sans-serif;
}
.header {
top: 0px;
left: 0px;
position: fixed;
width: 100%;
margin-top: -2.5cm;
}
.content {
{% block content_style %}
width: 100%;
page-break-inside: auto;
position: relative;
{% endblock %}
}
.footer {
{% block footer_style %}
bottom: 0px;
left: 0px;
position: fixed;
width: 100%;
margin-bottom: -20mm;
{% endblock %}
}
{% block style %}
/* User defined styles go here */
{% endblock %}
</style>
@ -33,17 +80,17 @@
<body>
<div class='page-header'>
<div class='header'>
{% block header_content %}
{% endblock %}
</div>
<div class='page-content'>
<div class='content'>
{% block page_content %}
{% endblock %}
</div>
<div class='page-footer'>
<div class='footer'>
{% block footer_content %}
{% endblock %}
</div>