input-date pour Vue3

Pareil que pour nl2br, j’ai voulu utiliser un champ date dans Vue3 mais le code que j’utilisais dans vue.js ne fonctionne pas.

Voici mon adaptation

nl2br pour Vue3

J’ai voulu utiliser nl2br pour vue.js mais il n’est pas compatible avec Vue3.

Voici mon adaptation

iframe remplacé par i-frame dans Joomla

Si dans Joomla les balises <iframe>  sont remplacées par <i-frame> , c’est peut être à cause de RSFirewall!

La solution pour désactiver ce comportement est là : Scrambled tags (iframe becomes i-frame)

Le plus simple est de désactiver la protection pour son IP en l’ajoutant dans Composants > RSFirewall! > Blocklist/Safelist, bouton « Nouveau » et en sélectionnant « Safelist ».

 

Télécharger un dossier depuis Google Drive à partir du terminal

Pour faire suite à Télécharger un fichier depuis Google Drive à partir du terminal, j’ai eu à télécharger tout un dossier et la méthode décrite ne peut pas fonctionner.

J’ai donc utilisé rclone et ça fonctionne très bien. C’est plus long parce qu’il faut créer une application comme décrit dans la documentation mais une fois configuré c’est simple.

Il est dit sur la page de téléchargement comment l’installer mais ce n’est pas utile. Il fonctionne en décompressant l’archive et en l’exécutant dans le dossier créé.

Erreur xxx.live is not a function dans WordPress

A partir de la version 5.5 de WordPress, jQuery Migrate n’est plus activé par défaut. Par conséquent les vieux plugins (dans mon cas un Divi version 3) peuvent ne plus fonctionner.

L’erreur la plus commune semble être xxx.live is not a function

Pour corriger ce problème il faut installer Enable jQuery Migrate Helper qui le réactive.

Source : https://wordpress.org/support/topic/jqeuery-error-live-is-not-a-function/#post-13256885

Destinataires de mails avec Contact Form 7

Ça n’a rien de nouveau mais je ne m’en souviens jamais donc voici comment avoir un destinataire du mail envoyé par contact form 7 en fonction du choix fait par l’utilisateur dans le formulaire.

Mettre un champ select dans le formulaire avec comme choix « Texte à afficher|e-mail destinataire »

Dans l’onglet e-mail, mettre [your-recipient] comme destinataire.

Si on veut la valeur choisie dans le corps du mail, il faut mettre [_raw_{field name}] soit ici [_raw_your-recipient]

Source : https://contactform7.com/selectable-recipient-with-pipes/

Télécharger un fichier depuis Google Drive à partir du terminal

J’ai eu à restaurer un site dont les archives sont envoyées automatiquement sur Google Drive. C’est un peu compliqué pour les rapatrier depuis la console.

Voici la méthode la plus simple que j’ai trouvée:

    1. Rendre le fichier public
    2. Trouver l’ID du fichier
      Gdoc advanced sharing
      C’est le code qui ressemble à 1DQDioijcvsdf78qsdqsd586 dans le lien de partage. entre les /
    3. Si le fichier est suffisamment petit pour pouvoir être analysé par l’antivirus de Google :
    4. S’il est trop gros :

Sources :

Contact Form 7 et Popup Maker

Popup Maker peut réagir aux validations des formulaires de Contact Form 7. Enfin il devrait parce que ça ne fonctionne plus.

Je ne sais pas à quel moment Contact Form 7 a changé le nom de ses événements : wpcf7:mailsent  est devenu wpcf7mailsent

Pour remédier à ça, il faut ajouter au JavaScript du site

comme cela les 2 événements sont envoyés.

 

Utiliser Bootstrap dans une partie d’une page

J’ai eu a créer une page avec Bootstrap dans un site n’utilisant pas Bootstrap

Bootstrap gérant l’apparence de toute la page, il fallait l’isoler dans une classe pour ne pas créer de conflits

Voici comment procéder :

  1. Télécharger la version compilée de Bootstrap
  2. Installer LESS
  3. Créer un fichier prefix.less dans le dossier du css de Bootstrap
  4. Exécuter en ligne de commande

    Vous aurez donc un fichier bootstrap-prefixed.css avec toutes les règles incluses dans une classe .bootstrap
  5. Il y a quelques corrections à apporter au début du fichier bootstrap-prefixed.css au niveau des règles appliquées à  :root  et body  :
    enlever .bootstrap  de :root  et remplacer .bootstrap body  par .bootstrap

Et voilà, vous pouvez utiliser ce fichier pour avoir le style de Bootstrap dans un élément ayant la classe .bootstrap.

Cela pouvait surement se faire en sass et j’aurais préféré, Bootstrap utilisant Sass, mais je n’ai pas trouvé de méthode simple.

Sources :

Supprimer les notices du mode debug de PrestaShop

Le mode debug de PrestaShop 1.7 fonctionne trop bien. Par défaut il s’arrête sur toutes les erreurs, avertissement ou notice, ce qui fait que quand un problème, même minime, se trouve en amont de ce que vous voulez corriger, le système s’arrête avant la partie qui vous intéresse.

Par exemple avec PHP 7.4, Doctrine utilisé par PrestaShop affiche un Warning : https://github.com/doctrine/DoctrineORMModule/issues/579 ce qui empêche tout débogage.

Pour corriger tout cela, il faut dire à Symfony quelles erreurs afficher :

On a 2 fichiers à modifier « classes/controller/FrontController.php » et « admin/index.php » dans les deux cas il faut remplacer

par

en adaptant le paramètre à ce qu’on veut. La documentation est ici : https://www.php.net/error_reporting

Il peut être utile de modifier aussi « config/defines.inc.php » en remplaçant

par