Ecyseo

Dropcenter

Cyril MAGUIRE — Tue, 15 May 2012 02:10:00 +0200

Vous rêvez de partager vos fichiers avec vos amis et vous voulez être maître de vos données ? Découvrez Dropcenter...

Présentation

Développée par Idleman et Fox, Dropcenter est une application sans prétention mais qui vaut le coup d'être découverte et utilisée.

Encore en développement (V1.0) mais ayant passé avec succès la phase Béta, Dropcenter ne cesse d'évoluer.

L'équipe est très réactive et pleine d'humour comme le prouve les fortunes de Chuck Norris, notre maître à tous !

Chuck Norris est capable de faire échec et mat en jouant aux Dames.

est une des nombreuses citations qui s'affichent à chaque rafraichissement de la page. Je rassure ceux qui veulent cacher leur dévotion à Chuck : l'affichage de ces petites bouffées d'oxygène est paramétrable pour une utilisation plus professionnelle.

Mais Dropcenter, c'est quoi ?

C'est un petit script autohébergé qui suit le principe KISS (Keep It Simple Stupid) et qui le suit bien. Il permet de mettre à disposition sur le net des fichiers de toutes sortes.

L'application dispose d'un uploader multi-options :

drag 'n' drop pour les navigateurs récents
possibilité de charger un fichier via une adresse internet
formulaire html basique pour les vieux navigateurs

Une application annexe, DropNews, disponible sur Windows et Linux, permet en prime de suivre l'activité du Dropcenter.

On peut pas test ?

Mais bien sûr qu'on peut. Il suffit de se rendre sur la page de démo et de suivre le peu d'instructions nécessaire. Même Madame Michou du Calvados peut s'en servir tellement c'est intuitif.

Conclusion

Utilisez sans modération cette petite application qui mérite qu'on s'y attarde.

Thème Typebased

Cyril MAGUIRE — Mon, 14 May 2012 14:10:00 +0200

Encore une adaptation de thème wordpress que je vous propose aujourd'hui...

Installation

Placer le dossier pluxml à la racine de votre site.
Connectez-vous à l'adresse du site et suivez les instructions d'installation.
Une fois l'installation terminée, la page d'accueil s'affiche avec le thème par défaut.

Connectez-vous au panneau d'administration et cliquez sur Paramètres.
Dans les options d'affichage, sélectionnez le thème "typebased".
Puis rendez-vous dans la rubrique plugins et activez les tous.

Rubrique "A PROPOS"

Le plugin "About" permet de renseigner la rubrique "A PROPOS" située dans la sidebar ainsi que les images et les liens de la rubrique "A VOIR" également dans la sidebar.

Pour les images de la sidebar, utilisez le code déjà présent comme exemple.

Démonstration

A l'heure où j'écris ces lignes, c'est le thème que j'utilise. Si ce n'est plus le cas quand vous les lirez, vous pouvez voir un site en ligne utilisant ce thème. S'il vous convient, n'hésitez pas à l'utiliser !

Téléchargement

L'archive est disponible dans la rubrique "téléchargements" .

Enjoy ;-)

Thème Compositio

Cyril MAGUIRE — Wed, 09 May 2012 17:06:00 +0200

Je viens d'adapter le thème Compositio de designdisease pour Pluxml.
Je m'en viens le partager avec vous.

Installation

Placer le dossier pluxml à la racine de votre site. Connectez-vous à l'adresse du site et suivez les instructions d'installation.

Une fois l'installation terminée, la page d'accueil s'affiche avec le thème par défaut. Connectez-vous au panneau d'administration et cliquez sur Paramètres.

Dans les options d'affichage, sélectionnez le thème "compositio". Puis rendez-vous dans la rubrique plugins et sélectionnez les tous.

Rubrique "A PROPOS"

Le plugin "About" permet de renseigner la rubrique "A PROPOS" située dans la sidebar ainsi que les images et les liens de la rubrique "A VOIR" également dans la sidebar.

