Scribd
Upload
29 views1 page

Report Logbook HTML

This document contains code for generating a printable logbook report from an Angular application. It includes a button to print the report as a PDF, code to display asset name and image, and code to render a logbook component conditionally based on valid request with input parameters like asset, dates, and flags to configure the component for printing.

Uploaded by

Nikola Nikolić
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
29 views1 page

Report Logbook HTML

This document contains code for generating a printable logbook report from an Angular application. It includes a button to print the report as a PDF, code to display asset name and image, and code to render a logbook component conditionally based on valid request with input parameters like asset, dates, and flags to configure the component for printing.

Uploaded by

Nikola Nikolić
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

<div style="width:100%; text-align: center;">

<!-- <button kendoButton (click)="reportEngine.printLocalContainerToPDF(pdf)"


style="margin: 0 auto;">Print as PDF</button> -->
<button kendoButton (click)="printReport(logbook)" style="margin: 0 auto;">Print
as PDF</button>
</div>
<br><br>

<div #logbook>
<div class="asset">Asset: {{reportEngine.asset.name}}</div>
<br><br>

<div class="report-image-container">
<img *ngIf="base64UrlSrc$ | async; let base64UrlSrc" [src]="base64UrlSrc">
</div>

<div *ngIf="reportEngine.requestIsValid">
<app-logBook
[usePrintingFont]="isPrinting"
[asset]="reportEngine.asset"
[fromDate]="reportEngine.startDate"
[toDate]="reportEngine.endDate"
[showValues]="false"
[showTimeSelector]="false"
[updateableFromOutside]="true"
[reportPage]="true"
></app-logBook>
</div>

</div>

You might also like