From 776f3341f22e764c6cf1d093d8e1ac24961e1e36 Mon Sep 17 00:00:00 2001
From: Sean Molenaar <Sean.Molenaar@hva.nl>
Date: Fri, 28 Oct 2016 22:32:08 +0200
Subject: [PATCH] Extra info button

---
 src/PHPDraft/Out/HTML/default.css   | 12 +++++++++++-
 src/PHPDraft/Out/HTML/default.phtml | 19 +++++++++++++++++--
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/PHPDraft/Out/HTML/default.css b/src/PHPDraft/Out/HTML/default.css
index e44e0452..d3e9f390 100644
--- a/src/PHPDraft/Out/HTML/default.css
+++ b/src/PHPDraft/Out/HTML/default.css
@@ -12,7 +12,17 @@ div.main-url {
     line-break: loose;
     word-break: break-all;
 }
-
+button.extra-info.btn{
+    position: fixed;
+    bottom: 10px;
+    left: 10px;
+    border-radius: 30px;
+}
+button.extra-info.btn:focus {
+    border-width: 0px;
+    box-shadow: none;
+    outline: 0;
+}
 .request-panel > code, .popover-content {
     word-break: break-all;
 }
diff --git a/src/PHPDraft/Out/HTML/default.phtml b/src/PHPDraft/Out/HTML/default.phtml
index 4c523f13..609a06df 100644
--- a/src/PHPDraft/Out/HTML/default.phtml
+++ b/src/PHPDraft/Out/HTML/default.phtml
@@ -312,6 +312,22 @@ $base = $this->categories;
         </div>
     </div>
 </div>
+<?php $extras = array_filter($this->base_data, function ($value){
+    return !in_array($value, ['HOST', 'TITLE', 'ALT_HOST', 'FORMAT', 'DESC']);
+}, ARRAY_FILTER_USE_KEY);
+if (!empty($extras)):
+    $extras['host']=$this->base_data['HOST'];?>
+    <button
+        type="button"
+        class="btn btn-lg extra-info"
+        data-toggle="popover"
+        title="Extra info"
+        data-placement="top"
+        data-html="true"
+        data-content="<?php foreach ($extras as $key=>$value): ?><p><?= $key;?>: <?= $value;?></p><?php endforeach;?>">
+        <span class="glyphicon glyphicon-question-sign"></span>
+    </button>
+<?php endif;?>
 <?php foreach ($this->js as $js): ?>
     <script src="<?= $js ?>"></script>
 <?php endforeach; ?>
@@ -321,7 +337,6 @@ $base = $this->categories;
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
         integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
         crossorigin="anonymous"></script>
-<!--<script>--><?//= Minifier::minify_js(file_get_contents(__DIR__ . '/' . $this->template . '.js')); ?><!--</script>-->
-<script><?= file_get_contents(__DIR__ . '/' . $this->template . '.js'); ?></script>
+<script><?= Minifier::minify_js(file_get_contents(__DIR__ . '/' . $this->template . '.js')); ?></script>
 </body>
 </html>
\ No newline at end of file