mirror of
https://github.com/snipe/snipe-it.git
synced 2024-10-02 21:57:33 -07:00
1f299ed73e
It looks like Chrome (and probably other browsers) is optimising the next-padding div out since it has no content. This means the margin doesn't apply. Adding the nbsp, and making sure it takes up no space itself, is enough to make the margin do the right thing. I also tried using padding instead of margin, but this results in an extra page at the end of the output (there'd need to be a way to stop page-break and next-padding appearing at the end of the document). I also tried setting a min-height on next-padding, but this had the same issue.
164 lines
4.3 KiB
PHP
164 lines
4.3 KiB
PHP
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<title>Labels</title>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<?php
|
|
$settings->labels_width = $settings->labels_width - $settings->labels_display_sgutter;
|
|
$settings->labels_height = $settings->labels_height - $settings->labels_display_bgutter;
|
|
// Leave space on bottom for 1D barcode if necessary
|
|
$qr_size = ($settings->alt_barcode_enabled=='1') && ($settings->alt_barcode!='') ? $settings->labels_height - .25 : $settings->labels_height;
|
|
// Leave space on left for QR code if necessary
|
|
$qr_txt_size = ($settings->qr_code=='1' ? $settings->labels_width - $qr_size - .1: $settings->labels_width);
|
|
?>
|
|
|
|
<style>
|
|
|
|
body {
|
|
font-family: arial, helvetica, sans-serif;
|
|
width: {{ $settings->labels_pagewidth }}in;
|
|
height: {{ $settings->labels_pageheight }}in;
|
|
margin: {{ $settings->labels_pmargin_top }}in {{ $settings->labels_pmargin_right }}in {{ $settings->labels_pmargin_bottom }}in {{ $settings->labels_pmargin_left }}in;
|
|
font-size: {{ $settings->labels_fontsize }}pt;
|
|
}
|
|
|
|
.label {
|
|
width: {{ $settings->labels_width }}in;
|
|
height: {{ $settings->labels_height }}in;
|
|
padding: 0in;
|
|
margin-right: {{ $settings->labels_display_sgutter }}in; /* the gutter */
|
|
margin-bottom: {{ $settings->labels_display_bgutter }}in;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.page-break {
|
|
page-break-after:always;
|
|
}
|
|
|
|
div.qr_img {
|
|
width: {{ $qr_size }}in;
|
|
height: {{ $qr_size }}in;
|
|
float: left;
|
|
display: inline-block;
|
|
padding-right: .04in;
|
|
}
|
|
img.qr_img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
img.barcode {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.qr_text {
|
|
width: {{ $qr_txt_size }}in;
|
|
height: {{ $qr_size }}in;
|
|
padding-top: .01in;
|
|
font-family: arial, helvetica, sans-serif;
|
|
padding-right: .01in;
|
|
overflow: hidden !important;
|
|
display: inline-block;
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
}
|
|
|
|
div.barcode_container {
|
|
float: left;
|
|
width: 100%;
|
|
display: inline;
|
|
height: 50px;
|
|
}
|
|
|
|
@media print {
|
|
.noprint {
|
|
display: none !important;
|
|
}
|
|
.next-padding {
|
|
margin: {{ $settings->labels_pmargin_top }}in {{ $settings->labels_pmargin_right }}in {{ $settings->labels_pmargin_bottom }}in {{ $settings->labels_pmargin_left }}in;
|
|
font-size: 0;
|
|
}
|
|
}
|
|
|
|
@media screen {
|
|
.label {
|
|
outline: .02in black solid; /* outline doesn't occupy space like border does */
|
|
}
|
|
.noprint {
|
|
font-size: 13px;
|
|
padding-bottom: 15px;
|
|
}
|
|
}
|
|
|
|
@if ($snipeSettings->custom_css)
|
|
{{ $snipeSettings->show_custom_css() }}
|
|
@endif
|
|
|
|
</style>
|
|
|
|
@foreach ($assets as $asset)
|
|
<?php $count++; ?>
|
|
<div class="label"{!! ($count % $settings->labels_per_page == 0) ? ' style="margin-bottom: 0px;"' : '' !!}>
|
|
|
|
@if ($settings->qr_code=='1')
|
|
<div class="qr_img">
|
|
<img src="./{{ $asset->id }}/qr_code" class="qr_img">
|
|
</div>
|
|
@endif
|
|
|
|
<div class="qr_text">
|
|
@if ($settings->qr_text!='')
|
|
<div class="pull-left">
|
|
<strong>{{ $settings->qr_text }}</strong>
|
|
<br>
|
|
</div>
|
|
@endif
|
|
@if (($settings->labels_display_company_name=='1') && ($asset->company))
|
|
<div class="pull-left">
|
|
C: {{ $asset->company->name }}
|
|
</div>
|
|
@endif
|
|
@if (($settings->labels_display_name=='1') && ($asset->name!=''))
|
|
<div class="pull-left">
|
|
N: {{ $asset->name }}
|
|
</div>
|
|
@endif
|
|
@if (($settings->labels_display_tag=='1') && ($asset->asset_tag!=''))
|
|
<div class="pull-left">
|
|
T: {{ $asset->asset_tag }}
|
|
</div>
|
|
@endif
|
|
@if (($settings->labels_display_serial=='1') && ($asset->serial!=''))
|
|
<div class="pull-left">
|
|
S: {{ $asset->serial }}
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
@if ((($settings->alt_barcode_enabled=='1') && $settings->alt_barcode!=''))
|
|
<div class="barcode_container">
|
|
<img src="./{{ $asset->id }}/barcode" class="barcode">
|
|
</div>
|
|
@endif
|
|
|
|
|
|
|
|
</div>
|
|
|
|
@if ($count % $settings->labels_per_page == 0)
|
|
<div class="page-break"></div>
|
|
<div class="next-padding"> </div>
|
|
@endif
|
|
|
|
@endforeach
|
|
|
|
|
|
</body>
|
|
</html>
|