prvi
This commit is contained in:
David Štaleker
266
EveryThing/Pages/TransportLoadingOrder/Print.cshtml
Normal file
266
EveryThing/Pages/TransportLoadingOrder/Print.cshtml
Normal file
@@ -0,0 +1,266 @@
|
||||
@page
|
||||
@using System.Web
|
||||
@model EveryThing.Pages.TransportLoadingOrder.PrintModel
|
||||
|
||||
@{
|
||||
ViewData["Title"] = "Izpis";
|
||||
Layout = "~/Pages/Layouts/_Layout.cshtml";
|
||||
}
|
||||
|
||||
<h4 class="d-flex justify-content-between align-items-center w-100 font-weight-bold py-1 mb-4">
|
||||
<span>
|
||||
<span class="text-muted font-weight-light">Nalog /</span> Izpis
|
||||
</span>
|
||||
</h4>
|
||||
|
||||
<div class="card pt-2" style="width: 595pt">
|
||||
<div id="print-content" class="card-body pb-4 pl-4 pt-0" style="padding-right: 2rem !important">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6 h-100 my-auto">
|
||||
<img src="~/img/logos/@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.LogoFileName)"/>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<address class="mb-0">
|
||||
<strong>@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Title)</strong> <br/>
|
||||
@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Street) @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.HouseNumber) <br/>
|
||||
@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.PostNumber) @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Post) <br/>
|
||||
<div style="font-size: 0.7rem">
|
||||
E-pošta: @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Email), Tel.: @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Phone) <br/>
|
||||
ID za DDV: @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.TaxNumber), Matična številka: @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.RegistrationNumber)<br/>
|
||||
IBAN: @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Iban) SWIFT/BIC: @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.SwiftBic)
|
||||
</div>
|
||||
</address>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr/>
|
||||
|
||||
<address class="mb-2">
|
||||
<strong>@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Partner.Title)</strong> <br/>
|
||||
@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Partner.Street) @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Partner.HouseNumber) <br/>
|
||||
@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Partner.PostNumber) @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Partner.Post) <br/>
|
||||
@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Partner.Country.TranslationSlovenian) <br/>
|
||||
</address>
|
||||
|
||||
<div class="mb-3">@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.OrderCity), <strong class="font-weight-semibold">@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.OrderDate)</strong></div>
|
||||
|
||||
<h6 class="text-big font-weight-bold mb-3">Nakladalni nalog št. @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.OrderYear)-@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.OrderNumber)</h6>
|
||||
|
||||
<div class="mb-2" style="font-size: 0.75rem">
|
||||
@Html.Raw(HttpUtility.HtmlDecode(Model.TransportLoadingOrder.PreText))
|
||||
</div>
|
||||
|
||||
<div class="table-responsive mb-4">
|
||||
<table class="table m-0">
|
||||
<thead style="font-size: 0.75rem">
|
||||
<tr>
|
||||
<th class="py-1">
|
||||
Naklad
|
||||
</th>
|
||||
<th class="py-1">
|
||||
Razklad
|
||||
</th>
|
||||
<th class="py-1">
|
||||
Tovor
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody style="font-size: 0.75rem">
|
||||
@foreach (var item in Model.TransportLoadingOrderLoadUnloadList)
|
||||
{
|
||||
<tr>
|
||||
<td class="py-3">
|
||||
@if (item.IdLoadingFk == null)
|
||||
{
|
||||
@Html.Raw(item.LoadingText.Replace(Environment.NewLine, "<br/>"))
|
||||
}
|
||||
else
|
||||
{
|
||||
@Html.DisplayFor(modelItem => item.Loading.Title) <br />
|
||||
@Html.DisplayFor(modelItem => item.Loading.Street) @($" ") @Html.DisplayFor(modelItem => item.Loading.HouseNumber) <br />
|
||||
@Html.DisplayFor(modelItem => item.Loading.PostNumber) @($" ") @Html.DisplayFor(modelItem => item.Loading.Post)
|
||||
}
|
||||
<br />
|
||||
|
||||
@if (item.LoadingDateFrom != null)
|
||||
{
|
||||
<br />
|
||||
@item.LoadingDateFrom.Value.ToString("dd.MM.yyyy")
|
||||
|
||||
@if (item.LoadingDateTo != null && item.LoadingDateTo.Value.Date != item.LoadingDateFrom.Value.Date)
|
||||
{
|
||||
@($" - ") @item.LoadingDateTo.Value.ToString("dd.MM.yyyy")
|
||||
}
|
||||
|
||||
<br />
|
||||
@item.LoadingDateFrom.Value.ToString("HH:mm")
|
||||
|
||||
@if (item.LoadingDateTo != null)
|
||||
{
|
||||
@($" - ") @item.LoadingDateTo.Value.ToString("HH:mm")
|
||||
}
|
||||
}
|
||||
|
||||
@if (!string.IsNullOrEmpty(item.LoadingReference))
|
||||
{
|
||||
<br />
|
||||
@($"Referenca: ") @Html.DisplayFor(modelItem => item.LoadingReference)
|
||||
}
|
||||
|
||||
@if (!string.IsNullOrEmpty(item.LoadingNote))
|
||||
{
|
||||
<br />
|
||||
@($"Opomba: ") @Html.DisplayFor(modelItem => item.LoadingNote)
|
||||
}
|
||||
</td>
|
||||
<td class="py-3">
|
||||
@if (item.IdUnloadingFk == null)
|
||||
{
|
||||
@Html.Raw(item.UnloadingText.Replace(Environment.NewLine, "<br/>"))
|
||||
}
|
||||
else
|
||||
{
|
||||
@Html.DisplayFor(modelItem => item.Unloading.Title) <br />
|
||||
@Html.DisplayFor(modelItem => item.Unloading.Street) @($" ") @Html.DisplayFor(modelItem => item.Unloading.HouseNumber) <br />
|
||||
@Html.DisplayFor(modelItem => item.Unloading.PostNumber) @($" ") @Html.DisplayFor(modelItem => item.Unloading.Post)
|
||||
}
|
||||
<br />
|
||||
|
||||
@if (item.UnloadingDateFrom != null)
|
||||
{
|
||||
<br />
|
||||
@item.UnloadingDateFrom.Value.ToString("dd.MM.yyyy")
|
||||
|
||||
@if (item.UnloadingDateTo != null && item.UnloadingDateTo.Value.Date != item.UnloadingDateFrom.Value.Date)
|
||||
{
|
||||
@($" - ") @item.UnloadingDateTo.Value.ToString("dd.MM.yyyy")
|
||||
}
|
||||
|
||||
<br />
|
||||
@item.UnloadingDateFrom.Value.ToString("HH:mm")
|
||||
|
||||
@if (item.UnloadingDateTo != null)
|
||||
{
|
||||
@($" - ") @item.UnloadingDateTo.Value.ToString("HH:mm")
|
||||
}
|
||||
}
|
||||
|
||||
@if (!string.IsNullOrEmpty(item.UnloadingReference))
|
||||
{
|
||||
<br />
|
||||
@($"Referenca: ") @Html.DisplayFor(modelItem => item.UnloadingReference)
|
||||
}
|
||||
|
||||
@if (!string.IsNullOrEmpty(item.UnloadingNote))
|
||||
{
|
||||
<br />
|
||||
@($"Opomba: ") @Html.DisplayFor(modelItem => item.UnloadingNote)
|
||||
}
|
||||
</td>
|
||||
<td class="py-3">
|
||||
@Html.Raw(HttpUtility.HtmlDecode(item.CargoDescription))
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
Vozilo: <b>@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.VehicleText)</b>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
Cena za nakladalni nalog: <b>@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Total) €</b>
|
||||
</div>
|
||||
|
||||
<div style="font-size: 0.75rem">
|
||||
@Html.Raw(HttpUtility.HtmlDecode(Model.TransportLoadingOrder.PostText))
|
||||
</div>
|
||||
|
||||
<div class="row pt-3" style="font-size: 0.85rem">
|
||||
<div class="col-4"></div>
|
||||
<div class="col-4"></div>
|
||||
<div class="col-4 text-center">
|
||||
Direktor <br /> @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Ceo)
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: none" id="footer1">@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Title), @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Street) @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.HouseNumber), @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.PostNumber) @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Post), @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Country.TranslationSlovenian); ID za DDV: @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.TaxNumber), E-pošta: @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Email), Tel.: @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Phone)</div>
|
||||
<div style="display: none" id="footer2">@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Bank); IBAN: @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.Iban); SWIFT/BIC: @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.Company.SwiftBic)</div>
|
||||
|
||||
</div>
|
||||
<div class="card-footer text-right">
|
||||
<button id="print" type="button" class="btn btn-primary ladda-button" data-style="zoom-out"><i class="ion ion-md-print"></i> Natisni</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@section Scripts {
|
||||
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
|
||||
|
||||
<!-- PDF -->
|
||||
<script src="~/vendor/libs/html2pdf.js/dist/html2pdf.bundle.min.js" asp-append-version="true"></script>
|
||||
|
||||
<script>
|
||||
var laddaPrint = Ladda.create(document.querySelector('#print'));
|
||||
|
||||
var element = document.getElementById('print-content');
|
||||
var opt = {
|
||||
pagebreak: { mode: 'avoid-all' },
|
||||
filename: 'nalog.pdf',
|
||||
image: { type: 'png' },
|
||||
enableLinks: false,
|
||||
margin: [5, 0, 13, 0],
|
||||
html2canvas: {
|
||||
scale: 4,
|
||||
scrollX: 0,
|
||||
scrollY: 0,
|
||||
dpi: 300,
|
||||
letterRendering: true
|
||||
},
|
||||
jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }
|
||||
};
|
||||
|
||||
function print() {
|
||||
laddaPrint.start();
|
||||
|
||||
html2pdf().set(opt).from(element).toPdf().get('pdf').then(function (pdf) {
|
||||
|
||||
var totalPages = pdf.internal.getNumberOfPages();
|
||||
for (i = 1; i <= totalPages; i++) {
|
||||
pdf.setPage(i);
|
||||
pdf.setFontSize(8);
|
||||
pdf.setTextColor(0);
|
||||
var fontSize = pdf.internal.getFontSize();
|
||||
var pageWidth = pdf.internal.pageSize.width;
|
||||
|
||||
var txt = $('#footer1').text();
|
||||
var txtWidth = pdf.getStringUnitWidth(txt) * fontSize / pdf.internal.scaleFactor;
|
||||
var x = (pageWidth - txtWidth) / 2;
|
||||
|
||||
pdf.text(x, pdf.internal.pageSize.getHeight() - 8, txt);
|
||||
|
||||
txt = $('#footer2').text();
|
||||
txtWidth = pdf.getStringUnitWidth(txt) * fontSize / pdf.internal.scaleFactor;
|
||||
x = (pageWidth - txtWidth) / 2;
|
||||
|
||||
pdf.text(x, pdf.internal.pageSize.getHeight() - 5, txt);
|
||||
|
||||
//pdf.addImage("YOUR_IMAGE", 'JPEG', pdf.internal.pageSize.getWidth() - 1.1, pdf.internal.pageSize.getHeight() - 0.25, 1, 0.2);
|
||||
}
|
||||
laddaPrint.stop();
|
||||
|
||||
window.open(pdf.output('bloburl'), '_blank');
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
//print();
|
||||
});
|
||||
|
||||
$("#print").click(function () {
|
||||
print();
|
||||
});
|
||||
</script>
|
||||
}
|
||||
Reference in New Issue
Block a user