report print - missing page break fix
This commit is contained in:
parent
3ab5a50f74
commit
87b3db64d3
8 changed files with 38 additions and 10 deletions
|
@ -17,7 +17,7 @@
|
|||
|
||||
@using Wonky.Entity.Views
|
||||
|
||||
<div class="report-page d-block">
|
||||
<div class="report-page-item d-block">
|
||||
<table class="table table-sm table-striped table-bordered d-print-table">
|
||||
<thead>
|
||||
<tr class="bg-light text-black">
|
||||
|
|
|
@ -27,6 +27,7 @@
|
|||
<th scope="col"></th>
|
||||
<th scope="col"></th>
|
||||
<th scope="col"></th>
|
||||
<th scope="col"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
@ -46,15 +47,15 @@
|
|||
</label>
|
||||
</td>
|
||||
<td class="align-middle">
|
||||
<a class="btn btn-light border-dark" href="/tasks/@task.TaskItemId"><i class="oi oi-calendar"></i></a>
|
||||
<a class="btn btn-light border-dark" href="/tasks/@task.TaskItemId">
|
||||
<i class="oi oi-calendar"></i>
|
||||
</a>
|
||||
</td>
|
||||
@*
|
||||
<td class="align-middle">
|
||||
<button type="button" class="btn btn-light border-dark" @onclick="() => CallConfirmationModal(task.TaskItemId)">
|
||||
<i class="oi oi-circle-x"></i>
|
||||
</button>
|
||||
</td>
|
||||
*@
|
||||
<td class="align-middle">
|
||||
<button type="button" class="btn btn-light border-dark" @onclick="() => TaskCompleted(task.TaskItemId)">
|
||||
<i class="oi oi-check"></i>
|
||||
|
|
|
@ -229,6 +229,8 @@
|
|||
<th scope="col">Note</th>
|
||||
<th scope="col" class="text-end">sas</th>
|
||||
<th scope="col" class="text-end">Beløb</th>
|
||||
<th scope="col" class="text-center">T</th>
|
||||
<th scope="col" class="text-center">H</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
@ -242,12 +244,15 @@
|
|||
<td>@activity.OfficeNote</td>
|
||||
<td class="text-end">@activity.SasAmount</td>
|
||||
<td class="text-end">@activity.OrderAmount</td>
|
||||
<td class="text-center">@if(activity.OurRef.Contains("T:")){<i class="oi oi-phone"></i>}</td>
|
||||
<td class="text-center">@if(activity.Express){<i class="oi oi-flash"></i>}</td>
|
||||
</tr>
|
||||
}
|
||||
<tr>
|
||||
<td colspan="5"></td>
|
||||
<td class="text-end">Total</td>
|
||||
<td class="text-end">@_activities.Sum(x => x.OrderAmount)</td>
|
||||
<td colspan="2"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
@ -20,7 +20,7 @@
|
|||
@page "/sales-reports/view/{ReportDate}"
|
||||
@attribute [Authorize(Roles = "Advisor,Admin,Supervisor")]
|
||||
|
||||
<div class="report-page d-print-block">
|
||||
<div class="report-page">
|
||||
<div class="row mb-3 d-print-none">
|
||||
<div class="col-md-6 align-content-center">
|
||||
<h3 class="workDate">@DateTime.Parse(ReportDate).ToLongDateString()</h3>
|
||||
|
@ -57,6 +57,11 @@
|
|||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<div class="report-page">
|
||||
|
||||
</div>
|
||||
|
||||
@if (_items.Any())
|
||||
{
|
||||
@foreach (var item in _items)
|
||||
|
|
|
@ -62,6 +62,10 @@
|
|||
|
||||
</div>
|
||||
|
||||
<div class="report-page">
|
||||
|
||||
</div>
|
||||
|
||||
@if (_items.Any())
|
||||
{
|
||||
@foreach (var item in _items)
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"appInfo": {
|
||||
"name": "Wonky Client",
|
||||
"version": "0.10.93",
|
||||
"version": "0.10.101",
|
||||
"rc": true,
|
||||
"sandBox": false,
|
||||
"image": "grumpy-coder.png"
|
||||
|
|
|
@ -149,11 +149,24 @@ footer.version {
|
|||
color-adjust: exact;
|
||||
}
|
||||
.report-page {
|
||||
/*break-before: page;*/
|
||||
break-after: page;
|
||||
/*break-before: page;*/
|
||||
|
||||
height: initial;
|
||||
|
||||
border: initial;
|
||||
border-radius: initial;
|
||||
box-shadow: initial;
|
||||
margin: 0;
|
||||
width: initial;
|
||||
-webkit-print-color-adjust: exact;
|
||||
color-adjust: exact;
|
||||
}
|
||||
.report-page-item {
|
||||
break-after: page;
|
||||
break-inside: avoid-page;
|
||||
|
||||
height: initial;
|
||||
/*font-size: 10px;*/
|
||||
border: initial;
|
||||
border-radius: initial;
|
||||
box-shadow: initial;
|
|
@ -13,7 +13,7 @@
|
|||
<meta name="theme-color" content="#000" />
|
||||
<base href="/" />
|
||||
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="css/app.css" rel="stylesheet" />
|
||||
<link href="css/app-v0.10.101.css" rel="stylesheet" />
|
||||
<link href="Wonky.Client.styles.css" rel="stylesheet" />
|
||||
<link href="_content/Blazored.Toast/blazored-toast.min.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
|
Loading…
Reference in a new issue