Add PDF container (#24)

examples/basic_example.yaml

@@ -25,6 +25,11 @@ pages:
       csv_file: ./example_data.csv
       filtering: True
 
+ - title: PDF example
+   content:
+    - container: EmbedPdf
+      pdf_file: ./example.pdf
+
  - title: Syntax highlighting example
    content:
     - container: SyntaxHighlighter

webviz_config/containers/__init__.py

@@ -13,14 +13,16 @@
 from ._data_table import DataTable
 from ._syntax_highlighter import SyntaxHighlighter
 from ._table_plotter import TablePlotter
+from ._embed_pdf import EmbedPdf
 
 __all__ = ['ExampleContainer',
            'ExampleAssets',
            'ExamplePortable',
            'BannerImage',
            'DataTable',
            'SyntaxHighlighter',
-           'TablePlotter']
+           'TablePlotter',
+           'EmbedPdf']
 
 for entry_point in pkg_resources.iter_entry_points('webviz_config_containers'):
     globals()[entry_point.name] = entry_point.load()

webviz_config/containers/_embed_pdf.py

@@ -0,0 +1,35 @@
+from pathlib import Path
+import dash_html_components as html
+from ..webviz_assets import webviz_assets
+
+
+class EmbedPdf:
+    '''### Embed PDF file
+
+This container embeds a given PDF file into the page.
+
+* `pdf_file`: Path to the PDF file to include. Either absolute path or
+  relative to the configuration file.
+* `height`: Height of the PDF object (in percent of viewport height).
+* `width`: Width of the PDF object (in percent of available space).
+
+_Note_: Webviz does not scan your PDF for malicious code.
+Make sure it comes from a trusted source.
+'''
+
+    def __init__(self, pdf_file: Path, height: int = 80, width: int = 100):
+        self.pdf_url = webviz_assets.add(pdf_file)
+        self.height = height
+        self.width = width
+
+    @property
+    def layout(self):
+
+        style = {
+                 'height': f'{self.height}vh',
+                 'width': f'{self.width}%'
+                }
+
+        return html.Embed(src=self.pdf_url,
+                          style=style,
+                          type='application/pdf')

webviz_config/themes/_theme_class.py

@@ -10,7 +10,9 @@
     'base-uri': '\'self\'',
     'form-action': '\'self\'',
     'frame-ancestors': '\'none\'',
-    'object-src': '\'none\'',
+    'child-src': '\'none\'',
+    'object-src': '\'self\'',
+    'plugin-types': 'application/pdf'
 }
 
 '''