Fork me on GitHub




(1) 2 3 »


piCal 0.88a modifié, recherche testeur et avis
Supporter Xoops
Inscrit: 02/10/2004 14:09
Messages: 370
Je me décide enfin à diffuser une version modifiée par mes petites mains de piCal 0.87a. Le but de mes modifications était de rendre beaucoup plus souple l'intégration de ce module sur divers sites utilisant ou non plusieurs thèmes. Pour ce faire, j'ai dû me perdre dans les class de de ce module pour y extraire tout ce qui touchait à la mis en page, mais aussi pour améliorer quelques petites fonctions avec ajout de variables. Bref, voici donc ce que peut faire cette version que je considère comme version ALPHA :

-> On peut lié un thème à un skin, le chemin du skin varie en fonction du thème utilisé
-> Une amélioration de la fonction dédiée à l'injection de css avec la prise en charge de la famille du navigateur
-> Correction du gestionnaire de plug'in
-> Correction de mini calendrier "minical_ex" sous xoops 2.0.14
-> Correction du gestionnaire de bloc de piCal, prise en compte de xoops 2.0.14 et version antérieure.
-> Mise en place du choix du type d'éditeur, aucune modification à faire si vous utilisez cbb 3.x avec xoops 2.0.x.
-> Mise en place du mode CSS :
-------> Mode CSS OFF : fonctionnement standard
-------> Mode CSS ON : les pages générées utiliseront un fichier css. Avec trois modes de fonctionnement :
-------------> CSS présent dans le dossier skin
-------------> CSS présent dans le dossier du thème courant
-------------> CSS intégré dans celui du thème courant

Mais qu'est-ce que le mode CSS, comme je l'ai dit plus haut... ce fût le plus gros travail. C'est un mode de fonctionnement qui permet à piCal de générer des pages dépourvues de formatage donc les couleurs données dans les préférences du module sont toutes ignorés au profit d'une feuille de style dont l'emplacement peut varier selon votre bon vouloir. Prenons pour exemple les templates que gère ce module sous cette évolution :
-> En fonctionnement normal mode CSS inactif, on a le contenu classique du template pical_block_minical_ex.html (pical_minical_ex.html pour pical non modifié)
<table border="0" cellspacing="0" cellpadding="0" width="150" style="width:150px;line-height:normal;margin:0px;">
  <
tr>
    <
td width="150" class="calframe" style="<{$block.frame_css}>">
      <
table border="0" cellspacing="0" cellpadding="0" width="100%" style="border-collapse:collapse;margin:0px;">

        <!-- 
header part -->
        <
tr>
          <
td nowrap="nowrap" colspan="7" style="background-color:<{$block.calhead_bgcolor}>;text-align:center;vertical-align:middle;padding:3px 1px;">
            <
a href="<{$block.root_url}>?caldate=<{$block.prev_month}><{$block.additional_get}>"><img src="<{$block.skinpath}>/miniarrowleft.gif" width="18" height="14" border="0" alt="<{$block.lang_prev_month}>" title="<{$block.lang_prev_month}>" /></a>
            <
font size="2"><span class="pical_head" style="color:<{$block.calhead_color}>"><b><{$block.year_month_title}></b></span></font>
            <
a href="<{$block.root_url}>?caldate=<{$block.next_month}><{$block.additional_get}>"><img src="<{$block.skinpath}>/miniarrowright.gif" width="18" height="14" border="0" alt="<{$block.lang_next_month}>" title="<{$block.lang_next_month}>" /></a>
          </
td>
        </
tr>

        <
tr>
          <!-- 
day name loop -->
          <{foreach 
from=$block.daynames item=dayname}>
          <
td class="pical_minidayname" style="text-align:center;padding:3px 1px;">
            <
span class="pical_minidayname" style="color:<{$dayname.color}>;"><{$dayname.dayname}></span>
          </
td>
          <{/foreach}>
        </
tr>

        <!-- 
weekly loop -->
        <{foreach 
from=$block.weeks item=week}>
        <
tr>
          <!-- 
daily loop -->
          <{foreach 
from=$week item=day}>
            <{if 
$day.type == }>
              <