Pour les images de la sidebar, utilisez le code déjà présent comme exemple. Vérifiez bien que les dimensions de l'image soient égales à 54px de côté.

Démonstration

Vous pouvez voir un site en ligne utilisant ce thème. S'il vous convient, n'hésitez pas à l'utiliser !

Téléchargement

L'archive est disponible dans la rubrique "téléchargements" .

Enjoy ;-)

-bash: make: command not found (mac osX)

Cyril MAGUIRE — Mon, 12 Mar 2012 23:24:00 +0100

Qui n'a pas eu un jour ce type de message rageant en voulant utiliser la commande make sur Mac ? Voici comment procéder si vous êtes dans ce cas.

Télécharger les outils du développeur

Mac OsX ne contient pas par défaut les outils basiques du développeur. Mais Apple a prévu le coup et ces outils sont disponibles sur le DVD d'installation ou en téléchargement gratuit à l'adresse https://developer.apple.com/technologies/tools/

Il faut installer la dernière version de Xcode (version 4.3.1 à l'heure j'écris).

L'installation est on ne peut plus basique. Je passe les détails.

Mise à jour de $PATH

Le chemin vers le compileur gcc doit être mis à jour. Pour cela, il suffit d'ouvrir un terminal et de taper la commande suivante :

 export PATH=$PATH:/Developer/usr/bin

Mise à jour du profil utilisateur

Le profil utilisateur doit être également mis à jour pour prendre en compte la modification de $PATH. La commande est la suivante :

 mate ~/.profile

Pour ceux qui ont TextMate. Les autres adapteront en fonction de leur éditeur préféré.

Voilà, j'espère que cette astuce vous permettra de vous sortir une aiguille du pied et de vous faire gagner le temps que j'ai perdu.

Enjoy.

Mes plugins Plxml (partie 1)

Cyril MAGUIRE — Sat, 10 Dec 2011 19:21:00 +0100

Depuis que j'ai découvert Pluxml, je me suis penché sur le développement de plugins. Au travers d'une série de 3 articles, je développerais :

les plugins qui permettent de modifier la partie administration, afin de faciliter la rédaction des articles et qui permettent d'améliorer le paramétrage du site,
les plugins que j'appellerai d'habillage qui améliore l'esthétique du site
les plugins dont je ne suis pas à l'origine mais auxquels j'ai apporté ma contribution

Plugins pour l'administration

plxEditor

C'est un plugin que je n'ai pas développé mais que j'ai un peu modifié afin qu'il ne soit utilisé que pour les formulaires ne nécessitant pas de saisir de code (articles, pages d'info...). En effet, si on utilise le plugin dans les formulaires de la page /core/admin/parametres_edittpl.php ainsi que dans les pages statiques (globalement, dès qu'il y a du code interprété), les fichiers générés lors de l'enregistrement sont complétement déstructurés (par exemple ajout de balises >br /< dans les css, modification des fichiers php...).

Malgré tout, ce plugin est utile et il permet l'affichage d'une série de boutons facilitant la mise en forme du texte, un peu à la manière des logiciels de traitement de texte comme LibreOffice par exemple.
Je ne m'attarderai pas dessus mais je vous le recommande chaudement.

plxEditarea

J'ai développé plxEditarea à partir du travail de Christophe Dolivet. A l'inverse du premier, il permet de saisir du code dans un formulaire (pages statiques, modification des pages des thèmes...). L'intérêt est qu'il dispose d'une coloration syntaxique qui vérifie au fur et à mesure de la saisie la validité du code. Les erreurs sont facilement identifiables. La couleur du texte peut être modifiée en fonction du langage que l'on utilise (php, javascript, css...).

Je ne pourrais plus m'en passer.

plxMarkitup

C'est une alternative à plxEditor. J'ai adapté à la sauce pluxml le formidable outil de Jay Salvat.

A la différence de plxEditor, il ne se comporte pas comme un logiciel de traitement de texte mais ajoute des balises au texte que l'on tape. On peut ainsi utiliser différents parseurs (html, markdown, textile, bbcode...).

