covid-formity/templates/label.html

92 lines
1.8 KiB
HTML

<html>
<head>
<style>
{% block css %}
@page {
margin: 0cm;
size: 4in 6in;
}
html, body {
padding: 0;
margin: 0;
font-family: "Noto Mono", monospace;
font-size: 16pt;
background: #eee;
}
.container {
background: white;
overflow: hidden;
transform-origin: top left;
transform: rotate(90deg) translate(0, -100%);
/* transform: rotate(-90deg) translate(-100%, 0); */
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 6in;
height: 4in;
}
.line {
text-align: center;
vertical-align: middle;
width: 14.5cm;
padding: 0.5cm;
}
.mark {
border: 2pt dashed #000;
}
.idline {
font-size: 35pt;
}
.idline small {
color: #333;
display: block;
font-size: 9pt;
}
.address {
padding-top: 10pt;
color: #555;
}
.idline small.labelid {
font-size: 14pt;
display: inline;
font-weight: bold;
}
{% endblock %}
</style>
</head>
<body>
{% block content %}
{% for model in models %}
{% for label_id in range(model.label_count) %}
<div class="container">
<div class="line idline">
<small>{{ model.handling_orga_info.name }} / <u>https://covid.hackerspace.pl</u> / <b>{{ model.status.name }}</b></small>
{{ model.faceshield_full_delivered }} <b>#{{ model.id }}</b>{% if model.label_count > 1 %} <small class="labelid">({{ label_id + 1 }}/{{ model.label_count }})</small>{% endif %}
</div>
<div class="line mark">
{{ model.entity_info }}<br />
<div class="address">
{{ model.shipping_street }}<br />{{ model.shipping_postalcode }} {{ model.shipping_city }}
</div>
</div>
<div class="line">
{{ model.full_name }} {{ model.phone_number }}
</div>
</div>
{% endfor %}
{% endfor %}
{% endblock %}
</body>
</html>