td class="pical_miniday">
                <
span class="pical_miniday"><img src="<{$block.skinpath}>/spacer.gif" alt="" width="20" height="20" /></span>
              </
td>
            <{else}>
              <
td class="pical_miniday" style="background-color:<{$day.bgcolor}>;text-align:center;height:20px;">
                <
span class="pical_miniday" style="color:<{$day.color}>;"><{$day.date}></span><br />
                <
span class="pical_miniday">

                  <{foreach 
from=$day.ex item=ex}>
                    <
a href="<{$ex.link}>"><img src="<{$block.skinpath}>/<{$ex.dotgif}>" alt="<{$ex.title}>" title="<{$ex.title}>" width="8" height="8" /></a>
                  <{
foreachelse}>
                    <
img src="<{$block.skinpath}>/spacer.gif" alt="" width="8" height="8" />
                  <{/foreach}>
                </
span>
              </
td>
            <{/if}>
          <{/foreach}>
        </
tr>
        <{/foreach}>

      </
table>

      <
div align=right style="padding:3px;">
        <{foreach 
from=$block.plugins item=plugin}>
          <
div style='float:right;height:1.5em;'><nobr>
            <
img src="<{$block.skinpath}>/<{$plugin.dotgif}>" alt="<{$plugin.pi_title}>" />&nbsp;<{$plugin.pi_title}>&nbsp;&nbsp;
          </
nobr></div>
        <{/foreach}>
      </
div>

    </
td>
  </
tr>
</
table>

-> Avec le mode CSS actif, on utilise le template pical_block_minical_ex_css.html
<table id='minical_ex'>

<!-- 
header part -->
<
tr>
  <
th nowrap="nowrap" colspan="7">
    <
a href="<{$block.root_url}>?caldate=<{$block.prev_month}><{$block.additional_get}>"><img src="<{$block.skinpath}>/miniarrowleft.gif" alt="<{$block.lang_prev_month}>" title="<{$block.lang_prev_month}>" /></a>
    <{
$block.year_month_title}>
    <
a href="<{$block.root_url}>?caldate=<{$block.next_month}><{$block.additional_get}>"><img src="<{$block.skinpath}>/miniarrowright.gif" alt="<{$block.lang_next_month}>" title="<{$block.lang_next_month}>" /></a>
  </
th>
</
tr>

<
tr>
  <!-- 
day name loop -->
  <{foreach 
from=$block.daynames item=dayname}>
  <
td class="minidayname<{$dayname.daytype}>"><{$dayname.dayname}></td>
  <{/foreach}>
</
tr>

<!-- 
weekly loop -->
<{foreach 
from=$block.weeks item=week}>
<
tr>
  <!-- 
daily loop -->
  <{foreach 
from=$week item=day}>
    <{if 
$day.type == }>
      <
td class="miniday"><img src="<{$block.skinpath}>/spacer.gif" alt="" class="spacer_day" /></td>
    <{else}>
      <
td class="miniday<{$day.daytype}>">
            <{
$day.date}><br />
          <{foreach 
from=$day.ex item=ex}>
            <
a href="<{$ex.link}>"><img src="<{$block.skinpath}>/<{$ex.dotgif}>" alt="<{$ex.title}>" title="<{$ex.title}>" /></a>
          <{
foreachelse}>
            <
img src="<{$block.skinpath}>/spacer.gif" alt="" />
          <{/foreach}>
      </
td>
    <{/if}>
  <{/foreach}>
</
tr>
<{/foreach}>
<
tr>
    <
td nowrap='nowrap' colspan='7' class='plugin_legend'>
    <{foreach 
from=$block.plugins item=plugin}>
      <
span><img src="<{$block.skinpath}>/<{$plugin.dotgif}>" alt="<{$plugin.pi_title}>" />&nbsp;<{$plugin.pi_title}>&nbsp;&nbsp;</span>
    <{/foreach}>
    </
td>
</
tr>
</
table>

-> voici l'extrait du fichier block_pical.css associé à minical_ex
/******* MINI CALENDAR EX *******/
table#minical_ex {
    
width100%;
    
