source: trunk/root/templates/admin/date.tt @ 430

<!-- $Id$ -->
[% poll = c.model('Vote').poll(voteid) %]

[% INCLUDE 'includes/admin_menu.tt' %]

<script type="text/javascript" LANGUAGE="JavaScript">
    var cal1, cal2, newStyleSheet;

    var dateFrom = null;
    var dateTo = null;
    dhtmlxCalendarLangModules = new Array();

    dhtmlxCalendarLangModules['locale'] = {
          langname: 'fr',
          dateformat: '%d/%m/%Y',
          monthesFNames: [
            "[% l('January') %]",
            "[% l('February') %]",
            "[% l('March') %]",
            "[% l('April') %]",
            "[% l('May') %]",
            "[% l('June') %]",
            "[% l('July') %]",
            "[% l('August') %]",
            "[% l('September') %]",
            "[% l('October') %]",
            "[% l('November') %]",
            "[% l('December') %]"
          ],
          monthesSNames: [
            "[% l('Jan') %]",
            "[% l('Feb') %]",
            "[% l('Mar') %]",
            "[% l('Apr') %]",
            "[% l('May') %]",
            "[% l('Jun') %]",
            "[% l('Jul') %]",
            "[% l('Aug') %]",
            "[% l('Sep') %]",
            "[% l('Oct') %]",
            "[% l('Nov') %]",
            "[% l('Dec') %]"],
          daysFNames: [
            "[% l('Sunday') %]",
            "[% l('Monday') %]",
            "[% l('Tuesday') %]",
            "[% l('Wednesday') %]",
            "[% l('Thursday') %]",
            "[% l('Friday') %]",
            "[% l('Saturday') %]"],
          daysSNames: [[%l('"S", "M", "T", "W", "T", "F", "S"') %]],
          weekend: [0, 6],
          weekstart: 1,
          msgClose: "[% l('Close') %]",
          msgMinimize: "[% l('Minimize') %]",
          msgToday: "[% l('Today') %]",
    }
    
    window.onload = function () {
        cal1 = new dhtmlxCalendarObject('calendar1');
        cal1.setYearsRange(2000, 2500);
        cal1.setOnClickHandler(selectDate1);
        cal1.setDateFormat('%d/%m/%Y');
        cal1.loadUserLanguage('locale');
        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('locale');
        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">

<i>[% l('Date format is') _ ' ' %] [% l('DD/MM/YYYY HH:MM:SS') %]</i><br>
[% IF dateerror %]<p class="alert">[% dateerror | html %]</p>[% END %]

[% l('Poll start:') %]<br>
[% l('date:') %]

<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>

[% l('time:') %] <input type="text" size=9 name="hstart" value="[% c.req.param('hstart') || poll.info('hstart') || '8:00' | html %]">
<br>
[% l('Poll end:') %]<br>
[% l('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>

[% l('time:') %] <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',
    url => c.uri_for('/ajax', 'datecheck'),
    update => 'datesub',
    frequency => 2,
) %]
<div id="datesub"></div>
</form>
</div>

[% ELSE %]
[% END %]

<div style="clear: both"></div>