restored the simplenews templating system for d8

web/modules/custom/materio_simplenews/materio_simplenews.links.action.yml

@@ -0,0 +1,17 @@
+materio_simplenews.actions:
+  deriver: 'Drupal\materio_simplenews\Plugin\Derivative\DynamicLocalActions'
+
+  # materio_simplenews.simplenews_daily_add:
+#   route_name: node.add
+#   route_parameters:
+#     node_type: 'simplenews_issue'
+#   title: 'Add Daily'
+#   appears_on:
+#     - view.simplenews_newsletters.page_1
+# materio_simplenews.simplenews_newsletter_add:
+#   route_name: node.add
+#   route_parameters:
+#     node_type: 'simplenews_issue'
+#   title: 'Add Newsletter'
+#   appears_on:
+#     - view.simplenews_newsletters.page_1

web/modules/custom/materio_simplenews/materio_simplenews.module

@@ -3,3 +3,31 @@
 function materio_simplenews_entity_type_alter(array &$entity_types) {
   $entity_types['simplenews_subscriber']->setFormClass('materio_block', '\Drupal\materio_simplenews\Form\MaterioSubscriptionsBlockForm');
 }
+
+
+/**
+  * Implements hook_form_alter().
+  */
+// node_simplenews_issue_edit_form
+// function materio_simplenews_form_alter(&$form, &$form_state, $form_id) {
+function materio_simplenews_form_node_simplenews_issue_form_alter(&$form, &$form_state, $form_id) {
+  if(isset($_REQUEST['newsletter'])){
+    $news_id = $_REQUEST['newsletter'];
+    $newsletters = array_keys(simplenews_newsletter_get_all());
+    if(in_array($news_id, $newsletters)){
+    
+      // prepopulate type of news
+      $form['simplenews_issue']['widget']['target_id']['#default_value'] = [$news_id];
+      $form['simplenews_issue']['widget']['target_id']['#disabled'] = true;
+      
+      // change default template regarding type of news
+      $form['body']['widget'][0]['#default_value'] = materio_simplenews_getSimplenewsNodeBodyTemplate($news_id);
+      $form['body']['widget'][0]['#rows'] = 50;
+    }
+  }
+
+}
+
+function materio_simplenews_getSimplenewsNodeBodyTemplate($news_id){
+  return file_get_contents(drupal_get_path('module', 'materio_simplenews').'/templates/simplenews_'.$news_id.'_node.html');
+}

web/modules/custom/materio_simplenews/src/Plugin/Derivative/DynamicLocalActions.php

@@ -0,0 +1,32 @@
+<?php
+
+namespace Drupal\materio_simplenews\Plugin\Derivative;
+
+use Drupal\Component\Plugin\Derivative\DeriverBase;
+
+/**
+ * Defines dynamic local actions.
+ */
+class DynamicLocalActions extends DeriverBase {
+
+  /**
+   * {@inheritdoc}
+   */
+  public function getDerivativeDefinitions($base_plugin_definition) {
+    // Implement dynamic logic to provide values for the same keys as in example.links.task.yml.
+    $newsletters = simplenews_newsletter_get_all();
+
+    foreach($newsletters as $news){
+      $this->derivatives['materio_simplenews.' . $news->id] = $base_plugin_definition;
+      $this->derivatives['materio_simplenews.' . $news->id]['title'] = $news->name;
+      $this->derivatives['materio_simplenews.' . $news->id]['route_name'] = 'node.add';
+      $this->derivatives['materio_simplenews.' . $news->id]['route_parameters']['node_type'] = 'simplenews_issue';
+      $this->derivatives['materio_simplenews.' . $news->id]['route_parameters']['newsletter'] = $news->id;
+      $this->derivatives['materio_simplenews.' . $news->id]['appears_on'] = ['view.simplenews_newsletters.page_1'];
+
+    }
+
+    return parent::getDerivativeDefinitions($base_plugin_definition);
+  }
+
+}

web/modules/custom/materio_simplenews/templates/simplenews_companies_node.html

