source: spip-zone/_squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs/agenda_calendrier_dyn.html @ 57363

Last change on this file since 57363 was 57363, checked in by real3t@…, 8 years ago

Rendre l'affichage des événement facultatif en accueil portail (au centre) (Cora)

Une pétouille de contexte sur l'agenda mensuel

File size: 9.0 KB
Line 
1#CACHE{3600}
2<BOUCLE_rubrique_principal(RUBRIQUES) {id_rubrique}>
3[(#ENV{'date_ev'}|!={''}|non)
4        [(#ENV{'month'}|oui)
5                [(#ENV{'year'}|oui)
6                        #SET{'date', #ENV{'year'}|concat{'-'#ENV{'month'}}|concat{'-01 00:00:00'}}
7                        #SET{'date_th', #ENV{'year'}|concat{'-'#ENV{'month'}}|concat{'-01'}}
8                ]
9        ]
10        [(#ENV{'month'}|non)
11                #SET{'date', #ENV{date}}
12                #SET{'date_th', #ENV{date}|affdate{'Y-m-d'}
13        ]
14]
15[(#ENV{'date_ev'}|!={''}|oui)
16        #SET{'date', #ENV{date_ev}|concat{' 00:00:00'}}
17        #SET{'date_th', #ENV{date_ev}}
18]
19[(#SET{titretop,[(#TITRE|attribut_html|sc_nettoyer_marqueur|texte_script)]})]
20<INCLURE{fond=noisettes/header/header}
21        {title=(#TITRE|attribut_html|texte_script) - (#GET{date}|affdate_mois_annee)}
22        {titretop=#GET{titretop}}
23        {wdcalendar=oui}
24>
25<div id="miettesdepain">
26        <ul>
27        <li><a href="#URL_SITE_SPIP" title="<:soyezcreateurs:accueil_site|attribut_html:>"><:soyezcreateurs:accueil:></a></li>
28        <BOUCLE_plan(HIERARCHIE){id_rubrique}>
29        <li><a href="[(#URL_PAGE{agenda_calendrier}|parametre_url{'id_rubrique', #ID_RUBRIQUE}|parametre_url{'date_ev', [(#ENV{date_ev, [(#ENV{date})]}|annee)]'-[(#ENV{date_ev,[(#ENV{date})]}|mois)]-01'}|parametre_url{'id_mot', [(#ENV{id_mot,''}|urlencode)]})]"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]>[(#TITRE)]</a></li>
30        </BOUCLE_plan>
31        <li>[(#TITRE)]</li>
32        </ul>
33</div>
34<div class="texte">
35
36        <script type="text/javascript">
37        $(document).ready(function() {
38                        dateObj = new Date('[(#ENV{date_ev,#DATE}|mySql2PhpTime|php2JsTime)]');
39            var DATA_FEED_URL = "[(#URL_PAGE{agenda_calendrier_dyn_json})]";
40                        var view="month";         
41                        var op = {
42                                view: view,
43                                theme:3,
44                                showday: dateObj,
45                                ViewCmdhandler:View,   
46                                onWeekOrMonthToDay:wtd,
47                                onBeforeRequestData: cal_beforerequest,
48                                onAfterRequestData: cal_afterrequest,
49                                onRequestDataError: cal_onerror, 
50                                autoload:true,
51                                url: DATA_FEED_URL,
52                                readonly: true,
53                        };
54            var $dv = $("#calhead");
55            var _MH = document.documentElement.clientHeight;
56            var dvH = $dv.height() + 2;
57            op.height = _MH - dvH;
58            op.eventItems =[];
59
60            var p = $("#gridcontainer").bcalendar(op).BcalGetOp();
61            if (p && p.datestrshow) {
62                $("#txtdatetimeshow").text(p.datestrshow);
63            }
64            $("#caltoolbar").noSelect();
65           
66            $("#hdtxtshow").datepicker({ picker: "#txtdatetimeshow", showtarget: $("#txtdatetimeshow"),
67            onReturn:function(r){                         
68                            var p = $("#gridcontainer").gotoDate(r).BcalGetOp();
69                            if (p && p.datestrshow) {
70                                $("#txtdatetimeshow").text(p.datestrshow);
71                            }
72                     } 
73            });
74            function cal_beforerequest(type)
75            {
76                $("#loadingpannel").show();   
77            }
78            function cal_afterrequest(type)
79            {
80                $("#loadingpannel").hide();
81            }
82            function cal_onerror(type,data)
83            {
84                $("#errorpannel").show();
85            }
86            function View(data)
87            {
88                /* var str = "";
89                $.each(data, function(i, item){
90                    str += "[" + i + "]: " + item + "\n";
91                });
92                alert(str);  */
93                                window.location.href=data[10]
94            }   
95            function wtd(p)
96            {
97               if (p && p.datestrshow) {
98                    $("#txtdatetimeshow").text(p.datestrshow);
99                }
100                $("#caltoolbar div.fcurrent").each(function() {
101                    $(this).removeClass("fcurrent");
102                })
103                $("#showdaybtn").addClass("fcurrent");
104            }
105            //to show day view
106            $("#showdaybtn").click(function(e) {
107                //document.location.href="#day";
108                $("#caltoolbar div.fcurrent").each(function() {
109                    $(this).removeClass("fcurrent");
110                })
111                $(this).addClass("fcurrent");
112                var p = $("#gridcontainer").swtichView("day").BcalGetOp();
113                if (p && p.datestrshow) {
114                    $("#txtdatetimeshow").text(p.datestrshow);
115                }
116            });
117            //to show week view
118            $("#showweekbtn").click(function(e) {
119                //document.location.href="#week";
120                $("#caltoolbar div.fcurrent").each(function() {
121                    $(this).removeClass("fcurrent");
122                })
123                $(this).addClass("fcurrent");
124                var p = $("#gridcontainer").swtichView("week").BcalGetOp();
125                if (p && p.datestrshow) {
126                    $("#txtdatetimeshow").text(p.datestrshow);
127                }
128
129            });
130            //to show month view
131            $("#showmonthbtn").click(function(e) {
132                //document.location.href="#month";
133                $("#caltoolbar div.fcurrent").each(function() {
134                    $(this).removeClass("fcurrent");
135                })
136                $(this).addClass("fcurrent");
137                var p = $("#gridcontainer").swtichView("month").BcalGetOp();
138                if (p && p.datestrshow) {
139                    $("#txtdatetimeshow").text(p.datestrshow);
140                }
141            });
142           
143            $("#showreflashbtn").click(function(e){
144                $("#gridcontainer").reload();
145            });
146           
147            //go to today
148            $("#showtodaybtn").click(function(e) {
149                var p = $("#gridcontainer").gotoDate().BcalGetOp();
150                if (p && p.datestrshow) {
151                    $("#txtdatetimeshow").text(p.datestrshow);
152                }
153
154
155            });
156            //previous date range
157            $("#sfprevbtn").click(function(e) {
158                var p = $("#gridcontainer").previousRange().BcalGetOp();
159                if (p && p.datestrshow) {
160                    $("#txtdatetimeshow").text(p.datestrshow);
161                }
162
163            });
164            //next date range
165            $("#sfnextbtn").click(function(e) {
166                var p = $("#gridcontainer").nextRange().BcalGetOp();
167                if (p && p.datestrshow) {
168                    $("#txtdatetimeshow").text(p.datestrshow);
169                }
170            });
171           
172                       
173                        $("#gridcontainer").swtichView('month');
174                        var p = $("#gridcontainer").gotoDate(dateObj).BcalGetOp();
175                        if (p && p.datestrshow) {
176                                $("#txtdatetimeshow").text(p.datestrshow);
177                        }
178                        $("#gridcontainer").reload();
179        });
180    </script>   
181       
182        [(#REM) DEBUT CALENDRIER]
183                <div id="wdcalendar">
184
185                  <div id="calhead" style="padding-left:1px;padding-right:1px;">         
186                                <div class="cHead"><div class="ftitle">[(#TITRE)]</div>
187                                <div id="loadingpannel" class="ptogtitle loadicon" style="display: none;"><:soyezcreateurs:wdcalendar_loading_data:></div>
188                                 <div id="errorpannel" class="ptogtitle loaderror" style="display: none;"><:soyezcreateurs:wdcalendar_loading_fail:></div>
189                                </div>         
190                               
191                                <div id="caltoolbar" class="ctoolbar">
192                                 <div id="showtodaybtn" class="fbutton">
193                                        <div><span title='Click to back to today ' class="showtoday">
194                                        <:soyezcreateurs:wdcalendar_today:></span></div>
195                                </div>
196                                  <div class="btnseparator"></div>
197
198                                <div id="showdaybtn" class="fbutton">
199                                        <div><span title='Day' class="showdayview"><:soyezcreateurs:wdcalendar_day:></span></div>
200                                </div>
201                                  <div  id="showweekbtn" class="fbutton">
202                                        <div><span title='Week' class="showweekview"><:soyezcreateurs:wdcalendar_week:></span></div>
203                                </div>
204                                  <div  id="showmonthbtn" class="fbutton fcurrent">
205                                        <div><span title='Month' class="showmonthview"><:soyezcreateurs:wdcalendar_month:></span></div>
206
207                                </div>
208                                <div class="btnseparator"></div>
209                                  <div  id="showreflashbtn" class="fbutton">
210                                        <div><span title='Refresh view' class="showdayflash"><:soyezcreateurs:wdcalendar_refresh:></span></div>
211                                        </div>
212                                 <div class="btnseparator"></div>
213                                <div id="sfprevbtn" title="Prev"  class="fbutton">
214                                  <span class="fprev"></span>
215
216                                </div>
217                                <div id="sfnextbtn" title="Next" class="fbutton">
218                                        <span class="fnext"></span>
219                                </div>
220                                <div class="fshowdatep fbutton">
221                                                <div>
222                                                        <input type="hidden" name="txtshow" id="hdtxtshow" />
223                                                        <span id="txtdatetimeshow"></span>
224
225                                                </div>
226                                </div>
227                               
228                                <div class="clear"></div>
229                                </div>
230                  </div>
231                  <div style="padding:1px;">
232
233                        <div class="t1 chromeColor">
234                                &nbsp;</div>
235                        <div class="t2 chromeColor">
236                                &nbsp;</div>
237                        <div id="dvCalMain" class="calmain printborder">
238                                <div id="gridcontainer" style="overflow-y: visible;">
239                                </div>
240                        </div>
241                        <div class="t2 chromeColor">
242
243                                &nbsp;</div>
244                        <div class="t1 chromeColor">
245                                &nbsp;
246                        </div>   
247                        </div>
248                 
249          </div>
250         
251         
252          [(#REM) FIN CALENDRIER]       
253       
254       
255</div><!-- Fin de .texte -->
256</BOUCLE_rubrique_principal>
257[(#FORMULAIRE_ADMIN)]
258<INCLURE{fond=noisettes/footer/footer}
259        {rubriqueencours=#ID_RUBRIQUE}
260        {id_rubrique}
261        {secteurencours=#GET{secteurencours}}
262        {titretop=#GET{titretop}}
263>
264</B_rubrique_principal>
Note: See TracBrowser for help on using the repository browser.