Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

Google Calendar et Zend Gdata configuration ?
#1

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.9.4.3
#~ Url du site : localhost
#~ Hébergeur / Soft :
#~ Informations Système :
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour,

Je tente de mettre en place Google Calendar dans mon site.

J'ai installé le plugin et dans l'admin pour ce module j'ai le message : "Zend GData library not found. Please make sure that the path to this library is set correctly in the preferences panel."

J'ai téléchargé la librairie et je l'ai mise à la racine du site sous : library/Zend/Gdata

Par contre je ne sais pas trop quoi mettre dans le champ "Path to Zend Gdata library" pour que cela fonctionne...

Auriez vous une idée ?

Merci d'avance.

Bonne nuit.

Nico.
Répondre
#2

Salut,

kolbek a écrit :J'ai installé le plugin

Quel plugin as-tu installé exactement ?
Répondre
#3

Salut,

Pour info, fichier GoogleCalendar.module.php
Code :
if (! (@ include 'Zend/Loader.php')) {
    echo $this->ShowErrors($this->Lang('zend_error'));
Comme l'include se lance à partir du répertoire modules/GoogleCalendar/GoogleCalendar.module.php, il suffit de copier le répertoire Zend (celui juste après library) dans le répertoire modules/GoogleCalendar, ce qui donnera :
Code :
modules/GoogleCalendar/Zend
Laisse le champ du path vide et bingo Smile.

Il semble que ce module n'est plus suivi (voir le forum anglais).
Une autre manière de procéder et qui te donnera entière maîtrise de la mise en page du calendrier est d'utiliser Calendar Visualization

@Kraygoon : il s'agit d'un module, non d'un plugin.
Répondre
#4

kraygoon a écrit :Salut,

kolbek a écrit :J'ai installé le plugin

Quel plugin as-tu installé exactement ?

J'ai installé le module Google Calendar...


kraygoon a écrit :Il semble que ce module n'est plus suivi (voir le forum anglais).
Une autre manière de procéder et qui te donnera entière maîtrise de la mise en page du calendrier est d'utiliser Calendar Visualization

Ca ce n'est pas une module ? Je dois mettre en place manuellement dans un gabarit c'est bien ça ?

Enfin, j'ai un problème pour déposer la librairie Zend dans modules/GoogleCalendar, il me dit que je n'ai pas les permissions nécessaires par FTP. J'ai essayé de mettre modules/GoogleCalendar en 777 mais il ne veut pas....

Merci encore.

Bonne journée.
Répondre
#5

Citation :Enfin, j'ai un problème pour déposer la librairie Zend dans modules/GoogleCalendar, il me dit que je n'ai pas les permissions nécessaires par FTP. J'ai essayé de mettre modules/GoogleCalendar en 777 mais il ne veut pas....
Le répertoire modules doit avoir 705 comme permissions.

Citation :Ca ce n'est pas une module ? Je dois mettre en place manuellement dans un gabarit c'est bien ça ?
Effectivement. Je suis occupé à le tester, je te dirai quoi.
Répondre
#6

Tu peux également utiliser le code iframe donné par google dans les "détails de l'agenda".
Tu colles le code dans un bloc de contenu global et tu places l'appel de ce contenu global dans ta page.
Répondre
#7

Jean le Chauve a écrit :Une autre manière de procéder et qui te donnera entière maîtrise de la mise en page du calendrier est d'utiliser Calendar Visualization
Très simple d'emploi !

Procédure : coller le code suivant dans le contenu de la page (wysiwyg décoché) :
Code :
<div align="center">
    <img src='dot.gif' style='position:absolute; top: -1000px;'>
        <table style="width: 800px;">
            <tr>
                <td colspan="2" valign="top">
                    <div style="float: left;" id="loginControlDiv"></div>
                    <div style="float: right;" id="statusControlDiv"></div>
                </td>
            </tr>
            <tr>
                <td valign="top">
                    <div id="navControlDiv"></div>
                </td>
            <td valign="top" align="right">
                <div id="viewControlDiv"></div>
            </td>
        </tr>
        <tr>
            <td colspan="2" valign="top">
            <div id="calendarBodyDiv"></div>
            </td>
        </tr>
        <tr>
            <td colspan="2" valign="top">
            <div id="eventDisplayDiv"></div>
            </td>
        </tr>
    </table>
</div>
Dans les options de page (Métadonnées spécifiques pour cette page)
Code :
{* Modifier les chemins des 2 fichiers suivants vers leur emplacement sur ton serveur *}
<link rel="stylesheet" type="text/css" href="http://gcal.appspot.com/calvis/default.css" />
<script type="text/javascript" src="http://gcal.appspot.com/calvis/calvis.js"></script>
<script type="text/javascript">{literal}
window.onload = function() {
  calvis.ready(main);
}
function main() {
  // insérer l'id de l'agenda
  var calId = 'ID de ton agenda. Ex: 97bk20g5vstn3l5tc94panama4@group.calendar.google.com';
  var calendar = new calvis.Calendar();
  // set the CSS IDs for various visual components for the calendar container
  calendar.setCalendarBody('calendarBodyDiv');
  calendar.setStatusControl('statusControlDiv');
  calendar.setNavControl('navControlDiv');
  calendar.setViewControl('viewControlDiv');
  calendar.setEventCallback('mouseover', displayEvent);
  // set the calendar to pull data from this Google Calendar account
  calendar.setPublicCalendar(calId);
  calendar.setLoginControl('loginControlDiv');
  calendar.setDefaultView('month');
  // display the calendar
  calendar.render();
}
function displayEvent(event) {    
  var title = event.getTitle().getText();  
  var date = event.getTimes()[0].getStartTime().getDate();
  var content = event.getContent().getText();  
  var eventHtml = [];
  eventHtml.push(date.toString());
  eventHtml.push('<br><br>');
  eventHtml.push('<b>Titre :</b> ');
  eventHtml.push(title);
  eventHtml.push('<br>');
  eventHtml.push('<br>');
  eventHtml.push('<b>Description :</b>');
  eventHtml.push('<p style="font-size: 11px;">');
  eventHtml.push(content);
  eventHtml.push('</p>');
  eventHtml.push('<br>');
  document.getElementById('eventDisplayDiv').innerHTML = eventHtml.join('');
}{/literal}
</script>
Il faut, bien entendu, télécharger les JS et CSS pour ne pas encombrer la bande passante du concepteur et en cas de disparition de ce site.
La seule opération est de donner l'ID de ton agenda ici :
Code :
function main() {
  // insérer l'id de l'agenda
  var calId = 'ID de ton agenda. Ex: 97bk20g5vstn3l5tc94panama4@group.calendar.google.com';

Le script est pour un agenda public, pour un agenda privé : modifier la ligne
Code :
// set the calendar to pull data from this Google Calendar account
calendar.setPublicCalendar(calId);
de cette manière :
Code :
// set the caledar to pull data from this Google Calendar account
calendar.setPrivateCalendar(calId);

Tu as la possibilité d'insérer la google map de l'événement ou même une vidéo Smile (http://gcal.appspot.com/calvis/demo2.html)
Répondre
#8

Je viens d'essayer ca marche "presque".

L'agenda s'affiche mais vide, en m'affichant "loading" en rouge en haut...
Répondre
#9

L'id du calendrier n'est sans doute pas le bon.
Essaye avec : developer-calendar@google.com
On pourra ainsi savoir si c'est cela le problème, car chez moi, ça marche sans problème...
Répondre
#10

C'est un public je suppose ?
Répondre
#11

oui.
As-tu un lien à me donner que je puisse vérifier ton code source ?
Répondre
#12

Yes, là ca fonctionne...

Je ne comprend pas... Moi dans les paramètres du google agenda : (ID de l’agenda : j1r62jri2rpulkd7e97r9bm67g@group.calendar.google.com)

Est-ce que tu pourrais la tester chez toi ?

Par ailleurs, j'ai un autre soucis, je décoche WYSIWYG je colle ton code, et je valide. Lorsque je reviens sur la page, ce code à disparu donc si je revalide je n'ai plus rien... Ce n'est pas très pratique je trouve, je dois recoller le code HTML dans la zone de contenu à chaque édition...

Et puis enfin, même si ca fonctionne avec developer-calendar@google.com, en cliquant sur un évènement je n'ai pas le détail et la vidéo qui apparait. Il y a quelque chose à activer ?

Merci.
Répondre
#13

Jean le Chauve a écrit :oui.
As-tu un lien à me donner que je puisse vérifier ton code source ?

Le lien je te l'ai envoyé par mail, car le site n'est pas fini je ne peux pas encore diffuser l'URL.

EDIT : Il y a un moyen de traduire les mots dans le calendar ?
Répondre
#14

kolbek a écrit :Yes, là ca fonctionne...

Je ne comprend pas... Moi dans les paramètres du google agenda : (ID de l’agenda : j1r62jri2rpulkd7e97r9bm67g@group.calendar.google.com)

Est-ce que tu pourrais la tester chez toi ?
Fait : j'ai le loading... Donc ton agenda n'est sans doute pas partagé. Vérifie !
Est-ce qu'il est public ou privé ?

Citation :Par ailleurs, j'ai un autre soucis, je décoche WYSIWYG je colle ton code, et je valide. Lorsque je reviens sur la page, ce code à disparu donc si je revalide je n'ai plus rien... Ce n'est pas très pratique je trouve, je dois recoller le code HTML dans la zone de contenu à chaque édition...
Options de la page : Désactiver l'éditeur WYSIWYG sur cette page (indépendamment du modèle ou de la configuration de l'utilisateur) : cocher.

Citation :Et puis enfin, même si ca fonctionne avec developer-calendar@google.com, en cliquant sur un évènement je n'ai pas le détail et la vidéo qui apparait. Il y a quelque chose à activer ?
Bin non, puisque je t'ai mis l'exemple de la démo 1.
Pour l'inclusion, il faut que tu modifies la css et le script comme dans la page source de http://gcal.appspot.com/calvis/demo2.html
Répondre
#15

J'ai vérifié l'appel à l'agenda avec firebug et il m'annonce : L'accès public n'est pas activé pour cet agenda.
Répondre
#16

Jean le Chauve a écrit :J'ai vérifié l'appel à l'agenda avec firebug et il m'annonce : L'accès public n'est pas activé pour cet agenda.

J'ai pourtant coché "Rendre cet agenda public".

Peut être y a t il un temps de diffusion, j'ai créé cet agenda il y a quelques heures seulement...
Répondre
#17

Essaye avec un plus ancien.
Répondre
#18

J'ai regardé le site de ta boite Smile
Si tu crées un beau design pour l'agenda, j'espère que tu nous en feras profiter en collant ton code ici Wink
Répondre
#19

Bon, je vais attendre un peux pour le moment, je peux faire mes tests avec celui de la démo.

Je dois trouver une solution si c'est possible pour traduire les libellés Wink

Pour l'option de l'éditeur WYSIWYG c'est parfait, merci.

Plus qu'a passer un petit coup de css là dessus.

En tout cas un grand merci !
Répondre
#20

kolbek a écrit :Je dois trouver une solution si c'est possible pour traduire les libellés Wink
Quels libellés ?
Répondre
#21

Jean le Chauve a écrit :
kolbek a écrit :Je dois trouver une solution si c'est possible pour traduire les libellés Wink
Quels libellés ?

Oui genre : Week, Month, Today, etc... Afin de les mettre en Français Wink
Répondre
#22

Je regarde...
Répondre
#23

J'ai trouvé.
Voici la page où tu peux télécharger les derniers fichiers comprenant l'affichage des dates en français. Downloader les fichiers zippés

Je vais regarder à mon aise et modifier la procédure dans le post
Répondre
#24

Pour avoir les dates en Français tu modifie directement dans le fichier calvis-core.js ?
Répondre
#25

Oui, ligne 29 :
Code :
// Constant strings for month labels
calvis.MONTHS = [ 'Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Jun', 'Jul', 'Aou',
        'Sep', 'Oct', 'Nov', 'Déc' ];

// Constant strings for day labels
calvis.DAYS = [ 'Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam' ];
Et quelques autres lignes après que je te laisse le soin de modifierWink
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 2 visiteur(s)