@@ -0,0 +1,65 @@
+<table style="margin: 0; border-collapse: collapse;" width="100%" border="0" cellspacing="0" cellpadding="0">
+  <tbody>
+    <tr>
+      <td style="color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff; padding:0 0 5px 0;" align="left">
+        <table style="margin: 0; border-collapse: collapse;" width="100%" border="0" cellspacing="0" cellpadding="0">
+          <tbody>
+            <tr>
+              <td style="color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff; padding: 0;" align="left">
+                <img src="/sites/default/files/uploaderuneimage.png" alt="daily cover picture" width="600" height="400">
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <table style="margin: 0 0 0 10px; border-collapse: collapse; color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff;">
+          <tbody>
+            <tr>
+              <td style="vertical-align: top; padding: 5px 0;" width="580">
+                <table style="border-collapse: collapse; width: 565px; color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff;" width="565" cellspacing="0" cellpadding="0">
+                  <tbody>
+                    <tr>
+                      <td style="padding: 5px 0 5px 5px; line-height: normal; color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff;">
+                        <p style="color: #444444; text-align: left; ;margin: 0 0 10px; line-height: 1.3em;">
+                          <span style="color: #444444; font-family: arial, helvetica, sans-serif;">
+                            <strong>
+                              COMPAGNIES
+                            </strong>
+                          </span>
+                        </p>
+                        <p style="color: #444444; ;margin: 0 0 10px; line-height: 1.3em;">
+                          <strong>
+                            le titre en fr
+                          </strong>
+                          <br>
+                          Toute une série de matières recyclées sous vos pieds, car ces tapis sont tissés avec des chambres à air usagées, des papiers de bonbons minutieusement filés, de vieux journaux et magazines tressés ou d'autres matières recyclées surprenantes. Certains tapis de cette gamme peuvent même aller à l'extérieur.
+                        </p>
+                        <div>
+                          &nbsp;
+                        </div>
+                        <p style="color: #444444; ;margin: 0 0 10px; line-height: 1.3em;">
+                          <span style="color: #696969;">
+                            <em>
+                              <strong>
+                                The english title&nbsp;
+                              </strong>
+                            </em>
+                          </span>
+                          <br>
+                          <span style="color: #808080;">
+                            <em>
+                              A wide range of beautiful carpets made out of surprising recycled materials: recycled candy wrappers, recycled tires and bike tubes, different recycled fibers and recycled newspaper! Some of them can even be used outside.
+                            </em>
+                          </span>
+                        </p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </td>
+    </tr>
+  </tbody>
+</table>

web/modules/custom/materio_simplenews/templates/simplenews_materio_newsletter_node.html

