#firefile

[galaxygorl-does-stuff]

petition to make the cabby x candle ship name firefile

[memo-cakephp-blog]

Enregistrer les modifications CSS effectuer sur Firebug dans leur fichiers sources (Cakephp mod)

Note :

Ce tutoriel n'est pas complet, il se peut que j'ai raté un ou deux trucs ou que sa soit pas bien expliquer :p pour toute question veuillez laisser un commentaire ou me contacter a Mohamed MELLOUKI

Une version modifier avec un guide plus complet est planifier et serra héberger dans Github mais pas dans le court terme(pas le temps :) )

English version may be done :Save the modifications done in Firebug in there CSS source files

Donc on commence :

- installer le module complémentaire FireFile in Firefox.

- Télécharger le script serveur depuis https://github.com/tobiasstrebitzer/FireFile-Server .

- tutoriel principal pour la mettre en place de FireFile : https://addons.mozilla.org/en-US/firefox/addon/firefile/ (vérifier les images)

- Uploader le script FireFile dans le dossier css.

- Donner les autorisations nécessaire a l’exécution du script (chmod 777).

- Exécuter le script depuis votre navigateur (nomdomaine/webroot/css/firefile)

exemple : http:// localhost/exempleapp/webroot/css/firefile

- Configurer un nouveau identifiant et mot de passe.

- Authentifier vous puis rafraichiser la page tout en ouvrant firebug.

- Autoriser le site dans les paramètres de FireFile.

- Tester que les modifications s'enregistre bien dans le fichier source en modifiant un élément de la page de FireFile puis cliquer sur la flèche bleu dans l'onglet firebug->css->firefile

- Si tout ce passe bien continuer le tutoriel sinon assurer vous d'avoir une installe fonctionnel avant de continuer. Dans l'étape suivante on va procéder a la configuration de FireFile afin de le rendre compatible avec Cakephp

- Effectuer un backup du dossier webroot/css.

- Ouvrer le script puis dans la ligne 197 (méthode onActionSaveRoutine) changer :

// SAVE FILE

if(OS == "UNIX") {

$file_abs_path = str_replace($_SERVER["PHP_SELF"], "", $_SERVER["SCRIPT_FILENAME"]).str_replace("http://".$_SERVER["HTTP_HOST"], "", $file);

}

en

// SAVE FILE

if(OS == "UNIX") {

$exp = explode('/css',str_replace("http://".$_SERVER["HTTP_HOST"], "", $file));

$file_abs_path = str_replace($_SERVER["PHP_SELF"], "", $_SERVER["SCRIPT_FILENAME"]).$exp[0].'/webroot/css'.$exp[1];

}

- Dans un terminal (ssh?) aller dans le dossier css.

- Exécuter la commande suivante : chmod 777 -Rv *

- Dans Config/core.php, si vous utiliser des méthodes de compression, de cache etc.. afin d'optimiser le rendu pour un meilleur score dans page speed, veuillez entourer le tout avec cette condition :

if(Configure::read('debug') == 0) {

// faire des manipulations de compression etc.

Configure::write('Asset.timestamp', true);

@ob_start ('ob_gzhandler');

Configure::write('Asset.filter.css', 'acss.php');

//etc.

}

ceci permet d'utiliser les fichiers sources lors de la phase de développement et pas les fichiers compresser/cache.

- Veuillez mettre votre application en mode debug : Configure::write('debug', 2);

- puis vous pouvez procéder a l'utilisation de FireFall dans votre application.

- Une fois l'application est en mode production ( Configure::write('debug', 0); ) enlever le fichier firefall.php et changer les autorisations du dossier et fichiers CSS.

Mohamed MELLOUKI