From 6bfc866f1db9ca75bc627fe8ff2679486868cc00 Mon Sep 17 00:00:00 2001
From: Awilum <awilum@msn.com>
Date: Mon, 26 Aug 2019 21:04:04 +0300
Subject: [PATCH] refactor(admin-plugin): decouple js components from base.html
 #186

Decouple:
- trumbowyg
---
 site/plugins/admin/views/partials/base.html   | 32 +------------------
 .../admin/views/partials/trumbowyg.html       | 28 ++++++++++++++++
 2 files changed, 29 insertions(+), 31 deletions(-)
 create mode 100644 site/plugins/admin/views/partials/trumbowyg.html

diff --git a/site/plugins/admin/views/partials/base.html b/site/plugins/admin/views/partials/base.html
index 5e111a7c..d4eb6d84 100644
--- a/site/plugins/admin/views/partials/base.html
+++ b/site/plugins/admin/views/partials/base.html
@@ -239,9 +239,7 @@
         {% endif %}
 
         {% set admin_build = base_url() ~ '/site/plugins/admin/assets/dist/js/admin-build.min.js' %}
-
         {% do assets.add('js', admin_build, 'admin', 1) %}
-
         {% for assets_admin in assets.get('js', 'admin') %}
             {% for assets_by_priorities in assets_admin %}
                 <script type="text/javascript" src="{{ assets_by_priorities.asset }}"></script>
@@ -252,39 +250,11 @@
     {% include "plugins/admin/views/partials/messenger.html" %}
     {% include "plugins/admin/views/partials/clipboard.html" %}
     {% include "plugins/admin/views/partials/custom-file-input.html" %}
-
+    {% include "plugins/admin/views/partials/trumbowyg.html" %}
 
     <script type="text/javascript">
-
             $(document).ready(function() {
 
-                $.trumbowyg.svgPath =  '{{base_url()}}/site/plugins/admin/assets/dist/fonts/trumbowyg/icons.svg';
-                $('.js-html-editor').trumbowyg({
-                    btnsDef: {
-                        // Customizables dropdowns
-                        image: {
-                            dropdown: ['insertImage', 'noembed'],
-                            ico: 'insertImage'
-                        }
-                    },
-                    btns: [
-                        ['undo', 'redo'], // Only supported in Blink browsers
-                        ['formatting'],
-                        ['strong', 'em', 'del'],
-                        ['link'],
-                        ['image'],
-                        ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
-                        ['unorderedList', 'orderedList'],
-                        ['table'],
-                        ['removeformat'],
-                        ['fullscreen'],
-                        ['viewHTML']
-                    ],
-                    lang: '{{ locale }}',
-                    autogrow: false,
-                    removeformatPasted: true
-                });
-
                 $('.js-save-form-submit').click(function() {
                     $("#form" ).submit();
                 });
diff --git a/site/plugins/admin/views/partials/trumbowyg.html b/site/plugins/admin/views/partials/trumbowyg.html
new file mode 100644
index 00000000..e6c81b2b
--- /dev/null
+++ b/site/plugins/admin/views/partials/trumbowyg.html
@@ -0,0 +1,28 @@
+<script type="text/javascript">
+    $.trumbowyg.svgPath =  '{{base_url()}}/site/plugins/admin/assets/dist/fonts/trumbowyg/icons.svg';
+    $('.js-html-editor').trumbowyg({
+        btnsDef: {
+            // Customizables dropdowns
+            image: {
+                dropdown: ['insertImage', 'noembed'],
+                ico: 'insertImage'
+            }
+        },
+        btns: [
+            ['undo', 'redo'], // Only supported in Blink browsers
+            ['formatting'],
+            ['strong', 'em', 'del'],
+            ['link'],
+            ['image'],
+            ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
+            ['unorderedList', 'orderedList'],
+            ['table'],
+            ['removeformat'],
+            ['fullscreen'],
+            ['viewHTML']
+        ],
+        lang: '{{ locale }}',
+        autogrow: false,
+        removeformatPasted: true
+    });
+</script>