@@ -0,0 +1,438 @@
+<table style="text-align: center; width: 100%; background-color: #ffffff;" border="0">
+  <tbody>
+    <tr>
+      <td width="715">
+        <p><img src="/sites/default/files/imce/hsth.jpeg" width="650" height="424" /></p>
+      </td>
+    </tr>
+  </tbody>
+  <tbody>
+    <tr>
+      <td style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal;">
+        <table style="width: 647px;" border="0">
+          <tbody>
+            <tr>
+              <td width="24"><img src="/sites/default/files/imce/marge2.jpg" width="12" height="120" /></td>
+              <td>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: center;">
+                  <strong><span
+                      style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-align: justify;">ÉDITO<br /></span></strong>
+                </p>
+                <p
+                  style="font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #000000; text-align: justify;">
+                  <span
+                    style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; color: #000000;"><span
+                      style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 12px;"><strong
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 14px;">Trop BIO pour être
+                          VRAI!</strong><span
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></span></span></span>
+                </p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;">
+                  <span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;">&nbsp;
+                    &nbsp;<br /></span><span style="font-family: Arial, Helvetica, sans-serif;"><span
+                      style="font-size: 12px;">&nbsp; &nbsp; Énième annonce ce week-end d’une nouvelle paire de sneakers
+                      en "cuir bio", argument massue très en vogue pour se donner bonne conscience à bon compte. La
+                      semaine dernière nous avions vu débouler le premier tapis de yoga "bio", en "cuir de mycelium"
+                      (sic), et nous ne comptons plus dans la base les dizaines d’alternatives au cuir, à base de peau
+                      de banane, de pomme, de moût de raisin, de kiwi, de cactus, de fibre d’ananas, de levure de bière
+                      ou de champignons de Paris. Mais dans les argumentaires, nulle démonstration sur la pertinence
+                      environnementale à ainsi remplacer le cuir, qui je le rappelle est avant tout un sous-produit de
+                      l’industrie agro-alimentaire et un bio-matériau par définition, par des ersatz qui pour l’instant
+                      n’ont pas le dixième des qualités de robustesse du dit cuir. Non, un simple pitch marketing
+                      incantatoire, c’est bio donc c’est bien, c’est bio donc c’est éco-responsable, comme un
+                      blanc-seing qui lave de tous les péchés.</span></span></p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;">
+                  <span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 12px;"><span
+                        style="font-size: 12px;">&nbsp; &nbsp; Bio-matériau, Bio-design, Bio-Fabrication, le préfixe
+                        devient étendard, le bio est forcement bon puisque "bio" signifie "vie" en grec, alors! Un tel
+                        unanimisme, sans réflexion sous-jacente, je tique, forcément. La bio-fabrication par exemple est
+                        une belle idée, au départ. Faire produire directement par la nature (plantes, bactéries,
+                        enzymes, levures et autres micro-organismes) les différents matériaux et objets de notre
+                        quotidien. Sauf que de l’idée à la pratique, nous arrivons vite à une impasse, un buzz immense
+                        mais sur des projets anecdotiques, non viables, absolument pas envisageable à une échelle
+                        suffisante pour infléchir le marché. Mais ce n’est pas grave, on communique à outrance sur ces
+                        promesses qui ne sont que des lubies. Le secteur de la mode est à ce titre une caricature de
+                        schizophrénie, entre l’affichage d’un secteur textile qui serait enfin soucieux de
+                        l’environnement, discours porté haut par la Papesse GreenFashion Stella McCartney, qui n’hésite
+                        pas à dicter ses préceptes bio-vertueux, mais qui dans le même temps propose des collections
+                        capsules pour les grands distributeurs de la fast-fashion. Incohérence? Cynisme? Ou ces start-up
+                        qui vous font miroiter depuis 10 ans la révolution de la bio-production fongique, avec la
+                        promesse de nouveaux matériaux parés de toutes les qualités et qui permettront à l’humanité de
+                        sortir de l’ornière… Mouais, ils suivent surtout un plan marketing précis, s’investissent dans
+                        des projets dérisoires mais très fortement médiatisés et rémunérateurs, le tout adossé à un
+                        service communication pléthorique et des réseaux sociaux assourdissants. Vous trouvez que cela
+                        sent le "nouveau monde", vous?</span></span></span></p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;">
+                  <span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;">&nbsp; &nbsp; Non, je ne
+                    pense pas que nous serons sauvés demain par l’émergence d’un nouveau bio-tapis de yoga, que l’avenir
+                    ne sera pas plus radieux si le bracelet de ma montre de luxe est en bio-racines de champignons, ni
+                    que je sauverai la planète avec ma veste aux bio-relents de bière et qui me colle à la peau, avec
+                    mes sneakers en bio-cuir achetées pendant les soldes mais qui manifestement n’ont pas apprécié les
+                    pluies diluviennes de samedi dernier. Pas grave, elles étaient en solde, et c'est bio donc c’est la
+                    vie…<br />&nbsp;</span></p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;">
+                  <span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;">&nbsp; &nbsp; Très très bel
+                    été à vous et à vous, et si nous devions résumer les 5 petits conseils ci-dessous, c’est assez
+                    simple… Déconnectez!&nbsp;</span></p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;">
+                  <strong><span style="font-family: Arial, Helvetica, sans-serif;"><span
+                        style="font-size: 12px;">Quentin, matériO'<br />&nbsp;</span></span></strong></p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;">
+                  <span
+                    style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;"><em><strong><span
+                          style="color: #808080;"><span style="font-family: Arial, Helvetica, sans-serif;"><span
+                              style="font-family: Arial, Helvetica, sans-serif; font-size: 14px;">BIO? Not so
+                              Biotifull</span></span></span><span
+                          style="text-align: center; caret-color: #999999;"><span
+                            style="color: #808080; font-family: Arial, Helvetica, sans-serif;"><br /></span></span></strong></em></span>
+                </p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;">
+                  <em><span style="color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><span
+                        style="text-align: center; caret-color: #999999; font-size: 12px;"><span
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #888888;">&nbsp;</span></span><span
+                        style="text-align: center; caret-color: #999999; font-size: 12px;"><span
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #888888;"><span
+                            style="color: #808080;">&nbsp;An u</span></span></span></span><span
+                      style="text-align: center; caret-color: #808080; font-size: 12px;"><span
+                        style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;">mpteenth
+                        announcement last weekend for a new pair of "bio- leather" sneakers, a very popular argument for
+                        clearing your conscience on the cheap. Already last week was launched the first &nbsp;yoga "bio"
+                        mat roll out, made of "mycelium leather" (sic), and we now count in the database so many
+                        alternatives to leather, made from banana peel, apple, grape mush, kiwi, cactus, pineapple
+                        fiber, brewer's yeast or button mushrooms... But in the corresponding arguments, no
+                        demonstration of the environmental relevance for replacing leather (which I would remind you is
+                        above all a by-product of the agro-food industry and a bio-material by definition) by an ersatz
+                        which for the moment does not have a tenth of the qualities of robustness of the aforesaid
+                        leather. No, just a mere marketing pitch, it's bio so it's good, it's bio so it's sustainable,
+                        like a blank check that washes away all sins.</span></span></em></p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;">
+                  <em><span style="color: #808080; font-family: Arial, Helvetica, sans-serif;"><span
+                        style="caret-color: #808080; font-size: 12px;">&nbsp; &nbsp;&nbsp;</span></span><span
+                      style="text-align: center; caret-color: #808080; font-size: 12px;"><span
+                        style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;">Bio-material,
+                        Bio-design, Bio-fabrication, the prefix has become standard. Bio must be good since "bio" means
+                        "life" in Greek, So! Such unanimity, so lacking in basic reflection, cannot but irk me.
+                        Bio-fabrication, for example, is a great idea to begin with. Make produce directly by nature
+                        (plants, bacteria, enzymes, yeasts and other micro-organisms) the various materials and objects
+                        of our daily life. Except that from idea to practice, we often come across a dead end: much buzz
+                        about the smallest anecdotal, unsustainable projects, that are impossible to scale in order to
+                        have real impact to the market. But anything goes, and we communicate to excess on such
+                        whimsical promises. As such, the fashion industry is a schizophrenic caricature, between hopes
+                        for a textile sector that would finally be concerned about the environment, the favored
+                        narrative of GreenFashion Priestess Stella McCartney, who does not hesitate to dictate her
+                        bio-virtuous precepts, but who, at the same time, offers capsule collections for major
+                        fast-fashion distributors! Inconsistency? Cynicism? Think also of those start-ups that have been
+                        selling you dreams for 10 years of a revolution in fungal bio-production, with the promise of
+                        new materials adorned with all the qualities to save humanity… Yeah, they follow above all a
+                        precise marketing plan, invest in trivial but very highly publicized and remunerative projects,
+                        all backed by hyperactive communication service and deafening social media. Does its really
+                        smacks of &nbsp;a "new world"?</span></span></em></p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;">
+                  <em><span style="color: #808080; font-family: Arial, Helvetica, sans-serif;"><span
+                        style="font-size: 12px;">&nbsp; &nbsp;&nbsp;</span></span><span
+                      style="text-align: center; caret-color: #808080; font-size: 12px;"><span
+                        style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;">No, I don't
+                        think that tomorrow we will be saved by the emergence of a new yoga bio-mat, that the future
+                        will &nbsp;brighter if the strap of my luxury watch is made of bio-mushroom roots, nor that I
+                        will save the planet with my jacket with bio-hints of beer that sticks to my skin, with my
+                        bio-leather sneakers bought on sale but which obviously did not appreciate last Saturday's heavy
+                        rains. Anyway, they were on sale and "bio", so that's life...<br />&nbsp;</span></span></em></p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;">
+                  <em><span style="text-align: center;"><span
+                        style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><span
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;">&nbsp;
+                          &nbsp; In the meantime, have a wonderful summer, and if we had to summarize the 5 little tips
+                          below, it's quite simple... Just log out!<br />&nbsp;</span></span></span></em></p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;">
+                  <em style="color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><span
+                      style="color: #808080;"><span
+                        style="font-family: Arial, Helvetica, sans-serif; caret-color: #999999; font-size: 12px;"><span
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><strong>Quentin,
+                            matériO'</strong></span></span></span></em></p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;">
+                  <em style="color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><span
+                      style="color: #808080;"><span
+                        style="font-family: Arial, Helvetica, sans-serif; caret-color: #999999; font-size: 12px;"><span
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><strong>&nbsp;</strong></span></span></span></em>
+                </p><span></span>
+              </td>
+              <td width="24"><img src="/sites/default/files/imce/marge2.jpg" width="12" height="120" /></td>
+            </tr>
+          </tbody>
+        </table>
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <table style="width: 630px;" border="0">
+          <tbody>
+            <tr>
+              <td width="24"><img src="/sites/default/files/imce/marge.jpg" alt=" " width="20" height="121" /></td>
+              <td width="287">
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #696969; text-align: justify;">
+                  <span style="font-family: Arial, Helvetica, sans-serif; color: #000000;"><span
+                      style="font-size: 12px;"><strong
+                        style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Conseil
+                        #1<br /></strong></span></span><span style="font-size: 12px; color: #000000;">Déconnectez,
+                    roupillez, farnientez, reprenez des forces... afin d'aborder le mois de septembre sur les chapeaux
+                    de roues, en venant nous rencontrer au salon Maison &amp; Objet, du 9 au 13 septembre. Nous vous
+                    avons concocté une scénographie "rebondissante"...<br />Plus d'infos </span><span
+                    style="font-size: 12px; color: #000000;"><a
+                      style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;"
+                      href="https://www.maison-objet.com" target="_blank"><span
+                        style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;">ici</span></a></span><span
+                    style="font-size: 12px; color: #000000;"><br />&nbsp;<br /></span><span
+                    style="color: #000000; font-size: 12px;">&nbsp;</span></p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #696969; text-align: justify;">
+                  <span style="color: #000000;"><em style="color: #808080;"><span
+                        style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;"><strong
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Advice
+                          #1<br /></strong></span></em></span><span style="color: #888888; text-align: justify;"><span
+                      style="text-align: center; font-size: 12px;"><span><em><span
+                            style="color: #888888; font-family: Arial, Helvetica, sans-serif;"><span
+                              style="caret-color: #888888; font-size: 12px;">Log out, snooze, relax, regain your
+                              strength ... in order to tackle the month of September full speed, by coming to meet us at
+                              the Maison &amp; Objet fair, from September 9 to 13. We have cooked a "bouncy"
+                              scenography... More info <span style="color: #808080;"><a
+                                  href="https://www.maison-objet.com/en/paris" target="_blank"><span
+                                    style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;">here</span></a></span></span></span></em><span
+                          style="color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></span></span></span>
+                </p>
+              </td>
+              <td style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #696969;" width="24">
+                <br /><span style="color: #333333;"><img src="/sites/default/files/imce/marge.jpg" alt=" " width="24"
+                    height="121" /><strong> </strong></span></td>
+              <td width="287"><a href="https://www.maison-objet.com" target="_blank"><span
+                    style="font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: normal; color: #000000; text-align: justify;"><span
+                      style="color: #000000;"><img src="/sites/default/files/imce/300.001.jpeg" width="300"
+                        height="300" /></span></span></a></td>
+            </tr>
+          </tbody>
+        </table>
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <table style="width: 650px;" cellpadding="0" cellspacing="15">
+          <tbody>
+            <tr>
+              <td width="221"><a href="https://www.instagram.com/materio_fr/" target="_blank"><span><img
+                      src="/sites/default/files/imce/300.002b.jpeg" width="300" height="300" /></span></a></td>
+              <td style="text-align: justify;" width="221">
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal;">
+                  <span
+                    style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify;"><span
+                      style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999;"></span><strong
+                      style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal;">Conseil
+                      #2<br /></strong></span><span
+                    style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal;">Oui,
+                    déconnectez, éloignez vous un temps des écrans... mais si par moment vous êtes en manque
+                    d'inspiration, faites un tour rapide sur notre compte Insta, vous retrouverez les derniers
+                    échantillons reçus, et quelques cartes postales... <span style="color: #000000;"><a
+                        href="https://www.instagram.com" target="_blank"><span
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;">ici</span></a></span><br />&nbsp;</span><span
+                    style="line-height: normal; caret-color: #808080; color: #000000;"><span
+                      style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><span
+                        style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;"></span></span></span></p>
+                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal;"><span
+                    style="color: #808080;"><span
+                      style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal;"><strong><em
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Advice
+                          #2</em><br /></strong></span></span><span
+                    style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal;"><span><em><span
+                          style="color: #808080; font-family: Arial, Helvetica, sans-serif;"><span
+                            style="caret-color: #808080; font-size: 12px;">Yes, log out, get away from the screens for a
+                            while ... but if at times you are lacking inspiration, take a quick tour of our Insta
+                            account, you will find the last samples received, and some postcards... </span></span><span
+                          style="font-family: Arial, Helvetica, sans-serif; color: #808080;"><span
+                            style="caret-color: #808080; font-size: 12px;"><a href="https://www.instagram.com"
+                              target="_blank"><span
+                                style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;">here</span></a></span></span></em><span
+                        style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;"><span
+                          style="caret-color: #808080; font-size: 12px;"></span></span></span><span
+                      style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;"><span
+                        style="font-size: 12px;"><br /></span></span></span><span
+                    style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; color: #808080;"></span>
+                </p>
+              </td>
+              <td style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal;" width="24">
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <table style="width: 630px;" border="0">
+          <tbody>
+            <tr>
+              <td width="24"><img src="/sites/default/files/imce/marge.jpg" alt=" " width="24" height="121" /></td>
+              <td>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #696969; text-align: justify;">
+                  <strong style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;">Conseil
+                    #3<br /></strong><span style="color: #000000;"><span
+                      style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 12px;"><span
+                          style="font-size: 12px;">Déconnectez, baladez-vous, humez l'air et les fleurs. D'ailleurs,
+                          nous allons faire de même, une courte pause estivale, du 30 juillet au 18 aout, pour revenir
+                          frais comme des gardons et gardonnes.<br />&nbsp;</span></span></span></span></p>
+                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify;"><span
+                    style="color: #000000;"><strong><span style="font-size: 12px;"><span style="color: #808080;"><em
+                            style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Advice
+                            #3<br /></em></span></span></strong></span><em><span
+                      style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;"><span
+                        style="caret-color: #808080; font-size: 12px;">Disconnect, take a stroll, smell the air and the
+                        flowers. Moreover, we are going to do the same, a short summer break, from July 30 to August 18,
+                        to return&nbsp;</span></span><span
+                      style="color: #808080; font-family: Arial, Helvetica, sans-serif;"><span
+                        style="caret-color: #808080; font-size: 12px;">as fresh as a daisy</span></span><span
+                      style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;"><span
+                        style="caret-color: #808080; font-size: 12px;">.</span></span></em><span
+                    style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;"><span
+                      style="caret-color: #808080; font-size: 12px;"></span></span><span
+                    style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;"><span
+                      style="caret-color: #808080; font-size: 12px;"><br /></span></span><span
+                    style="font-family: Arial, Helvetica, sans-serif;"><span
+                      style="caret-color: #808080; font-size: 12px; color: #808080;"></span></span></p>
+              </td>
+              <td
+                style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #696969; text-align: justify;">
+                <br /><img src="/sites/default/files/imce/marge.jpg" alt=" " width="24" height="121" /><strong>
+                </strong></td>
+              <td width="24"><span
+                  style="font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: normal; color: #000000; text-align: justify;"><span
+                    style="color: #000000;"><img src="/sites/default/files/imce/3001.001.jpeg" width="300"
+                      height="300" /></span></span></td>
+            </tr>
+          </tbody>
+        </table>
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <table style="width: 650px;" cellpadding="0" cellspacing="15" border="0">
+          <tbody>
+            <tr>
+              <td width="221"><a href="https://materio.com" target="_blank"><span><img
+                      src="/sites/default/files/imce/300.004b.jpeg" width="300" height="300" /></span></a></td>
+              <td style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify;" width="221">
+                <p style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><span
+                    style="font-size: 12px;"><span><span><span
+                          style="color: #999999; font-family: Arial, Helvetica, sans-serif;"><span
+                            style="caret-color: #999999;"></span></span><strong><span
+                            style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;">Conseil
+                            #4&nbsp;</span></strong></span></span><strong><span
+                        style="text-align: start; font-family: Helvetica; font-size: 12px; text-decoration: line-through;"><br /></span></strong></span>Certes,
+                  matériO'&nbsp;<span style="font-size: 12px;">prend ses quartiers d'été</span>&nbsp;pour une petite
+                  quinzaine de jours, mais <span
+                    style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;">materio.com</span>
+                  restera bien entendu accessible, ne souffrira d'aucune interruption estivale, et se verra même doté
+                  d'une sérieuse mise à jour... affaire à suivre...<br />&nbsp;<span style="color: #000000;"></span></p>
+                <p><span style="color: #000000;"><span
+                      style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><span
+                        style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><span
+                          style="font-family: Arial, Helvetica, sans-serif;"><span
+                            style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><strong><span
+                                style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #808080;"><em
+                                    style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Advice
+                                    #4<br /></em></span></span></strong></span></span></span></span></span><em><span
+                      style="color: #808080; font-family: Arial, Helvetica, sans-serif;"><span
+                        style="caret-color: #808080; font-size: 12px;">Certainly, matériO will&nbsp;</span></span><span
+                      style="color: #808080; font-family: Arial, Helvetica, sans-serif;"><span
+                        style="font-size: 12px;">take its summer quarters for a fortnight, but materio.com will of
+                        course remain accessible, will not suffer from any summer interruption, and will even be given a
+                        serious update ... to be continued...</span></span><span
+                      style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;"><span
+                        style="font-size: 12px;">&nbsp;</span></span></em></p>
+              </td>
+              <td style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;" width="24"></td>
+            </tr>
+          </tbody>
+        </table>
+      </td>
+    </tr>
+    <tr>
+      <td style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;">
+        <table style="width: 630px;" border="0">
+          <tbody>
+            <tr>
+              <td width="24"><img src="/sites/default/files/imce/marge.jpg" alt=" " width="24" height="121" /></td>
+              <td>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #696969; text-align: justify;">
+                  <span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;"><strong
+                      style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Conseil
+                      #5&nbsp;<br /></strong></span><span
+                    style="font-family: Arial, Helvetica, sans-serif; color: #000000;"><span
+                      style="font-size: 12px;">Non, ce n’est pas tant l’argent que nous aimons, mais notre job de
+                      dénicheurs d’innovations matières. Et pour pouvoir continuer à le faire en totale indépendance,
+                      sans pub ni promotion dans ce monde marchand, nous avons besoin de vous, de vos adhésions. À vous
+                      alors les milliers de matériaux inspirants de la base de données matériO'!<br />Pour adhérer,
+                      c'est </span></span><span style="font-family: Arial, Helvetica, sans-serif; color: #000000;"><span
+                      style="font-size: 12px;"><a href="https://materio.com/fr/adhesion" target="_blank"><span
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;">ici</span></a></span></span><span
+                    style="font-family: Arial, Helvetica, sans-serif; color: #000000;"><span
+                      style="font-size: 12px;">.</span></span></p>
+                <p
+                  style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #696969; text-align: justify;">
+                  <span style="color: #000000;"><strong><span style="font-family: Arial, Helvetica, sans-serif;"><span
+                          style="font-size: 12px;"><br /><span style="color: #808080;"><em
+                              style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Advice
+                              #5<br /></em></span></span></span></strong></span><em
+                    style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;"><span
+                      style="color: #808080; font-family: Arial, Helvetica, sans-serif;"><span
+                        style="caret-color: #808080; font-size: 12px;">It’s not so much money that we like, but our job
+                        of finding material innovations. And to do so with full independence, free of advertising or
+                        promotion in this material world, we need your support. The thousands of inspiring materials in
+                        the materialO 'database are there for you! J</span></span></em><em
+                    style="text-align: center; color: #696969; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><span
+                      style="text-align: center; font-size: 12px; color: #808080;"><span style="font-size: 12px;"><span
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; color: #808080;">oin&nbsp;</span></span></span><span
+                      style="text-align: center; font-size: 12px; color: #808080;"><span style="font-size: 12px;"><span
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal;"><a
+                            href="https://materio.com/en/membership" target="_blank"><span
+                              style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808080;">here</span></a></span></span></span><span
+                      style="text-align: center; font-size: 12px; color: #808080;"><span style="font-size: 12px;"><span
+                          style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; color: #808080;">.&nbsp;</span></span></span></em>
+                </p>
+              </td>
+              <td
+                style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #696969; text-align: center;">
+                <br /><em><img src="/sites/default/files/imce/marge.jpg" alt=" " width="24" height="121" /><strong>
+                  </strong></em></td>
+              <td width="24"><a href="https://materio.com/fr/adhesion" target="_blank"><span
+                    style="font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: normal; color: #000000; text-align: justify;"><span
+                      style="color: #000000;"><img src="/sites/default/files/imce/300.005.jpeg" width="300"
+                        height="300" /></span></span></a></td>
+            </tr>
+          </tbody>
+        </table>
+      </td>
+    </tr>
+    <tr style="width: 826.625px;">
+      <td style="width: 630px;"></td>
+    </tr>
+    <tr style="width: 826.625px;">
+      <td style="width: 630px;">
+        <p></p>
+      </td>
+    </tr>
+  </tbody>
+</table>