plxMetaVerif

C'est un plugin qui permet d'ajouter la balise meta permettant à google et/ou à bing de s'assurer que vous êtes le propriétaire du site que vous souhaitez enregistrer. Il crée également un fichier html pour google, un fichier xml pour bing et le fichier robots.txt (vide) pour google.

Voilà, c'est tout pour aujourd'hui. Demain, je vous détaillerai les plugins permettant d'ajouter une mise en forme sympa à votre site (diaporama, zoom d'images...).

Shaarli share your links...

Cyril MAGUIRE — Wed, 23 Nov 2011 01:58:00 +0100

Depuis le mois de septembre, Seb Sauvage nous a concocté un formidable outil : j'ai nommé Shaarli ! Toujours en version béta (car de nombreuses nouvelles fonctionnalités sont encore dans les cartons), cette petite application vous permet de partager (ou pas) les liens vers des sites qui vous semblent pertinents (ou pas).

Shaarli, c'est quoi ?

Comme son auteur nous l'indique, Shaarli est un clone minimaliste de Delicious que vous pouvez installer sur votre propre serveur. Le but est de disposer de ses données comme on l'entend et de ne pas dépendre d'un service tiers qui pourrait analyser à notre insu nos activités sur le web (non je n'ai pas nommé la renouille qui voulait devenir une Face de bouc).

Cet outil se veut être simple (ce qui ne veut pas dire qu'il n'est pas puissant) et rapide.

Shaarli, comment ?

La philosophie sous-jacente du code est le principe du KISS (Keep It Simple Stupid). Shaarli tient donc en un seul fichier php (oui vous avez bien lu) et en un fichier css de base. Cette méthode permet de faciliter la maintenance du code ce qui n'empêche pas les fonctionnalités d'être multiples.

Malgré tout, Shaarli est rapide et le nombre de liens à traiter n'est pas un problème. Et quand je dis rapide, ce n'est pas une vue de l'esprit. Les temps d'affichage sont presque indécents tellement ils sont courts (0.1353 secondes par exemple sur le site de l'auteur à l'heure où je vous parle avec plus de 8300 liens publics).

Shaarli, quelles fonctions ?

Je ne détaillerai pas l'ensemble des fonctionnalités car elles évoluent assez rapidement. Je noterai seulement les essentielles (traduction de celles listées sur le site dédié à l'outil ) :

Design minimaliste (simple is beautiful)
Rapide
Facile à utiliser : un simple bouton dans votre navigateur pour marquer une page
L'url, le titre et la description du lien sont enregistrés sans restriction de taille
Les marque-pages peuvent être publics ou privés

Possibilité de les classer et de les filtrer par l'intermédiaire de tags (dont le formulaire de saisie s'auto-complète au fur et à mesure des enregistrements)
Les liens sont affichés par pages (avec la possibilité de choisir le nombre de liens à afficher par page)
Moteur de recherche inclus (recherche par texte complet)
Nuage de tags disponible

Permalinks
Génération de miniatures automatiques pour de nombreux services (imgur, imageshack.us, flickr, youtube, vimeo, dailymotion…)
Mur d'images (qui peuvent être filtrées par tags ou par résultat de recherche)

RSS et ATOM feeds (qui peuvent être filtrées par tags ou par résultat de recherche)
Protocole PubSubHubbub supporté
Installation ultra-simplifiée : pousser les fichiers sur le serveur et c'est tout
Fichier php unique
Aucune base de données nécessaire (un seul fichier de données généré, pratique pour les sauvegardes)
Encombrement réduit (1315 liens occupent 150 kb)
Possibilité d'import/export ds marque-pages de Netscape (pour l'import/export depuis/vers Firefox, Opera, Chrome, Delicious…)
Protection contre les failles XSRF, les vols de cookies de session cookie, attaques par brute force… et bien entendu contre les injections SQL (vue qu'il n'y a pas de base SQL !)
Les paramètres gênants de FeedProxy FeedBurner/Google dans l'URL (?utm_source…) sont supprimés automatiquement

