2006-08-19 00:42:53 +02:00
|
|
|
<?xml version="1.0" standalone="yes"?>
|
2007-06-19 20:00:08 +02:00
|
|
|
<!DOCTYPE var:component>
|
|
|
|
<var:component xmlns="http://www.w3.org/1999/xhtml"
|
|
|
|
xmlns:var="http://www.skyrix.com/od/binding"
|
|
|
|
xmlns:const="http://www.skyrix.com/od/constant"
|
|
|
|
xmlns:uix="OGo:uix"
|
|
|
|
xmlns:rsrc="OGo:url"
|
|
|
|
xmlns:label="OGo:label"
|
|
|
|
className="UIxPageFrame"
|
2011-09-23 21:25:56 +02:00
|
|
|
const:userDefaultsKeys="SOGoCalendarCategoriesColors,SOGoDefaultCalendar"
|
2010-08-09 16:17:22 +02:00
|
|
|
const:userSettingsKeys="Calendar,ShowCompletedTasks"
|
2010-02-11 03:36:43 +01:00
|
|
|
const:jsFiles="SchedulerUIDnD.js"
|
2007-10-18 23:54:24 +02:00
|
|
|
title="title">
|
2008-07-18 21:25:26 +02:00
|
|
|
<script type="text/javascript">
|
|
|
|
var firstDayOfWeek = <var:string value="firstDayOfWeek"/>;
|
2008-07-25 20:44:31 +02:00
|
|
|
var dayStartHour = <var:string value="dayStartHour"/>;
|
2009-06-09 23:25:41 +02:00
|
|
|
var currentView = '<var:string value="currentView"/>';
|
2008-07-18 21:25:26 +02:00
|
|
|
</script>
|
2008-03-25 20:59:13 +01:00
|
|
|
<style type="text/css">
|
|
|
|
<var:if condition="horizontalDragHandleStyle">
|
|
|
|
DIV#verticalDragHandle, DIV#rightPanel
|
|
|
|
{ left: <var:string value="horizontalDragHandleStyle" />; }
|
|
|
|
DIV#leftPanel
|
|
|
|
{ width: <var:string value="horizontalDragHandleStyle" />; }
|
|
|
|
</var:if><var:if condition="verticalDragHandleStyle">
|
|
|
|
DIV#rightDragHandle, DIV#calendarView
|
|
|
|
{ top: <var:string value="verticalDragHandleStyle" />; }
|
|
|
|
</var:if><var:if condition="eventsListViewStyle">
|
2012-09-07 21:46:49 +02:00
|
|
|
DIV#schedulerTabs
|
2008-03-25 20:59:13 +01:00
|
|
|
{ height: <var:string value="eventsListViewStyle" />; }
|
|
|
|
</var:if>
|
|
|
|
</style>
|
2007-06-19 20:00:08 +02:00
|
|
|
<div class="preload" style="visibility: hidden;">
|
|
|
|
<img rsrc:src="event-gradient.png"/>
|
|
|
|
</div>
|
|
|
|
<div class="menu" id="monthListMenu">
|
|
|
|
<ul>
|
|
|
|
<var:foreach list="monthMenuItems" item="monthMenuItem"
|
|
|
|
><li var:month="monthMenuItem"
|
|
|
|
><var:string value="monthMenuItemLabel" /></li>
|
|
|
|
</var:foreach
|
|
|
|
></ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="menu" id="yearListMenu">
|
|
|
|
<ul>
|
|
|
|
<var:foreach list="yearMenuItems" item="yearMenuItem"
|
|
|
|
><li><var:string value="yearMenuItem" /></li>
|
|
|
|
</var:foreach
|
2006-08-22 21:22:42 +02:00
|
|
|
></ul>
|
2007-06-19 20:00:08 +02:00
|
|
|
</div>
|
2006-08-22 21:22:42 +02:00
|
|
|
|
2007-06-19 20:00:08 +02:00
|
|
|
<div class="menu" id="eventsListMenu">
|
|
|
|
<ul>
|
|
|
|
<li><var:string label:value="New Event..."/></li>
|
|
|
|
<li><!-- separator --></li>
|
|
|
|
<li><var:string label:value="New Task..."/></li>
|
|
|
|
<li><var:string label:value="Edit Selected Event..."/></li>
|
|
|
|
<li><var:string label:value="Delete Selected Event"/></li>
|
|
|
|
<li><!-- separator --></li>
|
|
|
|
<li><var:string label:value="Select All"/></li>
|
|
|
|
<li><!-- separator --></li>
|
|
|
|
<li><var:string label:value="Workweek days only"/></li>
|
|
|
|
<li><var:string label:value="Tasks in View"/></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
2009-08-25 19:34:37 +02:00
|
|
|
<div class="menu" id="tasksListMenu">
|
|
|
|
<ul>
|
|
|
|
<li><var:string label:value="Open Task..."/></li>
|
|
|
|
<li><var:string label:value="New Task..."/></li>
|
|
|
|
<li><!-- separator --></li>
|
|
|
|
<li><var:string label:value="Mark Completed"/></li>
|
|
|
|
<li><var:string label:value="Delete Task"/></li>
|
2012-07-09 16:17:07 +02:00
|
|
|
<li><!-- separator --></li>
|
|
|
|
<li><var:string label:value="View Raw Source"/></li>
|
2009-08-25 19:34:37 +02:00
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
2007-06-19 20:00:08 +02:00
|
|
|
<div class="menu" id="calendarsMenu">
|
|
|
|
<ul>
|
2009-09-11 21:56:21 +02:00
|
|
|
<li><var:string label:value="Properties"/></li>
|
2007-09-15 04:31:34 +02:00
|
|
|
<li><!-- separator --></li>
|
2007-06-19 20:00:08 +02:00
|
|
|
<li><var:string label:value="New Calendar..."/></li>
|
2010-03-31 00:01:15 +02:00
|
|
|
<li id="deleteCalendarMenuItem"><var:string label:value="Delete Calendar"/></li>
|
2007-06-19 20:00:08 +02:00
|
|
|
<li><!-- separator --></li>
|
|
|
|
<li><var:string label:value="Export Calendar..."/></li>
|
2009-09-02 21:14:15 +02:00
|
|
|
<li><var:string label:value="Import Events..."/></li>
|
2007-06-19 20:00:08 +02:00
|
|
|
<li><var:string label:value="Publish Calendar..."/></li>
|
|
|
|
<li><!-- separator --></li>
|
|
|
|
<li><var:string label:value="Reload Remote Calendars"/></li>
|
|
|
|
<li><!-- separator --></li>
|
|
|
|
<li><var:string label:value="Sharing..." /></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2008-08-19 00:45:59 +02:00
|
|
|
|
2009-09-02 21:14:15 +02:00
|
|
|
<div id="eventDialog" style="display: none;" class="dialog">
|
2008-08-19 00:45:59 +02:00
|
|
|
<div>
|
|
|
|
<h1><!-- space --></h1>
|
2012-01-30 21:12:18 +01:00
|
|
|
<p><span><!-- space --></span></p>
|
2009-12-22 22:07:06 +01:00
|
|
|
<p><span class="label"><var:string label:value="Calendar:" /></span> <span><!-- space --></span></p>
|
|
|
|
<p><span class="label"><var:string label:value="Location:" /></span> <span><!-- space --></span></p>
|
2012-09-28 20:16:58 +02:00
|
|
|
<p class="description"><!-- space --></p>
|
2008-08-19 00:45:59 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2006-12-14 22:20:13 +01:00
|
|
|
|
2009-09-02 21:14:15 +02:00
|
|
|
<div id="uploadDialog" style="display: none" class="dialog left">
|
|
|
|
<div>
|
2009-10-28 18:48:22 +01:00
|
|
|
<h3><var:string label:value="Import Events"/></h3>
|
2012-09-24 18:18:18 +02:00
|
|
|
<p class="prompt"><var:string label:value="Select an iCalendar file (.ics)."/></p>
|
2009-12-23 22:14:18 +01:00
|
|
|
<form const:href="" name="uploadForm" id="uploadForm" method="post"
|
2009-09-02 21:14:15 +02:00
|
|
|
enctype="multipart/form-data"
|
2009-09-03 19:53:38 +02:00
|
|
|
onsubmit="return AIM.submit(this, {'onStart' : validateUploadForm,
|
|
|
|
'onComplete' : uploadCompleted})">
|
2012-09-24 18:18:18 +02:00
|
|
|
<p class="prompt"><input type="file" name="calendarFile" class="textField" id="calendarFile" />
|
|
|
|
<a href="#" class="button actionButton" id="uploadSubmit"
|
2009-11-04 23:13:20 +01:00
|
|
|
onclick="if($('uploadForm').onsubmit()) $('uploadForm').submit()">
|
|
|
|
<span><var:string label:value="Upload" /></span></a>
|
2012-09-24 18:18:18 +02:00
|
|
|
<a href="#" class="button" const:id="uploadCancel">
|
|
|
|
<span><var:string label:value="Cancel" /></span></a>
|
|
|
|
</p></form>
|
|
|
|
<hr/>
|
2009-09-02 21:14:15 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2009-09-03 19:53:38 +02:00
|
|
|
<div id="uploadResults" style="display: none" class="dialog left">
|
|
|
|
<div>
|
2009-10-28 18:48:22 +01:00
|
|
|
<h3><var:string label:value="Import Events"/></h3>
|
2012-09-24 18:18:18 +02:00
|
|
|
<p><span id="uploadResultsContent"><!-- empty --></span>
|
|
|
|
<a href="#" class="button" const:id="uploadOK">
|
2009-11-04 23:13:20 +01:00
|
|
|
<span><var:string label:value="Done" /></span></a></p>
|
2012-09-24 18:18:18 +02:00
|
|
|
<hr/>
|
2009-09-03 19:53:38 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2007-06-19 20:00:08 +02:00
|
|
|
<div id="leftPanel">
|
2012-09-07 21:46:49 +02:00
|
|
|
<div id="dateSelectorView" class=""
|
|
|
|
><var:component className="UIxCalDateSelector"
|
|
|
|
selectedDate="thisMonth"
|
|
|
|
/></div>
|
|
|
|
<div id="calendarSelectorView"
|
|
|
|
><var:component className="UIxCalendarSelector"
|
|
|
|
var:calendarFolders="calendarFolders" /></div>
|
2007-06-19 20:00:08 +02:00
|
|
|
</div>
|
2006-08-19 00:42:53 +02:00
|
|
|
|
2007-06-19 20:00:08 +02:00
|
|
|
<div id="verticalDragHandle" class="dragHandle"><!-- space --></div>
|
2006-08-19 00:42:53 +02:00
|
|
|
|
2007-06-19 20:00:08 +02:00
|
|
|
<div id="rightPanel">
|
2012-09-07 21:46:49 +02:00
|
|
|
<div class="tabsContainer" id="schedulerTabs">
|
|
|
|
<ul>
|
|
|
|
<li target="eventsListView" var:class="eventsTabClass"
|
|
|
|
><span><var:string label:value="Events" /></span></li>
|
|
|
|
<li target="tasksListView" var:class="tasksTabClass"
|
|
|
|
><span><var:string label:value="Tasks" /></span></li>
|
|
|
|
</ul>
|
|
|
|
<div class="tabs">
|
|
|
|
<div id="eventsListView" class="tab">
|
|
|
|
<var:component className="UIxCalFilterPanel" />
|
|
|
|
<table id="eventsList" cellspacing="0">
|
|
|
|
<thead>
|
|
|
|
<tr>
|
2012-09-28 21:42:49 +02:00
|
|
|
<td id="eventTitleHeader" class="headerCell headerTitle sortableTableHeader"><var:string label:value="Title"/></td>
|
|
|
|
<td id="eventStartHeader" class="headerCell headerDateTime sortableTableHeader"><var:string label:value="Start"/></td>
|
|
|
|
<td id="eventEndHeader" class="headerCell headerDateTime sortableTableHeader"><var:string label:value="End"/></td>
|
|
|
|
<td id="eventLocationHeader" class="headerCell headerLocation sortableTableHeader"><var:string label:value="Location"/></td>
|
2012-09-07 21:46:49 +02:00
|
|
|
<td id="calendarNameHeader" class="headerCell headerCalendarName sortableTableHeader"><var:string label:value="Calendar"/></td>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody><!-- events list --></tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<div id="tasksListView" class="tab">
|
2012-12-05 20:47:28 +01:00
|
|
|
<div class="filterPanel" data-search="tasks">
|
|
|
|
<div class="menu" id="taskSearchMenu">
|
|
|
|
<ul class="choiceMenu">
|
|
|
|
<li data-option="title"><var:string label:value="Title or Description"/></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<span class="searchBox" style="float: right">
|
|
|
|
<input name="criteria" type="hidden" />
|
|
|
|
<input name="search" class="textField"
|
|
|
|
autocomplete="off" type="text"
|
|
|
|
menuid="taskSearchMenu" />
|
|
|
|
</span>
|
2012-09-07 21:46:49 +02:00
|
|
|
<input id="showHideCompletedTasks" type="checkbox" class="checkBox"/><var:string label:value="Show completed tasks"/>
|
2012-12-05 20:47:28 +01:00
|
|
|
</div>
|
2012-09-07 21:46:49 +02:00
|
|
|
<table id="tasksList" cellspacing="0">
|
|
|
|
<thead>
|
|
|
|
<tr>
|
2012-09-28 21:42:49 +02:00
|
|
|
<td id="taskCompletedHeader" class="headerCell"><entity name="nbsp"/></td>
|
|
|
|
<td id="taskPriorityHeader" class="headerCell headerPriority sortableTableHeader"><var:string label:value="Priority"/></td>
|
|
|
|
<td id="taskTitleHeader" class="headerCell headerTitle sortableTableHeader"><var:string label:value="Title"/></td>
|
|
|
|
<td id="taskEndHeader" class="headerCell headerDateTime sortableTableHeader"><var:string label:value="Due Date"/></td>
|
|
|
|
<td id="taskLocationHeader" class="headerCell headerLocation sortableTableHeader"><var:string label:value="Location"/></td>
|
|
|
|
<td id="taskCategoryHeader" class="headerCell headerLocation sortableTableHeader"><var:string label:value="Category"/></td>
|
|
|
|
<td id="taskCalendarNameHeader" class="headerCell headerCalendarName sortableTableHeader"><var:string label:value="Calendar"/></td>
|
2012-09-07 21:46:49 +02:00
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody><!-- tasks list --></tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
2006-08-19 00:42:53 +02:00
|
|
|
</div>
|
2007-06-19 20:00:08 +02:00
|
|
|
<div id="rightDragHandle" class="dragHandle"><!-- space --></div>
|
|
|
|
<div id="calendarView"><!-- space --></div>
|
|
|
|
</div>
|
|
|
|
</var:component>
|