#514: User sees content snapshot on Category page in Admin Panel #3 - Merged develop, added support for images preview

Author: Lukasz Borowiec

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/js/config.js

@@ -79,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
@@ -97,8 +101,8 @@ define([
                     this.visiblePageBuilder(true);
                 }
 
-                if (this.wysiwygConfigData()['pagebuilder_content_snapshot']) {
-                    this.pageBuilder.setContentSnapshotMode(true);
+                if (!this.wysiwygConfigData()['pagebuilder_button'] ||
+                    this.wysiwygConfigData()['pagebuilder_content_snapshot']) {
                     this.visiblePageBuilder(true);
                 }
             }

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/preview.js

@@ -13,6 +13,13 @@
                     <iframe frameborder="0" allowfullscreen attr="data.video.attributes" if="isHosted(data.video.attributes().src)"/>
                     <video frameborder="0" controls attr="data.video.attributes()" ifnot="isHosted(data.video.attributes().src)" afterRender="onAfterRender"/>
                     <i class="icon-pagebuilder-video pagebuilder-video-placeholder" ifnot="data.video.attributes().src"/>
+
+                    <ifnot args="$parent.accessibility() && data.video.attributes().src">
+                        <div class="image-uploader-preview-information">
+                            <h4 class="title" translate="'Preview Mode'"></h4>
+                            <p class="description" translate="'If you want to upload an image, run the full-screen mode'"></p>
+                        </div>
+                    </ifnot>
                 </div>
             </div>
         </div>