Bref !

Vous l'aurez compris, Shaarli est un outil obligatoire à avoir sous la main. Perso, je ne peux plus m'en passer.

Supraconductivité

Cyril MAGUIRE — Thu, 20 Oct 2011 02:21:00 +0200

Rien à dire : c'est bluffant...

Utiliser plusieurs CGridView sur une même page

Cyril MAGUIRE — Tue, 23 Aug 2011 02:49:00 +0200

Lors du développement d'une application avec Yii, il est souvent nécessaire d'utiliser les widgets mis à disposition par le framework. CGridView en fait partie et j'avoue que son utilisation n'est pas des plus intuitives. Même en lisant la doc plusieurs fois, il n'est pas si évident de faire ce que l'on veut. J'ai été confronté au problème d'utiliser plusieurs fois le widget sur une même page, en utilisant le même modèle mais en voulant afficher des résultats différents. Et voici comment j'ai procédé.

La structure de l'application

Yii se base sur la structure MVC (Modèle Vue Controlleur). Nous aurons donc le modèle Articles dans le fichier "Articles.php", le controlleur dans le fichier "ArticlesController.php" et la vue associée, "view.php".

Le widget CGridView pouvant fonctionner avec un module de recherche avancé, nous aurons besoin d'une vue annexe qui sera incluse dans la vue principale. Par convention, les vues intégrées sont précédées d'un underscore. Nous nommerons donc le fichier _search.php

La base de données

On va utiliser une base théorique pour l'exemple qui se compose de la table "articles" :

CREATE TABLE `articles` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `nom` tinytext,
  `titre` text,
  `date_parution` date DEFAULT NULL,
  `etat` varchar(60) NOT NULL,
  `contact_id` int(11) unsigned NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

et de la table "contacts" :

CREATE TABLE `contacts` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `nom` varchar(100) DEFAULT NULL,
  `prenom` varchar(100) DEFAULT NULL,
  `tel_fixe` tinytext,
  `tel_portable` tinytext,
  `fax` tinytext,
  `email` tinytext,
  `adresse` text,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

Les deux tables sont liées entre elles par le champ "contact_id" de la table "articles" et l'index "id" de la table "contacts". Au niveau du modèle "Articles", cela se traduit par la relation :

  /**
  * @return array relational rules.
  */
 public function relations()
 {
  // NOTE: you may need to adjust the relation name and the related
  // class name for the relations automatically generated below.
  return array( 
    'contact' => array(self::BELONGS_TO, 'Contacts', 'contact_id'),
        );
 }

Les vues

view.php

Nous souhaitons trier les articles en fonction de leur état possible ('ouvert','ferme','attente'). Chaque résultat sera positionné par état dans un tableau généré par CGridView.

Voici le code commenté :

