Merge pull request #546 from magento/514_1_content-snapshot-category-admin-page

#514: User sees content snapshot on Cate…

Author: omiroshnichenko

app/code/Magento/PageBuilder/view/adminhtml/ui_component/category_form.xml

@@ -12,6 +12,7 @@
                 <item name="config" xsi:type="array">
                     <item name="wysiwygConfigData" xsi:type="array">
                         <item name="is_pagebuilder_enabled" xsi:type="boolean">true</item>
+                        <item name="pagebuilder_content_snapshot" xsi:type="boolean">true</item>
                         <item name="pagebuilder_button" xsi:type="boolean">true</item>
                     </item>
                 </item>

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

@@ -39,7 +39,8 @@ define([
         initialize: function () {
             this._super();
 
-            if (!this.wysiwygConfigData()['pagebuilder_button']) {
+            if (!this.wysiwygConfigData()['pagebuilder_button'] ||
+                this.wysiwygConfigData()['pagebuilder_content_snapshot']) {
                 this.initPageBuilder();
             }
 
@@ -91,10 +92,11 @@ define([
                     component: this,
                     selector: this.stageSelector
                 }, this.disableDomObserver.bind(this));
-            }
 
-            if (!this.wysiwygConfigData()['pagebuilder_button']) {
-                this.visiblePageBuilder(true);
+                if (!this.wysiwygConfigData()['pagebuilder_button'] ||
+                    this.wysiwygConfigData()['pagebuilder_content_snapshot']) {
+                    this.visiblePageBuilder(true);
+                }
             }
         },
 
@@ -166,7 +168,8 @@ define([
                         }.bind(this), 350);
                     }
 
-                    if (this.wysiwygConfigData()['pagebuilder_button']) {
+                    if (this.wysiwygConfigData()['pagebuilder_button'] &&
+                        !this.wysiwygConfigData()['pagebuilder_content_snapshot']) {
                         // Force full screen mode whilst the animation occurs
                         this.transitionOut(true);
                         // Trigger animation out
@@ -186,7 +189,8 @@ define([
                         });
                     }
 
-                    if (this.wysiwygConfigData()['pagebuilder_button']) {
+                    if (this.wysiwygConfigData()['pagebuilder_button'] &&
+                        !this.wysiwygConfigData()['pagebuilder_content_snapshot']) {
                         this.visiblePageBuilder(true);
 
                         fullScreenDeferred.resolve();

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

@@ -6,7 +6,7 @@
 -->
 
 <div visible="visible" css="{'_disabled': disabled}">
-    <button if="wysiwygConfigData()['pagebuilder_button']"
+    <button if="wysiwygConfigData()['pagebuilder_button'] || wysiwygConfigData()['pagebuilder_content_snapshot']"
             type="button"
             class="action-default action"
             ko-disabled="disabled"
@@ -16,8 +16,8 @@
     <if args="isComponentInitialized">
         <div visible="visiblePageBuilder"
              class="pagebuilder-wysiwyg-wrapper"
-             css="{'pagebuilder-transition-in': wysiwygConfigData()['pagebuilder_button'], 'trigger-transition': transition, 'pagebuilder-transition-out': transitionOut}">
-            <with args="pageBuilder">
+             css="{'pagebuilder-transition-in': wysiwygConfigData()['pagebuilder_button'] && !wysiwygConfigData()['pagebuilder_content_snapshot'], 'trigger-transition': transition, 'pagebuilder-transition-out': transitionOut}">
+        <with args="pageBuilder">
                 <render />
             </with>
         </div>