From 0dd03fa8941b9e376655372fafc9247df4e60eb5 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 14 Jun 2022 18:27:50 +0200
Subject: [PATCH] wip #4210 @2

---
 app/Fields/FluidbookTheme.php                 | 20 +++++---
 app/Models/FluidbookTheme.php                 |  2 +-
 .../packages/fluidbook/toolbox/css/style.less |  4 +-
 .../fields/fluidbook_theme_selector.blade.php | 51 +++++++++++++++++--
 .../fluidbook_translation_overwrite.blade.php |  1 -
 .../views/fluidbook_theme/preview.blade.php   |  2 -
 6 files changed, 64 insertions(+), 16 deletions(-)

diff --git a/app/Fields/FluidbookTheme.php b/app/Fields/FluidbookTheme.php
index c4f0f48b1..8ac7318aa 100644
--- a/app/Fields/FluidbookTheme.php
+++ b/app/Fields/FluidbookTheme.php
@@ -4,16 +4,24 @@
 namespace App\Fields;
 
 
-use Cubist\Backpack\Magic\Fields\SelectFromModel;
+use Cubist\Backpack\Magic\Fields\SelectFromArray;
 
-class FluidbookTheme extends SelectFromModel
+class FluidbookTheme extends SelectFromArray
 {
     protected $_adminType = 'fluidbook_theme_selector';
-    protected $_viewNamespace='fields';
+    protected $_viewNamespace = 'fields';
 
-    public function __construct($attributes)
+    public function getOptions()
     {
-        $attributes['optionsmodel'] = \App\Models\FluidbookTheme::class;
-        parent::__construct($attributes);
+        return self::getThemeSelectorOptions();
+    }
+
+    public static function getThemeSelectorOptions()
+    {
+        $res = [];
+        foreach (\App\Models\FluidbookTheme::orderBy('id', 'DESC')->get() as $theme) {
+            $res[$theme['id']] = $theme->name . ' (#' . $theme->id . ')';
+        }
+        return $res;
     }
 }