<?php 
//Le fil d'ariane
 $this->breadcrumbs=array(
  Yii::t('app','Administration')=>array('gestion/index'),
  Yii::t('app','Liste des articles '),
 );

 //On défini ici le menu que l'on complétera en fonction de l'état de l'article
 $this->menu=array();

 //Les différents états possibles pour un article
 $states = array('ouvert','ferme','attente');
 
 //On fait une boucle afin d'afficher les résultats en fonction de l'état des articles
 foreach ($states as $key => $value) :
  switch ($value) {
      case "ouvert":
    //$etat permettra de controller entre autre le widget
          $etat = 'ouvert';
    //$statut permettra de compléter les légendes
          $statut = Yii::t('app','ouvertes');
          break;
      case "ferme":
          $etat = 'ferme';
          $statut = Yii::t('app','fermées');
          break;
   case "attente":
          $etat = 'attente';
          $statut = Yii::t('app','en attente');
          break;
   default :
    $etat = 'ouvert';
    $statut = Yii::t('app','ouvertes');
  }

  //On complète le menu
  $this->menu[] = array('label'=>Yii::t('app','Liste des articles ').$statut, 'url'=> '#'.$etat);

  //On paramètre le nombre de pages de résultats
  $pageSize=Yii::app()->user->getState('pageSize',Yii::app()->params['defaultPageSize']);
  
  //On lance une obfuscation afin que le widget puisse générer sans erreur les différents tableaux de résultats.
 ob_start();

  //Par défaut, les champs de recherche avancée sont masqués par une fonction javascript qui permet aussi de les afficher
  //Chaque état devant être indépendant, on génère une fonction pour chacun d'entre eux.
  Yii::app()->clientScript
   ->registerScript('search'.$etat, "
   $('#search-button_$etat').click(function(){
    $('#search_$etat').toggle();
    return false;
   });
   $('.search-form form#form_$etat').submit(function(){
    $.fn.yiiGridView.update('$etat', {
     data: $(this).serialize()
    });    
    $('#search_$etat').toggle();
    return false;
   }); 
   ",
   CClientScript::POS_READY);
 //On ouvre une division afin d'envelopper chaque état pour y accéder plus facilement par le menu
 //Chaque division ayant un index unique correspondant à l'état des articles
 ?>

 <div id="<?php echo $etat;?>" class="contenu"><!-- articles <?php echo strtoupper($statut);?>-->

 <?php
 //On inclue le formulaire de recherche avancée
 //On donne un index unique au lien permettant l'ouverture/la fermeture du formulaire afin que le javascript fonctionne
 echo CHtml::link(Yii::t('app','Recherche avancée'),'#',array('id'=>'search-button_'.$etat));

 //On appelle la vue _search.php en lui passant les variables définies dans le modèle (voir ci-après)
 $this->renderPartial('_search',array(
    'model'=>$model,
    'contacts'=>$contacts,
    'etat'=>$etat
      ));

 //On définie une variable afin de pouvoir traduire le message de suppression qui sera utilisé par CGridView
 //Si on le fait directement dans le widget, la trduction n'est pas prise en compte
 $del = Yii::t('app','Êtes vous sûr de vouloir supprimer l’article "');

 //Enfin on définie le widget
 $this->widget('zii.widgets.grid.CGridView', array(
   //L'id unique permet l'indépendance entre chaque widget
   'id'=>'tableau_'.$etat,
   //Le dataProvider permet de modifier l'affichage du widget en fonction des résultats de recherche
   //La recherche se fait ici par $_POST par la méthode search définie dans le modèle Articles
   //search prend en argument l'état de l'article
   'dataProvider'=> $model->search($etat),
   //On peut afficher un formulaire de recherche simplifié. La recherche se fera par $_GET 
   //sur le modèle principal
   'filter'=> $model,
   //L'affichage peut être généré ou non en ajax
   'ajaxUpdate'=>true, 
   //On peut décider de l'endroit où sera affiché le formulaire de recherche simplifiée
   'filterPosition' => 'header',
   //Si la pagination est activée, on peut personnaliser son affichage
   //en précisant le texte qui sera utilisé
   'summaryText'=>Yii::t('app','articles ').'{start}'.Yii::t('app',' à ').'{end}'.Yii::t('app',' sur ').'{count}'.Yii::t('app',' au total'),
   //en définisant le template de pagination
   'template'=>"{pager}\n{summary}\n{items}\n{pager}",
   //et les liens qui seront affichés (ainsi que leur css associé)
   'pager'=>array( 
    'header'=>false,
    'maxButtonCount'=> 4,
    'firstPageLabel'=>'&lt;&lt;',
    'lastPageLabel'=>'&gt;&gt;',
    'nextPageLabel'=>'&gt;',
    'prevPageLabel'=>'&lt;',
    'cssFile'=>Yii::app()->theme->baseUrl.'/css/pagination.css'
   ), 
   //Une fois toutes les options de présentation définies
   //on affiche les données
   'columns'=>array( 
    //En première colonne, on peut afficher un bouton permettant la suppression des articles
    array( 
     //header est l'entête qui sera affichée en première ligne dans le tableau de résultats
     'header'=>Yii::t('app','Action'),
     //On définit un bouton associé au widget
     'class'=>'CButtonColumn',
     //On définit sa fonction
     //Par défaut, Yii prévoit 3 tickets de fonction différents
     //delete, update et view
     //D'autres tickets de fonction peuvent être définis
     'template'=>'{delete}',
     //On définit le message de confirmation
     //Le contenu étant généré par javascript, il faut avoir au préalable traduit le message
     'deleteConfirmation'=> "js:'".$del."'+$(this).parents('tr').children(':nth-child(2)').text()+'\" ?'"
    ),
    //En deuxième colonne, on affiche le nom de l'article
    array(
      'header'=>Yii::t('app','Nom'),
      //On définit le nom qui sera donné au champ de recherche
      //Comme le widget est utilisé plusieurs fois
      //on crée un tableau en fonction de l'état des articles afin de bien différencier les résultats
      'name' => "[$etat]nom", 
      //On choisi d'afficher un lien vers la partie administration afin de modifier l'article
      //le champ doit donc être de type html
      'type' => 'html',
      //On affiche enfin la valeur de chaque cellule
      //Lorsque l'on affiche les résultats, on n'utilise pas directement le modèle $model
      //Le widget fait une boucle afin d'afficher les résultats
      //qui sont stockés au préalable dans l'objet $data.
      //Le code doit être placé entre guillemets
      'value' => 'CHtml::link($data->nom,array("articles/update","id" => $data->id, "article" => CHtml::encode($data->nom)))',
    ),
    array(
     //Même principe
     'header'=>Yii::t('app','Titre'),
     'name'=>"[$etat]titre",
     'value'=>'$data->titre'
    ),
    array( 
     //On définit de nouveaux boutons d'actions
     //On les sépare du boutons de suppression afin d'éviter toute erreur
     //de manipulation de la part de l'utilisateur
     //Même principe que précédemment
     'header'=>Yii::t('app','Actions'),
     'class'=>'CButtonColumn',
     'template'=>'{update} {view}',
     //On précise les url et les options de chaque bouton généré
     'buttons'=>array(
      'update'=>array(  
       'url'=> 'Yii::app()->controller->createAbsoluteUrl("articles/update", array("id"=>$data->id,"nom"=>$data->nom))'
       ), 
      'view'=>array(  
       'url'=> 'Yii::app()->controller->createAbsoluteUrl("articles/view", array("id"=>$data->id,"nom"=>$data->nom))',
       'options'=> array(
        'title'=>Yii::t('app','Aperçu de l\'article'))
       )           
     )
    ),        
   ),
  ));
 ?>

  </div><!-- FIN articles <?php echo strtoupper($statut);?> -->

 <?php
 //On stocke le contenu obfusqué dans une variable.
 //Le contenu est concaténé avec le contenu précédent
 $articles .= ob_get_contents();
 //On ferme l'obfuscation
 ob_end_clean();
 //On ferme la boucle
 endforeach;
 //Enfin on affiche les résultats
 ?>

 <h1><?php echo Yii::t('app','Gestion des articles ');?></h1> 

 <?php
 //On affiche le menu sous forme de liste non ordonnée
 $this->widget('zii.widgets.CMenu', array(
  'items'=>$this->menu,
  'htmlOptions'=>array('class'=>'css-tabs history'),
 ));
 //et les résultats
 ?>

 <div class="panes"><!-- PANES -->

  <?php echo $articles;?>

 </div><!-- FIN PANES -->

