BootstrapBlazor.Extensions/src/components/BootstrapBlazor.PdfReader/PdfReader.razor at 1322fff6d0f4f519c57b894dd0c38b12b4cec58c · BootstrapBlazor/BootstrapBlazor.Extensions · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
@using Microsoft.AspNetCore.Components.Web
@namespace BootstrapBlazor.Components
@inherits BootstrapModuleComponentBase

<div @attributes="@AdditionalAttributes" id="@Id" class="@ClassString" style="@StyleString">
    @if (ShowToolbar)
    {
        <div class="bb-view-toolbar init">
            <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" @bind="CurrentPageString" /><span class="bb-view-slash">/</span>
                <div class="bb-view-pagesCount"></div>
                <div class="bb-view-divider"></div>
                <div class="bb-view-icon bb-page-minus"><i class="fa-solid fa-fw fa-minus"></i></div>
                <input type="text" class="bb-view-scale-input" @bind="CurrentScaleString" />
                <div class="bb-view-icon bb-page-plus"><i class="fa-solid fa-fw fa-plus"></i></div>
                <div class="bb-view-scale">
                    <div class="bb-view-divider"></div>
                    <div class="bb-view-icon btn-group">
                        <button type="button" class="btn bb-view-fit-height" @onclick="() => SetFitMode(PdfReaderFitMode.PageHeight)"><i class="fa-solid fa-fw fa-arrows-left-right-to-line fa-rotate-90"></i></button>
                        <button type="button" class="btn bb-view-fit-width" @onclick="() => SetFitMode(PdfReaderFitMode.PageWidth)"><i class="fa-solid fa-fw fa-arrows-left-right-to-line"></i></button>
                        <button type="button" class="btn dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
                            <span class="visually-hidden">Toggle Dropdown</span>
                        </button>
                        <div class="dropdown-menu dropdown-menu-end">
                            <div class="dropdown-item" @onclick="() => SetFitMode(PdfReaderFitMode.PageActual)">page-actual</div>
                            <div class="dropdown-item" @onclick="() => SetFitMode(PdfReaderFitMode.PageWidth)">page-width</div>
                            <div class="dropdown-item" @onclick="() => SetFitMode(PdfReaderFitMode.PageHeight)">page-height</div>
                            <div class="dropdown-item" @onclick="() => SetFitMode(PdfReaderFitMode.PageFit)">page-fit</div>
                            <div class="dropdown-item" @onclick="() => SetFitMode(PdfReaderFitMode.Auto)">auto</div>
                        </div>
                    </div>
                    <div class="bb-view-icon bb-view-fit-rotate" @onclick="RotateLeft"><i class="fa-solid fa-fw fa-rotate-left"></i></div>
                    <div class="bb-view-icon bb-view-fit-rotate" @onclick="RotateRight"><i class="fa-solid fa-fw fa-rotate-right"></i></div>
                </div>
            </div>
            <div class="bb-view-controls">
                @if (ShowDownload)
                {
                    <div class="bb-view-icon bb-view-download" @onclick="OnDownload"><i class="fa-solid fa-fw fa-arrow-right-to-bracket fa-rotate-90"></i></div>
                }
                @if (ShowPrint)
                {
                    <div class="bb-view-icon bb-view-print"><i class="fa-solid fa-fw fa-print"></i></div>
                }
                <div class="dropdown">
                    <button type="button" class="btn dropdown-toggle" data-bs-toggle="dropdown">
                        <i class="@MoreButtonIcon"></i>
                    </button>
                    <div class="dropdown-menu shadow dropdown-menu-end">
                        @if (ShowTwoPagesOneView)
                        {
                            <div class="dropdown-item dropdown-item-pages" @onclick="OnToggleTwoPagesOneView"><i class="@_twoPagesOneViewIcon"></i><span>Two pages on view</span></div>
                            <Divider></Divider>
                        }
                        <div class="dropdown-item"><i class="fa-solid fa-fw"></i><span>Document properties</span></div>
                    </div>
                </div>
            </div>
        </div>
    }
    <div class="bb-view-main">
        @if (EnableThumbnails)
        {
            <div class="bb-view-thumbnails"></div>
        }
        <div class="bb-view-content">
            <div class="bb-view-container">
                <div class="pdfViewer"></div>
            </div>
        </div>
    </div>
</div>