From 5be926925bb9f8ee8d04633eb98fa49453fb0b37 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 14 Jun 2022 10:01:30 +0200
Subject: [PATCH] wip #4210 @0.5

---
 app/Models/Base/ToolboxModel.php              |  1 +
 .../fields/fluidbook_theme_selector.blade.php | 26 +++++++++++++++++--
 .../views/fluidbook_theme/preview.blade.php   |  2 +-
 3 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/app/Models/Base/ToolboxModel.php b/app/Models/Base/ToolboxModel.php
index 726575fa6..f4f3a6a85 100644
--- a/app/Models/Base/ToolboxModel.php
+++ b/app/Models/Base/ToolboxModel.php
@@ -36,6 +36,7 @@ class ToolboxModel extends CubistMagicAbstractModel
             'column' => true,
             'can' => static::$_permissionBase . ':admin',
             'column_attribute' => 'companyWithNameOnTwoLines',
+            'column_escape' => false,
             'attribute' => 'companyWithName',
             'default' => Auth::id()
         ];
diff --git a/resources/views/fields/fluidbook_theme_selector.blade.php b/resources/views/fields/fluidbook_theme_selector.blade.php
index a8943759b..9f798707c 100644
--- a/resources/views/fields/fluidbook_theme_selector.blade.php
+++ b/resources/views/fields/fluidbook_theme_selector.blade.php
@@ -27,6 +27,23 @@
                 $(".themeSelector .actions a").each(function () {
                     $(this).attr('href', $(this).data('url').replace(/\$id/, themeID));
                 });
+                var url = '{{backpack_url('/fluidbook-theme/$id/infos')}}'.replace(/\$id/, themeID);
+                $.ajax({
+                    url: url,
+                    dataType: 'json',
+                    success: function (data) {
+                        $(".themeSelector .actions .name").text(data.name);
+                        $(".themeSelector .actions .id").text(data.id);
+                        $(".themeSelector .actions .owner").html(htmlDecode(data.columns.owner));
+                        $(".themeSelector .actions .created_at").html(data.columns.created_at);
+                        $(".themeSelector .actions .updated_at").html(data.columns.updated_at);
+                    }
+                });
+            }
+
+            function htmlDecode(input) {
+                var doc = new DOMParser().parseFromString(input, "text/html");
+                return doc.documentElement.textContent;
             }
 
         </script>
@@ -77,9 +94,14 @@
             id="themePreviewIframe" src="" frameborder="0" allowfullscreen></iframe>
     </div>
     <div class="actions">
-        <a data-url="{{backpack_url('fluidbook-theme/$id/clone-edit')}}" class="btn btn-sm btn-secondary"><i
+        <h4><span class="name"></span> <span style="font-weight: normal;font-style: italic;font-size: 80%">#<span
+                    class="id"></span></span></h4>
+        <p class="owner"></p>
+        <p>{{__('Crée le')}} <span style="font-weight: bold" class="created_at"></span><br>
+            {{__('Mise à jour le')}} <span style="font-weight: bold" class="updated_at"></span></p>
+        <a data-featherlight="iframe" data-featherlight-iframe-style="display:block;width:85vw;height:85vh;" data-url="{{backpack_url('fluidbook-theme/$id/clone-edit')}}?embeded=1" class="btn btn-sm btn-secondary"><i
                 class="la la-clone"></i> {{__('Dupliquer et éditer')}}</a>
-        <a data-url="{{backpack_url('fluidbook-theme/$id/edit')}}" class="btn btn-sm btn-success"><i
+        <a data-featherlight="iframe" data-featherlight-iframe-style="display:block;width:85vw;height:85vh;" data-url="{{backpack_url('fluidbook-theme/$id/edit')}}?embeded=1" class="btn btn-sm btn-success"><i
                 class="la la-edit"></i> {{__('Éditer')}}
         </a>
     </div>
diff --git a/resources/views/fluidbook_theme/preview.blade.php b/resources/views/fluidbook_theme/preview.blade.php
index d2f7da535..dcdf5f1a7 100644
--- a/resources/views/fluidbook_theme/preview.blade.php
+++ b/resources/views/fluidbook_theme/preview.blade.php
@@ -49,7 +49,7 @@
     <style type="text/css">
         #themePreview {
             position: relative;
-            padding-bottom: 75%;
+            padding-bottom: 60%;
         }
 
         #themePreview iframe {
-- 
2.39.5