diff --git a/app/Models/FluidbookTheme.php b/app/Models/FluidbookTheme.php
index c22d5867d..78d61f413 100644
--- a/app/Models/FluidbookTheme.php
+++ b/app/Models/FluidbookTheme.php
@@ -749,7 +749,7 @@ class FluidbookTheme extends ToolboxModel
 
     public static function getThemePreviewURL($id, $params = [], $page = 2)
     {
-        $defaultParams = ['shortLoading' => '1'];
+        $defaultParams = [/*'shortLoading' => '1'*/];
         $params = array_merge($defaultParams, $params);
 
         if (count($params) > 0) {
diff --git a/public/packages/fluidbook/toolbox/css/style.less b/public/packages/fluidbook/toolbox/css/style.less
index 9788f4c1d..35833a9ee 100644
--- a/public/packages/fluidbook/toolbox/css/style.less
+++ b/public/packages/fluidbook/toolbox/css/style.less
@@ -374,7 +374,9 @@ body.embeded {
 
     main > div > .row > div {
         max-width: 100%;
-        flex: none;
+    }
+
+    main > div > .row > div {
     }
 }
 
diff --git a/resources/views/fields/fluidbook_theme_selector.blade.php b/resources/views/fields/fluidbook_theme_selector.blade.php
index 9f798707c..916a76ecc 100644
--- a/resources/views/fields/fluidbook_theme_selector.blade.php
+++ b/resources/views/fields/fluidbook_theme_selector.blade.php
@@ -2,6 +2,7 @@
     @php $seenThemeSelector=true;@endphp
     @push('crud_fields_scripts')
         <script>
+            var hadThemeEditorOpen = false;
             var selector = '.select2_from_array[name="{{$field['name']}}"]';
             $(function () {
                 $(document).on('change', selector, function () {
@@ -17,15 +18,52 @@
                     ifr.css('height', ih);
                     $('.themeSelector .preview').css('max-height', (ih / 2) + 10);
                 }
+
+                setInterval(function () {
+                    checkThemeEditor();
+                }, 1000);
             });
 
+            function checkThemeEditor() {
+
+                if ($(".featherlight-content iframe").length === 0) {
+                    // No theme editor window open
+                    if (hadThemeEditorOpen) {
+                        hadThemeEditorOpen = false;
+                        // Reload theme viewer after editor has been closed
+                        var iframe = $('.themeSelector #themePreviewIframe');
+                        iframe.get(0).contentWindow.location = $(iframe).attr('src');
+                        console.log('reload preview theme');
+                    }
+                    return;
+                }
+                $(".featherlight-content iframe").each(function () {
+                    var c = this.contentWindow.location.pathname.toString().split('/');
+                    var idx = c.indexOf('fluidbook-theme');
+                    if (idx > 0 && c.indexOf('edit') >= 0) {
+                        hadThemeEditorOpen = true;
+                        var id = c[idx + 1];
+                        if (id != $(selector).val()) {
+                            if ($(selector).find('option[value="' + id + '"]').length === 0) {
+                                $(selector).append('<option value="' + id + '">Theme #' + id + '</option>');
+                                $(selector).trigger('change');
+                            }
+                            setTimeout(function () {
+                                $(selector).val(id);
+                                $(selector).trigger('change');
+                            }, 250);
+                        }
+                    }
+                });
+            }
+
 
             function updateThemeSelector() {
                 var themeID = $(selector).val();
                 var iframe = $('.themeSelector .preview iframe');
                 $(iframe).attr('src', $(iframe).data('url').replace(/\$id/, themeID));
                 $(".themeSelector .actions a").each(function () {
-                    $(this).attr('href', $(this).data('url').replace(/\$id/, themeID));
+                    $(this).attr('href', $(this).data('url').replace(/\$id/, themeID) + '&ajax=' + $(selector).data('ajax') + '&entry={{addcslashes(get_class($entry),'\\')}}&id={{$entry->id}}&name={{$field['name']}}');
                 });
                 var url = '{{backpack_url('/fluidbook-theme/$id/infos')}}'.replace(/\$id/, themeID);
                 $.ajax({
@@ -57,7 +95,7 @@
             }
 
             .themeSelector .preview {
-                width: 70%;
+                width: 60%;
                 display: inline-block;
                 overflow: hidden;
             }
@@ -72,9 +110,10 @@
 
             .themeSelector .actions {
                 display: inline-block;
-                width: 30%;
+                width: 40%;
                 vertical-align: top;
                 padding: 0 0 0 20px;
+                white-space: normal;
             }
 
             .themeSelector .actions a {
@@ -99,9 +138,11 @@
         <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
+        <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-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
+        <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/fields/fluidbook_translation_overwrite.blade.php b/resources/views/fields/fluidbook_translation_overwrite.blade.php
index 6c349fa4e..77e2a496e 100644
--- a/resources/views/fields/fluidbook_translation_overwrite.blade.php
+++ b/resources/views/fields/fluidbook_translation_overwrite.blade.php
@@ -5,7 +5,6 @@
             var allTranslations =@json(\App\Models\FluidbookTranslate::getAllFluidbookTranslations());
             var locale = $('select[name="locale"]').val();
             $(document).on('change', 'select[name="locale"]', function () {
-                console.log(locale);
                 locale = $('select[name="locale"]').val()
                 updateTranslationOverwrite();
             });
diff --git a/resources/views/fluidbook_theme/preview.blade.php b/resources/views/fluidbook_theme/preview.blade.php
index dcdf5f1a7..8002b95b5 100644
--- a/resources/views/fluidbook_theme/preview.blade.php
+++ b/resources/views/fluidbook_theme/preview.blade.php
@@ -33,12 +33,10 @@
                         var name = $(k).val();
                         variables[name] = filename;
                     });
-                    console.log(variables);
 
                     var json = JSON.stringify(variables);
                     var url = previewURL.replace('&theme=', '&theme=' + encodeURIComponent(json));
                     document.getElementById('themePreviewIframe').src = url;
-
                 });
             });
         })(jQuery);
-- 
2.39.5