web/modules/custom/materio_simplenews/templates/simplenews_test_node.html

@@ -0,0 +1,65 @@
+<table style="margin: 0; border-collapse: collapse;" width="100%" border="0" cellspacing="0" cellpadding="0">
+  <tbody>
+    <tr>
+      <td style="color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff; padding:0 0 5px 0;" align="left">
+        <table style="margin: 0; border-collapse: collapse;" width="100%" border="0" cellspacing="0" cellpadding="0">
+          <tbody>
+            <tr>
+              <td style="color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff; padding: 0;" align="left">
+                <img src="/sites/default/files/uploaderuneimage.png" alt="daily cover picture" width="600" height="400">
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <table style="margin: 0 0 0 10px; border-collapse: collapse; color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff;">
+          <tbody>
+            <tr>
+              <td style="vertical-align: top; padding: 5px 0;" width="580">
+                <table style="border-collapse: collapse; width: 565px; color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff;" width="565" cellspacing="0" cellpadding="0">
+                  <tbody>
+                    <tr>
+                      <td style="padding: 5px 0 5px 5px; line-height: normal; color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff;">
+                        <p style="color: #444444; text-align: left; ;margin: 0 0 10px; line-height: 1.3em;">
+                          <span style="color: #444444; font-family: arial, helvetica, sans-serif;">
+                            <strong>
+                              TEST
+                            </strong>
+                          </span>
+                        </p>
+                        <p style="color: #444444; ;margin: 0 0 10px; line-height: 1.3em;">
+                          <strong>
+                            le titre en fr
+                          </strong>
+                          <br>
+                          Toute une série de matières recyclées sous vos pieds, car ces tapis sont tissés avec des chambres à air usagées, des papiers de bonbons minutieusement filés, de vieux journaux et magazines tressés ou d'autres matières recyclées surprenantes. Certains tapis de cette gamme peuvent même aller à l'extérieur.
+                        </p>
+                        <div>
+                          &nbsp;
+                        </div>
+                        <p style="color: #444444; ;margin: 0 0 10px; line-height: 1.3em;">
+                          <span style="color: #696969;">
+                            <em>
+                              <strong>
+                                The english title&nbsp;
+                              </strong>
+                            </em>
+                          </span>
+                          <br>
+                          <span style="color: #808080;">
+                            <em>
+                              A wide range of beautiful carpets made out of surprising recycled materials: recycled candy wrappers, recycled tires and bike tubes, different recycled fibers and recycled newspaper! Some of them can even be used outside.
+                            </em>
+                          </span>
+                        </p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </td>
+    </tr>
+  </tbody>
+</table>

