Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
Original file line number Diff line number Diff line change
@@ -1,13 +1,19 @@
<Project Sdk="Microsoft.NET.Sdk.Razor">
<Project Sdk="Microsoft.NET.Sdk.Razor">

<PropertyGroup>
<PackageTags>Bootstrap Blazor WebAssembly wasm UI Components Pdf Reader</PackageTags>
<Description>Bootstrap UI components extensions of PdfReader</Description>
</PropertyGroup>

<ItemGroup>
<PackageReference Include="UAParser" Version="3.1.47" />
<PackageReference Include="BootstrapBlazor" Version="$(BBVersion)" />
<Content Remove="wwwroot\pdf.mjs" />
<Content Remove="wwwroot\pdf.worker.mjs" />
<None Include="wwwroot\lib\pdf.mjs" />
<None Include="wwwroot\lib\pdf.worker.mjs" />
</ItemGroup>

<ItemGroup>
<ProjectReference Include="..\..\..\..\BootstrapBlazor\src\BootstrapBlazor\BootstrapBlazor.csproj" />
</ItemGroup>

<ItemGroup>
Expand Down
45 changes: 32 additions & 13 deletions src/components/BootstrapBlazor.PdfReader/PdfReader.razor
Original file line number Diff line number Diff line change
@@ -1,14 +1,33 @@
@namespace BootstrapBlazor.Components
@using Microsoft.AspNetCore.Components.Web
@namespace BootstrapBlazor.Components
@inherits BootstrapModuleComponentBase

@if (Debug)
{
<p>@(Url??UrlDebug)</p>
}
@if (!string.IsNullOrEmpty(ErrorMessage))
{
<p>@ErrorMessage</p>
}
<iframe @ref="Element"
allow="fullscreen"
style="@($"border: none; width: {Width}; height: {Height};{StyleString}")"
src=@Url />
<div @attributes="@AdditionalAttributes" id="@Id" class="@ClassString" style="@StyleString">
<div class="bb-view-toolbar">
<div class="bb-view-title">
<div class="bb-view-icon bb-view-bar"><i class="fa-solid fa-bars"></i></div>
<span class="bb-view-subject">@_docTitle</span>
</div>
<div class="@ViewBodyString">
<input type="text" class="bb-view-num" value="1" /><span class="bb-view-slash">/</span><div>14</div>
<div class="bb-view-divider"></div>
<div class="bb-view-icon"><i class="fa-solid fa-minus"></i></div>
<input type="text" class="bb-view-scale" value="100%" />
<div class="bb-view-icon"><i class="fa-solid fa-plus"></i></div>
<div class="bb-view-divider"></div>
<div class="bb-view-icon bb-view-fit-page" @onclick="FitToPage"><i class="fa-solid fa-arrows-left-right-to-line"></i></div>
<div class="bb-view-icon bb-view-fit-width" @onclick="FitToWidth"><i class="fa-solid fa-arrows-left-right"></i></div>
<div class="bb-view-icon bb-view-fit-rotate"><i class="fa-solid fa-rotate-left"></i></div>
<div class="bb-view-divider"></div>
<div class="bb-view-icon bb-view-draw"><i class="fa-solid fa-pen-to-square"></i></div>
</div>
<div class="bb-view-controls">
<div class="bb-view-icon bb-view-download"><i class="fa-solid fa-arrow-right-to-bracket fa-rotate-90"></i></div>
<div class="bb-view-icon bb-view-print"><i class="fa-solid fa-print"></i></div>
<div class="bb-view-icon bb-view-home"><i class="fa-solid fa-flag"></i></div>
</div>
</div>
<div class="bb-view-container">
<div class="pdfViewer"></div>
</div>
</div>
Loading