Feature/video media read (#410)

* v0.0.0 * add media button to ckeditor * fix js * final cleanup and fixes * CR feedback
BitBagCommerce · Jan 11, 2022 · 4320890 · 4320890
1 parent 1520a27
commit 4320890
Show file tree

Hide file tree

Showing 12 changed files with 441 additions and 237 deletions.
diff --git a/src/Resources/assets/admin/js/bitbag/bitbag-media-autocomplete.js b/src/Resources/assets/admin/js/bitbag/bitbag-media-autocomplete.js
@@ -79,7 +79,7 @@ export class HandleAutoComplete {
             const data = await res.json();
 
             this._addToSelectMenu(data);
-            this.selectMenu.firstChild.click();
+            this.selectMenu?.firstChild?.click();
 
             triggerCustomEvent(this.mediaContainer, 'cms.media.saved.reload.completed', data);
         } catch (error) {
@@ -127,7 +127,7 @@ export class HandleAutoComplete {
     _addToSelectMenu(arr) {
         triggerCustomEvent(this.mediaContainer, 'cms.media.display.update.start');
         this.selectMenu.innerHTML = '';
-        arr.forEach((item) => {
+        arr?.forEach((item) => {
             this.selectMenu.insertAdjacentHTML('beforeend', this._itemTemplate(item.path, item.code.trim()));
         });
         triggerCustomEvent(this.mediaContainer, 'cms.media.display.update.end');

diff --git a/src/Resources/assets/admin/scss/_css.scss b/src/Resources/assets/admin/scss/_css.scss
@@ -1,10 +1,10 @@
 #bitbag-cms-resource-preview-modal {
-    height: 90%;
+    height: 100%;
 }
 
 #bitbag-cms-resource-preview-modal iframe {
     width: 100%;
-    height: 600px;
+    height: 100vh;
 }
 
 #bitbag-cms-resource-preview-modal .ui.header {
@@ -52,6 +52,7 @@
 }
 
 .media-list__item__input {
+    z-index: 99;
     position: absolute !important;
     bottom: 10px;
     right: 10px;

diff --git a/src/Resources/config/fos_ck_editor/fos_ck_editor.yml b/src/Resources/config/fos_ck_editor/fos_ck_editor.yml
@@ -7,10 +7,14 @@ fos_ck_editor:
             forcePasteAsPlainText: 'allow-word'
             allowedContent: true
             extraPlugins:
-                - 'media'
+                - 'mediaVideo'
+                - 'mediaImage'
     plugins:
-        media:
-            path: '/bundles/bitbagsyliuscmsplugin/js/ckeditor-plugins/media/'
+        mediaVideo:
+            path: '/bundles/bitbagsyliuscmsplugin/js/ckeditor-plugins/video/'
+            filename: 'plugin.js'
+        mediaImage:
+            path: '/bundles/bitbagsyliuscmsplugin/js/ckeditor-plugins/image/'
             filename: 'plugin.js'
     toolbars:
         configs:
@@ -26,4 +30,4 @@ fos_ck_editor:
                 - '@standard.paragraph'
                 - '@standard.about'
         items:
-            standard.insert: ['Image', 'Media', 'Table', 'HorizontalRule', 'SpecialChar']
+            standard.insert: ['Image', 'MediaVideo', 'MediaImage', 'Table', 'HorizontalRule', 'SpecialChar']
diff --git a/src/Resources/public/.DS_Store b/src/Resources/public/.DS_Store