web/modules/custom/materio_simplenews/templates/simplenews_ze_daily_materio__node.html

@@ -0,0 +1,71 @@
+<table style="margin: 0; border-collapse: collapse;" width="100%" border="0" cellspacing="0" cellpadding="0">
+  <tbody>
+    <tr>
+      <td style="color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff; padding:0 0 5px 0;" align="center">
+        <table style="margin: 0; border-collapse: collapse;" width="100%" border="0" cellspacing="0" cellpadding="0">
+          <tbody>
+            <tr>
+              <td style="color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff; padding: 0;" align="left">
+                <img src="/sites/default/files/uploaderuneimage.png" alt="daily cover picture" width="600" height="400">
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <table style="margin: 0 0 0 10px; border-collapse: collapse; color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff;">
+          <tbody>
+            <tr>
+              <td style="vertical-align: top; padding: 5px 0;" width="580">
+                <table style="border-collapse: collapse; width: 565px; color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff;" width="565" cellspacing="0" cellpadding="0">
+                  <tbody>
+                    <tr>
+                      <td style="padding: 5px 0 5px 5px; line-height: normal; color: #444444; font-family: arial; font-size: 12px; background-color: #ffffff;">
+                        <p style="color: #444444; text-align: left; ;margin: 0 0 10px; line-height: 1.3em;">
+                          <span style="color: #444444; font-family: arial, helvetica, sans-serif;">
+                            <strong>
+                              ZE DAILY MATERIO'
+                            </strong>
+                          </span>
+                        </p>
+                        <p style="color: #444444; ;margin: 0 0 10px; line-height: 1.3em;">
+                          <strong>
+                            le titre en fr
+                          </strong>
+                          <br>
+                          Toute une série de matières recyclées sous vos pieds, car ces tapis sont tissés avec des chambres à air usagées, des papiers de bonbons minutieusement filés, de vieux journaux et magazines tressés ou d'autres matières recyclées surprenantes. Certains tapis de cette gamme peuvent même aller à l'extérieur.
+                        </p>
+                        <p>
+                          <strong style="color: #444444; font-family: arial; font-size: 12px;">membre matériO’, vous retrouverez l’intégralité de cette fiche en vous connectant sur www.materio.com en tapant sa référence.</strong>
+                        </p>
+                        <div>
+                          &nbsp;
+                        </div>
+                        <p style="color: #444444; ;margin: 0 0 10px; line-height: 1.3em;">
+                          <span style="color: #696969;">
+                            <em>
+                              <strong>
+                                The english title&nbsp;
+                              </strong>
+                            </em>
+                          </span>
+                          <br>
+                          <span style="color: #808080;">
+                            <em>
+                              A wide range of beautiful carpets made out of surprising recycled materials: recycled candy wrappers, recycled tires and bike tubes, different recycled fibers and recycled newspaper! Some of them can even be used outside.
+                            </em>
+                          </span>
+                        </p>
+                        <p>
+                          <strong style="color: #444444; font-family: arial; font-size: 12px;"><em><span style="color: #888888; font-family: arial;">matériO’ member, you'll have a direct access to the full ID card of the product on www.materio.com, all you need is the reference.</span></em></strong>
+                        </p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </td>
+    </tr>
+  </tbody>
+</table>

web/themes/custom/materiotheme/assets/styles/base/_reset.scss

@@ -51,6 +51,3 @@ input[type="password"]{
 	// outline-width: 1px;
 }
 
-table, tr, td {
-	border: none!important;
-}

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -2966,4 +2966,5 @@ img.lazy{
   &.loading{
     // background-color: red;
   }
-}
+}
+