Move inline JS to external file

1 files changed, 24 insertions, 25 deletions

diff --git a/templates/pdf.php b/templates/pdf.php
index 5add02f..04a38c4 100644
--- a/templates/pdf.php
+++ b/templates/pdf.php
@@ -19,6 +19,7 @@ limitations under the License.
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
+    <script type="text/javascript" src="<?php echo OC_Helper::linkTo('core', 'js/jquery-1.7.2.min.js'); ?>"></script>
 
     <link rel="stylesheet" href="<?php echo OC_Helper::linkTo('files_pdfviewer', 'css/pdf/viewer.css'); ?>"/>
 
@@ -36,6 +37,7 @@ limitations under the License.
             src="<?php echo OC_Helper::linkTo('files_pdfviewer', 'js/pdf/viewer.js'); ?>"></script>
 
     <script type="text/javascript" src="<?php echo OC_Helper::linkTo('files_pdfviewer', 'js/files.php'); ?>?file=<?php echo urlencode($_['file']); ?>&amp;dir=<?php echo urlencode($_['dir']); ?>"></script>
+    <script type="text/javascript" src="<?php echo OC_Helper::linkTo('files_pdfviewer', 'js/on_event.js'); ?>"></script>
 
 </head>
 
@@ -47,15 +49,15 @@ limitations under the License.
     <div id="sidebarContainer">
         <div id="toolbarSidebar" class="splitToolbarButton toggled">
             <button id="viewThumbnail" class="toolbarButton group toggled" title="Show Thumbnails"
-                    onclick="PDFView.switchSidebarView('thumbs')" tabindex="1" data-l10n-id="thumbs">
+                    tabindex="1" data-l10n-id="thumbs">
                 <span data-l10n-id="thumbs_label">Thumbnails</span>
             </button>
             <button id="viewOutline" class="toolbarButton group" title="Show Document Outline"
-                    onclick="PDFView.switchSidebarView('outline')" tabindex="2" data-l10n-id="outline">
+                     tabindex="2" data-l10n-id="outline">
                 <span data-l10n-id="outline_label">Document Outline</span>
             </button>
             <button id="viewSearch" class="toolbarButton group hidden" title="Search Document"
-                    onclick="PDFView.switchSidebarView('search')" tabindex="3" data-l10n-id="search_panel">
+                    tabindex="3" data-l10n-id="search_panel">
                 <span data-l10n-id="search_panel_label">Search Document</span>
             </button>
         </div>
@@ -66,9 +68,8 @@ limitations under the License.
             </div>
             <div id="searchView" class="hidden">
                 <div id="searchToolbar">
-                    <input id="searchTermsInput" class="toolbarField"
-                           onkeydown='if (event.keyCode == 13) PDFView.search()'>
-                    <button id="searchButton" class="textButton toolbarButton" onclick='PDFView.search()'
+                    <input id="searchTermsInput" class="toolbarField">
+                    <button id="searchButton" class="textButton toolbarButton"
                             data-l10n-id="search">Find
                     </button>
                 </div>
@@ -90,67 +91,65 @@ limitations under the License.
                         </button>
                         <div class="toolbarButtonSpacer"></div>
                         <div class="splitToolbarButton">
-                            <button class="toolbarButton pageUp" title="Previous Page" onclick="PDFView.page--"
+                            <button class="toolbarButton pageUp" id="pageUp" title="Previous Page"
                                     id="previous" tabindex="5" data-l10n-id="previous">
                                 <span data-l10n-id="previous_label">Previous</span>
                             </button>
                             <div class="splitToolbarButtonSeparator"></div>
-                            <button class="toolbarButton pageDown" title="Next Page" onclick="PDFView.page++" id="next"
+                            <button class="toolbarButton pageDown" id="pageDown" title="Next Page" id="next"
                                     tabindex="6" data-l10n-id="next">
                                 <span data-l10n-id="next_label">Next</span>
                             </button>
                         </div>
                         <label id="pageNumberLabel" class="toolbarLabel" for="pageNumber" data-l10n-id="page_label">Page: </label>
                         <input type="number" id="pageNumber" class="toolbarField pageNumber"
-                               onchange="PDFView.page = this.value;" value="1" size="4" min="1" tabindex="7">
+                               value="1" size="4" min="1" tabindex="7">
                         </input>
                         <span id="numPages" class="toolbarLabel"></span>
                     </div>
                     <div id="toolbarViewerRight">
