API tools faq
paste
Advertisement
Guest User

Viewer.cshtml

a guest
Jan 27th, 2017
343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.68 KB | None | 0 0
raw download clone embed print report
  1. @{
  2.     Layout = null;
  3. }
  4. @{
  5.         var jss = new System.Web.Script.Serialization.JavaScriptSerializer();
  6.         var b = jss.Serialize(ViewBag.b);
  7. }
  8. <!DOCTYPE html>
  9. <html dir="ltr">
  10. <head>
  11.     <meta charset="utf-8">
  12.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  13.     <title>PDF.js Viewer</title>
  14.     <!--#if FIREFOX || MOZCENTRAL-->
  15.     <!--#include viewer-snippet-firefox-extension.html-->
  16.     <!--#endif-->
  17.  
  18.     <link href="@Url.Content("~/pdf.js/viewer.css")" rel="stylesheet" type="text/css" />
  19.     <!--#if !(FIREFOX || MOZCENTRAL || CHROME)-->
  20.     <script type="text/javascript" src="@Url.Content("~/pdf.js/compatibility.js")"> </script>
  21.     <!--#endif-->
  22.     <script type="text/javascript" src="@Url.Content("~/pdf.js/l10n.js")"> </script>
  23.     <script type="text/javascript" src="@Url.Content("~/pdf.js/core.js")"> </script>
  24.     <script type="text/javascript" src="@Url.Content("~/pdf.js/util.js")"> </script>
  25.     <script type="text/javascript" src="@Url.Content("~/pdf.js/api.js")"> </script>
  26.     <script type="text/javascript" src="@Url.Content("~/pdf.js/metadata.js")"> </script>
  27.     <script type="text/javascript" src="@Url.Content("~/pdf.js/canvas.js")"> </script>
  28.     <script type="text/javascript" src="@Url.Content("~/pdf.js/obj.js")"> </script>
  29.     <script type="text/javascript" src="@Url.Content("~/pdf.js/function.js")"> </script>
  30.     <script type="text/javascript" src="@Url.Content("~/pdf.js/charsets.js")"> </script>
  31.     <script type="text/javascript" src="@Url.Content("~/pdf.js/cidmaps.js")"> </script>
  32.     <script type="text/javascript" src="@Url.Content("~/pdf.js/colorspace.js")"> </script>
  33.     <script type="text/javascript" src="@Url.Content("~/pdf.js/crypto.js")"> </script>
  34.     <script type="text/javascript" src="@Url.Content("~/pdf.js/evaluator.js")"> </script>
  35.     <script type="text/javascript" src="@Url.Content("~/pdf.js/fonts.js")"> </script>
  36.     <script type="text/javascript" src="@Url.Content("~/pdf.js/glyphlist.js")"> </script>
  37.     <script type="text/javascript" src="@Url.Content("~/pdf.js/image.js")"> </script>
  38.     <script type="text/javascript" src="@Url.Content("~/pdf.js/metrics.js")"> </script>
  39.     <script type="text/javascript" src="@Url.Content("~/pdf.js/parser.js")"> </script>
  40.     <script type="text/javascript" src="@Url.Content("~/pdf.js/pattern.js")"> </script>
  41.     <script type="text/javascript" src="@Url.Content("~/pdf.js/stream.js")"> </script>
  42.     <script type="text/javascript" src="@Url.Content("~/pdf.js/worker.js")"> </script>
  43.     <script type="text/javascript" src="@Url.Content("~/pdf.js/jpg.js")"> </script>
  44.     <script type="text/javascript" src="@Url.Content("~/pdf.js/jpx.js")"> </script>
  45.     <script type="text/javascript" src="@Url.Content("~/pdf.js/jbig2.js")"> </script>
  46.     <script type="text/javascript" src="@Url.Content("~/pdf.js/bidi.js")"> </script>
  47.     <script type="text/javascript">
  48.         var THEFILEPATH = '';
  49.        
  50.         var url = '@Url.Content("~/pdf.js/worker_loader.js")';
  51.         PDFJS.workerSrc = url;
  52.  
  53.         var bb = JSON.parse('@Html.Raw(b)');
  54.         console.log(bb);
  55.         PDFJS.getDocument({data:bb});
  56.     </script>
  57.  
  58.     <!--#if GENERIC || CHROME-->
  59.     <!--#include viewer-snippet.html-->
  60.     <!--#endif-->
  61.  
  62.     <script type="text/javascript" src="@Url.Content("~/pdf.js/viewer.js")"> </script>
  63.     <script type="text/javascript" src="@Url.Content("~/pdf.js/debugger.js")"> </script>
  64. </head>
  65. <body>
  66.     <div id="outerContainer">
  67.  
  68.         <div id="sidebarContainer">
  69.             <div id="toolbarSidebar">
  70.                 <div class="splitToolbarButton toggled">
  71.                     <button id="viewThumbnail" class="toolbarButton group toggled" title="Show Thumbnails" tabindex="1" data-l10n-id="thumbs">
  72.                         <span data-l10n-id="thumbs_label">Thumbnails</span>
  73.                     </button>
  74.                     <button id="viewOutline" class="toolbarButton group" title="Show Document Outline" tabindex="2" data-l10n-id="outline">
  75.                         <span data-l10n-id="outline_label">Document Outline</span>
  76.                     </button>
  77.                 </div>
  78.             </div>
  79.             <div id="sidebarContent">
  80.                 <div id="thumbnailView">
  81.                 </div>
  82.                 <div id="outlineView" class="hidden">
  83.                 </div>
  84.             </div>
  85.         </div>
  86.         <!-- sidebarContainer -->
  87.  
  88.         <div id="mainContainer">
  89.             <div class="findbar hidden doorHanger" id="findbar">
  90.                 <label for="findInput" class="toolbarLabel" data-l10n-id="find_label">Find:</label>
  91.                 <input id="findInput" class="toolbarField" tabindex="20">
  92.                 <div class="splitToolbarButton">
  93.                     <button class="toolbarButton findPrevious" title="" id="findPrevious" tabindex="21" data-l10n-id="find_previous">
  94.                         <span data-l10n-id="find_previous_label">Previous</span>
  95.                     </button>
  96.                     <div class="splitToolbarButtonSeparator"></div>
  97.                     <button class="toolbarButton findNext" title="" id="findNext" tabindex="22" data-l10n-id="find_next">
  98.                         <span data-l10n-id="find_next_label">Next</span>
  99.                     </button>
  100.                 </div>
  101.                 <input type="checkbox" id="findHighlightAll" class="toolbarField">
  102.                 <label for="findHighlightAll" class="toolbarLabel" tabindex="23" data-l10n-id="find_highlight">Highlight all</label>
  103.                 <input type="checkbox" id="findMatchCase" class="toolbarField">
  104.                 <label for="findMatchCase" class="toolbarLabel" tabindex="24" data-l10n-id="find_match_case_label">Match case</label>
  105.                 <span id="findMsg" class="toolbarLabel"></span>
  106.             </div>
  107.             <div class="toolbar">
  108.                 <div id="toolbarContainer">
  109.                     <div id="toolbarViewer">
  110.                         <div id="toolbarViewerLeft">
  111.                             <button id="sidebarToggle" class="toolbarButton" title="Toggle Sidebar" tabindex="3" data-l10n-id="toggle_slider">
  112.                                 <span data-l10n-id="toggle_slider_label">Toggle Sidebar</span>
  113.                             </button>
  114.                             <div class="toolbarButtonSpacer"></div>
  115.                             <button id="viewFind" class="toolbarButton group" title="Find in Document" tabindex="4" data-l10n-id="findbar">
  116.                                 <span data-l10n-id="findbar_label">Find</span>
  117.                             </button>
  118.                             <div class="splitToolbarButton">
  119.                                 <button class="toolbarButton pageUp" title="Previous Page" id="previous" tabindex="5" data-l10n-id="previous">
  120.                                     <span data-l10n-id="previous_label">Previous</span>
  121.                                 </button>
  122.                                 <div class="splitToolbarButtonSeparator"></div>
  123.                                 <button class="toolbarButton pageDown" title="Next Page" id="next" tabindex="6" data-l10n-id="next">
  124.                                     <span data-l10n-id="next_label">Next</span>
  125.                                 </button>
  126.                             </div>
  127.                             <label id="pageNumberLabel" class="toolbarLabel" for="pageNumber" data-l10n-id="page_label">Page: </label>
  128.                             <input type="number" id="pageNumber" class="toolbarField pageNumber" value="1" size="4" min="1" tabindex="7">
  129.                             </input>
  130.                             <span id="numPages" class="toolbarLabel"></span>
  131.                         </div>
  132.                         <div id="toolbarViewerRight">
  133.                             <input id="fileInput" class="fileInput" type="file" oncontextmenu="return false;" style="visibility: hidden; position: fixed; right: 0; top: 0" />
  134.  
  135.  
  136.                             <button id="fullscreen" class="toolbarButton fullscreen" title="Switch to Presentation Mode" tabindex="11" data-l10n-id="presentation_mode">
  137.                                 <span data-l10n-id="presentation_mode_label">Presentation Mode</span>
  138.                             </button>
  139.  
  140.                             <button id="openFile" class="toolbarButton openFile" title="Open File" tabindex="12" data-l10n-id="open_file">
  141.                                 <span data-l10n-id="open_file_label">Open</span>
  142.                             </button>
  143.  
  144.                             <button id="print" class="toolbarButton print" title="Print" tabindex="13" data-l10n-id="print">
  145.                                 <span data-l10n-id="print_label">Print</span>
  146.                             </button>
  147.  
  148.                             <button id="download" class="toolbarButton download" title="Download" tabindex="14" data-l10n-id="download">
  149.                                 <span data-l10n-id="download_label">Download</span>
  150.                             </button>
  151.                             <!-- <div class="toolbarButtonSpacer"></div> -->
  152.                             <a href="#" id="viewBookmark" class="toolbarButton bookmark" title="Current view (copy or open in new window)" tabindex="15" data-l10n-id="bookmark"><span data-l10n-id="bookmark_label">Current View</span></a>
  153.                         </div>
  154.                         <div class="outerCenter">
  155.                             <div class="innerCenter" id="toolbarViewerMiddle">
  156.                                 <div class="splitToolbarButton">
  157.                                     <button class="toolbarButton zoomOut" title="Zoom Out" tabindex="8" data-l10n-id="zoom_out">
  158.                                         <span data-l10n-id="zoom_out_label">Zoom Out</span>
  159.                                     </button>
  160.                                     <div class="splitToolbarButtonSeparator"></div>
  161.                                     <button class="toolbarButton zoomIn" title="Zoom In" tabindex="9" data-l10n-id="zoom_in">
  162.                                         <span data-l10n-id="zoom_in_label">Zoom In</span>
  163.                                     </button>
  164.                                 </div>
  165.                                 <span id="scaleSelectContainer" class="dropdownToolbarButton">
  166.                                     <select id="scaleSelect" title="Zoom" oncontextmenu="return false;" tabindex="10" data-l10n-id="zoom">
  167.                                         <option id="pageAutoOption" value="auto" selected="selected" data-l10n-id="page_scale_auto">Automatic Zoom</option>
  168.                                         <option id="pageActualOption" value="page-actual" data-l10n-id="page_scale_actual">Actual Size</option>
  169.                                         <option id="pageFitOption" value="page-fit" data-l10n-id="page_scale_fit">Fit Page</option>
  170.                                         <option id="pageWidthOption" value="page-width" data-l10n-id="page_scale_width">Full Width</option>
  171.                                         <option id="customScaleOption" value="custom"></option>
  172.                                         <option value="0.5">50%</option>
  173.                                         <option value="0.75">75%</option>
  174.                                         <option value="1">100%</option>
  175.                                         <option value="1.25">125%</option>
  176.                                         <option value="1.5">150%</option>
  177.                                         <option value="2">200%</option>
  178.                                     </select>
  179.                                 </span>
  180.                             </div>
  181.                         </div>
  182.                     </div>
  183.                 </div>
  184.             </div>
  185.  
  186.             <menu type="context" id="viewerContextMenu">
  187.                 <menuitem label="First Page" id="first_page"
  188.                    data-l10n-id="first_page"></menuitem>
  189.                 <menuitem label="Last Page" id="last_page"
  190.                    data-l10n-id="last_page"></menuitem>
  191.                 <menuitem label="Rotate Counter-Clockwise" id="page_rotate_ccw"
  192.                    data-l10n-id="page_rotate_ccw"></menuitem>
  193.                 <menuitem label="Rotate Clockwise" id="page_rotate_cw"
  194.                    data-l10n-id="page_rotate_cw"></menuitem>
  195.             </menu>
  196.  
  197.             <div id="viewerContainer">
  198.                 <div id="viewer" contextmenu="viewerContextMenu"></div>
  199.             </div>
  200.  
  201.             <div id="loadingBox">
  202.                 <div id="loading"></div>
  203.                 <div id="loadingBar">
  204.                     <div class="progress"></div>
  205.                 </div>
  206.             </div>
  207.  
  208.             <div id="errorWrapper" hidden='true'>
  209.                 <div id="errorMessageLeft">
  210.                     <span id="errorMessage"></span>
  211.                     <button id="errorShowMore" onclick="" oncontextmenu="return false;" data-l10n-id="error_more_info">
  212.                         More Information
  213.                     </button>
  214.                     <button id="errorShowLess" onclick="" oncontextmenu="return false;" data-l10n-id="error_less_info" hidden='true'>
  215.                         Less Information
  216.                     </button>
  217.                 </div>
  218.                 <div id="errorMessageRight">
  219.                     <button id="errorClose" oncontextmenu="return false;" data-l10n-id="error_close">
  220.                         Close
  221.                     </button>
  222.                 </div>
  223.                 <div class="clearBoth"></div>
  224.                 <textarea id="errorMoreInfo" hidden='true' readonly="readonly"></textarea>
  225.             </div>
  226.         </div>
  227.         <!-- mainContainer -->
  228.     </div>
  229.     <!-- outerContainer -->
  230.     <div id="printContainer">
  231.     </div>
  232. </body>
  233. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!