_search.php

<?php 

 if (empty($model->date_parution)) {
  $model->date_parution = null;
 }
 //On lance une obfuscation afin que le widget puisse générer 
 //sans erreur le formulaire pour chaque CGridView
 $form = $this->beginWidget('CActiveForm', array(
  'method'=>'post',
  //On donne l'id défini dans la fonction javascript de la page view.php
  'id'=>'form_'.$etat
 )); 

 //On affiche le formulaire
 //Pour un gain de temps, j'ai volontairement fais une mise en page à l'aide d'un tableau
 //Oui, je sais c'est pas bien....
 echo '

  <div class="search-form" style="display:none;" id="search_'.$etat.'">

 <table summary="form" class="table-form"> 
  <tr>
   <td>'.$form->label($model,Yii::t('app','nom'),array('for'=>'nom_'.$etat)).'</td>'
   
   //On définit le nom qui sera donné au champ de recherche
     //Comme le widget est utilisé plusieurs fois
     //on crée un tableau en fonction de l'état des articles afin de bien différencier les résultats
   //On donne également un id unique à chaque champ
   '<td>'.$form->textField($model,"[$etat]nom",array('size'=>60,'maxlength'=>255,'id'=>'nom_'.$etat)).'</td>
  </tr>
  <tr>
   <td>'.$form->labelEx($model,Yii::t('app','date de parution <span>*</span>'),array('for'=>'date_parution_'.$etat,'id'=>'label_ouverture_'.$etat)).'</td>

   <td>'.$form->textField($model,"[$etat]date_parution",array('class'=>'date','id'=>'date_parution_'.$etat)).'</td>
   
  </tr>'
   //dropDownList fonctionne avec un tableau (ici $contacts défini dans le controlleur)
   '<td>'.$form->label($model,Yii::t('app','Contact'),array('for'=>'contact_'.$etat)).'</td>
   <td>'.$form->dropDownList($model,"[$etat]contact_id",$contacts,array('id'=>'contact_'.$etat)).'</td>
  </tr> 


  <tr class="buttons">
   <td colspan="2" class="centrer">'.CHtml::submitButton(Yii::t('app','Rechercher')).'</td>
  </tr> 
 </table>


 ';

 $this->endWidget(); ?>
 <?php $return = ob_get_contents();
 ob_end_clean();?>

     <?php echo $return;?>

  </div><!-- search-form -->                        '                        //On définit le nom qui sera donné au champ de recherche              //Comme le widget est utilisé plusieurs fois              //on crée un tableau en fonction de l'état des articles afin de bien différencier les résultats            //On donne également un id unique à chaque champ            '                                                            '            //dropDownList fonctionne avec un tableau (ici $contacts défini dans le controlleur)            '                                                    '.$form->label($model,Yii::t('app','nom'),array('for'=>'nom_'.$etat)).' '.$form->textField($model,"[$etat]nom",array('size'=>60,'maxlength'=>255,'id'=>'nom_'.$etat)).'