line-heightnormal;
    
marginauto;
    
border-collapsecollapse;
    
border1px solid green;
    
background-colorwhite;
}
table#minical_ex th {
     
padding:3px 1px;
    
vertical-alignmiddle;
    
text-aligncenter;
    
font-sizesmall;
    
color#009900;
    
background-color:#CCFFCC;
}
table#minical_ex th img {
    
width18px;
    
height14px;
    
border0px;
    
vertical-aligntop;
}
table#minical_ex td {
    
text-aligncenter;
    
font-sizesmall;
}
table#minical_ex td.minidayname {
    
padding:3px 1px;
    
color#000066;
}
table#minical_ex td.minidayname_sunday {
    
padding:3px 1px;
    
color#cc0000;
}
table#minical_ex td.minidayname_saturday {
    
padding:3px 1px;
    
color#0000ff;
}
table#minical_ex td.miniday {
    
height20px;
    
text-align:center;
}
table#minical_ex td.miniday img.spacer_day {
    
width20px;
    
height20px;
}
table#minical_ex td.miniday, table#minical_ex td.miniday img {
    
width8px;
    
height8px;
    
background-color#ffffff;
    
color#000066;
}
table#minical_ex td.miniday_sunday, table#minical_ex td.miniday_sunday img  {
    
width8px;
    
height8px;
    
background-color#ffeeee;
    
color#cc0000;
}
table#minical_ex td.miniday_saturday, table#minical_ex td.miniday_saturday img  {
    
width8px;
    
height8px;
    
background-color#eef7ff;
    
color#0000ff;
}
table#minical_ex td.miniday_holiday, table#minical_ex td.miniday_holiday img  {
    
width8px;
    
height8px;
    
background-color#ffeeee; 
    
color#cc0000;
}
table#minical_ex td.plugin_legend {
    
text-alignright;
    
padding3px;
}
table#minical_ex td.plugin_legend span {
    
height:1.5em;
    
white-space:nowrap;
    
floatright;
}

Celà peut paraître complexe, mais pour les initiés aux feuilles de style et les courageux, ils y verront une grande opportunité à la customisation et une meilleure intégration du module sans passer par les templates (sans toucher à certaines parties des class de piCal et oui faud passer par là).
J'essaye de faire en sorte que le mode CSS soit conforme W3C en plus de fournir une apparence très très proche du mode de fonctionnement normal sous la version fournie.

Pour télécharger le module modifié : Cliquez-ici !!!!
L'installation et/ou la mise à jour vers cette version de piCal ce fait de manière normal. pensez juste à vider vos template dans le cas d'une maj

Remarque importante: pour que le mode CSS soit vraiment actif, il va falloir allez dans les préférences de piCal en passant par son propre menu (pas le menu flottant).


Voici les valeurs qui demanderont tôt ou tard à être traduite :
Citation :
---- Variable à traduire présente dans le fichier modinfo.php (dossier language)
// Title of config items
define("_MI_SKINFOLDER", "Nom des chemins de skin");
define("_MI_DESCSKINFOLDER", "Mettre la valeur '{theme}' pour créer un lien avec le thème courant.");
define("_MI_SKINCSS", "Mode CSS");
define("_MI_DESCSKINCSS", "Le mode 'CSS OFF' est le fonctionnement classique du module. Le mode 'CSS ON' permet au module de s'appuyer sur une feuille de style pour faciliter son intégration sur divers sites.");
define ("_MI_PICAL_WYSIWYG", "Type d'éditeur");
define ("_MI_PICAL_WYSIWYGDESC", "Sélectionner le type d'éditeur que vous désirez utiliser. Attention : tout autre éditeur que XoopsEditor doit être installé sur votre site.");

// Options of each config items
define("_MI_OPT_CSSOFF", "CSS OFF (mode standard)");
define("_MI_OPT_CSSON_SKIN", "CSS ON (css présent dans le dossier skin)");
define("_MI_OPT_CSSON_THEME", "CSS ON (css présent dans le dossier du thème)");
define("_MI_OPT_CSSON_INCTHEME", "CSS ON (css intégré dans celui du thème courant)");

