Résolution d'une issue 1 : #125

https://framagit.org/framasoft/framadate/issues/125

Choose between "," and ";" as field seperator in the CSV-export.
Please use ";" as field seperator when using CSV-export instead of ",". That makes opening these files in Microsoft Excel a lot easier.

Après discussion la modification consistera en un choix, à l’aide d’un menu déroulant afin de sélectionner le séparateur.

C’est une issue plus complexe que l’issue 237 cependant elle peut être fragmentée en plusieurs morceaux de difficulté plus simple .

Voici une copie d’écran après les modifications :

Une page PHP framadate/exportscsv.php crée un fichier d’export de tout le tableau des participants avec leurs réponses dans un tableau, actuellement au format CSV.

La fonction PHP implode rassemble les éléments d’un tableau en une chaîne. Cela nous permet ensuite de travailler sur ces éléments avec une variable. Elle est souvent utilisé avec la fonction explode

La fonction PHP explode Coupe une chaîne en segments L’utilisation de explode et implode permet de découper nos chaines et de les retravailler pour les remettre ensuite dans nos tableaux

La plupart du CSS est déjà créé grâce à du bootstrap. Avant de créer quoi que ce soit, il faut vérifier si cela n’existe pas déjà. Toute la documentation concernant le bootstrap est ici :

Pour cette première étape, le principe est très simple on remplace chaque “,” rencontré par un “;”. Il a été cependant intéressant de chercher à comprendre le fonctionnement en modifiant petit à petit chaque caractère.

$moment=explode(',',$slot->moments);

devient

$moment=explode(';',$slot->moments);

On sait maintenant comment contrôler manuellement le changement du séparateur, créons une variable à changer sur la page.

if ($exportchoice=='CSV'){
  $delimiter=',' ;
}
else{
  $delimiter=';' ;
}

Et on modifie , ou ; en $delimiter

$moment=explode($delimiter,$slot->moments);

On se situe maintenant dans un fichier template : tpl/part/pollinfo.tpl. Les spécificités de ces fichiers sont expliqués ici . En observant la page du côté client on observe qu’il y a 3 boutons : *export *menu déroulant : icône poubelle *print Le menu déroulant (le petit logo poubelle) est similaire à la fonctionnalité que l’on désire créer. Le code est donc similaire en de nombreux points, au niveau des classes dropdown-menu (codé sur plus de 3 pages CSS et JS css/bootstrap-theme.CSScss/bootstrap-theme.css.mapjs/bootstrap.js : ), et des balises li et ul <code> <ul class=“dropdown-menu” role=“menu”> <li> <button type=“submit” name=“removeallvotes”>, ‘Remove all the votes’) }</button> </li> <li> <button class=“btn btn-link” type=“submit” name=“removeallcomments”>{(‘PollInfo’,'Remove all the comments’)}</button> </li> <li class=“divider” role=“presentation”/> <li> <button class=“btn btn-link” type=“submit” name=“deletepoll”>{_(‘PollInfo’, ‘Remove the poll’)}</button> </li> </ul> </code> Ainsi, La ligne servant à exporter le sondage : <code> <a href=“{$SERVERURL|html}exportcsv.php?poll={$pollid|html}” class=“btn btn-default”> {(‘PollInfo’, ‘Export to CSV’)}</a> </code> devient : <code>

      <button type="button" class="glyphicon glyphicon-download-alt" data-toggle="dropdown"/>

      <ul class="dropdown-menu1" role="menu">
          <li>
              <a href="{$SERVER_URL|html}exportcsv.php?poll={$poll_id|html}"
                  class="btn btn-default"><span class="glyphicon glyphicon-download-alt"/>{__('PollInfo', ',')}</a>
          </li>
          <li>
              <a href="{$SERVER_URL|html}exportcsv.php?poll={$poll_id|html}"
                  class="btn btn-default"><span class="glyphicon glyphicon-download-alt"/>{__('PollInfo', ';')}</a>
          </li>
      </ul>
  </div>