'.$form->labelEx($model,Yii::t('app','date de parution *'),array('for'=>'date_parution_'.$etat,'id'=>'label_ouverture_'.$etat)).' '.$form->textField($model,"[$etat]date_parution",array('class'=>'date','id'=>'date_parution_'.$etat)).'
'.$form->label($model,Yii::t('app','Contact'),array('for'=>'contact_'.$etat)).' '.$form->dropDownList($model,"[$etat]contact_id",$contacts,array('id'=>'contact_'.$etat)).'
'.CHtml::submitButton(Yii::t('app','Rechercher')).'
    ';    $this->endWidget(); ?>

Le controlleur

Je ne détaillerai pas l'ensemble des méthodes du controlleur. Uniquement celle qui nous intéresse pour l'exemple.

<?php
 /**
  * Manages all articles.
  */
 public function actionArticles()
 {   
  //On appelle la méthode search en créant l'objet model
  $model = new Articles('search');
  $model->unsetAttributes();  // On supprime toutes les valeurs par défaut
  
  //On s'assure que s'il une requête est postée, elle le soit depuis le site
  if (isset($_POST['YII_CSRF_TOKEN']) && $_POST['YII_CSRF_TOKEN'] == Yii::app()->request->csrfToken) {
   //Si c'est le cas, on passe tous les arguments de POST à GET
   //car se sont les arguments de GET qui seront passés comme attributs à l'objet
   $_GET = $_POST;
  }
  
  //Si le tableau $_GET existe
  if(isset($_GET['Articles'])){
   //On passe les arguments de $_GET comme attributs de l'objet
   //en fonction de l'état d'origine de l'article.
   //Cela permet une recherche que sur un état en particulier
   if (isset($_GET['Articles']['ouvert'])){
    $model->attributes = $_GET['Articles']['ouvert'];
   }
   elseif (isset($_GET['Articles']['ferme'])){
    $model->attributes = $_GET['Articles']['ferme'];
   }
   elseif (isset($_GET['Articles']['attente'])){
    $model->attributes = $_GET['Articles']['attente'];
   }
  }
        
  //On recherche tous les contacts
  $c = Contacts::model()->findAll(array('select' => 'nom, prenom, id')); 
  //On ajoute un champ nul pour éviter que la recherche de ce champ soit obligatoire
  $contacts = array(0=>null) + $c;

  //On affiche la vue en passant toutes les variables nécessaires
  $this->render('admin',array(
   'model'=>$model,
   'contacts'=>$contacts
  ));
 }
 ?>