// Names of blocks for this module (Not all module has blocks)
define("_MI_PICAL_CSSMODEHOOK", "Bloc - Mode CSS");
define("_MI_PICAL_CSSMODEHOOK_DESC","Permets de mettre en en-tête les feuilles de style liées aux blocs, en fonction du mode sélectionné dans les préférences du module. Ce bloc reste invisible.");

// Template description type
define ("_MI_PICAL_TEMPLATE_CSSOFF1", "Template utilisé en fonctionnement normal, CSS OFF");
define ("_MI_PICAL_TEMPLATE_CSSOFF2", "Template du block utilisé en fonctionnement normal, CSS OFF");
define ("_MI_PICAL_TEMPLATE_CSSON1", "Template utilisé quand le mode CCS est activé");
define ("_MI_PICAL_TEMPLATE_CSSON2", "Template du block utilisé quand le mode CCS est activé");


Je recherche des testeurs et des avis et conseils.
A bientôt.

Posté le : 30/07/2006 16:14

Edité par PinMaster sur 13/09/2006 21:35:23

Membre de L'association des Ingénieurs de Polytech'Marseille : www.lipom.org (webmestre du site, ajout du Mode CSS íƒÂ  piCal)
Un autre site : general.fred.free.fr/index.php
Partager Twitter Partagez cette article sur GG+
Re: piCal 0.87a modifié, recherche testeur et avis
Supporter Xoops
Inscrit: 02/10/2004 14:09
Messages: 370
Personne d'intéressé ? Aucun courageux ?

Tant pis.

Posté le : 01/08/2006 09:57
Partager Twitter Partagez cette article sur GG+
Re: piCal 0.87a modifié, recherche testeur et avis
Régulier
Inscrit: 26/04/2003 01:09
De Geneve - Suisse
Messages: 129
Salut PinMaster,

Je viens de lire ton post sur le site de Gijoe, où
j'ai pu suivre tes recherches - Et c'est remarquable!

Nous avons installé pical sur un site experimental
avec l'intention d' importer les données de google
calendrier - solution incomplete basé sur un cronjob.

Mais également d'intégrer pical au design de l'interface
ajax de Xoops Cube ( module/theme modifié de Wanikoo ).

Je télécharge ta version pour la tester en local.
Merci encore,

A+

Posté le : 05/08/2006 00:39

"Le Maitre revèle l'Art et les Disciples font des Merveilles!"
http://xoopscube.org
Partager Twitter Partagez cette article sur GG+
Re: piCal 0.87a modifié, recherche testeur et avis
Supporter Xoops
Inscrit: 02/10/2004 14:09
Messages: 370
Merci pour l'intérêt que tu portes à mes modifications.

Voici la version Alpha2 : pical_087a_css_Alpha2.zip

Au programme de cette version :
-> Correctif de l'affichage du jour courant pour les minicalendriers.
-> Correction de la largeur des horaires en vue semaine et journalière.
-> Optimisation du fichier pical.css
-> Optimisation de l'affichage en mode Mois, Semaine, journalier. Utilisation de balise dédié aux listes et suppression de celle dédié aux tables avec un affichage identique.
Il y aura certainement d'autres optimisations notament pour le mode d'affichage en Mois.

Comme il n'y a pas foule devant cette modification, je continue mes travaux suivant ma motivation du moment.

Peut être que je mettrais en ligne ce module sur un site dédié aux tests, je vous en tiendrais au courant.

Posté le : 14/08/2006 21:46

Membre de L'association des Ingénieurs de Polytech'Marseille : www.lipom.org (webmestre du site, ajout du Mode CSS íƒÂ  piCal)
Un autre site : general.fred.free.fr/index.php
Partager Twitter Partagez cette article sur GG+
Re: piCal 0.87a modifié, recherche testeur et avis
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
bonjour,

Citation :

PinMaster a écrit:
Comme il n'y a pas foule devant cette modification, je continue mes travaux suivant ma motivation du moment.


Vacances, vacances ..... mois d'août, mois d'août

Les xoopsiens sont sur la plage

A +

