[pdf file view] added sf_pdf_images_path and etc.

frontend/src/css/pdf-file-view.css

@@ -86,6 +86,30 @@
   background: #ff0;
   box-shadow: 0px 2px 10px #ff0;
 }
+
+.annotationLayer .textAnnotation img {
+  position: absolute;
+  cursor: pointer;
+}
+
+.annotationLayer .popupWrapper {
+  position: absolute;
+  width: 20em;
+}
+
+.annotationLayer .popup {
+  position: absolute;
+  z-index: 200;
+  max-width: 20em;
+  background-color: #FFFF99;
+  box-shadow: 0px 2px 5px #333;
+  border-radius: 2px;
+  padding: 0.6em;
+  margin-left: 5px;
+  cursor: pointer;
+  font: message-box;
+  word-wrap: break-word;
+}
 /* annotationLayer ends */
 #fileInput {
     display:none;

media/js/pdf/images/annotation-noicon.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="40"
+   height="40"
+   viewBox="0 0 40 40">
+</svg>

media/js/pdf/viewer.js

@@ -4395,7 +4395,7 @@ var defaultOptions = {
     kind: OptionKind.VIEWER
   },
   imageResourcesPath: {
-    value: './images/',
+    value: sf_pdf_images_path,
     kind: OptionKind.VIEWER
   },
   maxCanvasPixels: {

seahub/templates/document_file_view_react.html

@@ -17,6 +17,7 @@
 var commit_id = '{{ current_commit.id }}' || '{{ repo.head_cmmt_id }}';
 var sf_file_url = '{{ SITE_ROOT }}office-convert/static/{{ repo.id }}/' + commit_id + '{{ path|urlencode }}/fake.pdf';
 var sf_pdfworkerjs_url = '{{MEDIA_URL}}js/pdf/pdf.worker.min.js';
+var sf_pdf_images_path = '{{MEDIA_URL}}js/pdf/images/';
 </script>
 <script type="text/javascript" src="{{MEDIA_URL}}js/pdf/pdf.min.js"></script>
 {% endblock %}

seahub/templates/history_file_view_react.html

@@ -40,6 +40,7 @@ window.app.pageOptions = {
 <script type="text/javascript">
   var sf_file_url = '{{ raw_path|escapejs }}';
   var sf_pdfworkerjs_url = '{{MEDIA_URL}}js/pdf/pdf.worker.min.js';
+  var sf_pdf_images_path = '{{MEDIA_URL}}js/pdf/images/';
 </script>
 <script type="text/javascript" src="{{MEDIA_URL}}js/pdf/pdf.min.js"></script>
 <script type="text/javascript" src="{{MEDIA_URL}}js/pdf/viewer.js"></script>

seahub/templates/pdf_file_view_react.html

@@ -16,6 +16,7 @@
 <script type="text/javascript">
 var sf_file_url = '{{ raw_path|escapejs }}';
 var sf_pdfworkerjs_url = '{{MEDIA_URL}}js/pdf/pdf.worker.min.js';
+var sf_pdf_images_path = '{{MEDIA_URL}}js/pdf/images/';
 </script>
 <script type="text/javascript" src="{{MEDIA_URL}}js/pdf/pdf.min.js"></script>
 <script type="text/javascript" src="{{MEDIA_URL}}js/pdf/viewer.js"></script>

seahub/templates/shared_file_view_react.html

@@ -93,6 +93,7 @@
     <script type="text/javascript">
     var sf_file_url = '{{ raw_path|escapejs }}';
     var sf_pdfworkerjs_url = '{{MEDIA_URL}}js/pdf/pdf.worker.min.js';
+    var sf_pdf_images_path = '{{MEDIA_URL}}js/pdf/images/';
     </script>
     <script type="text/javascript" src="{{MEDIA_URL}}js/pdf/pdf.min.js"></script>
     <script type="text/javascript" src="{{MEDIA_URL}}js/pdf/viewer.js"></script>
@@ -102,6 +103,7 @@
       var commit_id = '{{ current_commit.id }}' || '{{ repo.head_cmmt_id }}';
       var sf_file_url = '{{ SITE_ROOT }}office-convert/static/{{ repo.id }}/' + commit_id + '{{ path|urlencode }}/fake.pdf?token={{shared_token}}';
       var sf_pdfworkerjs_url = '{{MEDIA_URL}}js/pdf/pdf.worker.min.js';
+      var sf_pdf_images_path = '{{MEDIA_URL}}js/pdf/images/';
     </script>
     <script type="text/javascript" src="{{MEDIA_URL}}js/pdf/pdf.min.js"></script>
 {% elif filetype == 'SpreadSheet' %}

seahub/templates/snippets/document_file_viewer.html

@@ -62,6 +62,7 @@ OfficePreviewer.prototype.check_status = function() {
 var commit_id = '{{ current_commit.id }}' || '{{ repo.head_cmmt_id }}';
 var sf_file_url = '{{ SITE_ROOT }}office-convert/static/{{ repo.id  }}/' + commit_id + '{{ path|urlencode  }}/fake.pdf?token={{shared_token}}';
 var sf_pdfworkerjs_url = '{{MEDIA_URL}}js/pdf/pdf.worker.min.js';
+var sf_pdf_images_path = '{{MEDIA_URL}}js/pdf/images/';
 OfficePreviewer.prototype.load_page = function() {
     $.getScript('{{MEDIA_URL}}js/pdf/viewer.js');
 };

seahub/templates/snippets/file_view_js.html

@@ -10,6 +10,7 @@
 <script type="text/javascript">
 var sf_file_url = "{{ raw_path|escapejs }}";
 var sf_pdfworkerjs_url = '{{MEDIA_URL}}js/pdf/pdf.worker.min.js';
+var sf_pdf_images_path = '{{MEDIA_URL}}js/pdf/images/';
 </script>
 <script type="text/javascript" src="{{MEDIA_URL}}js/pdf/pdf.min.js"></script>
 <script type="text/javascript" src="{{MEDIA_URL}}js/pdf/viewer.js"></script>

seahub/templates/view_file_pdf.html

@@ -18,6 +18,7 @@
 <script type="text/javascript">
 var sf_file_url = "{{ raw_path|escapejs }}";
 var sf_pdfworkerjs_url = '{{MEDIA_URL}}js/pdf/pdf.worker.min.js';
+var sf_pdf_images_path = '{{MEDIA_URL}}js/pdf/images/';
 </script>
 <script type="text/javascript" src="{{MEDIA_URL}}js/pdf/pdf.min.js"></script>
 <script type="text/javascript" src="{{MEDIA_URL}}js/pdf/viewer.js"></script>