AddCalendarEvent

%TMPL:DEF{PROMPT:AddCalendarEvent}%
<!-- start of the form elements -->
<fieldset><legend><strong> &nbsp;Create an Event&nbsp; </strong></legend>
<table>
  <tr>
    <td align="right">Name:</td>
        <td>
    <select name="name"id="eventUser" name="eventUser" >
          %TEAM_GROUP_DROPDOWN%
     </select>
    </td>
  </tr>
  <tr>
    <td align="right">Event Type:</td>
        <td><select name="eventType" id="eventType">
          <option value="Holidays">Holidays</option>
          <option value="On-Call">On-Call</option>
        </select>
    </td>
  </tr>
%INCLUDE{"%SYSTEMWEB%/JSCalendarContribInline"}%
  <tr>
    <td>Start date:</td>
    <td><input type="text" id="eventStartDate" name="eventStartDate" value="" />
        <input type="image" src="%PUBURL%/%SYSTEMWEB%/JSCalendarContrib/img.gif" onclick="javascript: return showCalendar('eventStartDate','%e %b %Y')" /></td>
    </td>
  </tr>
  <tr>
    <td align="right">End date:</td>
    <td><input type="text" id="eventEndDate" name="eventEndDate" value="" />
        <input type="image" src="%PUBURL%/%SYSTEMWEB%/JSCalendarContrib/img.gif" onclick="javascript: return showCalendar('eventEndDate','%e %b %Y')" /></td>
    <td>Set to Start Date value for single day event</td>
    </td>
  </tr>
</table>
<input type="hidden" id="event_calendar_entry" name="event_calendar_entry" />
<input type="submit" value="Submit" class="foswikiSubmit" onClick="createHiddenCalendarEntry();" />
</fieldset>
<!-- end of the form elements -->

<!-- start of the associated javascript -->
<!-- <pre> -->
<script type="text/javascript">
var eventStartDate;
var eventEndDate;
var eventUser;
var eventType;

function createHiddenCalendarEntry () {
    var creation = '';
    var event_start_date = document.getElementById("eventStartDate").value;
    var event_end_date = document.getElementById("eventEndDate").value;
    var event_user = document.getElementById("eventUser").value;
    var event_type = document.getElementById("eventType").value;

    creation += event_start_date + ' - ' + event_end_date + ' - ' + event_user + ' ' + event_type;

    var calendar_entry = document.getElementById("event_calendar_entry");
    calendar_entry.value = creation;
}

</script>

<!-- </pre> -->
<!-- end of the associated javascript -->

%TMPL:END%

%TMPL:DEF{OUTPUT:AddCalendarEvent}%%POS:BEFORE%   * %URLPARAM{event_calendar_entry}%
%TMPL:END%

 Create an Event 

Name:	%TEAM_GROUP_DROPDOWN%
Event Type:	Holidays On-Call
Start date:
End date:		Set to Start Date value for single day event

---

This topic: Sandbox/PadraigLennon > WebHome > TeamCalendarApp > TeamCalendarAppUserCommentsTemplate
Topic revision: 04 Dec 2011, PadraigLennon

---