webgui/docs/upgrades/templates-7.4.0/CalendarEventEdit.tmpl

#CalendarEventEdit00001
<tmpl_var formHeader>

<tmpl_if formErrors>
<h1>Errors!</h1>
<ul>
<tmpl_loop formErrors>
    <li><tmpl_var message></li>
</tmpl_loop>
</ul>
</tmpl_if>

<table id="tabs" cellpadding="0" cellspacing="0" border="0">
<tr>
    <td style="text-align:left;">
        <a href="#" id="tab_event" onclick="toggleTab('event'); return false;" class="tab active">Event</a>
        <a href="#" id="tab_recursion" onclick="toggleTab('recursion'); return false;" class="tab">Recurrence</a>
        <tmpl_var formSave>
        <tmpl_var formCancel>
    </td>
</tr>
</table>

<!-- Event tab -->
<table id="event" cellpadding="0" cellspacing="0" border="0">
<tr>
    <td class="border" style="text-align:left;width:700px">
        <table cellpadding="2" style="margin:5px;">
        <tr>
            <td class="label" style="text-align:right">Event Title</td>
            <td><tmpl_var formTitle></td>
        </tr>
        <tr>
            <td class="label" style="text-align:right">Short Title</td>
            <td><tmpl_var formMenuTitle></td>
        </tr>
        <tr>
            <td class="label" style="text-align:right">Location</td>
            <td><tmpl_var formLocation></td>
        </tr>   
        <tr>
            <td class="label" style="text-align:right;vertical-align:top">Description</td>
            <td><tmpl_var formDescription></td>
        </tr>
        <tr>
            <td class="label" style="text-align:right;vertical-align:top">Start Date</td>
            <td><tmpl_var formStartDate></td>
        </tr>   
        <tr>
            <td class="label" style="text-align:right;vertical-align:top">End Date</td>
            <td><tmpl_var formEndDate></td>
        </tr>
        <tr>
            <td class="label" style="text-align:right;vertical-align:top">Time</td>
            <td><tmpl_var formTime></td>
        </tr>
        
        <tr><td colspan="2">&nbsp;</td></tr>
        <tr>
            <td class="label" style="text-align:right;vertical-align:top;">Related Links</td>
            <td><tmpl_var formRelatedLinks></td>
        </tr>
        <tr>
            <td class="label" style="text-align:right;vertical-align:top">Group to View this Event</td>
            <td><tmpl_var formGroupIdView></td>
        </tr>
        <tr>
            <td class="label" style="text-align:right;vertical-align:top">Attachments for this Event</td>
            <td><tmpl_var formAttachments></td>
        </tr>
        </table>
    </td>
</tr>
</table>
        </table>
    </td>
</tr>
</table>

<table style="display: none; margin: 5px;" id="recursion" cellpadding="2" cellspacing="0" border="0">
<tr>
    <td class="label" style="text-align:right;vertical-align:top">Recurrence Pattern</td>
    <td><tmpl_var formRecurPattern></td>
</tr>
<tr>
    <td class="label" style="text-align:right;vertical-align:top">Recurrence Range</td>
    <td>
        <p style="float: left; margin: 5px;">Start:</p> 
        <div style="float: left; margin: 5px;"><tmpl_var formRecurStart></div><br/>
        <p style="float: left; clear: left; margin: 5px;">End:</p>
        <div style="float: left; margin: 5px;"><tmpl_var formRecurEnd></div>
    </td>
</tr>
<!--<tr>
    <td class="label" style="text-align:right;vertical-align:top">Include Dates</td>
    <td><tmpl_var formRecurInclude></td>
</tr>
<tr>
    <td class="label" style="text-align:right;vertical-align:top">Exclude Dates</td>
    <td><tmpl_var formRecurExclude></td>
</tr>-->
</table>

<tmpl_var formFooter>

<script type="text/javascript">
var old_tab = document.getElementById("event");
function toggleTab(id) 
{
    if (old_tab)
    {
        old_tab.style.display = "none";
        document.getElementById("tab_"+old_tab.getAttribute("id")).className = "tab";
    }
    element = document.getElementById(id);
    element.style.display = "block";
    document.getElementById("tab_"+id).className = "tab active";
    old_tab = element;
}
</script>
~~~
<script src="/extras/yui/build/yahoo/yahoo.js" type="text/javascript"></script>
<script src="/extras/yui/build/event/event.js" type="text/javascript"></script>
<script src="/extras/yui/build/dom/dom.js" type="text/javascript"></script>
<script src="/extras/yui/build/dragdrop/dragdrop.js" type="text/javascript"></script>
<script src="/extras/yui/build/logger/logger.js" type="text/javascript"></script>
<script src="/extras/yui-ext/yui-ext-core.js" type="text/javascript"></script>
<script src="/extras/yui-ext/resizable-lib.js" type="text/javascript"></script>
<link href="/extras/yui-ext/resources/css/resizable.css" rel="stylesheet" type="text/css" />
<script src="/extras/textFix.js" type="text/javascript"></script>

<script src="/extras/tinymce2/jscripts/tiny_mce/tiny_mce.js" type="text/javascript"></script>
<script src="/extras/tinymce2/jscripts/webgui.js" type="text/javascript"></script>
<script src="/extras/tabs/tabs.js" type="text/javascript"></script>
    <style type="text/css">
        body * {
            margin:0px;
        }
        table td {
            font-family:Arial;          
            font-size:10px;
        }
        #tabs a {
            border:solid #F0F0F0 1px;
            -moz-border-radius-topLeft: 20px;
            -moz-border-radius-topRight: 20px;
            font-weight:bold;
            padding: 2px 15px 0px 15px;
            text-align;center;
            background-color:#FBFBFB;
            border-top:solid #F0F0F0 2px;
            color:#b0b0b0;
            text-decoration:none;
            font-size:10pt;
            display:block;
            float:left;
            margin-right:5px;
        }
        #tabs a:hover {
            color:black;
        }
        #tabs .active {
            background-color:#F0F0F0;
            color:#404040;
        }
        table a {
            font-size:11px;
            color:#447BFD;
        }
        input, select {
            font-size:10px;
            border:gray solid 1px;
            background-color:#F0F0F0;
            cursor:pointer;
        }
    </style>