Home Verkennen Help
Inloggen
fphammerle
/
caldavzap
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Boom: dadd2751ed
Aftakkingen Labels
caldavzap
/
index.html

index.html 57 KB
Geschiedenis Ruwe

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en" manifest="cache.manifest">
    3. 

  3. <head>
    4. 

  4. 	<title>CalDavZAP</title>
    5. 

  5. 	<meta http-equiv="cache-control" content="no-cache" />
    6. 

  6. 	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    7. 

  7. 	<meta name="apple-mobile-web-app-capable" content="yes" />
    8. 

  8. 	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
    9. 

  9. <!--
    10. 

  10. CalDavZAP - the open source CalDAV Web Client
    11. 

  11. Copyright (C) 2011-2015
    12. 

  12.     Jan Mate <jan.mate@inf-it.com>
    13. 

  13.     Andrej Lezo <andrej.lezo@inf-it.com>
    14. 

  14.     Matej Mihalik <matej.mihalik@inf-it.com>
    15. 

  15. 

  16. This program is free software: you can redistribute it and/or modify
    17. 

  17. it under the terms of the GNU Affero General Public License as
    18. 

  18. published by the Free Software Foundation, either version 3 of the
    19. 

  19. License, or (at your option) any later version.
    20. 

  20. 

  21. This program is distributed in the hope that it will be useful,
    22. 

  22. but WITHOUT ANY WARRANTY; without even the implied warranty of
    23. 

  23. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    24. 

  24. GNU Affero General Public License for more details.
    25. 

  25. 

  26. You should have received a copy of the GNU Affero General Public License
    27. 

  27. along with this program. If not, see <http://www.gnu.org/licenses/>.
    28. 

  28. -->
    29. 

  29. 	<link rel="stylesheet" href="css/jquery-ui.custom.css" type="text/css" />
    30. 

  30. 	<link rel="stylesheet" href="css/spectrum.custom.css" type="text/css" />
    31. 

  31. 	<link rel="stylesheet" href="css/default.css" type="text/css" />
    32. 

  32. 	<link rel="stylesheet" href="css/fullcalendar.css" type="text/css" />
    33. 

  33. 	<link rel="stylesheet" href="css/default_integration.css" type="text/css" />
    34. 

  34. 	<script src="cache_handler.js" type="text/javascript"></script>
    35. 

  35. 	<script src="lib/jquery-2.1.4.min.js" type="text/javascript"></script>
    36. 

  36. 	<script src="lib/jquery.browser.js" type="text/javascript"></script>
    37. 

  37. 	<script src="lib/jquery.autosize.js" type="text/javascript"></script>
    38. 

  38. 	<script src="lib/jquery-ui-1.11.4.custom.js" type="text/javascript"></script>
    39. 

  39. 	<script src="lib/jquery.quicksearch.js" type="text/javascript"></script>
    40. 

  40. 	<script src="lib/jquery.placeholder-1.1.9.js" type="text/javascript"></script>
    41. 

  41. 	<script src="lib/jshash-2.2_sha256.js" type="text/javascript"></script>
    42. 

  42. 	<script src="lib/spectrum.js" type="text/javascript"></script>
    43. 

  43. 	<script src="lib/fullcalendar.js" type="text/javascript"></script>
    44. 

  44. 	<script src="config.js" type="text/javascript"></script>
    45. 

  45. 	<script src="common.js" type="text/javascript"></script>
    46. 

  46. 	<script src="webdav_protocol.js" type="text/javascript"></script>
    47. 

  47. 	<script src="localization.js" type="text/javascript"></script>
    48. 

  48. 	<script src="interface.js" type="text/javascript"></script>
    49. 

  49. 	<script src="vcalendar_rfc_regex.js" type="text/javascript"></script>
    50. 

  50. 	<script src="resource.js" type="text/javascript"></script>
    51. 

  51. 	<script src="vcalendar.js" type="text/javascript"></script>
    52. 

  52. 	<script src="vtodo.js" type="text/javascript"></script>
    53. 

  53. 	<script src="lib/rrule.js" type="text/javascript"></script>
    54. 

  54. 	<script src="data_process.js" type="text/javascript"></script>
    55. 

  55. 	<script src="main.js" type="text/javascript"></script>
    56. 

  56. 	<script src="forms.js" type="text/javascript"></script>
    57. 

  57. 	<script src="timezones.js" type="text/javascript"></script>
    58. 

  58. </head>
    59. 

  59. <body>
    60. 

  60. 	<div id="cacheDialog">
    61. 

  61. 		<div id="cacheDialogText">newer version detected!</div>
    62. 

  62. 		<div id="cacheDialogButtonWrapper">
    63. 

  63. 			<input id="cacheDialogButton" type="button" value="refresh" onclick="window.location.reload()"/>
    64. 

  64. 		</div>
    65. 

  65. 	</div>
    66. 

  66. 	<div id="MainLoader">
    67. 

  67. 		<div id="MainLoaderInner" class="loaderInfo">Loading ...</div>
    68. 

  68. 		<div class="loader"></div>
    69. 

  69. 	</div>
    70. 

  70. 	<div id="LoginPage" style="opacity: 1; display:none">
    71. 

  71. 		<div class="window">
    72. 

  72. 			<div id="Login">
    73. 

  73. 				<form onsubmit="event.preventDefault(); login();">
    74. 

  74. 					<table>
    75. 

  75. 						<tr>
    76. 

  76. 							<td data-size="login_logo"><img data-type="system_logo" src="" alt="Logo" /></td>
    77. 

  77. 						</tr>
    78. 

  78. 						<tr>
    79. 

  79. 							<td data-size="login_input"><input data-type="system_username" type="text" name="username" class="fs" placeholder="Login" /></td>
    80. 

  80. 						</tr>
    81. 

  81. 						<tr>
    82. 

  82. 							<td data-size="login_input"><input data-type="system_password" type="password" name="password" class="fs" placeholder="Password" /></td>
    83. 

  83. 						</tr>
    84. 

  84. 						<tr>
    85. 

  85. 							<td data-size="login">
    86. 

  86. 								<select data-type="language" onchange="if($(this).val()!=''){globalInterfaceLanguage=$(this).find('option').filter(':selected').attr('data-type');resetSettings();if(isAvaible('CalDavZAP') && !isCalDAVLoaded)localizeCalDAV();if(isAvaible('CardDavMATE') && !isCardDAVLoaded)localizeCardDAV();if(isAvaible('Settings') && !isSettingsLoaded)localizeSettings();if(isAvaible('Projects') && !isProjectsLoaded)localizeProjects();}">
    87. 

  87. 									<option data-type=""> </option>
    88. 

  88. 								</select>
    89. 

  89. 							</td>
    90. 

  90. 						</tr>
    91. 

  91. 						<tr>
    92. 

  92. 							<td><img data-type="system_login" alt="login" title="login" src="images/login.svg" onclick="if(event.shiftKey) ignoreServerSettings=true; $(this).closest('form').find('[type=\'submit\']').click();" /></td>
    93. 

  93. 						</tr>
    94. 

  94. 						<tr style="display:none">
    95. 

  95. 							<td><input type="submit" /></td>
    96. 

  96. 						</tr>
    97. 

  97. 					</table>
    98. 

  98. 				</form>
    99. 

  99. 			</div>
    100. 

  100. 			<div id="login_message" style="display: none;"></div>
    101. 

  101. 			<div id="LoginLoader">
    102. 

  102. 				<div class="loader"></div>
    103. 

  103. 			</div>
    104. 

  104. 		</div>
    105. 

  105. 		<div class="footer">This is SOFTWARE!!!</div>
    106. 

  106. 	</div>
    107. 

  107. 	<div id="AlertDisabler"></div>
    108. 

  108. 	<div id="alertBox">
    109. 

  109. 		<h1 id="alertsH">Alerts</h1>
    110. 

  110. 		<div id="alertBoxContent"></div>
    111. 

  111. 		<input id="alertButton" type="button" value="Clear Alerts" onclick="clearAlertEvents();" />
    112. 

  112. 	</div>
    113. 

  113. 	<div class="integration_d">
    114. 

  114. 		<div id="intCaldav" title="calendar" onclick="checkForApplication('CalDavZAP');">
    115. 

  115. 			<img class="int_error" src="images/error_badge.svg" alt="error" />
    116. 

  116. 		</div>
    117. 

  117. 		<div id="intCaldavTodo" title="todo" onclick="checkForApplication('CalDavTODO');">
    118. 

  118. 			<img class="int_error" src="images/error_badge.svg" alt="error" />
    119. 

  119. 		</div>
    120. 

  120. 		<div class="intBlank"></div>
    121. 

  121. 		<div id="intRefresh" title="refresh" onclick="reloadResources();"></div>
    122. 

  122. 		<div class="intBlank"></div>
    123. 

  123. 		<div id="intLogout" title="logout" onclick="logout();"></div>
    124. 

  124. 	</div>
    125. 

  125. 	<div class="System" id="SystemCalDavZAP">
    126. 

  126. 		<div id="CalDavZAPPopup">
    127. 

  127. 			<div id="CalDavZAPPopupColor"></div>
    128. 

  128. 			<table id="CalDavZAPPopupTable">
    129. 

  129. 				<tr>
    130. 

  130. 					<td colspan="2" class="header multiline" data-type="name"></td>
    131. 

  131. 				</tr>
    132. 

  132. 				<tr>
    133. 

  133. 					<td class="label" data-type="location_txt">location</td>
    134. 

  134. 					<td class="value" data-type="location"></td>
    135. 

  135. 				</tr>
    136. 

  136. 				<tr>
    137. 

  137. 					<td class="label" data-type="from_txt">from</td>
    138. 

  138. 					<td class="value" data-type="from"></td>
    139. 

  139. 				</tr>
    140. 

  140. 				<tr>
    141. 

  141. 					<td class="label" data-type="to_txt">to</td>
    142. 

  142. 					<td class="value" data-type="to"></td>
    143. 

  143. 				</tr>
    144. 

  144. 				<tr>
    145. 

  145. 					<td class="label" data-type="status_txt">status</td>
    146. 

  146. 					<td class="value" data-type="status"></td>
    147. 

  147. 				</tr>
    148. 

  148. 				<tr>
    149. 

  149. 					<td class="label" data-type="avail_txt">availability</td>
    150. 

  150. 					<td class="value" data-type="avail"></td>
    151. 

  151. 				</tr>
    152. 

  152. 				<tr>
    153. 

  153. 					<td class="label" data-type="type_txt">privacy</td>
    154. 

  154. 					<td class="value" data-type="type"></td>
    155. 

  155. 				</tr>
    156. 

  156. 				<tr>
    157. 

  157. 					<td class="label" data-type="priority_txt">priority</td>
    158. 

  158. 					<td class="value" data-type="priority"></td>
    159. 

  159. 				</tr>
    160. 

  160. 				<tr>
    161. 

  161. 					<td class="label" data-type="calendar_txt">calendar</td>
    162. 

  162. 					<td class="value" data-type="calendar"></td>
    163. 

  163. 				</tr>
    164. 

  164. 				<tr>
    165. 

  165. 					<td class="label" data-type="url_txt">url</td>
    166. 

  166. 					<td class="value" data-type="url"></td>
    167. 

  167. 				</tr>
    168. 

  168. 				<tr>
    169. 

  169. 					<td class="label" data-type="note_txt">note</td>
    170. 

  170. 					<td class="value multiline" data-type="note"></td>
    171. 

  171. 				</tr>
    172. 

  172. 			</table>
    173. 

  173. 		</div>
    174. 

  174. 		<div id="EventDisabler"></div>
    175. 

  175. 		<div class="update_d" style="display: none;">
    176. 

  176. 			<div class="update_h"></div>
    177. 

  177. 		</div>
    178. 

  178. 		<div class="headers" id="resourceCalDAV_h">
    179. 

  179. 			<span class="resourceCalDAV_text" data-type="resourcesCalDAV_txt">Resources</span>
    180. 

  180. 			<img src="images/add_cal_white.svg" alt="Enable all calendars" title="Enable all calendars" data-type="addAll" class="addRemoveAll addRemoveAllCalDAV" onclick="enableAll()" />
    181. 

  181. 			<img src="images/remove_cal_white.svg" alt="Disable all calendars" title="Disable all calendars" data-type="removeAll" class="addRemoveAll addRemoveAllCalDAV" onclick="disableAll()" />
    182. 

  182. 			<img id="showUnloadedCalendars" src="images/delegation.svg" alt="Subscribe" title="Subscribe" onclick="showUnloadedCollections('event');" />
    183. 

  183. 			<input id="loadUnloadedCalendars" type="button" value="save" onclick="loadAdditionalCollections('event');" style="margin-top:4px;margin-left:6px;" />
    184. 

  184. 			<input id="loadUnloadedCalendarsCancel" type="button" value="cancel" onclick="cancelUnloadedCollections('event');" style="margin-top:4px;margin-right:6px;float:right;" />
    185. 

  185. 		</div>
    186. 

  186. 		<div id="ResourceCalDAVList">
    187. 

  187. 			<div id="ResourceCalDAVListTemplate" style="display: none;">
    188. 

  188. 				<div class="resourceCalDAV_header"><input type="checkbox"></div>
    189. 

  189. 				<div class="resourceCalDAV_item"></div>
    190. 

  190. 			</div>
    191. 

  191. 		</div>
    192. 

  192. 		<div id="timezoneWrapper">
    193. 

  193. 			<label data-type="txt_timezonePicker" for="timezonePicker">Timezone:</label>
    194. 

  194. 			<div id="timezoneSelectDiv">
    195. 

  195. 				<select id="timezonePicker" name="timezonePicker" data-type="timezonesPicker"></select>
    196. 

  196. 			</div>
    197. 

  197. 		</div>
    198. 

  198. 		<div class="headers" id="main_h">
    199. 

  199. 			<input id="ResourceCalDAVToggle" type="image" src="images/resources.svg" alt="Show/Hide Resources" />
    200. 

  200. 			<div id="main_h_placeholder"></div>
    201. 

  201. 			<img id="eventFormShower" src="images/new_item.svg" alt="Add event" />
    202. 

  202. 		</div>
    203. 

  203. 		<div id="searchForm">
    204. 

  204. 			<img alt="Search Form" src="images/search.svg" style="position: inline; margin-top: 4px; margin-left: 8px; vertical-align: top;" />
    205. 

  205. 			<div class="searchContainer">
    206. 

  206. 				<input type="text" value="" placeholder="Search" data-type="PH_CalDAVsearch" id="searchInput" style="margin-top: 3px; vertical-align: top;" />
    207. 

  207. 			</div>
    208. 

  208. 			<img alt="Search Reset"  id="reserButton" onclick="$('#searchInput').val('');$('#searchInput').keyup();" src="images/reset_b.svg" style="position: absolute; margin-top: 5px; right: 9px; vertical-align: top; cursor: pointer; visibility: hidden;" />
    209. 

  209. 		</div>
    210. 

  210. 		<div id="CalendarLoader">
    211. 

  211. 			<div class="loaderInfo">Calendaring ...</div>
    212. 

  212. 			<div class="loader"></div>
    213. 

  213. 		</div>
    214. 

  214. 		<div id='main'>
    215. 

  215. 			<div id='calendar'></div>
    216. 

  216. 		</div>
    217. 

  217. 		<div id="CAEvent">
    218. 

  218. 			<div class="saveLoader">
    219. 

  219. 				<div class="saveLoaderInfo"></div>
    220. 

  220. 				<div class="loader"></div>
    221. 

  221. 			</div>
    222. 

  222. 			<div id="repeatConfirmBox">
    223. 

  223. 				<h1 data-type="repeat_event">Repeat event confirmation</h1>
    224. 

  224. 				<div id="repeatConfirmBoxContent"></div>
    225. 

  225. 				<div id="repeatConfirmBoxQuestion"></div>
    226. 

  226. 				<input id='editAll' type="button" value="All events" /><br />
    227. 

  227. 				<input id='editFuture' type="button" value="All future events" /><br />
    228. 

  228. 				<input id='editOnlyOne' type="button" value="This event only"/><br />
    229. 

  229. 				<input type="button" data-type="closeRepeat" value="Close" onclick="$('#repeatConfirmBoxContent').html(''); $('#repeatConfirmBox').css('visibility', 'hidden'); $('#EventDisabler').fadeOut(globalEditorFadeAnimation);" />
    230. 

  230. 			</div>
    231. 

  231. 			<div id="event_details_template">
    232. 

  232. 				<div id="eventColor"></div>
    233. 

  233. 				<div id="eventDetailsContainer">
    234. 

  234. 					<table id="eventDetailsTable">
    235. 

  235. 						<tr>
    236. 

  236. 							<th colspan="3" class="headerContainer">
    237. 

  237. 								<div class="formNav prev" title="show previous event" data-type="event_prev_nav"><img src="images/arrow_prev.svg" alt="previous"/></div>
    238. 

  238. 								<textarea class="header" data-type="name" placeholder="Name" name="name" id="name"></textarea>
    239. 

  239. 								<div class="formNav next" title="show next event" data-type="event_next_nav"><img src="images/arrow_next.svg" alt="next"/></div>
    240. 

  240. 							</th>
    241. 

  241. 						</tr>
    242. 

  242. 						<tr>
    243. 

  243. 							<td class="label"><label data-type="location" for="location">location:</label></td>
    244. 

  244. 							<td colspan="2"><input class="long" data-type="PH_location" type="text" placeholder="Location" name="location" id="location" /></td>
    245. 

  245. 						</tr>
    246. 

  246. 						<tr>
    247. 

  247. 							<td class="label"><label data-type="all_day" for="allday">all-day: </label></td>
    248. 

  248. 							<td colspan="2"><input class="long" type="checkbox" name="allday" id="allday" /></td>
    249. 

  249. 						</tr>
    250. 

  250. 						<tr>
    251. 

  251. 							<td class="label"><label data-type="from" for="date_from">from: </label></td>
    252. 

  252. 							<td>
    253. 

  253. 								<input class="date small" type="text" data-type="PH_date_from" placeholder="Date from" id="date_from" name="date_from" />
    254. 

  254. 								<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    255. 

  255. 							</td>
    256. 

  256. 							<td id="time_from_cell">
    257. 

  257. 								<input class="time small" type="text" data-type="PH_time_from" placeholder="Time from" id="time_from" name="time_from" />
    258. 

  258. 								<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    259. 

  259. 							</td>
    260. 

  260. 						</tr>
    261. 

  261. 						<tr>
    262. 

  262. 							<td class="label"><label data-type="to" for="date_to">to: </label></td>
    263. 

  263. 							<td>
    264. 

  264. 								<input class="date small" type="text" data-type="PH_date_to" placeholder="Date to" id="date_to" name="date_to" />
    265. 

  265. 								<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    266. 

  266. 							</td>
    267. 

  267. 							<td id="time_to_cell">
    268. 

  268. 								<input class="time small" type="text" data-type="PH_time_to" placeholder="Time to" id="time_to" name="time_to" />
    269. 

  269. 								<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    270. 

  270. 							</td>
    271. 

  271. 						</tr>
    272. 

  272. 						<tr class="timezone_row">
    273. 

  273. 							<td class="label"><label data-type="txt_timezone" for="timezone">timezone: </label></td>
    274. 

  274. 							<td colspan="2" data-size="full">
    275. 

  275. 								<select class="long" data-type="timezones" name="timezone" id="timezone"></select>
    276. 

  276. 							</td>
    277. 

  277. 						</tr>
    278. 

  278. 						<tr>
    279. 

  279. 							<td class="label"><label data-type="repeat" for="repeat">repeat: </label></td>
    280. 

  280. 							<td colspan="2" data-size="full">
    281. 

  281. 								<select class="long" name="repeat" id="repeat">
    282. 

  282. 									<option data-type="repeat_no-repeat" value="no-repeat">No repeat</option>
    283. 

  283. 									<option data-type="repeat_DAILY" value="DAILY">Daily</option>
    284. 

  284. 									<option data-type="repeat_BUSINESS" value="BUSINESS">Every business day</option>
    285. 

  285. 									<option data-type="repeat_WEEKEND" value="WEEKEND">Every weekend</option>
    286. 

  286. 									<option data-type="repeat_WEEKLY" value="WEEKLY">Weekly</option>
    287. 

  287. 									<option data-type="repeat_TWO_WEEKLY" value="TWO_WEEKLY">Bi-weekly</option>
    288. 

  288. 									<option data-type="repeat_MONTHLY" value="MONTHLY">Monthly</option>
    289. 

  289. 									<option data-type="repeat_YEARLY" value="YEARLY">Yearly</option>
    290. 

  290. 									<option data-type="repeat_CUSTOM_WEEKLY" value="CUSTOM_WEEKLY">Custom weekly</option>
    291. 

  291. 									<option data-type="repeat_CUSTOM_MONTHLY" value="CUSTOM_MONTHLY">Custom monthly</option>
    292. 

  292. 									<option data-type="repeat_CUSTOM_YEARLY" value="CUSTOM_YEARLY">Custom yearly</option>
    293. 

  293. 								</select>
    294. 

  294. 							</td>
    295. 

  295. 						</tr>
    296. 

  296. 						<tr id="repeat_interval" style="display: none;">
    297. 

  297. 							<td class="label repeat"><label data-type="repeat_type" for="repeat_interval_detail">Every </label></td>
    298. 

  298. 							<td style="position: relative;">
    299. 

  299. 								<input class="small" type="text" data-type="PH_type_Interval" placeholder="Interval" name="end" id="repeat_interval_detail" />
    300. 

  300. 								<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    301. 

  301. 							</td>
    302. 

  302. 							<td>
    303. 

  303. 								<span class="infoSpan" style="padding-left: 4px;" data-type="txt_interval">days</span>
    304. 

  304. 							</td>
    305. 

  305. 						</tr>
    306. 

  306. 						<tr id="week_custom" style="display: none;">
    307. 

  307. 							<td class="label repeat"><label data-type="week_custom_txt">On </label></td>
    308. 

  308. 							<td colspan="2">
    309. 

  309. 								<table class="customTable customTableWeek">
    310. 

  310. 									<tr>
    311. 

  311. 										<td data-type="0" data-text="SU" class="firstCol">Su</td>
    312. 

  312. 										<td data-type="1" data-text="MO">Mo</td>
    313. 

  313. 										<td data-type="2" data-text="TU">Tu</td>
    314. 

  314. 										<td data-type="3" data-text="WE">We</td>
    315. 

  315. 										<td data-type="4" data-text="TH">Th</td>
    316. 

  316. 										<td data-type="5" data-text="FR">Fr</td>
    317. 

  317. 										<td data-type="6" data-text="SA" class="lastCol">Sa</td>
    318. 

  318. 									</tr>
    319. 

  319. 								</table>
    320. 

  320. 							</td>
    321. 

  321. 						</tr>
    322. 

  322. 						<tr id="month_custom1" style="display: none;">
    323. 

  323. 							<td class="label"><label data-type="month_custom1_txt"></label></td>
    324. 

  324. 							<td data-size="half">
    325. 

  325. 								<select id="repeat_month_custom_select" class="small">
    326. 

  326. 									<option value="every" data-type="month_custom_every">Every</option>
    327. 

  327. 									<option value="first" data-type="month_custom_first">First</option>
    328. 

  328. 									<option value="second" data-type="month_custom_second">Second</option>
    329. 

  329. 									<option value="third" data-type="month_custom_third">Third</option>
    330. 

  330. 									<option value="fourth" data-type="month_custom_fourth">Fourth</option>
    331. 

  331. 									<option value="fifth" data-type="month_custom_fifth">Fifth</option>
    332. 

  332. 									<option value="last" data-type="month_custom_last">Last</option>
    333. 

  333. 									<option value="custom" data-type="month_custom_custom">Custom</option>
    334. 

  334. 								</select>
    335. 

  335. 							</td>
    336. 

  336. 							<td style="position: relative;" data-size="half">
    337. 

  337. 								<select id="repeat_month_custom_select2" class="small">
    338. 

  338. 									<option value="SU" data-type="0">Sunday</option>
    339. 

  339. 									<option value="MO" data-type="1">Monday</option>
    340. 

  340. 									<option value="TU" data-type="2">Tuesday</option>
    341. 

  341. 									<option value="WE" data-type="3">Wednesday</option>
    342. 

  342. 									<option value="TH" data-type="4">Thursday</option>
    343. 

  343. 									<option value="FR" data-type="5">Friday</option>
    344. 

  344. 									<option value="SA" data-type="6">Saturday</option>
    345. 

  345. 									<option value="DAY" data-type="month_custom_month">Day of the month</option>
    346. 

  346. 								</select>
    347. 

  347. 							</td>
    348. 

  348. 						</tr>
    349. 

  349. 						<tr id="month_custom2" style="display: none;">
    350. 

  350. 							<td class="label repeat"><label data-type="month_custom2_txt">On days</label></td>
    351. 

  351. 							<td colspan="2">
    352. 

  352. 								<table class="customTable customTableMonth">
    353. 

  353. 									<tr>
    354. 

  354. 										<td data-type="1" class="firstCol">1</td>
    355. 

  355. 										<td data-type="2">2</td>
    356. 

  356. 										<td data-type="3">3</td>
    357. 

  357. 										<td data-type="4">4</td>
    358. 

  358. 										<td data-type="5">5</td>
    359. 

  359. 										<td data-type="6">6</td>
    360. 

  360. 										<td data-type="7" class="lastCol">7</td>
    361. 

  361. 									</tr>
    362. 

  362. 									<tr>
    363. 

  363. 										<td data-type="8" class="firstCol">8</td>
    364. 

  364. 										<td data-type="9">9</td>
    365. 

  365. 										<td data-type="10">10</td>
    366. 

  366. 										<td data-type="11">11</td>
    367. 

  367. 										<td data-type="12">12</td>
    368. 

  368. 										<td data-type="13">13</td>
    369. 

  369. 										<td data-type="14" class="lastCol">14</td>
    370. 

  370. 									</tr>
    371. 

  371. 									<tr>
    372. 

  372. 										<td data-type="15" class="firstCol">15</td>
    373. 

  373. 										<td data-type="16">16</td>
    374. 

  374. 										<td data-type="17">17</td>
    375. 

  375. 										<td data-type="18">18</td>
    376. 

  376. 										<td data-type="19">19</td>
    377. 

  377. 										<td data-type="20">20</td>
    378. 

  378. 										<td data-type="21" class="lastCol">21</td>
    379. 

  379. 									</tr>
    380. 

  380. 									<tr>
    381. 

  381. 										<td data-type="22" class="firstCol">22</td>
    382. 

  382. 										<td data-type="23">23</td>
    383. 

  383. 										<td data-type="24">24</td>
    384. 

  384. 										<td data-type="25">25</td>
    385. 

  385. 										<td data-type="26">26</td>
    386. 

  386. 										<td data-type="27">27</td>
    387. 

  387. 										<td data-type="28" class="lastCol">28</td>
    388. 

  388. 									</tr>
    389. 

  389. 									<tr>
    390. 

  390. 										<td data-type="29" class="firstCol">29</td>
    391. 

  391. 										<td data-type="30">30</td>
    392. 

  392. 										<td data-type="31">31</td>
    393. 

  393. 									</tr>
    394. 

  394. 								</table>
    395. 

  395. 							</td>
    396. 

  396. 						</tr>
    397. 

  397. 						<tr id="year_custom2" style="display: none;">
    398. 

  398. 							<td class="label"><label data-type="year_custom2"></label></td>
    399. 

  399. 							<td data-size="half">
    400. 

  400. 								<select id="repeat_year_custom_select1" class="small">
    401. 

  401. 									<option value="every" data-type="year_custom_every">Every</option>
    402. 

  402. 									<option value="first" data-type="year_custom_first">First</option>
    403. 

  403. 									<option value="second" data-type="year_custom_second">Second</option>
    404. 

  404. 									<option value="third" data-type="year_custom_third">Third</option>
    405. 

  405. 									<option value="fourth" data-type="year_custom_fourth">Fourth</option>
    406. 

  406. 									<option value="fifth" data-type="year_custom_fifth">Fifth</option>
    407. 

  407. 									<option value="last" data-type="year_custom_last">Last</option>
    408. 

  408. 									<option value="custom" data-type="year_custom_custom">Custom</option>
    409. 

  409. 								</select>
    410. 

  410. 							</td>
    411. 

  411. 							<td style="position: relative;" data-size="half">
    412. 

  412. 								<select id="repeat_year_custom_select2" class="small">
    413. 

  413. 									<option value="SU" data-type="0">Sunday</option>
    414. 

  414. 									<option value="MO" data-type="1">Monday</option>
    415. 

  415. 									<option value="TU" data-type="2">Tuesday</option>
    416. 

  416. 									<option value="WE" data-type="3">Wednesday</option>
    417. 

  417. 									<option value="TH" data-type="4">Thursday</option>
    418. 

  418. 									<option value="FR" data-type="5">Friday</option>
    419. 

  419. 									<option value="SA" data-type="6">Saturday</option>
    420. 

  420. 									<option value="DAY" data-type="year_custom_month">Day of the month</option>
    421. 

  421. 								</select>
    422. 

  422. 							</td>
    423. 

  423. 						</tr>
    424. 

  424. 						<tr id="year_custom1" style="display: none;">
    425. 

  425. 							<td class="label repeat"><label data-type="year_custom1">Every</label></td>
    426. 

  426. 							<td colspan="2">
    427. 

  427. 								<table class="customTable customTableMonth">
    428. 

  428. 									<tr>
    429. 

  429. 										<td data-type="1" class="firstCol">1</td>
    430. 

  430. 										<td data-type="2">2</td>
    431. 

  431. 										<td data-type="3">3</td>
    432. 

  432. 										<td data-type="4">4</td>
    433. 

  433. 										<td data-type="5">5</td>
    434. 

  434. 										<td data-type="6">6</td>
    435. 

  435. 										<td data-type="7" class="lastCol">7</td>
    436. 

  436. 									</tr>
    437. 

  437. 									<tr>
    438. 

  438. 										<td data-type="8" class="firstCol">8</td>
    439. 

  439. 										<td data-type="9">9</td>
    440. 

  440. 										<td data-type="10">10</td>
    441. 

  441. 										<td data-type="11">11</td>
    442. 

  442. 										<td data-type="12">12</td>
    443. 

  443. 										<td data-type="13">13</td>
    444. 

  444. 										<td data-type="14" class="lastCol">14</td>
    445. 

  445. 									</tr>
    446. 

  446. 									<tr>
    447. 

  447. 										<td data-type="15" class="firstCol">15</td>
    448. 

  448. 										<td data-type="16">16</td>
    449. 

  449. 										<td data-type="17">17</td>
    450. 

  450. 										<td data-type="18">18</td>
    451. 

  451. 										<td data-type="19">19</td>
    452. 

  452. 										<td data-type="20">20</td>
    453. 

  453. 										<td data-type="21" class="lastCol">21</td>
    454. 

  454. 									</tr>
    455. 

  455. 									<tr>
    456. 

  456. 										<td data-type="22" class="firstCol">22</td>
    457. 

  457. 										<td data-type="23">23</td>
    458. 

  458. 										<td data-type="24">24</td>
    459. 

  459. 										<td data-type="25">25</td>
    460. 

  460. 										<td data-type="26">26</td>
    461. 

  461. 										<td data-type="27">27</td>
    462. 

  462. 										<td data-type="28" class="lastCol">28</td>
    463. 

  463. 									</tr>
    464. 

  464. 									<tr>
    465. 

  465. 										<td data-type="29" class="firstCol">29</td>
    466. 

  466. 										<td data-type="30">30</td>
    467. 

  467. 										<td data-type="31">31</td>
    468. 

  468. 									</tr>
    469. 

  469. 								</table>
    470. 

  470. 							</td>
    471. 

  471. 						</tr>
    472. 

  472. 						<tr id="year_custom3" style="display: none;">
    473. 

  473. 							<td class="label repeat"><label data-type="year_custom3">Of</label></td>
    474. 

  474. 							<td colspan="2">
    475. 

  475. 								<table class="customTable customTableYear">
    476. 

  476. 									<tr>
    477. 

  477. 										<td data-type="0" data-text="jan" class="firstCol">Jan</td>
    478. 

  478. 										<td data-type="1" data-text="feb">Feb</td>
    479. 

  479. 										<td data-type="2" data-text="mar">Mar</td>
    480. 

  480. 										<td data-type="3" data-text="apr" class="lastCol">Apr</td>
    481. 

  481. 									</tr>
    482. 

  482. 									<tr>
    483. 

  483. 										<td data-type="4" data-text="may" class="firstCol">May</td>
    484. 

  484. 										<td data-type="5" data-text="jun">Jun</td>
    485. 

  485. 										<td data-type="6" data-text="jul">Jul</td>
    486. 

  486. 										<td data-type="7" data-text="aug" class="lastCol">Aug</td>
    487. 

  487. 									</tr>
    488. 

  488. 									<tr>
    489. 

  489. 										<td data-type="8" data-text="sep" class="firstCol">Sep</td>
    490. 

  490. 										<td data-type="9" data-text="oct">Oct</td>
    491. 

  491. 										<td data-type="10" data-text="nov">Nov</td>
    492. 

  492. 										<td data-type="11" data-text="dec" class="lastCol">Dec</td>
    493. 

  493. 									</tr>
    494. 

  494. 								</table>
    495. 

  495. 							</td>
    496. 

  496. 						</tr>
    497. 

  497. 						<tr id="repeat_details" style="display: none;">
    498. 

  498. 							<td class="label repeat"><label data-type="repeat_end"  for="repeat_end_details">end: </label></td>
    499. 

  499. 							<td data-size="half">
    500. 

  500. 								<select class="small" id="repeat_end_details">
    501. 

  501. 									<option data-type="repeat_details_on_date" value="on_date">on date</option>
    502. 

  502. 									<option data-type="repeat_details_after" value="after">occurrences</option>
    503. 

  503. 									<option data-type="repeat_details_never" value="never">never</option>
    504. 

  504. 								</select>
    505. 

  505. 							</td>
    506. 

  506. 							<td style="position: relative;">
    507. 

  507. 								<input class="date small" type="text" data-type="PH_until_date" placeholder="Date until" name="end" id="repeat_end_date" />
    508. 

  508. 								<input style="display: none;" class="small" type="text" data-type="PH_repeat_count" placeholder="Repeat count" name="end" id="repeat_end_after" />
    509. 

  509. 								<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    510. 

  510. 							</td>
    511. 

  511. 						</tr>
    512. 

  512. 						<tr>
    513. 

  513. 							<td class="label"><label data-type="status" for="status">status: </label></td>
    514. 

  514. 							<td colspan="2" data-size="full">
    515. 

  515. 								<select class="long" name="status" id="status">
    516. 

  516. 									<option data-type="STATUS_NONE" value="NONE">undefined</option>
    517. 

  517. 									<option data-type="STATUS_TENTATIVE" value="TENTATIVE">tentative</option>
    518. 

  518. 									<option data-type="STATUS_CONFIRMED" value="CONFIRMED">confirmed</option>
    519. 

  519. 									<option data-type="STATUS_CANCELLED" value="CANCELLED">canceled</option>
    520. 

  520. 								</select>
    521. 

  521. 							</td>
    522. 

  522. 						</tr>
    523. 

  523. 						<tr class="row_avail">
    524. 

  524. 							<td class="label"><label data-type="txt_avail" for="avail">availability: </label></td>
    525. 

  525. 							<td colspan="2" data-size="full">
    526. 

  526. 								<select class="long" data-type="avail" name="avail" id="avail">
    527. 

  527. 									<option data-type="BUSY_AVAIL" value="busy">busy</option>
    528. 

  528. 									<option data-type="FREE_AVAIL" value="free">free</option>
    529. 

  529. 								</select>
    530. 

  530. 							</td>
    531. 

  531. 						</tr>
    532. 

  532. 						<tr class="row_type">
    533. 

  533. 							<td class="label"><label data-type="txt_type" for="type">privacy: </label></td>
    534. 

  534. 							<td colspan="2" data-size="full">
    535. 

  535. 								<select class="long" data-type="type" name="type" id="type">
    536. 

  536. 									<option data-type="PUBLIC_TYPE" value="public">public</option>
    537. 

  537. 									<option data-type="CONFIDENTIAL_TYPE" value="confidential">confidential</option>
    538. 

  538. 									<option data-type="PRIVATE_TYPE" value="private">private</option>
    539. 

  539. 								</select>
    540. 

  540. 							</td>
    541. 

  541. 						</tr>
    542. 

  542. 						<tr>
    543. 

  543. 							<td class="label"><label data-type="priority" for="priority">priority: </label></td>
    544. 

  544. 							<td colspan="2" data-size="full">
    545. 

  545. 								<select class="long " name="priority" id="priority">
    546. 

  546. 									<option data-type="priority_none" value="0">none</option>
    547. 

  547. 									<option data-type="priority_low" value="9">low</option>
    548. 

  548. 									<option data-type="priority_medium" value="5">medium</option>
    549. 

  549. 									<option data-type="priority_high" value="1">high</option>
    550. 

  550. 								</select>
    551. 

  551. 							</td>
    552. 

  552. 						</tr>
    553. 

  553. 						<tr id="calendarLine">
    554. 

  554. 							<td class="label"><label data-type="event_calendar" for="event_calendar">calendar: </label></td>
    555. 

  555. 							<td colspan="2" data-size="full">
    556. 

  556. 								<select class="long R_calendar" name="calendar" id="event_calendar">
    557. 

  557. 									<option data-type="choose_calendar" value="choose">Select a calendar</option>
    558. 

  558. 								</select>
    559. 

  559. 							</td>
    560. 

  560. 						</tr>
    561. 

  561. 						<tr data-id="1">
    562. 

  562. 							<td class="label"><label data-type="alert" for="alert">alert: </label></td>
    563. 

  563. 							<td colspan="2" data-size="full">
    564. 

  564. 								<select class="long alert" name="alert_type" data-id="1" id="alert">
    565. 

  565. 									<option data-type="alert_none" value="none">none</option>
    566. 

  566. 									<option data-type="alert_message" value="message">message</option>
    567. 

  567. 								</select>
    568. 

  568. 							</td>
    569. 

  569. 						</tr>
    570. 

  570. 						<tr data-id="1" class="alert_details" style="display: none;">
    571. 

  571. 							<td class="label"></td>
    572. 

  572. 							<td colspan="2" data-size="full">
    573. 

  573. 								<select class="long alert_message_details" name="alert_details" data-id="1">
    574. 

  574. 									<option data-type="on_date" value="on_date">on date</option>
    575. 

  575. 									<option data-type="weeks_before" value="weeks_before">weeks before</option>
    576. 

  576. 									<option data-type="days_before" value="days_before">days before</option>
    577. 

  577. 									<option data-type="hours_before" value="hours_before">hours before</option>
    578. 

  578. 									<option data-type="minutes_before" value="minutes_before">minutes before</option>
    579. 

  579. 									<option data-type="seconds_before" value="seconds_before">seconds before</option>
    580. 

  580. 									<option data-type="weeks_after" value="weeks_after">weeks after</option>
    581. 

  581. 									<option data-type="days_after" value="days_after">days after</option>
    582. 

  582. 									<option data-type="hours_after" value="hours_after">hours after</option>
    583. 

  583. 									<option data-type="minutes_after" value="minutes_after">minutes after</option>
    584. 

  584. 									<option data-type="seconds_after" value="seconds_after">seconds after</option>
    585. 

  585. 								</select>
    586. 

  586. 							</td>
    587. 

  587. 						</tr>
    588. 

  588. 						<tr data-id="1" class="alert_message_date" style="display: none;">
    589. 

  589. 							<td class="label"></td>
    590. 

  590. 							<td>
    591. 

  591. 								<input class="small before_after_input" type="text" data-type="PH_before_after_alert" placeholder="Value" data-id="1" style="display: none;" />
    592. 

  592. 								<input class="date small message_date_input" type="text" data-type="PH_alarm_date" placeholder="Alarm date" data-id="1" />
    593. 

  593. 								<div class="invalidWrapper"><img data-type="invalidSmall" data-id="1" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    594. 

  594. 							</td>
    595. 

  595. 							<td>
    596. 

  596. 								<input class="time small message_time_input" type="text" data-type="PH_alarm_time" placeholder="Alarm time" data-id="1" />
    597. 

  597. 								<div class="invalidWrapper"><img data-type="invalidSmall" data-id="1" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    598. 

  598. 							</td>
    599. 

  599. 						</tr>
    600. 

  600. 						<tr id="url_tr">
    601. 

  601. 							<td class="label"><label data-type="txt_url_EVENT" for="url_EVENT">url:</label></td>
    602. 

  602. 							<td colspan="2"><input class="long" data-type="url_EVENT" type="text" placeholder="url" name="url_EVENT" id="url_EVENT" /></td>
    603. 

  603. 						</tr>
    604. 

  604. 						<tr id="note_tr">
    605. 

  605. 							<td class="label"><label data-type="note" for="note">note: </label></td>
    606. 

  606. 							<td colspan="2">
    607. 

  607. 								<textarea class="long" name="note" data-type="PH_note" placeholder="Note" id="note" rows="2" cols="20"></textarea>
    608. 

  608. 							</td>
    609. 

  609. 						</tr>
    610. 

  610. 						<tr>
    611. 

  611. 							<td colspan="3">
    612. 

  612. 								<input id="show" type="hidden" value=""/>
    613. 

  613. 								<input id="uid" type="hidden" value=""/>
    614. 

  614. 								<input id="etag" type="hidden" value=""/>
    615. 

  615. 								<input id="repeatCount" type="hidden" value=""/>
    616. 

  616. 								<input id="repeatEvent" type="hidden" value=""/>
    617. 

  617. 								<input id="recurrenceID" type="hidden" value=""/>
    618. 

  618. 								<input id="futureStart" type="hidden" value=""/>
    619. 

  619. 								<input id="vcalendarHash" type="hidden" value=""/>
    620. 

  620. 								<input id="vcalendarUID" type="hidden" value=""/>
    621. 

  621. 								<input id="saveButton" type="submit" value="Save" data-type="save" onclick="updateEventFormDimensions(true);$('#CAEvent .saveLoader').show();save();" />
    622. 

  622. 								<input id="editButton" type="button" value="Edit" data-type="edit" onclick="startEditModeEvent();" />
    623. 

  623. 								<input id="duplicateButton" type="button" value="Duplicate" data-type="duplicate" onclick="duplicateEvent('')" />
    624. 

  624. 								<input id="editOptionsButton" type="button" value="edit repeat" data-type="editOptions" />
    625. 

  625. 								<input id="resetButton" type="button" value="Reset" data-type="reset" />
    626. 

  626. 								<input id="closeButton" type="button" value="Cancel" data-type="cancel" />
    627. 

  627. 								<input id="deleteButton" type="button" value="Delete" data-type="delete" onclick="updateEventFormDimensions(true);$('#CAEvent .saveLoader').show();deleteEvent();" />
    628. 

  628. 							</td>
    629. 

  629. 						</tr>
    630. 

  630. 					</table>
    631. 

  631. 				</div>
    632. 

  632. 			</div>
    633. 

  633. 		</div>
    634. 

  634. 	</div>
    635. 

  635. 	<div class="System" id="SystemCalDavTODO">
    636. 

  636. 		<div class="update_d" style="display: none;">
    637. 

  637. 			<div class="update_h"></div>
    638. 

  638. 		</div>
    639. 

  639. 		<div class="headers" id="resourceCalDAVTODO_h">
    640. 

  640. 			<span class="resourceCalDAVTODO_text" data-type="resourcesCalDAV_txt">Resources</span>
    641. 

  641. 			<img src="images/add_cal_white.svg" alt="Enable all calendars" title="Enable all calendars" data-type="addAll" class="addRemoveAll addRemoveAllCalDAVTODO" onclick="enableAllTodo()" />
    642. 

  642. 			<img src="images/remove_cal_white.svg" alt="Disable all calendars" title="Disable all calendars" data-type="removeAll" class="addRemoveAll addRemoveAllCalDAVTODO" onclick="disableAllTodo()" />
    643. 

  643. 			<img id="showUnloadedCalendarsTODO" src="images/delegation.svg" alt="Subscribe" title="Subscribe" onclick="showUnloadedCollections('todo');" />
    644. 

  644. 			<input id="loadUnloadedCalendarsTODO" type="button" value="save" onclick="loadAdditionalCollections('todo');" style="margin-top:4px;margin-left:6px;" />
    645. 

  645. 			<input id="loadUnloadedCalendarsTODOCancel" type="button" value="cancel" onclick="cancelUnloadedCollections('todo');" style="margin-top:4px;margin-right:6px;float:right;" />
    646. 

  646. 		</div>
    647. 

  647. 		<div id="ResourceCalDAVTODOList">
    648. 

  648. 			<div id="ResourceCalDAVTODOListTemplate" style="display: none;">
    649. 

  649. 				<div class="resourceCalDAVTODO_header"><input type="checkbox"></div>
    650. 

  650. 				<div class="resourceCalDAVTODO_item"></div>
    651. 

  651. 			</div>
    652. 

  652. 		</div>
    653. 

  653. 		<div id="timezoneWrapperTODO">
    654. 

  654. 			<label data-type="txt_timezonePicker" for="timezonePickerTODO">Timezone:</label>
    655. 

  655. 			<div id="timezoneTodoSelectDiv">
    656. 

  656. 				<select id="timezonePickerTODO" name="timezonePickerTODO" data-type="timezonesPicker"></select>
    657. 

  657. 			</div>
    658. 

  658. 		</div>
    659. 

  659. 		<div class="headers" id="main_h_TODO">
    660. 

  660. 			<input id="ResourceCalDAVTODOToggle" type="image" src="images/resources.svg" alt="Show/Hide Resources" />
    661. 

  661. 			<div id="mainTODO_h_placeholder"></div>
    662. 

  662. 			<img id="eventFormShowerTODO" src="images/new_item.svg" alt="Add todo" />
    663. 

  663. 		</div>
    664. 

  664. 		<div id="searchFormTODO">
    665. 

  665. 			<img alt="Search Form" src="images/search.svg" style="position: inline; margin-top: 4px; margin-left: 8px; vertical-align: top;" />
    666. 

  666. 			<div class="searchContainer">
    667. 

  667. 				<input type="text" value="" placeholder="Search" data-type="PH_CalDAVTODOsearch" id="searchInputTODO" style="margin-top: 3px; vertical-align: top;" />
    668. 

  668. 			</div>
    669. 

  669. 			<img alt="Search Reset" id="resetButtonTODO" onclick="$('#searchInputTODO').val('');$('#searchInputTODO').keyup();" src="images/reset_b.svg" style="position: absolute; margin-top: 5px; right: 9px; vertical-align: top; cursor: pointer; visibility: hidden;" />
    670. 

  670. 		</div>
    671. 

  671. 		<div id="TodoDisabler"></div>
    672. 

  672. 		<div id="CalendarLoaderTODO">
    673. 

  673. 			<div class="loaderInfo">Calendaring ...</div>
    674. 

  674. 			<div class="loader"></div>
    675. 

  675. 		</div>
    676. 

  676. 		<div id='mainTODO'>
    677. 

  677. 			<div id='todoList'></div>
    678. 

  678. 		</div>
    679. 

  679. 		<div class="headers" id="todoForm_h">
    680. 

  680. 			<span class="resourceCalDAV_text" data-type="todo_txt">Todo</span>
    681. 

  681. 		</div>
    682. 

  682. 		<div id="todoLoader">
    683. 

  683. 			<div class="saveLoader">
    684. 

  684. 				<div class="saveLoaderInfo"></div>
    685. 

  685. 				<div class="loader"></div>
    686. 

  686. 			</div>
    687. 

  687. 		</div>
    688. 

  688. 		<div id="todoColor"></div>
    689. 

  689. 		<div id="todoForm">
    690. 

  690. 			<div id="CATodo">
    691. 

  691. 				<div id="repeatConfirmBoxTODO">
    692. 

  692. 					<div id="repeatConfirmBoxContentTODO"></div>
    693. 

  693. 					<div id="repeatConfirmBoxQuestionTODO"></div>
    694. 

  694. 					<input id='editAllTODO' type="button" value="All events" /><br />
    695. 

  695. 					<input id='editFutureTODO' type="button" value="All future events" /><br />
    696. 

  696. 					<input id='editOnlyOneTODO' type="button" value="This event only"/><br />
    697. 

  697. 				</div>
    698. 

  698. 				<div id="todo_details_template">
    699. 

  699. 					<div id="todoDetailsContainer">
    700. 

  700. 						<table id="todoDetailsTable">
    701. 

  701. 							<tr>
    702. 

  702. 								<th colspan="3" class="headerContainer">
    703. 

  703. 									<div class="formNav prev top" title="show previous todo" data-type="todo_prev_nav"><img src="images/arrow_prev.svg" alt="todo prev"/></div>
    704. 

  704. 									<div class="formNav prev bottom" title="show previous uncompleted todo" data-type="todo_prev_uncompleted_nav"><img src="images/arrow_prev_red.svg" alt="todo prev incomplete"/></div>
    705. 

  705. 									<textarea class="header" data-type="name_TODO" placeholder="Name" name="name" id="nameTODO"></textarea>
    706. 

  706. 									<div class="formNav next top" title="show next todo" data-type="todo_next_nav"><img src="images/arrow_next.svg" alt="todo next"/></div>
    707. 

  707. 									<div class="formNav next bottom" title="show next uncompleted todo" data-type="todo_next_uncompleted_nav"><img src="images/arrow_next_red.svg" alt="todo next incomplete"/></div>
    708. 

  708. 								</th>
    709. 

  709. 							</tr>
    710. 

  710. 							<tr id="location_row_TODO">
    711. 

  711. 								<td class="label"><label data-type="location" for="location_TODO">location:</label></td>
    712. 

  712. 								<td colspan="2"><input class="long" data-type="PH_location" type="text" placeholder="Location" name="location_TODO" id="location_TODO" /></td>
    713. 

  713. 							</tr>
    714. 

  714. 							<tr>
    715. 

  715. 								<td class="label"><label data-type="type_TODO" for="todo_type">type: </label></td>
    716. 

  716. 								<td colspan="2" data-size="full">
    717. 

  717. 									<select class="long" name="todo_type" id="todo_type">
    718. 

  718. 										<option data-type="todo_type_none" value="none">Simple</option>
    719. 

  719. 										<option data-type="todo_type_start" value="start">With start time</option>
    720. 

  720. 										<option data-type="todo_type_due" value="due">With due time</option>
    721. 

  721. 										<option data-type="todo_type_both" value="both">With both start and due times</option>
    722. 

  722. 									</select>
    723. 

  723. 								</td>
    724. 

  724. 							</tr>
    725. 

  725. 							<tr class="dateTrFromTODO">
    726. 

  726. 								<td class="label"><label data-type="date_from_TODO" for="date_fromTODO">fom: </label></td>
    727. 

  727. 								<td>
    728. 

  728. 									<input class="date small" data-type="PH_date_from_TODO" type="text" placeholder="Date from" id="date_fromTODO" name="date_fromTODO" />
    729. 

  729. 									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    730. 

  730. 								</td>
    731. 

  731. 								<td>
    732. 

  732. 									<input class="time small" data-type="PH_time_from_TODO" type="text" placeholder="Time from" id="time_fromTODO" name="time_fromTODO" />
    733. 

  733. 									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    734. 

  734. 								</td>
    735. 

  735. 							</tr>
    736. 

  736. 							<tr class="dateTrToTODO">
    737. 

  737. 								<td class="label"><label data-type="date_to_TODO" for="date_toTODO">to: </label></td>
    738. 

  738. 								<td>
    739. 

  739. 									<input class="date small" data-type="PH_date_to_TODO" type="text" placeholder="Date to" id="date_toTODO" name="date_toTODO" />
    740. 

  740. 									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    741. 

  741. 								</td>
    742. 

  742. 								<td>
    743. 

  743. 									<input class="time small" data-type="PH_time_to_TODO" type="text" placeholder="Time to" id="time_toTODO" name="time_toTODO" />
    744. 

  744. 									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    745. 

  745. 								</td>
    746. 

  746. 							</tr>
    747. 

  747. 							<tr class="timezone_rowTODO">
    748. 

  748. 								<td class="label"><label data-type="txt_timezoneTODO" for="timezoneTODO">timezone: </label></td>
    749. 

  749. 								<td colspan="2" data-size="full">
    750. 

  750. 									<select class="long" data-type="timezonesTODO" name="timezoneTODO" id="timezoneTODO"></select>
    751. 

  751. 								</td>
    752. 

  752. 							</tr>
    753. 

  753. 							<tr id="percent_complete_TODO">
    754. 

  754. 								<td class="label"><label data-type="percent_complete_TODO" for="percenteCompleteValue">Complete </label></td>
    755. 

  755. 								<td colspan="2">
    756. 

  756. 									<div style="float: left; width: 203px; margin-left: 7px; margin-top: 3px; margin-bottom: 3px;'" id="percentageSlider"></div>
    757. 

  757. 									<input type="text" class="verySmall" style="margin-left: 13px; float: left;" id="percenteCompleteValue"/>
    758. 

  758. 									<div class="invalidWrapper"><img data-type="invalidVerySmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    759. 

  759. 									<label style="margin-left: -14px; float: left;">%</label>
    760. 

  760. 								</td>
    761. 

  761. 							</tr>
    762. 

  762. 							<tr>
    763. 

  763. 								<td class="label"><label data-type="status_TODO" for="statusTODO">status: </label></td>
    764. 

  764. 								<td colspan="2" data-size="full">
    765. 

  765. 									<select class="long" name="statusTODO" id="statusTODO">
    766. 

  766. 										<option data-type="STATUS_NEEDS-ACTION_TODO" value="NEEDS-ACTION">needs action</option>
    767. 

  767. 										<option data-type="STATUS_IN-PROCESS_TODO" value="IN-PROCESS">in progress</option>
    768. 

  768. 										<option data-type="STATUS_COMPLETED_TODO" value="COMPLETED">completed</option>
    769. 

  769. 										<option data-type="STATUS_CANCELLED_TODO" value="CANCELLED">cancelled</option>
    770. 

  770. 									</select>
    771. 

  771. 								</td>
    772. 

  772. 							</tr>
    773. 

  773. 							<tr class="completedOnTr" style="display: none;">
    774. 

  774. 								<td class="label"><label data-type="PH_completedOn" for="completedOnDate">completed on: </label></td>
    775. 

  775. 								<td>
    776. 

  776. 									<input class="date small" data-type="PH_completedOnDate" type="text" placeholder="Completed on date" id="completedOnDate" name="completedOnDate" />
    777. 

  777. 									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    778. 

  778. 								</td>
    779. 

  779. 								<td>
    780. 

  780. 									<input class="time small" data-type="PH_completedOnTime" type="text" placeholder="Completed on time" id="completedOnTime" name="completedOnTime" />
    781. 

  781. 									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    782. 

  782. 								</td>
    783. 

  783. 							</tr>
    784. 

  784. 							<tr id="repeat_row_TODO">
    785. 

  785. 								<td class="label"><label data-type="repeat" for="repeat">repeat: </label></td>
    786. 

  786. 								<td colspan="2" data-size="full">
    787. 

  787. 									<select class="long" name="repeat_TODO" id="repeat_TODO">
    788. 

  788. 										<option data-type="repeat_no-repeat" value="no-repeat">No repeat</option>
    789. 

  789. 										<option data-type="repeat_DAILY" value="DAILY">Daily</option>
    790. 

  790. 										<option data-type="repeat_BUSINESS" value="BUSINESS">Every business day</option>
    791. 

  791. 										<option data-type="repeat_WEEKEND" value="WEEKEND">Every weekend</option>
    792. 

  792. 										<option data-type="repeat_WEEKLY" value="WEEKLY">Weekly</option>
    793. 

  793. 										<option data-type="repeat_TWO_WEEKLY" value="TWO_WEEKLY">Bi-weekly</option>
    794. 

  794. 										<option data-type="repeat_MONTHLY" value="MONTHLY">Monthly</option>
    795. 

  795. 										<option data-type="repeat_YEARLY" value="YEARLY">Yearly</option>
    796. 

  796. 										<option data-type="repeat_CUSTOM_WEEKLY" value="CUSTOM_WEEKLY">Custom weekly</option>
    797. 

  797. 										<option data-type="repeat_CUSTOM_MONTHLY" value="CUSTOM_MONTHLY">Custom monthly</option>
    798. 

  798. 										<option data-type="repeat_CUSTOM_YEARLY" value="CUSTOM_YEARLY">Custom yearly</option>
    799. 

  799. 									</select>
    800. 

  800. 								</td>
    801. 

  801. 							</tr>
    802. 

  802. 							<tr id="repeat_interval_TODO" style="display: none;">
    803. 

  803. 								<td class="label repeat"><label data-type="repeat_type" for="repeat_interval_detail_TODO">Every </label></td>
    804. 

  804. 								<td style="position: relative;">
    805. 

  805. 									<input class="small" type="text" data-type="PH_type_Interval" placeholder="Interval" name="end" id="repeat_interval_detail_TODO" />
    806. 

  806. 									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    807. 

  807. 								</td>
    808. 

  808. 								<td>
    809. 

  809. 									<span class="infoSpan" style="padding-left: 4px;" data-type="txt_interval">days</span>
    810. 

  810. 								</td>
    811. 

  811. 							</tr>
    812. 

  812. 							<tr id="week_custom_TODO" style="display: none;">
    813. 

  813. 								<td class="label repeat"><label data-type="week_custom_txt">On </label></td>
    814. 

  814. 								<td colspan="2">
    815. 

  815. 									<table class="customTable customTableWeek">
    816. 

  816. 										<tr>
    817. 

  817. 											<td data-type="0" data-text="SU" class="firstCol">Su</td>
    818. 

  818. 											<td data-type="1" data-text="MO">Mo</td>
    819. 

  819. 											<td data-type="2" data-text="TU">Tu</td>
    820. 

  820. 											<td data-type="3" data-text="WE">We</td>
    821. 

  821. 											<td data-type="4" data-text="TH">Th</td>
    822. 

  822. 											<td data-type="5" data-text="FR">Fr</td>
    823. 

  823. 											<td data-type="6" data-text="SA" class="lastCol">Sa</td>
    824. 

  824. 										</tr>
    825. 

  825. 									</table>
    826. 

  826. 								</td>
    827. 

  827. 							</tr>
    828. 

  828. 							<tr id="month_custom1_TODO" style="display: none;">
    829. 

  829. 								<td class="label"><label data-type="month_custom1_txt"></label></td>
    830. 

  830. 								<td data-size="half">
    831. 

  831. 									<select id="repeat_month_custom_select_TODO" class="small">
    832. 

  832. 										<option value="every" data-type="month_custom_every">Every</option>
    833. 

  833. 										<option value="first" data-type="month_custom_first">First</option>
    834. 

  834. 										<option value="second" data-type="month_custom_second">Second</option>
    835. 

  835. 										<option value="third" data-type="month_custom_third">Third</option>
    836. 

  836. 										<option value="fourth" data-type="month_custom_fourth">Fourth</option>
    837. 

  837. 										<option value="fifth" data-type="month_custom_fifth">Fifth</option>
    838. 

  838. 										<option value="last" data-type="month_custom_last">Last</option>
    839. 

  839. 										<option value="custom" data-type="month_custom_custom">Custom</option>
    840. 

  840. 									</select>
    841. 

  841. 								</td>
    842. 

  842. 								<td style="position: relative;" data-size="half">
    843. 

  843. 									<select id="repeat_month_custom_select2_TODO" class="small">
    844. 

  844. 										<option value="SU" data-type="0">Sunday</option>
    845. 

  845. 										<option value="MO" data-type="1">Monday</option>
    846. 

  846. 										<option value="TU" data-type="2">Tuesday</option>
    847. 

  847. 										<option value="WE" data-type="3">Wednesday</option>
    848. 

  848. 										<option value="TH" data-type="4">Thursday</option>
    849. 

  849. 										<option value="FR" data-type="5">Friday</option>
    850. 

  850. 										<option value="SA" data-type="6">Saturday</option>
    851. 

  851. 										<option value="DAY" data-type="month_custom_month">Day of the month</option>
    852. 

  852. 									</select>
    853. 

  853. 								</td>
    854. 

  854. 							</tr>
    855. 

  855. 							<tr id="month_custom2_TODO" style="display: none;">
    856. 

  856. 								<td class="label repeat"><label data-type="month_custom2_txt">On days</label></td>
    857. 

  857. 								<td colspan="2">
    858. 

  858. 									<table class="customTable customTableMonth">
    859. 

  859. 										<tr>
    860. 

  860. 											<td data-type="1" class="firstCol">1</td>
    861. 

  861. 											<td data-type="2">2</td>
    862. 

  862. 											<td data-type="3">3</td>
    863. 

  863. 											<td data-type="4">4</td>
    864. 

  864. 											<td data-type="5">5</td>
    865. 

  865. 											<td data-type="6">6</td>
    866. 

  866. 											<td data-type="7" class="lastCol">7</td>
    867. 

  867. 										</tr>
    868. 

  868. 										<tr>
    869. 

  869. 											<td data-type="8" class="firstCol">8</td>
    870. 

  870. 											<td data-type="9">9</td>
    871. 

  871. 											<td data-type="10">10</td>
    872. 

  872. 											<td data-type="11">11</td>
    873. 

  873. 											<td data-type="12">12</td>
    874. 

  874. 											<td data-type="13">13</td>
    875. 

  875. 											<td data-type="14" class="lastCol">14</td>
    876. 

  876. 										</tr>
    877. 

  877. 										<tr>
    878. 

  878. 											<td data-type="15" class="firstCol">15</td>
    879. 

  879. 											<td data-type="16">16</td>
    880. 

  880. 											<td data-type="17">17</td>
    881. 

  881. 											<td data-type="18">18</td>
    882. 

  882. 											<td data-type="19">19</td>
    883. 

  883. 											<td data-type="20">20</td>
    884. 

  884. 											<td data-type="21" class="lastCol">21</td>
    885. 

  885. 										</tr>
    886. 

  886. 										<tr>
    887. 

  887. 											<td data-type="22" class="firstCol">22</td>
    888. 

  888. 											<td data-type="23">23</td>
    889. 

  889. 											<td data-type="24">24</td>
    890. 

  890. 											<td data-type="25">25</td>
    891. 

  891. 											<td data-type="26">26</td>
    892. 

  892. 											<td data-type="27">27</td>
    893. 

  893. 											<td data-type="28" class="lastCol">28</td>
    894. 

  894. 										</tr>
    895. 

  895. 										<tr>
    896. 

  896. 											<td data-type="29" class="firstCol">29</td>
    897. 

  897. 											<td data-type="30">30</td>
    898. 

  898. 											<td data-type="31">31</td>
    899. 

  899. 										</tr>
    900. 

  900. 									</table>
    901. 

  901. 								</td>
    902. 

  902. 							</tr>
    903. 

  903. 							<tr id="year_custom2_TODO" style="display: none;">
    904. 

  904. 								<td class="label"><label data-type="year_custom2"></label></td>
    905. 

  905. 								<td data-size="half">
    906. 

  906. 									<select id="repeat_year_custom_select1_TODO" class="small">
    907. 

  907. 										<option value="every" data-type="year_custom_every">Every</option>
    908. 

  908. 										<option value="first" data-type="year_custom_first">First</option>
    909. 

  909. 										<option value="second" data-type="year_custom_second">Second</option>
    910. 

  910. 										<option value="third" data-type="year_custom_third">Third</option>
    911. 

  911. 										<option value="fourth" data-type="year_custom_fourth">Fourth</option>
    912. 

  912. 										<option value="fifth" data-type="year_custom_fifth">Fifth</option>
    913. 

  913. 										<option value="last" data-type="year_custom_last">Last</option>
    914. 

  914. 										<option value="custom" data-type="year_custom_custom">Custom</option>
    915. 

  915. 									</select>
    916. 

  916. 								</td>
    917. 

  917. 								<td style="position: relative;" data-size="half">
    918. 

  918. 									<select id="repeat_year_custom_select2_TODO" class="small">
    919. 

  919. 										<option value="SU" data-type="0">Sunday</option>
    920. 

  920. 										<option value="MO" data-type="1">Monday</option>
    921. 

  921. 										<option value="TU" data-type="2">Tuesday</option>
    922. 

  922. 										<option value="WE" data-type="3">Wednesday</option>
    923. 

  923. 										<option value="TH" data-type="4">Thursday</option>
    924. 

  924. 										<option value="FR" data-type="5">Friday</option>
    925. 

  925. 										<option value="SA" data-type="6">Saturday</option>
    926. 

  926. 										<option value="DAY" data-type="year_custom_month">Day of the month</option>
    927. 

  927. 									</select>
    928. 

  928. 								</td>
    929. 

  929. 							</tr>
    930. 

  930. 							<tr id="year_custom1_TODO" style="display: none;">
    931. 

  931. 								<td class="label repeat"><label data-type="year_custom1">Every</label></td>
    932. 

  932. 								<td colspan="2">
    933. 

  933. 									<table class="customTable customTableMonth">
    934. 

  934. 										<tr>
    935. 

  935. 											<td data-type="1" class="firstCol">1</td>
    936. 

  936. 											<td data-type="2">2</td>
    937. 

  937. 											<td data-type="3">3</td>
    938. 

  938. 											<td data-type="4">4</td>
    939. 

  939. 											<td data-type="5">5</td>
    940. 

  940. 											<td data-type="6">6</td>
    941. 

  941. 											<td data-type="7" class="lastCol">7</td>
    942. 

  942. 										</tr>
    943. 

  943. 										<tr>
    944. 

  944. 											<td data-type="8" class="firstCol">8</td>
    945. 

  945. 											<td data-type="9">9</td>
    946. 

  946. 											<td data-type="10">10</td>
    947. 

  947. 											<td data-type="11">11</td>
    948. 

  948. 											<td data-type="12">12</td>
    949. 

  949. 											<td data-type="13">13</td>
    950. 

  950. 											<td data-type="14" class="lastCol">14</td>
    951. 

  951. 										</tr>
    952. 

  952. 										<tr>
    953. 

  953. 											<td data-type="15" class="firstCol">15</td>
    954. 

  954. 											<td data-type="16">16</td>
    955. 

  955. 											<td data-type="17">17</td>
    956. 

  956. 											<td data-type="18">18</td>
    957. 

  957. 											<td data-type="19">19</td>
    958. 

  958. 											<td data-type="20">20</td>
    959. 

  959. 											<td data-type="21" class="lastCol">21</td>
    960. 

  960. 										</tr>
    961. 

  961. 										<tr>
    962. 

  962. 											<td data-type="22" class="firstCol">22</td>
    963. 

  963. 											<td data-type="23">23</td>
    964. 

  964. 											<td data-type="24">24</td>
    965. 

  965. 											<td data-type="25">25</td>
    966. 

  966. 											<td data-type="26">26</td>
    967. 

  967. 											<td data-type="27">27</td>
    968. 

  968. 											<td data-type="28" class="lastCol">28</td>
    969. 

  969. 										</tr>
    970. 

  970. 										<tr>
    971. 

  971. 											<td data-type="29" class="firstCol">29</td>
    972. 

  972. 											<td data-type="30">30</td>
    973. 

  973. 											<td data-type="31">31</td>
    974. 

  974. 										</tr>
    975. 

  975. 									</table>
    976. 

  976. 								</td>
    977. 

  977. 							</tr>
    978. 

  978. 							<tr id="year_custom3_TODO" style="display: none;">
    979. 

  979. 								<td class="label repeat"><label data-type="year_custom3">Of</label></td>
    980. 

  980. 								<td colspan="2">
    981. 

  981. 									<table class="customTable customTableYear">
    982. 

  982. 										<tr>
    983. 

  983. 											<td data-type="0" data-text="jan" class="firstCol">Jan</td>
    984. 

  984. 											<td data-type="1" data-text="feb">Feb</td>
    985. 

  985. 											<td data-type="2" data-text="mar">Mar</td>
    986. 

  986. 											<td data-type="3" data-text="apr" class="lastCol">Apr</td>
    987. 

  987. 										</tr>
    988. 

  988. 										<tr>
    989. 

  989. 											<td data-type="4" data-text="may" class="firstCol">May</td>
    990. 

  990. 											<td data-type="5" data-text="jun">Jun</td>
    991. 

  991. 											<td data-type="6" data-text="jul">Jul</td>
    992. 

  992. 											<td data-type="7" data-text="aug" class="lastCol">Aug</td>
    993. 

  993. 										</tr>
    994. 

  994. 										<tr>
    995. 

  995. 											<td data-type="8" data-text="sep" class="firstCol">Sep</td>
    996. 

  996. 											<td data-type="9" data-text="oct">Oct</td>
    997. 

  997. 											<td data-type="10" data-text="nov">Nov</td>
    998. 

  998. 											<td data-type="11" data-text="dec" class="lastCol">Dec</td>
    999. 

  999. 										</tr>
    1000. 

  1000. 									</table>
    1001. 

  1001. 								</td>
    1002. 

  1002. 							</tr>
    1003. 

  1003. 							<tr id="repeat_details_TODO" style="display: none;">
    1004. 

  1004. 								<td class="label repeat"><label data-type="repeat_end"  for="repeat_end_details_TODO">end: </label></td>
    1005. 

  1005. 								<td data-size="half">
    1006. 

  1006. 									<select class="small" id="repeat_end_details_TODO">
    1007. 

  1007. 										<option data-type="repeat_details_on_date" value="on_date">on date</option>
    1008. 

  1008. 										<option data-type="repeat_details_after" value="after">occurrences</option>
    1009. 

  1009. 										<option data-type="repeat_details_never" value="never">never</option>
    1010. 

  1010. 									</select>
    1011. 

  1011. 								</td>
    1012. 

  1012. 								<td style="position: relative;">
    1013. 

  1013. 									<input class="date small" type="text" data-type="PH_until_date" placeholder="Date until" name="end" id="repeat_end_date_TODO" />
    1014. 

  1014. 									<input style="display: none;" class="small" type="text" data-type="PH_repeat_count" placeholder="Repeat count" name="end" id="repeat_end_after_TODO" />
    1015. 

  1015. 									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    1016. 

  1016. 								</td>
    1017. 

  1017. 							</tr>
    1018. 

  1018. 							<tr class="row_typeTODO">
    1019. 

  1019. 								<td class="label"><label data-type="txt_typeTODO" for="typeTODO">privacy: </label></td>
    1020. 

  1020. 								<td colspan="2" data-size="full">
    1021. 

  1021. 									<select class="long" data-type="typeTODO" name="typeTODO" id="typeTODO">
    1022. 

  1022. 										<option data-type="PUBLIC_TYPE_TODO" value="public">public</option>
    1023. 

  1023. 										<option data-type="CONFIDENTIAL_TYPE_TODO" value="confidential">confidential</option>
    1024. 

  1024. 										<option data-type="PRIVATE_TYPE_TODO" value="private">private</option>
    1025. 

  1025. 									</select>
    1026. 

  1026. 								</td>
    1027. 

  1027. 							</tr>
    1028. 

  1028. 							<tr>
    1029. 

  1029. 								<td class="label"><label data-type="priority_TODO" for="priority_TODO">priority: </label></td>
    1030. 

  1030. 								<td colspan="2" data-size="full">
    1031. 

  1031. 									<select class="long " name="priority_TODO" id="priority_TODO">
    1032. 

  1032. 										<option data-type="priority_TODO_none" value="0">none</option>
    1033. 

  1033. 										<option data-type="priority_TODO_low" value="9">low</option>
    1034. 

  1034. 										<option data-type="priority_TODO_medium" value="5">medium</option>
    1035. 

  1035. 										<option data-type="priority_TODO_high" value="1">high</option>
    1036. 

  1036. 									</select>
    1037. 

  1037. 								</td>
    1038. 

  1038. 							</tr>
    1039. 

  1039. 							<tr id="calendarLineTODO">
    1040. 

  1040. 								<td class="label"><label data-type="calendar_TODO" for="todo_calendar">calendar: </label></td>
    1041. 

  1041. 								<td colspan="2" data-size="full">
    1042. 

  1042. 									<select class="long R_calendar" name="calendar" id="todo_calendar">
    1043. 

  1043. 										<option data-type="choose_calendar_TODO" value="choose">Select a calendar</option>
    1044. 

  1044. 									</select>
    1045. 

  1045. 								</td>
    1046. 

  1046. 							</tr>
    1047. 

  1047. 							<tr data-id="1">
    1048. 

  1048. 								<td class="label"><label data-type="alert_TODO" for="alertTODO">alert: </label></td>
    1049. 

  1049. 								<td colspan="2" data-size="full">
    1050. 

  1050. 									<select class="long alertTODO" name="alert_typeTODO" data-id="1" id="alertTODO">
    1051. 

  1051. 										<option data-type="alert_none_TODO" value="none">none</option>
    1052. 

  1052. 										<option data-type="alert_message_TODO" value="message">message</option>
    1053. 

  1053. 									</select>
    1054. 

  1054. 								</td>
    1055. 

  1055. 							</tr>
    1056. 

  1056. 							<tr class="alert_detailsTODO" style="display: none;" data-id="1">
    1057. 

  1057. 								<td class="label"></td>
    1058. 

  1058. 								<td colspan="2" data-size="full">
    1059. 

  1059. 									<select class="long alert_message_detailsTODO" name="alert_detailsTODO" data-id="1">
    1060. 

  1060. 										<option data-type="on_dateTODO" value="on_date">on date</option>
    1061. 

  1061. 										<option data-type="weeks_beforeTODO" value="weeks_before">weeks before</option>
    1062. 

  1062. 										<option data-type="days_beforeTODO" value="days_before">days before</option>
    1063. 

  1063. 										<option data-type="hours_beforeTODO" value="hours_before">hours before</option>
    1064. 

  1064. 										<option data-type="minutes_beforeTODO" value="minutes_before">minutes before</option>
    1065. 

  1065. 										<option data-type="seconds_beforeTODO" value="seconds_before">seconds before</option>
    1066. 

  1066. 										<option data-type="weeks_afterTODO" value="weeks_after">weeks after</option>
    1067. 

  1067. 										<option data-type="days_afterTODO" value="days_after">days after</option>
    1068. 

  1068. 										<option data-type="hours_afterTODO" value="hours_after">hours after</option>
    1069. 

  1069. 										<option data-type="minutes_afterTODO" value="minutes_after">minutes after</option>
    1070. 

  1070. 										<option data-type="seconds_afterTODO" value="seconds_after">seconds after</option>
    1071. 

  1071. 									</select>
    1072. 

  1072. 								</td>
    1073. 

  1073. 							</tr>
    1074. 

  1074. 							<tr data-id="1" class="alert_message_dateTODO" style="display: none;">
    1075. 

  1075. 								<td class="label"></td>
    1076. 

  1076. 								<td>
    1077. 

  1077. 									<input data-id="1" class="small before_after_inputTODO" type="text" data-type="PH_before_after_alert_TODO" placeholder="Value" style="display: none;" />
    1078. 

  1078. 									<input data-id="1" class="date small message_date_inputTODO" type="text" data-type="PH_alarm_date_TODO" placeholder="Alarm Date" name="message_dateTODO" />
    1079. 

  1079. 									<div class="invalidWrapper"><img data-type="invalidSmall" data-id="1" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    1080. 

  1080. 								</td>
    1081. 

  1081. 								<td>
    1082. 

  1082. 									<input data-id="1" class="time small message_time_inputTODO" type="text" data-type="PH_alarm_time_TODO" placeholder="Alarm time" name="message_timeTODO" />
    1083. 

  1083. 									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
    1084. 

  1084. 								</td>
    1085. 

  1085. 							</tr>
    1086. 

  1086. 							<tr id="url_trTODO">
    1087. 

  1087. 								<td class="label"><label data-type="txt_url_TODO" for="url_TODO">url:</label></td>
    1088. 

  1088. 								<td colspan="2"><input class="long" data-type="url_TODO" type="text" placeholder="url" name="url_TODO" id="url_TODO" /></td>
    1089. 

  1089. 							</tr>
    1090. 

  1090. 							<tr id="note_trTODO">
    1091. 

  1091. 								<td class="label"><label data-type="note_TODO" for="noteTODO">note: </label></td>
    1092. 

  1092. 								<td colspan="2">
    1093. 

  1093. 									<textarea class="long" name="noteTODO" data-type="PH_note_TODO" placeholder="Note" id="noteTODO" rows="2" cols="20"></textarea>
    1094. 

  1094. 								</td>
    1095. 

  1095. 							</tr>
    1096. 

  1096. 							<tr>
    1097. 

  1097. 								<td colspan="3">
    1098. 

  1098. 									<input id="todoInEdit" type="hidden" value="false"/>
    1099. 

  1099. 									<input id="showTODO" type="hidden" value=""/>
    1100. 

  1100. 									<input id="uidTODO" type="hidden" value=""/>
    1101. 

  1101. 									<input id="repeatCountTODO" type="hidden" value=""/>
    1102. 

  1102. 									<input id="repeatTodo" type="hidden" value=""/>
    1103. 

  1103. 									<input id="recurrenceIDTODO" type="hidden" value=""/>
    1104. 

  1104. 									<input id="futureStartTODO" type="hidden" value=""/>
    1105. 

  1105. 									<input id="vcalendarHashTODO" type="hidden" value=""/>
    1106. 

  1106. 									<input id="vcalendarUIDTODO" type="hidden" value=""/>
    1107. 

  1107. 									<input id="etagTODO" type="hidden" value=""/>
    1108. 

  1108. 									<input id="saveTODO" type="submit" value="Save" onclick="$('#todoInEdit').val('false');updateTodoFormDimensions(true);$('#todoLoader').show();saveTodo();" />
    1109. 

  1109. 									<input id="editTODO" type="button" value="Edit" onclick="startEditModeTodo();"/>
    1110. 

  1110. 									<input id="duplicateTODO" type="button" value="Duplicate" data-type="duplicate" onclick="duplicateEvent('TODO')" />
    1111. 

  1111. 									<input id="editOptionsButtonTODO" type="button" value="edit repeat" data-type="editOptionsTODO" />
    1112. 

  1112. 									<input id="resetTODO" type="button" value="Reset" />
    1113. 

  1113. 									<input id="closeTODO" type="button" value="Cancel" />
    1114. 

  1114. 									<input id="deleteTODO" data-type="delete" type="button" value="Delete" onclick="$('#todoInEdit').val('false');updateTodoFormDimensions(true);$('#todoLoader').show();deleteTodo();" />
    1115. 

  1115. 								</td>
    1116. 

  1116. 							</tr>
    1117. 

  1117. 						</table>
    1118. 

  1118. 					</div>
    1119. 

  1119. 				</div>
    1120. 

  1120. 			</div>
    1121. 

  1121. 		</div>
    1122. 

  1122. 	</div>
    1123. 

  1123. </body>
    1124. 

  1124. </html>
    1125.