Phenix - Troll du Web depuis 1996

Recherche ajax avec les formulaires SPIP

Une recherche « live »

16 novembre 2017 par Phenix dans SPIP

Le but de ce formulaire est une recherche dynamique : a chaque nouvelle lettre dans l’input la recherche s’affine.

La bonne nouvelle c’est qu’on peut faire cela nativement avec les fonctions présentent dans SPIP.

Dans un premier temps, il faut créer un fichier formulaires/recherche_ajax.php. Il va mettre à jour le contexte du formulaire en lui passant un critère de recherche {recherche}.

<?php
if (!defined('_ECRIRE_INC_VERSION')) {
return;
}
function formulaires_recherche_ajax_charger_dist($ajax_bloc) {
return array(
'ajax_bloc' => $ajax_bloc,
'recherche_'.$ajax_bloc => _request('recherche_'.$ajax_bloc),
'lang' => $lang,
);
}

Ensuite un peu de JavaScript et d’HTML pour recharger un bloc ajax, dans un fichier formulaires/recherche_ajax.html.
Ici, j’ai simplement repris le formulaire de recherche de SPIP en modifiant le name de l’input de recherche.

<div class="formulaire_spip formulaire_recherche[ (#ENV{class})]" id="formulaire_recherche">
<form action="[(#ENV{action})]" method="get">
<div class="editer-groupe">
[(#ENV{action}|form_hidden)]
[<input type="hidden" name="lang" value="(#ENV{lang})" />]
<label for="#ENV{_id_champ}"><:info_rechercher_02:></label>
<input type="[(#HTML5|?{search,text})]" class="search text" name="recherche_#ENV{ajax_bloc}" id="#ENV{_id_champ}"[ value="(#ENV{recherche})"] />
<input type="submit" class="submit" value=">>" title="<:info_rechercher:>" />
</div>
</form>
</div>

Dans le même fichier, à la fin, un peu de JavaScript pour mettre à jour le bloc_ajax (a savoir un squelette avec la boucle de recherche). Pour plus d’information, sur le fonctionnement d’Ajax avec SPIP, la page de la documentation officiel est bien faite.

<script type="text/javascript">
// Chaque input déclenche la recherche ajax
$("#recherche_#ENV{ajax_bloc}").on("input", function () {
ajaxReload(
"#ENV{ajax_bloc}",
{
args: {
// Envoyer le contenu du formulaire dans le
// contexte de recherche SPIP
recherche: $(this).val()
}
}
);
});
</script>

Dans le bloc ajax (un fichier inclure/grille_article), je place simplement ma boucle de recherche :

[(#SET{defaut_tri, #ARRAY{titre, 1, num titre, 1, date, #ENV{date_sens, -1}, id_article, 1, points, -1
}})
]<B_article_ajax>
#ANCRE_PAGINATION
<BOUCLE_article_ajax(articles){recherche ?}{tri #ENV{par, [(#ENV{recherche}|?{points, num titre})]}, #GET{defaut_tri}}{pagination}>
<INCLURE{fond=inclure/article_resume}{id_article} />
</BOUCLE_article_ajax>
[<p class="pagination">(#PAGINATION)</p>]
</B_article_ajax>

Il ne reste qu’à appeler tout cela :

[(#FORMULAIRE_RECHERCHE_AJAX{grille_article})
]<INCLURE{fond=inclure/grille_article}{env, ajax=grille_article} />

Pour en savoir plus sur les formulaires de SPIP, rien ne vaut la documentation de spip.net .

Laravel + Foundation 6

7 septembre 2017 par Phenix dans Laravel

Laraval vient par défaut avec Boostrap. Personnellement, en matière de Framework frontend, je préfère largement Foundation.

Heureusement, il existe un preset pour changer cela proprement dans Laravel. Les autres Tuto ou tout était fait à la main était quand même barbant.

Installer le preset :

Facile, on demande à composer :

composer require laravel-frontend-presets/zurb-foundation

Activé le preset :

Soit on veut juste activer foundation :

php artisan preset foundation

Soit on veut aussi que les templates de base de Laravel soit adapté :

php artisan preset foundation-auth

Il ne reste plus qu’à installer :

npm install && npm run dev

Voir en ligne : Zurb Foundation 6 Preset For Laravel 5.5

Éxecuter du code quand une commande est payée

16 juin 2017 par Phenix dans Pipelines

Lorsque l’on utilise le plugin commande et que l’on souhaite exécuter une peu de code lorsqu’une commande est payée, il suffit d’utiliser ce petit pipeline :

function prefixe_post_edition($flux) {
if ($flux['args']['table'] == table_objet_sql('commande')
and $flux['args']['action'] == 'instituer'
and $flux['args']['statut_ancien'] == 'encours'
and $flux['data']['statut'] == 'paye'
) {
$id_commande = $flux['args']['id_objet'];
// Coder ici
}
return $flux;
}

Un serveur de mail local pour le développement web

Sous Ubuntu 16.04 ou LinuxMint 18

1er juin 2017 par Phenix dans GNU/Linux

Petite astuce pour avoir un serveur de mail local, qui renvoie tous les mails envoyés par PHP (ou autre) vers username@localhost.

La première chose est d’installer le serveur d’envoi, postfix :

sudo apt install postfix

Il est possible qu’il soit déjà installé, mais pas spécialement bien configurer, pour être certain, il vaut mieux le reconfigurer :

sudo dpkg-reconfigure postfix

Sélectionnez l’option Local uniquement et laisser toutes les autres options par défauts.

Ensuite, j’ai fait une petite page php de test :

<?php
mail('username@localhost', 'test', 'test');

L’envoie du mail devrait alors créer un fichier dans /var/mail/username. Vérifiez que tout ce passe bien :

more /var/mail/username

Vous devriez avoir quelques choses comme ceci dans votre terminal :

From phenix@Thanatos.localdomain  Thu Jun  1 17:23:07 2017

Return-Path: <phenix@Thanatos.localdomain>

X-Original-To: phenix@localhost

Delivered-To: phenix@localhost.localdomain

Received: by Thanatos.localdomain (Postfix, from userid 1000)

        id CF2F385652; Thu,  1 Jun 2017 17:23:07 +0200 (CEST)

To: phenix@localhost.localdomain

Subject: test

X-PHP-Originating-Script: 1000:test_mail_local.php

Message-Id: <20170601152307.CF2F385652@Thanatos.localdomain>

Date: Thu,  1 Jun 2017 17:23:07 +0200 (CEST)

From: phenix@Thanatos.localdomain (phenix)



test

J’ai laissé les valeurs de ma machine, ce sera sans doute différent sur la vôtre.

On peut ensuite configurer Thunderbird pour lire cette boite mail. J’utilise la version 52.1.1.

Fichier > Nouveau > Autres comptes...

Configurez une Unix Mailspool (Movemail).

Voilà, Thunderbird va lire la boite locale.

Rediriger tous les mails vers usename@local

L’idée de base est de recevoir tous les mails envoyés par le serveur dans cette boite, afin de débugger facilement.

On va éditer la configuration de postfix dans le fichier /etc/postfix/main.cf pour y ajouter :

virtual_alias_maps = pcre:/etc/postfix/virtual

Créer ensuite le fichier /etc/postfix/virtual et placez y le code suivant :

/.*@.*/ username

Il faudra également installer le paquet postfix-pcre :

sudo apt install postfix-pcre

Voilà, tout le trafic mail du serveur va aller dans votre boîte mail locale ! Beaucoup plus pratique pour débugger l’envoie de mail de vos applications !

Prendre en compte les branches avec git-svn

29 mai 2017 par Phenix dans Git

En utilisant Git SVN, j’ai découvert un effet de bord assez indésirable : lorsque l’on utilise fait un dcommit pour envoyer les modifications sur le serveur, il envoie toutes les branches.

C’est très gênant, surtout si vous avez plusieurs choses en cours, et quelle pourrait casser votre application.

Heureusement, il y a une solution : lorsque vous clonez, il faut préciser le dossier du trunk :

git svn clone -T trunk http://example.com/PROJECT

Git svn fera alors le lien master = trunk et vos autres branches seront tranquilles.

Voir en ligne : Checkout only certain branches with git-svn