From eb3528fa9fb339a1f96e2db325c0a82f8c392d71 Mon Sep 17 00:00:00 2001
From: Cristian <cristian@swapps.com>
Date: Tue, 11 Aug 2020 12:14:13 -0500
Subject: [PATCH] feat: Add readability output to legacy index.html

---
 archivebox/index/schema.py                 |  2 ++
 archivebox/themes/legacy/link_details.html | 12 ++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/archivebox/index/schema.py b/archivebox/index/schema.py
index 2129f5d3..c3b6ce8c 100644
--- a/archivebox/index/schema.py
+++ b/archivebox/index/schema.py
@@ -407,6 +407,7 @@ class Link:
             'wget_path': wget_output_path(self),
             'warc_path': 'warc',
             'singlefile_path': 'singlefile.html',
+            'readability_path': 'readability/content.html',
             'pdf_path': 'output.pdf',
             'screenshot_path': 'screenshot.png',
             'dom_path': 'output.html',
@@ -427,6 +428,7 @@ class Link:
                 'screenshot_path': static_path,
                 'dom_path': static_path,
                 'singlefile_path': static_path,
+                'readability_path': static_path,
             })
         return canonical
 
diff --git a/archivebox/themes/legacy/link_details.html b/archivebox/themes/legacy/link_details.html
index 447552ad..1dabae2d 100644
--- a/archivebox/themes/legacy/link_details.html
+++ b/archivebox/themes/legacy/link_details.html
@@ -348,6 +348,18 @@
                           </div>
                         </div>
                     </div>
+                    <div class="col-lg-2">
+                        <div class="card">
+                          <iframe class="card-img-top" src="$readability_path" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no"></iframe>
+                          <div class="card-body">
+                            <a href="$readability_path" style="float:right" title="Open in new tab..." target="_blank" rel="noopener">
+                                <img src="../../static/external.png" class="external"/>
+                            </a>
+                            <a href="$readability_path" target="preview"><h4 class="card-title">Readability</h4></a>
+                            <p class="card-text">archive/readability/...</p>
+                          </div>
+                        </div>
+                    </div>
                     <div class="col-lg-2">
                         <div class="card">
                           <iframe class="card-img-top pdf-frame" src="$pdf_path" scrolling="no"></iframe>