-                        <input id="fileInput" class="fileInput" type="file" oncontextmenu="return false;"
+                        <input id="fileInput" class="fileInput" type="file" 
                                style="visibility: hidden; position: fixed; right: 0; top: 0"/>
 
 
                         <button id="fullscreen" class="toolbarButton fullscreen" title="Fullscreen" tabindex="11"
-                                data-l10n-id="fullscreen" onclick="PDFView.fullscreen();">
+                                data-l10n-id="fullscreen">
                             <span data-l10n-id="fullscreen_label">Fullscreen</span>
                         </button>
 
                         <button id="openFile" class="toolbarButton openFile" title="Open File" tabindex="12"
-                                data-l10n-id="open_file" onclick="document.getElementById('fileInput').click()">
+                                data-l10n-id="open_file">
                             <span data-l10n-id="open_file_label">Open</span>
                         </button>
 
-                        <button id="print" class="toolbarButton print" title="Print" tabindex="13" data-l10n-id="print"
-                                onclick="window.print()">
+                        <button id="print" class="toolbarButton print" title="Print" tabindex="13" data-l10n-id="print">
                             <span data-l10n-id="print_label">Print</span>
                         </button>
 
                         <button id="download" class="toolbarButton download" title="Download"
-                                onclick="PDFView.download();" tabindex="14" data-l10n-id="download">
+                                tabindex="14" data-l10n-id="download">
                             <span data-l10n-id="download_label">Download</span>
                         </button>
                         <!-- <div class="toolbarButtonSpacer"></div> -->
-                        <button id="close" class="toolbarButton close" onclick="window.parent.hidePDFviewer();"
+                        <button id="close" class="toolbarButton close"
                            title="Close" tabindex="15" data-l10n-id="close"><span
                             data-l10n-id="close_label">Close</span></button>
                     </div>
                     <div class="outerCenter">
                         <div class="innerCenter" id="toolbarViewerMiddle">
                             <div class="splitToolbarButton">
-                                <button class="toolbarButton zoomOut" title="Zoom Out" onclick="PDFView.zoomOut();"
+                                <button class="toolbarButton zoomOut"  id="zoomOut" title="Zoom Out" 
                                         tabindex="8" data-l10n-id="zoom_out">
                                     <span data-l10n-id="zoom_out_label">Zoom Out</span>
                                 </button>
                                 <div class="splitToolbarButtonSeparator"></div>
-                                <button class="toolbarButton zoomIn" title="Zoom In" onclick="PDFView.zoomIn();"
+                                <button class="toolbarButton zoomIn" id="zoomIn" title="Zoom In"
                                         tabindex="9" data-l10n-id="zoom_in">
                                     <span data-l10n-id="zoom_in_label">Zoom In</span>
                                 </button>
                             </div>
                   <span id="scaleSelectContainer" class="dropdownToolbarButton">
-                     <select id="scaleSelect" onchange="PDFView.parseScale(this.value);" title="Zoom"
-                             oncontextmenu="return false;" tabindex="10" data-l10n-id="zoom">
+                     <select id="scaleSelect" title="Zoom" tabindex="10" data-l10n-id="zoom">
                          <option id="pageAutoOption" value="auto" selected="selected" data-l10n-id="page_scale_auto">
                              Automatic Zoom
                          </option>
@@ -189,16 +188,16 @@ limitations under the License.
         <div id="errorWrapper" hidden='true'>
             <div id="errorMessageLeft">
                 <span id="errorMessage"></span>
-                <button id="errorShowMore" onclick="" oncontextmenu="return false;" data-l10n-id="error_more_info">
+                <button id="errorShowMore" data-l10n-id="error_more_info">
                     More Information
                 </button>
-                <button id="errorShowLess" onclick="" oncontextmenu="return false;" data-l10n-id="error_less_info"
+                <button id="errorShowLess" data-l10n-id="error_less_info"
                         hidden='true'>
                     Less Information
                 </button>
             </div>
             <div id="errorMessageRight">
-                <button id="errorClose" oncontextmenu="return false;" data-l10n-id="error_close">
+                <button id="errorClose" data-l10n-id="error_close">
                     Close
                 </button>
             </div>
@@ -207,9 +206,9 @@ limitations under the License.
         </div>
     </div>
     <!-- mainContainer -->
-
 </div>
+
 <!-- outerContainer -->
 <div id="printContainer"></div>
 
-</body>
+</body>
\ No newline at end of file