Repository navigation
ngDialog + ngPrint #25
Description
Is there any example how to use ngPrint with ngDialog?
I have a weird behaviour. I open a dialog which exceeds the window size (have to scoll for full content) and implemented ngPrint
i attached an report and the screenshot where i click on the print button, to see, the first page is complete nonsense and i see the background where the dialog was opened?
As you see i refer to the correct div, which should be printed.
Comparison Report
<span class="border border-primary"></span>
<div>
<b>API:</b> {{selectedApi.name}}</br>
<b>Version:</b> {{selectedVersion.number}}</br>
<b>Revision:</b> {{selectedFile.timestamp}}</br>
</div>
<b><p class="p-3 mb-2 bg-primary text-white text-center">COMPARED TO</p></b>
<div>
<b>API:</b> {{comparedTo(selectedComparisonReport).api}}</br>
<b>Version:</b> {{comparedTo(selectedComparisonReport).version}}</br>
<b>Revision:</b> {{comparedTo(selectedComparisonReport).revision}}</br>
</div>
</br>
<h2>Change Log:</h2>
<div>
<h3 class="newEndpoints">New Endpoints: {{selectedComparisonReport.paths.new.length}}</h3>
<h3 class="removedEndpoints">Removed Endpoints: {{selectedComparisonReport.paths.removed.length}}</h3>
<h3 class="changedEndpoints">Changed Endpoints: {{selectedComparisonReport.paths.changed.length}}</h3>
</div>
</br>
<h2>Changes:</h2>
<div class="p-3 mb-2 bg-success text-dark"><b>What's new</b></div>
<ul>
<div ng-repeat=" new in selectedComparisonReport.paths.new">
<li><b>{{new.endpoint}}</b> // {{new.description}}</li>
</div>
</ul>
<div class="p-3 mb-2 bg-danger text-dark"><h3><b>What's removed</b></h3></div>
<ul>
<div ng-repeat=" removed in selectedComparisonReport.paths.removed">
<li><b>{{removed.endpoint}}</b> // {{removed.description}}</li>
</div>
</ul>
<div class="p-3 mb-2 bg-warning text-dark"><h3><b>What's changed</b></h3></div>
<div>
<ul>
<div ng-repeat="changed in selectedComparisonReport.paths.changed">
<br>
<li><b>{{changed.endpoint}}</b> // {{changed.description}}</li>
<ul>
<div ng-if = "changed.parameter != null">
<p class="text-info">Parameter</p>
<ul>
<div ng-repeat="parameter in changed.parameter">
<li><b>{{parameter.change}}</b> // {{parameter.description}}</li>
</div>
</ul>
</div>
<div ng-if = "changed.returntype != null">
<p class="text-info">Return Type</p>
<ul>
<div ng-repeat="returntype in changed.returntype">
<li><b>{{returntype.change}}</b> // {{returntype.description}}</li>
</div>
</ul>
</div>
</ul>
<br>
-------------------------------------------------------------------
</div>
</ul>
</div>
Activity