Posté le : 15/08/2006 00:58

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: piCal 0.87a modifié, recherche testeur et avis
Aspirant
Inscrit: 10/01/2005 22:59
Messages: 21
J'avais egalement fait une modif maison de piCal pour qu'il gere et affiche deux types de calendriers en meme temps (exemple: calendrier revolutionnaire + calendrier gregorien, calendrier hebreu + calendrier gregorien...).

J'ai jamais mis ca au propre, donc c'est franchement pas diffusable. Mais si ca t'interesse d'inclure ca dans tes modifs, on peut en discuter.

Posté le : 16/08/2006 11:48
Partager Twitter Partagez cette article sur GG+
Re: piCal 0.87a modifié, recherche testeur et avis
Supporter Xoops
Inscrit: 02/10/2004 14:09
Messages: 370
Il faudrait que je voie ta version en action pour m'en faire une idée.
Après à voir ^^

Posté le : 16/08/2006 20:21

Membre de L'association des Ingénieurs de Polytech'Marseille : www.lipom.org (webmestre du site, ajout du Mode CSS íƒÂ  piCal)
Un autre site : general.fred.free.fr/index.php
Partager Twitter Partagez cette article sur GG+
Re: piCal 0.87a modifié, recherche testeur et avis
Aspirant
Inscrit: 10/01/2005 22:59
Messages: 21
Tu peux aller voir la : http://fluzzxoops.dyndns.org
J'ai mis en exemple l'affichage d'un calendrier hebreu qui est franchement
complexe a gerer (y'a pas 2 annees pareilles, ou presque...)

Mais, comme je te l'ai dit, ca n'est qu'un debut. L'affichage des deux systemes de dates ne se fait que sur le calendrier mensuel. Le calendrier gregorien est toujours le systeme principal (on peut pas switcher sur l'autre systeme). Bref j'ai encore beaucoup de boulot a faire...

(nb: j'ai mis le genial theme zetareticuli. Il vaut mieux utiliser Firefox, sous IE il y a plein de javascript qui tourne pour pallier les manques de gestion des CSS, alors ca rame un peu)

Posté le : 19/08/2006 10:29
Partager Twitter Partagez cette article sur GG+
Re: piCal 0.87a modifié, recherche testeur et avis
Supporter Xoops
Inscrit: 02/10/2004 14:09
Messages: 370
Rigolo comme modif ^^, une fois que j'aurais finalisé ma modif sur la prise en charge du css... Je m'y pencherais peut être dessus.

A défaut d'un site de test dédié à ma version de piCal, je l'ai intégré sur le site www.lipom.org. Vous pourrais modifier en ligne l'apparence des clandriers et autres pages générées par piCal... même le blocs est modifiable via CSS

Voici les options activent pour cette version :
-> theme : default
-> css mode : active et présent dans le dossier skin
-> utilisation de l'éditeur wysiwig : inbetween

J'informe au passage que GiJoe nous a pondu une nouvelle version de piCal (0.88a)... mais cette version ne prend pas en charge mes modifications de prise en charge de CSS.

Posté le : 23/08/2006 11:35

Membre de L'association des Ingénieurs de Polytech'Marseille : www.lipom.org (webmestre du site, ajout du Mode CSS íƒÂ  piCal)
Un autre site : general.fred.free.fr/index.php
Partager Twitter Partagez cette article sur GG+
Re: piCal 0.87a modifié, recherche testeur et avis
Régulier
Inscrit: 26/04/2003 01:09
De Geneve - Suisse
Messages: 129
Citation :
J'informe au passage que GiJoe nous a pondu une nouvelle version de piCal (0.88a)... mais cette version ne prend pas en charge mes modifications de prise en charge de CSS.


ça, c'est vraiment dommage!

il semble qu'il ai donné priorité à la sécurité et stabilité du module
et une plus grand compatibilité avec les "branches" de l'arbre xoops
La gestion css aurait bien ça place ici, en attendant les templates

:roll:

Posté le : 23/08/2006 12:16

"Le Maitre revèle l'Art et les Disciples font des Merveilles!"
http://xoopscube.org
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
(1) 2 3 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

134 Personne(s) en ligne (121 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 134 | Plus ...