La méthode search() du modèle Articles

C'est le coeur de l'affichage des résultats. C'est elle qui permet le tri des résultats en fonction de l'état des articles.

<?php
 /**
  * Retrieves a list of models based on the current search/filter conditions.
  * @return CActiveDataProvider the data provider that can return the models based on the search/filter conditions.
  * @param string $etat, state of the article (opened, closed, pending) 
 */
 //On passe en argument l'état de l'article
 //Par défaut, il est nul, ce qui permet de tous les afficher
 public function search($etat = null)
 {
   //On crée un nouvel objet de type CDbCriteria qui permet de rechercher dans la base de données
   $criteria=new CDbCriteria;
   
         $criteria->together=true;
      
   //Si la recherche vient d'un état en particulier,
   //On compare les arguments de $_GET à la base de données
   if (isset($_GET['Articles'][$etat])){
    //Le premier argument est le champ de la base de données
    //Le deuxième argument est la valeur de l'attributs donné par $_GET
    //Le troisième permet de faire une recherche stricte (paramètre à false)
    //ou approximative (paramètre à true). Lors de la requête sql générée
    //l'argument est alors entouré de deux %
    $criteria->compare('t.nom',$this->nom,true);
    $criteria->compare('t.titre',$this->titre,true); 
    $criteria->compare('t.date_parution',$this->date_parution,true);
   }
   //On fait une recherche stricte en fonction de l'état des articles 
   //afin d'afficher un tableau de résultats différent par état
      $criteria->compare('t.etat',$etat,false);
   
   //On retourne les résultats au widget CGridView qui se charge de les afficher
   return new CActiveDataProvider(get_class($this), array(
    'criteria'=>$criteria,
    'sort'=>array(
              'defaultOrder'=>'t.nom ASC',
          ),
          'pagination'=>array(
              'pageSize'=>10
          )
   ));
   
         
 }
 ?>

Conclusion

Yii fournit un ensemble de widgets qui méritent d'être étudiés en profondeur car ils permettent des fonctionnalités vraiment poussées. Même si la documentation n'est pas assez exhaustive à mon goût, le forum officiel est rempli d'exemples et d'âmes charitables qui pourront vous renseigner avec plus de précision.

Yii c'est bon ! Mangez-en.

'.$form->label($model,Yii::t('app','nom'),array('for'=>'nom_'.$etat)).'	'.$form->textField($model,"[$etat]nom",array('size'=>60,'maxlength'=>255,'id'=>'nom_'.$etat)).'
'.$form->labelEx($model,Yii::t('app','date de parution *'),array('for'=>'date_parution_'.$etat,'id'=>'label_ouverture_'.$etat)).'	'.$form->textField($model,"[$etat]date_parution",array('class'=>'date','id'=>'date_parution_'.$etat)).'
'.$form->label($model,Yii::t('app','Contact'),array('for'=>'contact_'.$etat)).'	'.$form->dropDownList($model,"[$etat]contact_id",$contacts,array('id'=>'contact_'.$etat)).'
'.CHtml::submitButton(Yii::t('app','Rechercher')).'