#514: User sees content snapshot on Category Page in Admin Panel - #1 Added a stage to the category page

Author: Lukasz Borowiec

app/code/Magento/PageBuilder/view/adminhtml/web/js/form/element/wysiwyg.js

@@ -25,7 +25,7 @@ define([
             elementSelector: '> textarea',
             stageSelector: '.pagebuilder-stage-wrapper',
             pageBuilder: false,
-            visiblePageBuilder: false,
+            visiblePageBuilder: true,
             isComponentInitialized: false,
             wysiwygConfigData: {},
             pageBuilderEditButtonText: $t('Edit with Page Builder'),
@@ -38,10 +38,7 @@ define([
          */
         initialize: function () {
             this._super();
-
-            if (!this.wysiwygConfigData()['pagebuilder_button']) {
-                this.initPageBuilder();
-            }
+            this.initPageBuilder();
 
             return this;
         },
@@ -92,10 +89,6 @@ define([
                     selector: this.stageSelector
                 }, this.disableDomObserver.bind(this));
             }
-
-            if (!this.wysiwygConfigData()['pagebuilder_button']) {
-                this.visiblePageBuilder(true);
-            }
         },
 
         /**
@@ -165,41 +158,13 @@ define([
                             });
                         }.bind(this), 350);
                     }
-
-                    if (this.wysiwygConfigData()['pagebuilder_button']) {
-                        // Force full screen mode whilst the animation occurs
-                        this.transitionOut(true);
-                        // Trigger animation out
-                        this.transition(false);
-
-                        // Reset the transition out class and hide the stage
-                        _.delay(function () {
-                            this.transitionOut(false);
-                            this.visiblePageBuilder(false);
-                        }.bind(this), 185);
-                    }
                 } else if (args.fullScreen) {
                     if (this.isWithinModal && this.modal) {
                         this.modal.css({
                             transform: 'none',
                             transition: 'none'
                         });
                     }
-
-                    if (this.wysiwygConfigData()['pagebuilder_button']) {
-                        this.visiblePageBuilder(true);
-
-                        fullScreenDeferred.resolve();
-
-                        /* eslint-disable max-depth */
-                        // If the stage has already rendered once we don't need to wait until animating the stage in
-                        if (rendered) {
-                            _.defer(function () {
-                                this.transition(true);
-                            }.bind(this));
-                        }
-                        /* eslint-enable max-depth */
-                    }
                 }
             }.bind(this));
 

app/code/Magento/PageBuilder/view/adminhtml/web/template/form/element/wysiwyg.html

@@ -6,17 +6,15 @@
 -->
 
 <div visible="visible" css="{'_disabled': disabled}">
-    <button if="wysiwygConfigData()['pagebuilder_button']"
-            type="button"
+    <button type="button"
             class="action-default action"
             ko-disabled="disabled"
             click="pageBuilderEditButtonClick.bind($data)">
         <span translate="pageBuilderEditButtonText" />
     </button>
     <if args="isComponentInitialized">
         <div visible="visiblePageBuilder"
-             class="pagebuilder-wysiwyg-wrapper"
-             css="{'pagebuilder-transition-in': wysiwygConfigData()['pagebuilder_button'], 'trigger-transition': transition, 'pagebuilder-transition-out': transitionOut}">
+             class="pagebuilder-wysiwyg-wrapper">
             <with args="pageBuilder">
                 <render />
             </with>