BootstrapBlazor.Extensions/src/components/BootstrapBlazor.PdfReader/PdfReader.razor at 4485393a7875d39ef212b4813b92ceea84517cfc · 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
@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">
            <div class="bb-view-group bb-view-title">
                @if (EnableThumbnails)
                {
                    <div class="bb-view-icon bb-view-bar" title="@Localizer["ToggleSidebar"]"><i class="fa-solid fa-bars"></i></div>
                }
                <span class="bb-view-subject">@_docTitle</span>
            </div>
            <div class="@ViewBodyString">
                <div class="bb-view-group bb-view-group-page">
                    <input type="text" class="bb-view-num" @bind="CurrentPageString" /><span class="bb-view-slash">/</span>
                    <div class="bb-view-pagesCount"></div>
                </div>
                <div class="bb-view-group bb-view-group-scale">
                    <div class="bb-view-divider"></div>
                    <div class="bb-view-icon bb-page-minus" title="@Localizer["ZoomOut"]"><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" title="@Localizer["ZoomIn"]"><i class="fa-solid fa-fw fa-plus"></i></div>
                </div>
                <div class="bb-view-group bb-view-group-rotate">
                    <div class="bb-view-divider"></div>
                    <div class="bb-view-icon btn-group">
                        <button type="button" class="btn bb-view-fit-height" title="@Localizer["FitHeight"]" @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" title="@Localizer["FitWidth"]" @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 shadow">
                            <div class="dropdown-item" @onclick="() => SetFitMode(PdfReaderFitMode.PageActual)">@Localizer["PageActual"]</div>
                            <div class="dropdown-item" @onclick="() => SetFitMode(PdfReaderFitMode.PageWidth)">@Localizer["FitWidth"]</div>
                            <div class="dropdown-item" @onclick="() => SetFitMode(PdfReaderFitMode.PageHeight)">@Localizer["FitHeight"]</div>
                        </div>
                    </div>
                    <div class="bb-view-icon bb-view-fit-rotate" title="@Localizer["RotateLeft"]" @onclick="RotateLeft"><i class="fa-solid fa-fw fa-rotate-left"></i></div>
                    <div class="bb-view-icon bb-view-fit-rotate" title="@Localizer["RotateRight"]" @onclick="RotateRight"><i class="fa-solid fa-fw fa-rotate-right"></i></div>
                </div>
            </div>
            <div class="bb-view-group bb-view-controls">
                @if (ShowDownload)
                {
                    <div class="bb-view-icon bb-view-download" title="@Localizer["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" title="@Localizer["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">
                                <i class="@_dropdownItemCheckIcon"></i>
                                <i class="@_dropdownItemDefaultIcon"></i>
                                <span>@Localizer["TwoPageView"]</span>
                            </div>
                        }
                        @if (ShowPresentationMode)
                        {
                            <div class="dropdown-item dropdown-item-presentation">
                                <i class="@_dropdownItemCheckIcon"></i>
                                <i class="@_dropdownItemDefaultIcon"></i>
                                <span>@Localizer["PresentationMode"]</span>
                            </div>
                        }
                        @if (ShowTwoPagesOneView || ShowPresentationMode)
                        {
                            <Divider></Divider>
                        }
                        <div class="dropdown-item dropdown-item-doc">
                            <i class="@_dropdownItemDefaultIcon"></i>
                            <span>@Localizer["DocumentProperty"]</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>