From f5fac50e917d8eae74a644b608e0e60428c31e41 Mon Sep 17 00:00:00 2001
From: Cram42 <grant.leroux+github@gmail.com>
Date: Wed, 2 Nov 2022 19:31:34 +0800
Subject: [PATCH] Add preview pane

---
 resources/views/settings/labels.blade.php | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/resources/views/settings/labels.blade.php b/resources/views/settings/labels.blade.php
index dd9b302b2..1b589b715 100644
--- a/resources/views/settings/labels.blade.php
+++ b/resources/views/settings/labels.blade.php
@@ -20,8 +20,21 @@
         }
     </style>
 
+    <script>
+        function refreshPreview() {
+            var settingsOverride = {
+                'settings': Object.assign({}, ...$('#settingsForm')
+                    .serializeArray()
+                    .filter((value, index, all) => value.name.includes('label2_'))
+                    .map((value, index, all) => ({[value.name]: value.value})))
+            };
+            var params = $.param(settingsOverride);
+            var url = "{{ route('labels.show', ['labelName' => ':label']) }}".replace(':label', settingsOverride.settings.label2_template) + "?" + params;
+            $('iframe#framePreview').attr('src', url);
+        }
+    </script>
 
-    {{ Form::open(['method' => 'POST', 'files' => false, 'autocomplete' => 'off', 'class' => 'form-horizontal', 'role' => 'form' ]) }}
+    {{ Form::open(['id' => 'settingsForm', 'method' => 'POST', 'files' => false, 'autocomplete' => 'off', 'class' => 'form-horizontal', 'role' => 'form' ]) }}
     <!-- CSRF Token -->
     {{csrf_field()}}
 
@@ -60,6 +73,8 @@
                             <div class="form-group {{ $errors->has('label2_template') ? 'error' : '' }}">
                                 <div class="col-md-3">
                                     {{ Form::label('label2_template', trans('admin/settings/general.label2_template')) }}
+                                    <div>{{ Form::button('Refresh Preview', ['class'=>'btn btn-default btn-sm', 'style'=>'width:100%', 'onClick'=>'refreshPreview()']) }}</div>
+                                    <div><iframe id="framePreview" style="width:100%; height:400px;">Preview Here</iframe></div>
                                 </div>
                                 <div class="col-md-9">
                                     <table