Changeset 262 for trunk/root/templates/admin/date.tt

Timestamp:

12/09/09 01:08:32 (14 years ago)

Author:

nanardon

Message:

• use a GPL js calendar

File:

• trunk/root/templates/admin/date.tt (modified) (3 diffs)

trunk/root/templates/admin/date.tt

@@ -1 +1 @@
 <!-- $Id$ -->
 [% poll = c.model('Vote').poll(voteid) %]
-<DIV ID="testdiv1" STYLE="position:absolute;visibility:hidden;background-color:white;layer-background-color:white;"></DIV>
 
 [% INCLUDE 'includes/admin_menu.tt' %]
 
+<script>
+    var cal1, cal2, newStyleSheet;
+
+    var dateFrom = null;
+    var dateTo = null;
+    dhtmlxCalendarLangModules = new Array();
+
+    dhtmlxCalendarLangModules['fr'] = {
+          langname: 'fr',
+          dateformat: '%d/%m/%Y',
+          monthesFNames: ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"],
+          monthesSNames: ["Jan", "Fév", "Mar", "Avr", "Mai", "Jun", "Jui", "Aou", "Sep", "Oct", "Nov", "Déc"],
+          daysFNames: ["Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"],
+          daysSNames: ["D", "L", "M", "M", "J", "V", "S"],
+          weekend: [0, 6],
+          weekstart: 1,
+          msgClose: "Fermer",
+          msgMinimize: "Minimiser",
+          msgToday: "Aujourd'hui",
+    }
+    
+    window.onload = function () {
+        cal1 = new dhtmlxCalendarObject('calendar1');
+        cal1.setYearsRange(2000, 2500);
+        cal1.setOnClickHandler(selectDate1);
+        cal1.setDateFormat('%d/%m/%Y');
+        cal1.loadUserLanguage('fr');
+        if (document.getElementById('calInput1').value != '') {
+            cal1.setDate(document.getElementById('calInput1').value);
+        }
+        cal2 = new dhtmlxCalendarObject('calendar2');
+        cal2.setOnClickHandler(selectDate2);
+        cal2.setDateFormat('%d/%m/%Y');
+        cal2.loadUserLanguage('fr');
+        if (document.getElementById('calInput2').value != '') {
+             cal2.setDate(document.getElementById('calInput2').value);
+        }
+    }
+    
+    function selectDate1(date) {
+        document.getElementById('calInput1').value = cal1.getFormatedDate(null,date);
+        document.getElementById('calendar1').style.display = 'none';
+        dateFrom = new Date(date);
+        return true;
+    }
+    function selectDate2(date) {
+        document.getElementById('calInput2').value = cal2.getFormatedDate(null,date);
+        document.getElementById('calendar2').style.display = 'none';
+        dateTo = new Date(date);
+        return true;
+    }
+
+    function showCalendar(k) {
+        if (document.getElementById('calendar'+k).style.display == 'none') {
+            document.getElementById('calendar'+k).style.display = 'block';
+        } else {
+            document.getElementById('calendar'+k).style.display = 'none';
+        }
+    }
+
+    function updatecal() {
+        var newval1 = document.getElementById('calInput1').value;
+        var newval2 = document.getElementById('calInput2').value;
+        cal1.setDate(newval1);
+        cal2.setDate(newval2);
+    }
+    
+</script>
+
 [% IF poll.status == 'BEFORE' %]
 <div class="box" style="float: left; width: 55%;">
+
 <form action="[% c.uri_for(poll.uid, 'date') %]" method="POST" id="dateform">
 
-<!-- http://www.mattkruse.com/javascript/calendarpopup/ -->
 <i>Les dates sont au format JJ/MM/AAAA HH:MM:SS</i><br>
 [% IF dateerror %]<p class="alert">[% dateerror | html %]</p>[% END %]
 
-<SCRIPT LANGUAGE="JavaScript" ID="js13">
-var cal13 = new CalendarPopup();
-</SCRIPT>
+Debut du vote:<br>
+Date: 
 
-Debut du vote:<br>
-Date: <input type="text" name="dstart" value="[% c.req.param('dstart') || poll.info('dstart') | html %]">
-<A HREF="#" onClick="cal13.select(document.forms[0].dstart,'anchor13','dd/MM/yyyy'); return false;" TITLE="cal13.select(document.forms[0].dstart,'anchor13','dd/MM/yyyy'); return false;" NAME="anchor13" ID="anchor13">select</A>
-Heure: <input type="text" size=9 name="hstart" value="[% c.req.param('hstart') || poll.info('hstart') | html %]">
+<input type="text" id="calInput1" name="dstart" value="[% c.req.param('dstart')
+|| poll.info('dstart') | html %]" onkeyup="updatecal()">
+<img style="cursor:pointer;" onClick="showCalendar(1)" src="[% c.uri_for('/static/dhtmlxCalendar/imgs', 'calendar.gif') %]" align="absmiddle"><div id="calendar1" style="position:absolute; left:199px; top:0px; display:none"></div>
+
+Heure: <input type="text" size=9 name="hstart" value="[% c.req.param('hstart') || poll.info('hstart') || '8:00' | html %]">
 <br>
 Fin du vote:<br>
-Date: <input type="text" name="dend" value="[% c.req.param('dend') || poll.info('dend') | html %]">
-<A HREF="#" onClick="cal13.select(document.forms[0].dend,'anchor14','dd/MM/yyyy',(document.forms[0].dend.value=='')?document.forms[0].dstart.value:null); return false;"
-TITLE="cal13.select(document.forms[0].dend,'anchor14','dd/MM/yyyy',(document.forms[0].dend.value=='')?document.forms[0].dstart.value:null); return false;" NAME="anchor14" ID="anchor14">select</A>
-Heure: <input type="text" size=9 name="hend" value="[% c.req.param('hend') || poll.info('hend') | html %]">
+Date: 
+
+<input type="text" id="calInput2" name="dend" value="[% c.req.param('dend') ||
+poll.info('dend') | html %]" onkeyup="updatecal()">
+<img style="cursor:pointer;" onClick="showCalendar(2)" src="[% c.uri_for('/static/dhtmlxCalendar/imgs', 'calendar.gif') %]" align="absmiddle"><div id="calendar2" style="position:absolute; left:199px; top:0px; display:none"></div>
+
+Heure: <input type="text" size=9 name="hend" value="[% c.req.param('hend') || poll.info('hend') || '18:00' | html %]">
 <br>
+
 <hr>
 [% c.prototype.observe_form('dateform',
@@ -34 +106 @@
     frequency => 2,
 ) %]
-<div id="datesub">
-</div>
+<div id="datesub"></div>
 </form>
 </div>
@@ -43 +114 @@
 
 
-</div>
 <div style="clear: both"></div>