✨ feat(MainframeEmailEditor): Remplace l'attribut type par la classe CSS.

🎨 style(admin.scss): Ajoute le style de base pour les modules et le padding.
✨ feat(preview.twig): Ajoute un exemple de texte dans le template de prévisualisation.

assets/admin.scss

@@ -64,6 +64,12 @@ input {
     background: #ffffff;
     z-index: 500;
 
+    .md-ctrl{
+        border: 1px solid black;
+        display: flex;
+        padding: 0.5rem;
+        margin-bottom: 0.25rem;
+    }
     .side-modal{
         overflow-y: auto;
         height: 100%;
@@ -216,6 +222,7 @@ input {
             border-left: 1px solid black;
             border-bottom: 1px solid black;
             border-right: 1px solid black;
+            padding: 0.5rem;
             ul {
                 display: block;
                 min-height: 50px;

assets/class/MainframeEmailEditor.js

@@ -583,8 +583,9 @@ export class MainframeEmailEditor extends HTMLElement {
                                         let configModules = {};
                                         event.to.querySelectorAll('li').forEach((eleModule, posModule) => {
                                             if(eleModule.classList.contains('module-item')){
+                                                let mType = eleModule.classList[1];
                                                 let moduleItem = document.createElement('div');
-                                                moduleItem.classList.add('md-ctrl '+eleModule.getAttribute('type'));
+                                                moduleItem.classList = 'md-ctrl '+mType;
                                                 eleModule.replaceWith(moduleItem);
                                             }
                                         });

templates/mails/preview.twig

@@ -14,7 +14,8 @@
 
                     </mj-column>
                     <mj-column background-color="{{item.config.backgroundColor_2}}">
-                        COL TWO
+                        <mj-text font-size="20px" color="#F45E43" font-family="helvetica">Hello World</mj-text>
+
                     </mj-column>
                 {% endif%}
                 {% if item.type == "505050col"  %}