Scribd
Upload
23 views

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
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
23 views

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
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