Merge branch '514_content-snapshot-category-admin-page' into 511_content-snapshot-product-admin-page

Author: Lukasz Borowiec

app/code/Magento/PageBuilder/i18n/en_US.csv

@@ -16,6 +16,7 @@ Page,Page
 "Page with ID: %s doesn't exist","Page with ID: %s doesn't exist"
 "ID: %s","ID: %s"
 Condition,Condition
+Photo upload is available in full screen mode,Photo upload is available in full screen mode
 "This will change your Admin and storefront by:","This will change your Admin and storefront by:"
 "Removing PageBuilder's advanced content tools","Removing PageBuilder's advanced content tools"
 "from their assigned text fields and adding a basic text editor as replacement.","from their assigned text fields and adding a basic text editor as replacement."

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/css/source/_common.less

@@ -48,3 +48,35 @@
         display: none !important;
     }
 }
+
+//
+//  Category Description
+//  ---------------------------------------------
+
+.catalog-category-edit {
+    .admin__fieldset {
+        > .admin__field {
+            &[data-index="description"] {
+                > .admin__field-label {
+                    text-align: left;
+                    
+                    label {
+                        span {
+                            &:before {
+                                left: 0;
+                            }
+                        }
+                    }
+                }
+                
+                > .admin__field-control {
+                    float: right;
+
+                    button.action-default {
+                        float: right;
+                    }
+                }
+            }
+        }
+    }
+}

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_page-builder.less

@@ -139,6 +139,29 @@
     }
 }
 
+.page-builder-wysiwyg-wrapper {
+    position: relative;
+
+    .pagebuilder-wysiwyg-overlay {
+        display: none;
+        height: 0;
+        left: 0;
+        position: absolute;
+        top: 0;
+        visibility: hidden;
+        width: 0;
+
+        &.active {
+            cursor: pointer;
+            display: block;
+            height: 100%;
+            visibility: visible;
+            width: 100%;
+            z-index: @z-index-2;
+        }
+    }
+}
+
 .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper {
     .pagebuilder-stage-wrapper.stage-full-screen;
 

app/code/Magento/PageBuilder/view/adminhtml/web/js/config.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();
             }
 
@@ -78,7 +79,11 @@ define([
         initPageBuilder: function () {
             if (!this.isComponentInitialized()) {
                 this.loading(true);
-                this.pageBuilder = new PageBuilder(this.wysiwygConfigData(), this.initialValue);
+                this.pageBuilder = new PageBuilder(
+                  this.wysiwygConfigData(),
+                  this.initialValue,
+                  Boolean(this.wysiwygConfigData()['pagebuilder_content_snapshot'])
+                );
                 events.trigger('pagebuilder:register', {
                     ns: this.ns,
                     instance: this.pageBuilder
@@ -91,10 +96,15 @@ define([
                     component: this,
                     selector: this.stageSelector
                 }, this.disableDomObserver.bind(this));
-            }
 
-            if (!this.wysiwygConfigData()['pagebuilder_button']) {
-                this.visiblePageBuilder(true);
+                if (!this.wysiwygConfigData()['pagebuilder_button']) {
+                    this.visiblePageBuilder(true);
+                }
+
+                if (!this.wysiwygConfigData()['pagebuilder_button'] ||
+                    this.wysiwygConfigData()['pagebuilder_content_snapshot']) {
+                    this.visiblePageBuilder(true);
+                }
             }
         },
 
@@ -166,7 +176,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 +197,8 @@ define([
                         });
                     }
 
-                    if (this.wysiwygConfigData()['pagebuilder_button']) {
+                    if (this.wysiwygConfigData()['pagebuilder_button'] &&
+                        !this.wysiwygConfigData()['pagebuilder_content_snapshot']) {
                         this.visiblePageBuilder(true);
 
                         fullScreenDeferred.resolve();