Add InfCloud

author: Unrud <unrud@openaliasbox.org> 2017-03-10 23:02:35 +0100
committer: Unrud <unrud@openaliasbox.org> 2017-03-11 00:42:55 +0100
commit: e8e32f7a1194baabd6e158805f40396c667e6c56 (patch)
tree: 03d0cc2d188fcc148e726f0a6b24e8821a9e8635 /radicale_web/web/infcloud/index.html
parent: Init (diff)
download: radicaleinfcloud-e8e32f7a1194baabd6e158805f40396c667e6c56.tar.gz
radicaleinfcloud-e8e32f7a1194baabd6e158805f40396c667e6c56.tar.bz2
radicaleinfcloud-e8e32f7a1194baabd6e158805f40396c667e6c56.zip
1 files changed, 1658 insertions, 0 deletions
diff --git a/radicale_web/web/infcloud/index.html b/radicale_web/web/infcloud/index.html
new file mode 100644
index 0000000..fd516c2
--- /dev/null
+++ b/radicale_web/web/infcloud/index.html
@@ -0,0 +1,1658 @@
+<!DOCTYPE html>
+<html lang="en" manifest="cache.manifest">
+<head>
+	<title>InfCloud</title>
+	<meta http-equiv="cache-control" content="no-cache" />
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+	<meta name="apple-mobile-web-app-capable" content="yes" />
+	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+<!--
+InfCloud - the open source CalDAV/CardDAV Web Client
+Copyright (C) 2011-2015
+    Jan Mate <jan.mate@inf-it.com>
+    Andrej Lezo <andrej.lezo@inf-it.com>
+    Matej Mihalik <matej.mihalik@inf-it.com>
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+	<link rel="stylesheet" href="css/jquery-ui.custom.css" type="text/css" />
+	<link rel="stylesheet" href="css/jquery.tagsinput.css" type="text/css" />
+	<link rel="stylesheet" href="css/spectrum.custom.css" type="text/css" />
+	<link rel="stylesheet" href="css/default.css" type="text/css" />
+	<link rel="stylesheet" href="css/fullcalendar.css" type="text/css" />
+	<link rel="stylesheet" href="css/default_integration.css" type="text/css" />
+	<script src="cache_handler.js" type="text/javascript"></script>
+	<script src="lib/jquery-2.1.4.min.js" type="text/javascript"></script>
+	<script src="lib/jquery.browser.js" type="text/javascript"></script>
+	<script src="lib/jquery.autosize.js" type="text/javascript"></script>
+	<script src="lib/jquery-ui-1.11.4.custom.js" type="text/javascript"></script>
+	<script src="lib/jquery.quicksearch.js" type="text/javascript"></script>
+	<script src="lib/jquery.placeholder-1.1.9.js" type="text/javascript"></script>
+	<script src="lib/jshash-2.2_sha256.js" type="text/javascript"></script>
+	<script src="lib/jquery.tagsinput.js" type="text/javascript"></script>
+	<script src="lib/spectrum.js" type="text/javascript"></script>
+	<script src="lib/fullcalendar.js" type="text/javascript"></script>
+	<script src="config.js" type="text/javascript"></script>
+	<script src="common.js" type="text/javascript"></script>
+	<script src="webdav_protocol.js" type="text/javascript"></script>
+	<script src="localization.js" type="text/javascript"></script>
+	<script src="interface.js" type="text/javascript"></script>
+	<script src="vcalendar_rfc_regex.js" type="text/javascript"></script>
+	<script src="vcard_rfc_regex.js" type="text/javascript"></script>
+	<script src="resource.js" type="text/javascript"></script>
+	<script src="vcalendar.js" type="text/javascript"></script>
+	<script src="vtodo.js" type="text/javascript"></script>
+	<script src="lib/rrule.js" type="text/javascript"></script>
+	<script src="addressbook.js" type="text/javascript"></script>
+	<script src="data_process.js" type="text/javascript"></script>
+	<script src="main.js" type="text/javascript"></script>
+	<script src="forms.js" type="text/javascript"></script>
+	<script src="timezones.js" type="text/javascript"></script>
+</head>
+<body>
+	<div id="cacheDialog">
+		<div id="cacheDialogText">newer version detected!</div>
+		<div id="cacheDialogButtonWrapper">
+			<input id="cacheDialogButton" type="button" value="refresh" onclick="window.location.reload()"/>
+		</div>
+	</div>
+	<div id="MainLoader">
+		<div id="MainLoaderInner" class="loaderInfo">Loading ...</div>
+		<div class="loader"></div>
+	</div>
+	<div id="LoginPage" style="opacity: 1; display:none">
+		<div class="window">
+			<div id="Login">
+				<form onsubmit="event.preventDefault(); login();">
+					<table>
+						<tr>
+							<td data-size="login_logo"><img data-type="system_logo" src="" alt="Logo" /></td>
+						</tr>
+						<tr>
+							<td data-size="login_input"><input data-type="system_username" type="text" name="username" class="fs" placeholder="Login" /></td>
+						</tr>
+						<tr>
+							<td data-size="login_input"><input data-type="system_password" type="password" name="password" class="fs" placeholder="Password" /></td>
+						</tr>
+						<tr>
+							<td data-size="login">
+								<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();}">
+									<option data-type=""> </option>
+								</select>
+							</td>
+						</tr>
+						<tr>
+							<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>
+						</tr>
+						<tr style="display:none">
+							<td><input type="submit" /></td>
+						</tr>
+					</table>
+				</form>
+			</div>
+			<div id="login_message" style="display: none;"></div>
+			<div id="LoginLoader">
+				<div class="loader"></div>
+			</div>
+		</div>
+		<div class="footer">This is SOFTWARE!!!</div>
+	</div>
+	<div id="AlertDisabler"></div>
+	<div id="alertBox">
+		<h1 id="alertsH">Alerts</h1>
+		<div id="alertBoxContent"></div>
+		<input id="alertButton" type="button" value="Clear Alerts" onclick="clearAlertEvents();" />
+	</div>
+	<div class="integration_d">
+		<div id="intCaldav" title="calendar" onclick="checkForApplication('CalDavZAP');">
+			<img class="int_error" src="images/error_badge.svg" alt="error" />
+		</div>
+		<div id="intCaldavTodo" title="todo" onclick="checkForApplication('CalDavTODO');">
+			<img class="int_error" src="images/error_badge.svg" alt="error" />
+		</div>
+		<div id="intCarddav" title="addressbook" onclick="checkForApplication('CardDavMATE');">
+			<img class="int_error" src="images/error_badge.svg" alt="error" />
+		</div>
+		<div class="intBlank"></div>
+		<div id="intRefresh" title="refresh" onclick="reloadResources();"></div>
+		<div class="intBlank"></div>
+		<div id="intLogout" title="logout" onclick="logout();"></div>
+	</div>
+	<div class="System" id="SystemCalDavZAP">
+		<div id="CalDavZAPPopup">
+			<div id="CalDavZAPPopupColor"></div>
+			<table id="CalDavZAPPopupTable">
+				<tr>
+					<td colspan="2" class="header multiline" data-type="name"></td>
+				</tr>
+				<tr>
+					<td class="label" data-type="location_txt">location</td>
+					<td class="value" data-type="location"></td>
+				</tr>
+				<tr>
+					<td class="label" data-type="from_txt">from</td>
+					<td class="value" data-type="from"></td>
+				</tr>
+				<tr>
+					<td class="label" data-type="to_txt">to</td>
+					<td class="value" data-type="to"></td>
+				</tr>
+				<tr>
+					<td class="label" data-type="status_txt">status</td>
+					<td class="value" data-type="status"></td>
+				</tr>
+				<tr>
+					<td class="label" data-type="avail_txt">availability</td>
+					<td class="value" data-type="avail"></td>
+				</tr>
+				<tr>
+					<td class="label" data-type="type_txt">privacy</td>
+					<td class="value" data-type="type"></td>
+				</tr>
+				<tr>
+					<td class="label" data-type="priority_txt">priority</td>
+					<td class="value" data-type="priority"></td>
+				</tr>
+				<tr>
+					<td class="label" data-type="calendar_txt">calendar</td>
+					<td class="value" data-type="calendar"></td>
+				</tr>
+				<tr>
+					<td class="label" data-type="url_txt">url</td>
+					<td class="value" data-type="url"></td>
+				</tr>
+				<tr>
+					<td class="label" data-type="note_txt">note</td>
+					<td class="value multiline" data-type="note"></td>
+				</tr>
+			</table>
+		</div>
+		<div id="EventDisabler"></div>
+		<div class="update_d" style="display: none;">
+			<div class="update_h"></div>
+		</div>
+		<div class="headers" id="resourceCalDAV_h">
+			<span class="resourceCalDAV_text" data-type="resourcesCalDAV_txt">Resources</span>
+			<img src="images/add_cal_white.svg" alt="Enable all calendars" title="Enable all calendars" data-type="addAll" class="addRemoveAll addRemoveAllCalDAV" onclick="enableAll()" />
+			<img src="images/remove_cal_white.svg" alt="Disable all calendars" title="Disable all calendars" data-type="removeAll" class="addRemoveAll addRemoveAllCalDAV" onclick="disableAll()" />
+			<img id="showUnloadedCalendars" src="images/delegation.svg" alt="Subscribe" title="Subscribe" onclick="showUnloadedCollections('event');" />
+			<input id="loadUnloadedCalendars" type="button" value="save" onclick="loadAdditionalCollections('event');" style="margin-top:4px;margin-left:6px;" />
+			<input id="loadUnloadedCalendarsCancel" type="button" value="cancel" onclick="cancelUnloadedCollections('event');" style="margin-top:4px;margin-right:6px;float:right;" />
+		</div>
+		<div id="ResourceCalDAVList">
+			<div id="ResourceCalDAVListTemplate" style="display: none;">
+				<div class="resourceCalDAV_header"><input type="checkbox"></div>
+				<div class="resourceCalDAV_item"></div>
+			</div>
+		</div>
+		<div id="timezoneWrapper">
+			<label data-type="txt_timezonePicker" for="timezonePicker">Timezone:</label>
+			<div id="timezoneSelectDiv">
+				<select id="timezonePicker" name="timezonePicker" data-type="timezonesPicker"></select>
+			</div>
+		</div>
+		<div class="headers" id="main_h">
+			<input id="ResourceCalDAVToggle" type="image" src="images/resources.svg" alt="Show/Hide Resources" />
+			<div id="main_h_placeholder"></div>
+			<img id="eventFormShower" src="images/new_item.svg" alt="Add event" />
+		</div>
+		<div id="searchForm">
+			<img alt="Search Form" src="images/search.svg" style="position: inline; margin-top: 4px; margin-left: 8px; vertical-align: top;" />
+			<div class="searchContainer">
+				<input type="text" value="" placeholder="Search" data-type="PH_CalDAVsearch" id="searchInput" style="margin-top: 3px; vertical-align: top;" />
+			</div>
+			<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;" />
+		</div>
+		<div id="CalendarLoader">
+			<div class="loaderInfo">Calendaring ...</div>
+			<div class="loader"></div>
+		</div>
+		<div id='main'>
+			<div id='calendar'></div>
+		</div>
+		<div id="CAEvent">
+			<div class="saveLoader">
+				<div class="saveLoaderInfo"></div>
+				<div class="loader"></div>
+			</div>
+			<div id="repeatConfirmBox">
+				<h1 data-type="repeat_event">Repeat event confirmation</h1>
+				<div id="repeatConfirmBoxContent"></div>
+				<div id="repeatConfirmBoxQuestion"></div>
+				<input id='editAll' type="button" value="All events" /><br />
+				<input id='editFuture' type="button" value="All future events" /><br />
+				<input id='editOnlyOne' type="button" value="This event only"/><br />
+				<input type="button" data-type="closeRepeat" value="Close" onclick="$('#repeatConfirmBoxContent').html(''); $('#repeatConfirmBox').css('visibility', 'hidden'); $('#EventDisabler').fadeOut(globalEditorFadeAnimation);" />
+			</div>
+			<div id="event_details_template">
+				<div id="eventColor"></div>
+				<div id="eventDetailsContainer">
+					<table id="eventDetailsTable">
+						<tr>
+							<th colspan="3" class="headerContainer">
+								<div class="formNav prev" title="show previous event" data-type="event_prev_nav"><img src="images/arrow_prev.svg" alt="previous"/></div>
+								<textarea class="header" data-type="name" placeholder="Name" name="name" id="name"></textarea>
+								<div class="formNav next" title="show next event" data-type="event_next_nav"><img src="images/arrow_next.svg" alt="next"/></div>
+							</th>
+						</tr>
+						<tr>
+							<td class="label"><label data-type="location" for="location">location:</label></td>
+							<td colspan="2"><input class="long" data-type="PH_location" type="text" placeholder="Location" name="location" id="location" /></td>
+						</tr>
+						<tr>
+							<td class="label"><label data-type="all_day" for="allday">all-day: </label></td>
+							<td colspan="2"><input class="long" type="checkbox" name="allday" id="allday" /></td>
+						</tr>
+						<tr>
+							<td class="label"><label data-type="from" for="date_from">from: </label></td>
+							<td>
+								<input class="date small" type="text" data-type="PH_date_from" placeholder="Date from" id="date_from" name="date_from" />
+								<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+							</td>
+							<td id="time_from_cell">
+								<input class="time small" type="text" data-type="PH_time_from" placeholder="Time from" id="time_from" name="time_from" />
+								<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+							</td>
+						</tr>
+						<tr>
+							<td class="label"><label data-type="to" for="date_to">to: </label></td>
+							<td>
+								<input class="date small" type="text" data-type="PH_date_to" placeholder="Date to" id="date_to" name="date_to" />
+								<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+							</td>
+							<td id="time_to_cell">
+								<input class="time small" type="text" data-type="PH_time_to" placeholder="Time to" id="time_to" name="time_to" />
+								<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+							</td>
+						</tr>
+						<tr class="timezone_row">
+							<td class="label"><label data-type="txt_timezone" for="timezone">timezone: </label></td>
+							<td colspan="2" data-size="full">
+								<select class="long" data-type="timezones" name="timezone" id="timezone"></select>
+							</td>
+						</tr>
+						<tr>
+							<td class="label"><label data-type="repeat" for="repeat">repeat: </label></td>
+							<td colspan="2" data-size="full">
+								<select class="long" name="repeat" id="repeat">
+									<option data-type="repeat_no-repeat" value="no-repeat">No repeat</option>
+									<option data-type="repeat_DAILY" value="DAILY">Daily</option>
+									<option data-type="repeat_BUSINESS" value="BUSINESS">Every business day</option>
+									<option data-type="repeat_WEEKEND" value="WEEKEND">Every weekend</option>
+									<option data-type="repeat_WEEKLY" value="WEEKLY">Weekly</option>
+									<option data-type="repeat_TWO_WEEKLY" value="TWO_WEEKLY">Bi-weekly</option>
+									<option data-type="repeat_MONTHLY" value="MONTHLY">Monthly</option>
+									<option data-type="repeat_YEARLY" value="YEARLY">Yearly</option>
+									<option data-type="repeat_CUSTOM_WEEKLY" value="CUSTOM_WEEKLY">Custom weekly</option>
+									<option data-type="repeat_CUSTOM_MONTHLY" value="CUSTOM_MONTHLY">Custom monthly</option>
+									<option data-type="repeat_CUSTOM_YEARLY" value="CUSTOM_YEARLY">Custom yearly</option>
+								</select>
+							</td>
+						</tr>
+						<tr id="repeat_interval" style="display: none;">
+							<td class="label repeat"><label data-type="repeat_type" for="repeat_interval_detail">Every </label></td>
+							<td style="position: relative;">
+								<input class="small" type="text" data-type="PH_type_Interval" placeholder="Interval" name="end" id="repeat_interval_detail" />
+								<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+							</td>
+							<td>
+								<span class="infoSpan" style="padding-left: 4px;" data-type="txt_interval">days</span>
+							</td>
+						</tr>
+						<tr id="week_custom" style="display: none;">
+							<td class="label repeat"><label data-type="week_custom_txt">On </label></td>
+							<td colspan="2">
+								<table class="customTable customTableWeek">
+									<tr>
+										<td data-type="0" data-text="SU" class="firstCol">Su</td>
+										<td data-type="1" data-text="MO">Mo</td>
+										<td data-type="2" data-text="TU">Tu</td>
+										<td data-type="3" data-text="WE">We</td>
+										<td data-type="4" data-text="TH">Th</td>
+										<td data-type="5" data-text="FR">Fr</td>
+										<td data-type="6" data-text="SA" class="lastCol">Sa</td>
+									</tr>
+								</table>
+							</td>
+						</tr>
+						<tr id="month_custom1" style="display: none;">
+							<td class="label"><label data-type="month_custom1_txt"></label></td>
+							<td data-size="half">
+								<select id="repeat_month_custom_select" class="small">
+									<option value="every" data-type="month_custom_every">Every</option>
+									<option value="first" data-type="month_custom_first">First</option>
+									<option value="second" data-type="month_custom_second">Second</option>
+									<option value="third" data-type="month_custom_third">Third</option>
+									<option value="fourth" data-type="month_custom_fourth">Fourth</option>
+									<option value="fifth" data-type="month_custom_fifth">Fifth</option>
+									<option value="last" data-type="month_custom_last">Last</option>
+									<option value="custom" data-type="month_custom_custom">Custom</option>
+								</select>
+							</td>
+							<td style="position: relative;" data-size="half">
+								<select id="repeat_month_custom_select2" class="small">
+									<option value="SU" data-type="0">Sunday</option>
+									<option value="MO" data-type="1">Monday</option>
+									<option value="TU" data-type="2">Tuesday</option>
+									<option value="WE" data-type="3">Wednesday</option>
+									<option value="TH" data-type="4">Thursday</option>
+									<option value="FR" data-type="5">Friday</option>
+									<option value="SA" data-type="6">Saturday</option>
+									<option value="DAY" data-type="month_custom_month">Day of the month</option>
+								</select>
+							</td>
+						</tr>
+						<tr id="month_custom2" style="display: none;">
+							<td class="label repeat"><label data-type="month_custom2_txt">On days</label></td>
+							<td colspan="2">
+								<table class="customTable customTableMonth">
+									<tr>
+										<td data-type="1" class="firstCol">1</td>
+										<td data-type="2">2</td>
+										<td data-type="3">3</td>
+										<td data-type="4">4</td>
+										<td data-type="5">5</td>
+										<td data-type="6">6</td>
+										<td data-type="7" class="lastCol">7</td>
+									</tr>
+									<tr>
+										<td data-type="8" class="firstCol">8</td>
+										<td data-type="9">9</td>
+										<td data-type="10">10</td>
+										<td data-type="11">11</td>
+										<td data-type="12">12</td>
+										<td data-type="13">13</td>
+										<td data-type="14" class="lastCol">14</td>
+									</tr>
+									<tr>
+										<td data-type="15" class="firstCol">15</td>
+										<td data-type="16">16</td>
+										<td data-type="17">17</td>
+										<td data-type="18">18</td>
+										<td data-type="19">19</td>
+										<td data-type="20">20</td>
+										<td data-type="21" class="lastCol">21</td>
+									</tr>
+									<tr>
+										<td data-type="22" class="firstCol">22</td>
+										<td data-type="23">23</td>
+										<td data-type="24">24</td>
+										<td data-type="25">25</td>
+										<td data-type="26">26</td>
+										<td data-type="27">27</td>
+										<td data-type="28" class="lastCol">28</td>
+									</tr>
+									<tr>
+										<td data-type="29" class="firstCol">29</td>
+										<td data-type="30">30</td>
+										<td data-type="31">31</td>
+									</tr>
+								</table>
+							</td>
+						</tr>
+						<tr id="year_custom2" style="display: none;">
+							<td class="label"><label data-type="year_custom2"></label></td>
+							<td data-size="half">
+								<select id="repeat_year_custom_select1" class="small">
+									<option value="every" data-type="year_custom_every">Every</option>
+									<option value="first" data-type="year_custom_first">First</option>
+									<option value="second" data-type="year_custom_second">Second</option>
+									<option value="third" data-type="year_custom_third">Third</option>
+									<option value="fourth" data-type="year_custom_fourth">Fourth</option>
+									<option value="fifth" data-type="year_custom_fifth">Fifth</option>
+									<option value="last" data-type="year_custom_last">Last</option>
+									<option value="custom" data-type="year_custom_custom">Custom</option>
+								</select>
+							</td>
+							<td style="position: relative;" data-size="half">
+								<select id="repeat_year_custom_select2" class="small">
+									<option value="SU" data-type="0">Sunday</option>
+									<option value="MO" data-type="1">Monday</option>
+									<option value="TU" data-type="2">Tuesday</option>
+									<option value="WE" data-type="3">Wednesday</option>
+									<option value="TH" data-type="4">Thursday</option>
+									<option value="FR" data-type="5">Friday</option>
+									<option value="SA" data-type="6">Saturday</option>
+									<option value="DAY" data-type="year_custom_month">Day of the month</option>
+								</select>
+							</td>
+						</tr>
+						<tr id="year_custom1" style="display: none;">
+							<td class="label repeat"><label data-type="year_custom1">Every</label></td>
+							<td colspan="2">
+								<table class="customTable customTableMonth">
+									<tr>
+										<td data-type="1" class="firstCol">1</td>
+										<td data-type="2">2</td>
+										<td data-type="3">3</td>
+										<td data-type="4">4</td>
+										<td data-type="5">5</td>
+										<td data-type="6">6</td>
+										<td data-type="7" class="lastCol">7</td>
+									</tr>
+									<tr>
+										<td data-type="8" class="firstCol">8</td>
+										<td data-type="9">9</td>
+										<td data-type="10">10</td>
+										<td data-type="11">11</td>
+										<td data-type="12">12</td>
+										<td data-type="13">13</td>
+										<td data-type="14" class="lastCol">14</td>
+									</tr>
+									<tr>
+										<td data-type="15" class="firstCol">15</td>
+										<td data-type="16">16</td>
+										<td data-type="17">17</td>
+										<td data-type="18">18</td>
+										<td data-type="19">19</td>
+										<td data-type="20">20</td>
+										<td data-type="21" class="lastCol">21</td>
+									</tr>
+									<tr>
+										<td data-type="22" class="firstCol">22</td>
+										<td data-type="23">23</td>
+										<td data-type="24">24</td>
+										<td data-type="25">25</td>
+										<td data-type="26">26</td>
+										<td data-type="27">27</td>
+										<td data-type="28" class="lastCol">28</td>
+									</tr>
+									<tr>
+										<td data-type="29" class="firstCol">29</td>
+										<td data-type="30">30</td>
+										<td data-type="31">31</td>
+									</tr>
+								</table>
+							</td>
+						</tr>
+						<tr id="year_custom3" style="display: none;">
+							<td class="label repeat"><label data-type="year_custom3">Of</label></td>
+							<td colspan="2">
+								<table class="customTable customTableYear">
+									<tr>
+										<td data-type="0" data-text="jan" class="firstCol">Jan</td>
+										<td data-type="1" data-text="feb">Feb</td>
+										<td data-type="2" data-text="mar">Mar</td>
+										<td data-type="3" data-text="apr" class="lastCol">Apr</td>
+									</tr>
+									<tr>
+										<td data-type="4" data-text="may" class="firstCol">May</td>
+										<td data-type="5" data-text="jun">Jun</td>
+										<td data-type="6" data-text="jul">Jul</td>
+										<td data-type="7" data-text="aug" class="lastCol">Aug</td>
+									</tr>
+									<tr>
+										<td data-type="8" data-text="sep" class="firstCol">Sep</td>
+										<td data-type="9" data-text="oct">Oct</td>
+										<td data-type="10" data-text="nov">Nov</td>
+										<td data-type="11" data-text="dec" class="lastCol">Dec</td>
+									</tr>
+								</table>
+							</td>
+						</tr>
+						<tr id="repeat_details" style="display: none;">
+							<td class="label repeat"><label data-type="repeat_end"  for="repeat_end_details">end: </label></td>
+							<td data-size="half">
+								<select class="small" id="repeat_end_details">
+									<option data-type="repeat_details_on_date" value="on_date">on date</option>
+									<option data-type="repeat_details_after" value="after">occurrences</option>
+									<option data-type="repeat_details_never" value="never">never</option>
+								</select>
+							</td>
+							<td style="position: relative;">
+								<input class="date small" type="text" data-type="PH_until_date" placeholder="Date until" name="end" id="repeat_end_date" />
+								<input style="display: none;" class="small" type="text" data-type="PH_repeat_count" placeholder="Repeat count" name="end" id="repeat_end_after" />
+								<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+							</td>
+						</tr>
+						<tr>
+							<td class="label"><label data-type="status" for="status">status: </label></td>
+							<td colspan="2" data-size="full">
+								<select class="long" name="status" id="status">
+									<option data-type="STATUS_NONE" value="NONE">undefined</option>
+									<option data-type="STATUS_TENTATIVE" value="TENTATIVE">tentative</option>
+									<option data-type="STATUS_CONFIRMED" value="CONFIRMED">confirmed</option>
+									<option data-type="STATUS_CANCELLED" value="CANCELLED">canceled</option>
+								</select>
+							</td>
+						</tr>
+						<tr class="row_avail">
+							<td class="label"><label data-type="txt_avail" for="avail">availability: </label></td>
+							<td colspan="2" data-size="full">
+								<select class="long" data-type="avail" name="avail" id="avail">
+									<option data-type="BUSY_AVAIL" value="busy">busy</option>
+									<option data-type="FREE_AVAIL" value="free">free</option>
+								</select>
+							</td>
+						</tr>
+						<tr class="row_type">
+							<td class="label"><label data-type="txt_type" for="type">privacy: </label></td>
+							<td colspan="2" data-size="full">
+								<select class="long" data-type="type" name="type" id="type">
+									<option data-type="PUBLIC_TYPE" value="public">public</option>
+									<option data-type="CONFIDENTIAL_TYPE" value="confidential">confidential</option>
+									<option data-type="PRIVATE_TYPE" value="private">private</option>
+								</select>
+							</td>
+						</tr>
+						<tr>
+							<td class="label"><label data-type="priority" for="priority">priority: </label></td>
+							<td colspan="2" data-size="full">
+								<select class="long " name="priority" id="priority">
+									<option data-type="priority_none" value="0">none</option>
+									<option data-type="priority_low" value="9">low</option>
+									<option data-type="priority_medium" value="5">medium</option>
+									<option data-type="priority_high" value="1">high</option>
+								</select>
+							</td>
+						</tr>
+						<tr id="calendarLine">
+							<td class="label"><label data-type="event_calendar" for="event_calendar">calendar: </label></td>
+							<td colspan="2" data-size="full">
+								<select class="long R_calendar" name="calendar" id="event_calendar">
+									<option data-type="choose_calendar" value="choose">Select a calendar</option>
+								</select>
+							</td>
+						</tr>
+						<tr data-id="1">
+							<td class="label"><label data-type="alert" for="alert">alert: </label></td>
+							<td colspan="2" data-size="full">
+								<select class="long alert" name="alert_type" data-id="1" id="alert">
+									<option data-type="alert_none" value="none">none</option>
+									<option data-type="alert_message" value="message">message</option>
+								</select>
+							</td>
+						</tr>
+						<tr data-id="1" class="alert_details" style="display: none;">
+							<td class="label"></td>
+							<td colspan="2" data-size="full">
+								<select class="long alert_message_details" name="alert_details" data-id="1">
+									<option data-type="on_date" value="on_date">on date</option>
+									<option data-type="weeks_before" value="weeks_before">weeks before</option>
+									<option data-type="days_before" value="days_before">days before</option>
+									<option data-type="hours_before" value="hours_before">hours before</option>
+									<option data-type="minutes_before" value="minutes_before">minutes before</option>
+									<option data-type="seconds_before" value="seconds_before">seconds before</option>
+									<option data-type="weeks_after" value="weeks_after">weeks after</option>
+									<option data-type="days_after" value="days_after">days after</option>
+									<option data-type="hours_after" value="hours_after">hours after</option>
+									<option data-type="minutes_after" value="minutes_after">minutes after</option>
+									<option data-type="seconds_after" value="seconds_after">seconds after</option>
+								</select>
+							</td>
+						</tr>
+						<tr data-id="1" class="alert_message_date" style="display: none;">
+							<td class="label"></td>
+							<td>
+								<input class="small before_after_input" type="text" data-type="PH_before_after_alert" placeholder="Value" data-id="1" style="display: none;" />
+								<input class="date small message_date_input" type="text" data-type="PH_alarm_date" placeholder="Alarm date" data-id="1" />
+								<div class="invalidWrapper"><img data-type="invalidSmall" data-id="1" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+							</td>
+							<td>
+								<input class="time small message_time_input" type="text" data-type="PH_alarm_time" placeholder="Alarm time" data-id="1" />
+								<div class="invalidWrapper"><img data-type="invalidSmall" data-id="1" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+							</td>
+						</tr>
+						<tr id="url_tr">
+							<td class="label"><label data-type="txt_url_EVENT" for="url_EVENT">url:</label></td>
+							<td colspan="2"><input class="long" data-type="url_EVENT" type="text" placeholder="url" name="url_EVENT" id="url_EVENT" /></td>
+						</tr>
+						<tr id="note_tr">
+							<td class="label"><label data-type="note" for="note">note: </label></td>
+							<td colspan="2">
+								<textarea class="long" name="note" data-type="PH_note" placeholder="Note" id="note" rows="2" cols="20"></textarea>
+							</td>
+						</tr>
+						<tr>
+							<td colspan="3">
+								<input id="show" type="hidden" value=""/>
+								<input id="uid" type="hidden" value=""/>
+								<input id="etag" type="hidden" value=""/>
+								<input id="repeatCount" type="hidden" value=""/>
+								<input id="repeatEvent" type="hidden" value=""/>
+								<input id="recurrenceID" type="hidden" value=""/>
+								<input id="futureStart" type="hidden" value=""/>
+								<input id="vcalendarHash" type="hidden" value=""/>
+								<input id="vcalendarUID" type="hidden" value=""/>
+								<input id="saveButton" type="submit" value="Save" data-type="save" onclick="updateEventFormDimensions(true);$('#CAEvent .saveLoader').show();save();" />
+								<input id="editButton" type="button" value="Edit" data-type="edit" onclick="startEditModeEvent();" />
+								<input id="duplicateButton" type="button" value="Duplicate" data-type="duplicate" onclick="duplicateEvent('')" />
+								<input id="editOptionsButton" type="button" value="edit repeat" data-type="editOptions" />
+								<input id="resetButton" type="button" value="Reset" data-type="reset" />
+								<input id="closeButton" type="button" value="Cancel" data-type="cancel" />
+								<input id="deleteButton" type="button" value="Delete" data-type="delete" onclick="updateEventFormDimensions(true);$('#CAEvent .saveLoader').show();deleteEvent();" />
+							</td>
+						</tr>
+					</table>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="System" id="SystemCalDavTODO">
+		<div class="update_d" style="display: none;">
+			<div class="update_h"></div>
+		</div>
+		<div class="headers" id="resourceCalDAVTODO_h">
+			<span class="resourceCalDAVTODO_text" data-type="resourcesCalDAV_txt">Resources</span>
+			<img src="images/add_cal_white.svg" alt="Enable all calendars" title="Enable all calendars" data-type="addAll" class="addRemoveAll addRemoveAllCalDAVTODO" onclick="enableAllTodo()" />
+			<img src="images/remove_cal_white.svg" alt="Disable all calendars" title="Disable all calendars" data-type="removeAll" class="addRemoveAll addRemoveAllCalDAVTODO" onclick="disableAllTodo()" />
+			<img id="showUnloadedCalendarsTODO" src="images/delegation.svg" alt="Subscribe" title="Subscribe" onclick="showUnloadedCollections('todo');" />
+			<input id="loadUnloadedCalendarsTODO" type="button" value="save" onclick="loadAdditionalCollections('todo');" style="margin-top:4px;margin-left:6px;" />
+			<input id="loadUnloadedCalendarsTODOCancel" type="button" value="cancel" onclick="cancelUnloadedCollections('todo');" style="margin-top:4px;margin-right:6px;float:right;" />
+		</div>
+		<div id="ResourceCalDAVTODOList">
+			<div id="ResourceCalDAVTODOListTemplate" style="display: none;">
+				<div class="resourceCalDAVTODO_header"><input type="checkbox"></div>
+				<div class="resourceCalDAVTODO_item"></div>
+			</div>
+		</div>
+		<div id="timezoneWrapperTODO">
+			<label data-type="txt_timezonePicker" for="timezonePickerTODO">Timezone:</label>
+			<div id="timezoneTodoSelectDiv">
+				<select id="timezonePickerTODO" name="timezonePickerTODO" data-type="timezonesPicker"></select>
+			</div>
+		</div>
+		<div class="headers" id="main_h_TODO">
+			<input id="ResourceCalDAVTODOToggle" type="image" src="images/resources.svg" alt="Show/Hide Resources" />
+			<div id="mainTODO_h_placeholder"></div>
+			<img id="eventFormShowerTODO" src="images/new_item.svg" alt="Add todo" />
+		</div>
+		<div id="searchFormTODO">
+			<img alt="Search Form" src="images/search.svg" style="position: inline; margin-top: 4px; margin-left: 8px; vertical-align: top;" />
+			<div class="searchContainer">
+				<input type="text" value="" placeholder="Search" data-type="PH_CalDAVTODOsearch" id="searchInputTODO" style="margin-top: 3px; vertical-align: top;" />
+			</div>
+			<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;" />
+		</div>
+		<div id="TodoDisabler"></div>
+		<div id="CalendarLoaderTODO">
+			<div class="loaderInfo">Calendaring ...</div>
+			<div class="loader"></div>
+		</div>
+		<div id='mainTODO'>
+			<div id='todoList'></div>
+		</div>
+		<div class="headers" id="todoForm_h">
+			<span class="resourceCalDAV_text" data-type="todo_txt">Todo</span>
+		</div>
+		<div id="todoLoader">
+			<div class="saveLoader">
+				<div class="saveLoaderInfo"></div>
+				<div class="loader"></div>
+			</div>
+		</div>
+		<div id="todoColor"></div>
+		<div id="todoForm">
+			<div id="CATodo">
+				<div id="repeatConfirmBoxTODO">
+					<div id="repeatConfirmBoxContentTODO"></div>
+					<div id="repeatConfirmBoxQuestionTODO"></div>
+					<input id='editAllTODO' type="button" value="All events" /><br />
+					<input id='editFutureTODO' type="button" value="All future events" /><br />
+					<input id='editOnlyOneTODO' type="button" value="This event only"/><br />
+				</div>
+				<div id="todo_details_template">
+					<div id="todoDetailsContainer">
+						<table id="todoDetailsTable">
+							<tr>
+								<th colspan="3" class="headerContainer">
+									<div class="formNav prev top" title="show previous todo" data-type="todo_prev_nav"><img src="images/arrow_prev.svg" alt="todo prev"/></div>
+									<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>
+									<textarea class="header" data-type="name_TODO" placeholder="Name" name="name" id="nameTODO"></textarea>
+									<div class="formNav next top" title="show next todo" data-type="todo_next_nav"><img src="images/arrow_next.svg" alt="todo next"/></div>
+									<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>
+								</th>
+							</tr>
+							<tr id="location_row_TODO">
+								<td class="label"><label data-type="location" for="location_TODO">location:</label></td>
+								<td colspan="2"><input class="long" data-type="PH_location" type="text" placeholder="Location" name="location_TODO" id="location_TODO" /></td>
+							</tr>
+							<tr>
+								<td class="label"><label data-type="type_TODO" for="todo_type">type: </label></td>
+								<td colspan="2" data-size="full">
+									<select class="long" name="todo_type" id="todo_type">
+										<option data-type="todo_type_none" value="none">Simple</option>
+										<option data-type="todo_type_start" value="start">With start time</option>
+										<option data-type="todo_type_due" value="due">With due time</option>
+										<option data-type="todo_type_both" value="both">With both start and due times</option>
+									</select>
+								</td>
+							</tr>
+							<tr class="dateTrFromTODO">
+								<td class="label"><label data-type="date_from_TODO" for="date_fromTODO">fom: </label></td>
+								<td>
+									<input class="date small" data-type="PH_date_from_TODO" type="text" placeholder="Date from" id="date_fromTODO" name="date_fromTODO" />
+									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+								</td>
+								<td>
+									<input class="time small" data-type="PH_time_from_TODO" type="text" placeholder="Time from" id="time_fromTODO" name="time_fromTODO" />
+									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+								</td>
+							</tr>
+							<tr class="dateTrToTODO">
+								<td class="label"><label data-type="date_to_TODO" for="date_toTODO">to: </label></td>
+								<td>
+									<input class="date small" data-type="PH_date_to_TODO" type="text" placeholder="Date to" id="date_toTODO" name="date_toTODO" />
+									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+								</td>
+								<td>
+									<input class="time small" data-type="PH_time_to_TODO" type="text" placeholder="Time to" id="time_toTODO" name="time_toTODO" />
+									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+								</td>
+							</tr>
+							<tr class="timezone_rowTODO">
+								<td class="label"><label data-type="txt_timezoneTODO" for="timezoneTODO">timezone: </label></td>
+								<td colspan="2" data-size="full">
+									<select class="long" data-type="timezonesTODO" name="timezoneTODO" id="timezoneTODO"></select>
+								</td>
+							</tr>
+							<tr id="percent_complete_TODO">
+								<td class="label"><label data-type="percent_complete_TODO" for="percenteCompleteValue">Complete </label></td>
+								<td colspan="2">
+									<div style="float: left; width: 203px; margin-left: 7px; margin-top: 3px; margin-bottom: 3px;'" id="percentageSlider"></div>
+									<input type="text" class="verySmall" style="margin-left: 13px; float: left;" id="percenteCompleteValue"/>
+									<div class="invalidWrapper"><img data-type="invalidVerySmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+									<label style="margin-left: -14px; float: left;">%</label>
+								</td>
+							</tr>
+							<tr>
+								<td class="label"><label data-type="status_TODO" for="statusTODO">status: </label></td>
+								<td colspan="2" data-size="full">
+									<select class="long" name="statusTODO" id="statusTODO">
+										<option data-type="STATUS_NEEDS-ACTION_TODO" value="NEEDS-ACTION">needs action</option>
+										<option data-type="STATUS_IN-PROCESS_TODO" value="IN-PROCESS">in progress</option>
+										<option data-type="STATUS_COMPLETED_TODO" value="COMPLETED">completed</option>
+										<option data-type="STATUS_CANCELLED_TODO" value="CANCELLED">cancelled</option>
+									</select>
+								</td>
+							</tr>
+							<tr class="completedOnTr" style="display: none;">
+								<td class="label"><label data-type="PH_completedOn" for="completedOnDate">completed on: </label></td>
+								<td>
+									<input class="date small" data-type="PH_completedOnDate" type="text" placeholder="Completed on date" id="completedOnDate" name="completedOnDate" />
+									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+								</td>
+								<td>
+									<input class="time small" data-type="PH_completedOnTime" type="text" placeholder="Completed on time" id="completedOnTime" name="completedOnTime" />
+									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+								</td>
+							</tr>
+							<tr id="repeat_row_TODO">
+								<td class="label"><label data-type="repeat" for="repeat">repeat: </label></td>
+								<td colspan="2" data-size="full">
+									<select class="long" name="repeat_TODO" id="repeat_TODO">
+										<option data-type="repeat_no-repeat" value="no-repeat">No repeat</option>
+										<option data-type="repeat_DAILY" value="DAILY">Daily</option>
+										<option data-type="repeat_BUSINESS" value="BUSINESS">Every business day</option>
+										<option data-type="repeat_WEEKEND" value="WEEKEND">Every weekend</option>
+										<option data-type="repeat_WEEKLY" value="WEEKLY">Weekly</option>
+										<option data-type="repeat_TWO_WEEKLY" value="TWO_WEEKLY">Bi-weekly</option>
+										<option data-type="repeat_MONTHLY" value="MONTHLY">Monthly</option>
+										<option data-type="repeat_YEARLY" value="YEARLY">Yearly</option>
+										<option data-type="repeat_CUSTOM_WEEKLY" value="CUSTOM_WEEKLY">Custom weekly</option>
+										<option data-type="repeat_CUSTOM_MONTHLY" value="CUSTOM_MONTHLY">Custom monthly</option>
+										<option data-type="repeat_CUSTOM_YEARLY" value="CUSTOM_YEARLY">Custom yearly</option>
+									</select>
+								</td>
+							</tr>
+							<tr id="repeat_interval_TODO" style="display: none;">
+								<td class="label repeat"><label data-type="repeat_type" for="repeat_interval_detail_TODO">Every </label></td>
+								<td style="position: relative;">
+									<input class="small" type="text" data-type="PH_type_Interval" placeholder="Interval" name="end" id="repeat_interval_detail_TODO" />
+									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+								</td>
+								<td>
+									<span class="infoSpan" style="padding-left: 4px;" data-type="txt_interval">days</span>
+								</td>
+							</tr>
+							<tr id="week_custom_TODO" style="display: none;">
+								<td class="label repeat"><label data-type="week_custom_txt">On </label></td>
+								<td colspan="2">
+									<table class="customTable customTableWeek">
+										<tr>
+											<td data-type="0" data-text="SU" class="firstCol">Su</td>
+											<td data-type="1" data-text="MO">Mo</td>
+											<td data-type="2" data-text="TU">Tu</td>
+											<td data-type="3" data-text="WE">We</td>
+											<td data-type="4" data-text="TH">Th</td>
+											<td data-type="5" data-text="FR">Fr</td>
+											<td data-type="6" data-text="SA" class="lastCol">Sa</td>
+										</tr>
+									</table>
+								</td>
+							</tr>
+							<tr id="month_custom1_TODO" style="display: none;">
+								<td class="label"><label data-type="month_custom1_txt"></label></td>
+								<td data-size="half">
+									<select id="repeat_month_custom_select_TODO" class="small">
+										<option value="every" data-type="month_custom_every">Every</option>
+										<option value="first" data-type="month_custom_first">First</option>
+										<option value="second" data-type="month_custom_second">Second</option>
+										<option value="third" data-type="month_custom_third">Third</option>
+										<option value="fourth" data-type="month_custom_fourth">Fourth</option>
+										<option value="fifth" data-type="month_custom_fifth">Fifth</option>
+										<option value="last" data-type="month_custom_last">Last</option>
+										<option value="custom" data-type="month_custom_custom">Custom</option>
+									</select>
+								</td>
+								<td style="position: relative;" data-size="half">
+									<select id="repeat_month_custom_select2_TODO" class="small">
+										<option value="SU" data-type="0">Sunday</option>
+										<option value="MO" data-type="1">Monday</option>
+										<option value="TU" data-type="2">Tuesday</option>
+										<option value="WE" data-type="3">Wednesday</option>
+										<option value="TH" data-type="4">Thursday</option>
+										<option value="FR" data-type="5">Friday</option>
+										<option value="SA" data-type="6">Saturday</option>
+										<option value="DAY" data-type="month_custom_month">Day of the month</option>
+									</select>
+								</td>
+							</tr>
+							<tr id="month_custom2_TODO" style="display: none;">
+								<td class="label repeat"><label data-type="month_custom2_txt">On days</label></td>
+								<td colspan="2">
+									<table class="customTable customTableMonth">
+										<tr>
+											<td data-type="1" class="firstCol">1</td>
+											<td data-type="2">2</td>
+											<td data-type="3">3</td>
+											<td data-type="4">4</td>
+											<td data-type="5">5</td>
+											<td data-type="6">6</td>
+											<td data-type="7" class="lastCol">7</td>
+										</tr>
+										<tr>
+											<td data-type="8" class="firstCol">8</td>
+											<td data-type="9">9</td>
+											<td data-type="10">10</td>
+											<td data-type="11">11</td>
+											<td data-type="12">12</td>
+											<td data-type="13">13</td>
+											<td data-type="14" class="lastCol">14</td>
+										</tr>
+										<tr>
+											<td data-type="15" class="firstCol">15</td>
+											<td data-type="16">16</td>
+											<td data-type="17">17</td>
+											<td data-type="18">18</td>
+											<td data-type="19">19</td>
+											<td data-type="20">20</td>
+											<td data-type="21" class="lastCol">21</td>
+										</tr>
+										<tr>
+											<td data-type="22" class="firstCol">22</td>
+											<td data-type="23">23</td>
+											<td data-type="24">24</td>
+											<td data-type="25">25</td>
+											<td data-type="26">26</td>
+											<td data-type="27">27</td>
+											<td data-type="28" class="lastCol">28</td>
+										</tr>
+										<tr>
+											<td data-type="29" class="firstCol">29</td>
+											<td data-type="30">30</td>
+											<td data-type="31">31</td>
+										</tr>
+									</table>
+								</td>
+							</tr>
+							<tr id="year_custom2_TODO" style="display: none;">
+								<td class="label"><label data-type="year_custom2"></label></td>
+								<td data-size="half">
+									<select id="repeat_year_custom_select1_TODO" class="small">
+										<option value="every" data-type="year_custom_every">Every</option>
+										<option value="first" data-type="year_custom_first">First</option>
+										<option value="second" data-type="year_custom_second">Second</option>
+										<option value="third" data-type="year_custom_third">Third</option>
+										<option value="fourth" data-type="year_custom_fourth">Fourth</option>
+										<option value="fifth" data-type="year_custom_fifth">Fifth</option>
+										<option value="last" data-type="year_custom_last">Last</option>
+										<option value="custom" data-type="year_custom_custom">Custom</option>
+									</select>
+								</td>
+								<td style="position: relative;" data-size="half">
+									<select id="repeat_year_custom_select2_TODO" class="small">
+										<option value="SU" data-type="0">Sunday</option>
+										<option value="MO" data-type="1">Monday</option>
+										<option value="TU" data-type="2">Tuesday</option>
+										<option value="WE" data-type="3">Wednesday</option>
+										<option value="TH" data-type="4">Thursday</option>
+										<option value="FR" data-type="5">Friday</option>
+										<option value="SA" data-type="6">Saturday</option>
+										<option value="DAY" data-type="year_custom_month">Day of the month</option>
+									</select>
+								</td>
+							</tr>
+							<tr id="year_custom1_TODO" style="display: none;">
+								<td class="label repeat"><label data-type="year_custom1">Every</label></td>
+								<td colspan="2">
+									<table class="customTable customTableMonth">
+										<tr>
+											<td data-type="1" class="firstCol">1</td>
+											<td data-type="2">2</td>
+											<td data-type="3">3</td>
+											<td data-type="4">4</td>
+											<td data-type="5">5</td>
+											<td data-type="6">6</td>
+											<td data-type="7" class="lastCol">7</td>
+										</tr>
+										<tr>
+											<td data-type="8" class="firstCol">8</td>
+											<td data-type="9">9</td>
+											<td data-type="10">10</td>
+											<td data-type="11">11</td>
+											<td data-type="12">12</td>
+											<td data-type="13">13</td>
+											<td data-type="14" class="lastCol">14</td>
+										</tr>
+										<tr>
+											<td data-type="15" class="firstCol">15</td>
+											<td data-type="16">16</td>
+											<td data-type="17">17</td>
+											<td data-type="18">18</td>
+											<td data-type="19">19</td>
+											<td data-type="20">20</td>
+											<td data-type="21" class="lastCol">21</td>
+										</tr>
+										<tr>
+											<td data-type="22" class="firstCol">22</td>
+											<td data-type="23">23</td>
+											<td data-type="24">24</td>
+											<td data-type="25">25</td>
+											<td data-type="26">26</td>
+											<td data-type="27">27</td>
+											<td data-type="28" class="lastCol">28</td>
+										</tr>
+										<tr>
+											<td data-type="29" class="firstCol">29</td>
+											<td data-type="30">30</td>
+											<td data-type="31">31</td>
+										</tr>
+									</table>
+								</td>
+							</tr>
+							<tr id="year_custom3_TODO" style="display: none;">
+								<td class="label repeat"><label data-type="year_custom3">Of</label></td>
+								<td colspan="2">
+									<table class="customTable customTableYear">
+										<tr>
+											<td data-type="0" data-text="jan" class="firstCol">Jan</td>
+											<td data-type="1" data-text="feb">Feb</td>
+											<td data-type="2" data-text="mar">Mar</td>
+											<td data-type="3" data-text="apr" class="lastCol">Apr</td>
+										</tr>
+										<tr>
+											<td data-type="4" data-text="may" class="firstCol">May</td>
+											<td data-type="5" data-text="jun">Jun</td>
+											<td data-type="6" data-text="jul">Jul</td>
+											<td data-type="7" data-text="aug" class="lastCol">Aug</td>
+										</tr>
+										<tr>
+											<td data-type="8" data-text="sep" class="firstCol">Sep</td>
+											<td data-type="9" data-text="oct">Oct</td>
+											<td data-type="10" data-text="nov">Nov</td>
+											<td data-type="11" data-text="dec" class="lastCol">Dec</td>
+										</tr>
+									</table>
+								</td>
+							</tr>
+							<tr id="repeat_details_TODO" style="display: none;">
+								<td class="label repeat"><label data-type="repeat_end"  for="repeat_end_details_TODO">end: </label></td>
+								<td data-size="half">
+									<select class="small" id="repeat_end_details_TODO">
+										<option data-type="repeat_details_on_date" value="on_date">on date</option>
+										<option data-type="repeat_details_after" value="after">occurrences</option>
+										<option data-type="repeat_details_never" value="never">never</option>
+									</select>
+								</td>
+								<td style="position: relative;">
+									<input class="date small" type="text" data-type="PH_until_date" placeholder="Date until" name="end" id="repeat_end_date_TODO" />
+									<input style="display: none;" class="small" type="text" data-type="PH_repeat_count" placeholder="Repeat count" name="end" id="repeat_end_after_TODO" />
+									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+								</td>
+							</tr>
+							<tr class="row_typeTODO">
+								<td class="label"><label data-type="txt_typeTODO" for="typeTODO">privacy: </label></td>
+								<td colspan="2" data-size="full">
+									<select class="long" data-type="typeTODO" name="typeTODO" id="typeTODO">
+										<option data-type="PUBLIC_TYPE_TODO" value="public">public</option>
+										<option data-type="CONFIDENTIAL_TYPE_TODO" value="confidential">confidential</option>
+										<option data-type="PRIVATE_TYPE_TODO" value="private">private</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="label"><label data-type="priority_TODO" for="priority_TODO">priority: </label></td>
+								<td colspan="2" data-size="full">
+									<select class="long " name="priority_TODO" id="priority_TODO">
+										<option data-type="priority_TODO_none" value="0">none</option>
+										<option data-type="priority_TODO_low" value="9">low</option>
+										<option data-type="priority_TODO_medium" value="5">medium</option>
+										<option data-type="priority_TODO_high" value="1">high</option>
+									</select>
+								</td>
+							</tr>
+							<tr id="calendarLineTODO">
+								<td class="label"><label data-type="calendar_TODO" for="todo_calendar">calendar: </label></td>
+								<td colspan="2" data-size="full">
+									<select class="long R_calendar" name="calendar" id="todo_calendar">
+										<option data-type="choose_calendar_TODO" value="choose">Select a calendar</option>
+									</select>
+								</td>
+							</tr>
+							<tr data-id="1">
+								<td class="label"><label data-type="alert_TODO" for="alertTODO">alert: </label></td>
+								<td colspan="2" data-size="full">
+									<select class="long alertTODO" name="alert_typeTODO" data-id="1" id="alertTODO">
+										<option data-type="alert_none_TODO" value="none">none</option>
+										<option data-type="alert_message_TODO" value="message">message</option>
+									</select>
+								</td>
+							</tr>
+							<tr class="alert_detailsTODO" style="display: none;" data-id="1">
+								<td class="label"></td>
+								<td colspan="2" data-size="full">
+									<select class="long alert_message_detailsTODO" name="alert_detailsTODO" data-id="1">
+										<option data-type="on_dateTODO" value="on_date">on date</option>
+										<option data-type="weeks_beforeTODO" value="weeks_before">weeks before</option>
+										<option data-type="days_beforeTODO" value="days_before">days before</option>
+										<option data-type="hours_beforeTODO" value="hours_before">hours before</option>
+										<option data-type="minutes_beforeTODO" value="minutes_before">minutes before</option>
+										<option data-type="seconds_beforeTODO" value="seconds_before">seconds before</option>
+										<option data-type="weeks_afterTODO" value="weeks_after">weeks after</option>
+										<option data-type="days_afterTODO" value="days_after">days after</option>
+										<option data-type="hours_afterTODO" value="hours_after">hours after</option>
+										<option data-type="minutes_afterTODO" value="minutes_after">minutes after</option>
+										<option data-type="seconds_afterTODO" value="seconds_after">seconds after</option>
+									</select>
+								</td>
+							</tr>
+							<tr data-id="1" class="alert_message_dateTODO" style="display: none;">
+								<td class="label"></td>
+								<td>
+									<input data-id="1" class="small before_after_inputTODO" type="text" data-type="PH_before_after_alert_TODO" placeholder="Value" style="display: none;" />
+									<input data-id="1" class="date small message_date_inputTODO" type="text" data-type="PH_alarm_date_TODO" placeholder="Alarm Date" name="message_dateTODO" />
+									<div class="invalidWrapper"><img data-type="invalidSmall" data-id="1" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+								</td>
+								<td>
+									<input data-id="1" class="time small message_time_inputTODO" type="text" data-type="PH_alarm_time_TODO" placeholder="Alarm time" name="message_timeTODO" />
+									<div class="invalidWrapper"><img data-type="invalidSmall" style="display: none;" src="images/error_b.svg" alt="invalid" /></div>
+								</td>
+							</tr>
+							<tr id="url_trTODO">
+								<td class="label"><label data-type="txt_url_TODO" for="url_TODO">url:</label></td>
+								<td colspan="2"><input class="long" data-type="url_TODO" type="text" placeholder="url" name="url_TODO" id="url_TODO" /></td>
+							</tr>
+							<tr id="note_trTODO">
+								<td class="label"><label data-type="note_TODO" for="noteTODO">note: </label></td>
+								<td colspan="2">
+									<textarea class="long" name="noteTODO" data-type="PH_note_TODO" placeholder="Note" id="noteTODO" rows="2" cols="20"></textarea>
+								</td>
+							</tr>
+							<tr>
+								<td colspan="3">
+									<input id="todoInEdit" type="hidden" value="false"/>
+									<input id="showTODO" type="hidden" value=""/>
+									<input id="uidTODO" type="hidden" value=""/>
+									<input id="repeatCountTODO" type="hidden" value=""/>
+									<input id="repeatTodo" type="hidden" value=""/>
+									<input id="recurrenceIDTODO" type="hidden" value=""/>
+									<input id="futureStartTODO" type="hidden" value=""/>
+									<input id="vcalendarHashTODO" type="hidden" value=""/>
+									<input id="vcalendarUIDTODO" type="hidden" value=""/>
+									<input id="etagTODO" type="hidden" value=""/>
+									<input id="saveTODO" type="submit" value="Save" onclick="$('#todoInEdit').val('false');updateTodoFormDimensions(true);$('#todoLoader').show();saveTodo();" />
+									<input id="editTODO" type="button" value="Edit" onclick="startEditModeTodo();"/>
+									<input id="duplicateTODO" type="button" value="Duplicate" data-type="duplicate" onclick="duplicateEvent('TODO')" />
+									<input id="editOptionsButtonTODO" type="button" value="edit repeat" data-type="editOptionsTODO" />
+									<input id="resetTODO" type="button" value="Reset" />
+									<input id="closeTODO" type="button" value="Cancel" />
+									<input id="deleteTODO" data-type="delete" type="button" value="Delete" onclick="$('#todoInEdit').val('false');updateTodoFormDimensions(true);$('#todoLoader').show();deleteTodo();" />
+								</td>
+							</tr>
+						</table>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="System" id="SystemCardDavMATE">
+		<div class="update_d" style="display: none;">
+			<div class="update_h"></div>
+		</div>
+		<div class="resourcesCardDAV_d">
+			<div data-type="resourcesCardDAV_txt" class="resourcesCardDAV_h">Resources</div>
+			<img id="showUnloadedAddressbooks" src="images/delegation.svg" alt="Subscribe" title="Subscribe" onclick="showUnloadedCardDAVCollections();" />
+			<input id="Logout" style="display: none;" data-url="" class="system_l" type="image" src="images/logout.svg" alt="Logout" title="Logout" onclick="logout();" />
+			<input id="loadUnloadedAddressbooks" type="button" value="save" onclick="loadAdditionalCardDAVCollections()" style="margin-top:4px;margin-left:6px;" />
+			<input id="loadUnloadedAddressbooksCancel" type="button" value="cancel" onclick="cancelUnloadedCardDAVCollections();" style="margin-top:4px;margin-right:6px;float:right;" />
+		</div>
+		<div class="collection_d">
+			<input id="ResourceCardDAVToggle" type="image" src="images/resources.svg" alt="Show/Hide Resources" />
+			<input id="AddContact" disabled="disabled" data-account-uid="" data-url="" data-filter-url="" data-color="" class="collection_a element_no_display" type="image" src="images/new_item.svg" alt="Add Contact" title="Add Contact" onclick="
+			if($('#vCardEditor').attr('data-editor-state')!='edit')
+			{
+				$('#ResourceCardDAVListOverlay').fadeTo(globalEditorFadeAnimation, 0.6);
+				$('#ABListOverlay').fadeTo(globalEditorFadeAnimation, 0.6);
+				globalRefABListTable.find('.ablist_item.ablist_item_selected').removeClass('ablist_item_selected');
+				globalAddressbookList.loadContactByVcard('BEGIN:VCARD\r\nVERSION:3.0\r\n'+(typeof globalGroupContactsByCompanies!='undefined' && globalGroupContactsByCompanies===true ? 'X-ABShowAs:company\r\n' : '')+'FN:\r\nN:;;;;\r\nEND:VCARD\r\n', this.getAttribute('data-color'), true, 'add');
+
+				$('#vCardEditor').attr('data-editor-state','edit');
+				$('#vCardEditor').attr({'data-account-uid': this.getAttribute('data-account-uid'), 'data-url': this.getAttribute('data-url')});
+				$('#vCardEditor').find('[data-type=cancel]').attr('data-id', globalAddressbookList.getLoadedContactUID());
+// todo: move to the processEditor* ?
+				if(typeof globalContactsExtEditorProcess =='function')
+					$('#vCardEditor').find('[data-type=org]').focus();
+				else
+					$('#vCardEditor').find('[data-type=given]').focus();
+				$('#ABContact').scrollTop(0);
+			}" />
+		</div>
+		<div class="contact_d">
+			<div data-type="contact_txt" class="contact_h">Contact</div>
+		</div>
+		<div id="ResourceCardDAVList">
+			<div id="ResourceCardDAVListTemplate" style="display: none;">
+				<div class="resourceCardDAV_header"><input type="checkbox"></div>
+				<div class="resourceCardDAV_item">
+					<div class="resourceCardDAV"><div class="resourceCardDAVColor"></div><input type="text" class="colorPicker"/><input type="checkbox" data-ind="false"></div>
+					<div class="contact_group">
+						<div class="group" style="display: none;"><div class="resourceCardDAVGroupColor"></div><input type="checkbox"></div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div id="ResourceCardDAVListOverlay"></div>
+		<div id="AddressbookOverlay">
+			<div class="loaderInfo">Addressbooking ...</div>
+			<div class="loader"></div>
+		</div>
+		<div id="SearchBox">
+			<img data-type="invalid" style="position: inline; margin-top: 0px; margin-top: 4px; margin-left: 8px; vertical-align: top;" src="images/search.svg" alt="invalid" />
+			<div class="container">
+				<input data-type="search" type="text" placeholder="Search" size="45" value="" />
+			</div>
+			<img data-type="reset" style="display: none; position: absolute; margin-top: 5px; right: 9px; vertical-align: top; cursor: pointer;" src="images/reset_b.svg" alt="reset" onclick="$('#ABInMessage').height(0);hideNotVisibleMessage();if(globalQs!=null){$('[data-type=search]').val(''); globalQs.search('');}" />
+		</div>
+		<div id="ABList">
+			<table id="ABListTable">
+				<colgroup>
+					<col class="ablist_column_color" />
+				</colgroup>
+				<tbody>
+					<tr class="ablist_table_header">
+						<th></th>
+					</tr>
+					<tr class="ablist_table_container">
+						<td>
+							<div class="ablist_table_wrapper">
+								<table id="ABListTableInner">
+									<colgroup>
+										<col class="ablist_column_color" />
+									</colgroup>
+									<tbody>
+										<tr class="ablist_header" style="display: none;">
+											<td></td>
+										</tr>
+										<tr class="ablist_item" style="display: none;">
+											<td class="ablist_item_color"></td>
+										</tr>
+									</tbody>
+								</table>
+							</div>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+		<div id="ABListOverlay"></div>
+		<div id="ABContactColor"></div>
+		<div id="ABMessage">
+			<div id="ABMessageText"></div>
+		</div>
+		<div id="ABContact">
+			<div id="vCardTemplate">
+				<div id="ABInMessage">
+					<div id="ABInMessageText">
+					</div>
+				</div>
+				<div id="ABInMessageEditBox" >
+					<div id="ABInMessageTextEditBox">
+					</div>
+				</div>
+				<div id="EditorBox" style="display: none;">
+					<table id="vCardEditor" data-url="" data-etag="" data-editor-state="show">
+						<tr>
+							<td class="opw zero_height">
+							</td>
+							<td class="opw zero_height">
+							</td>
+							<td class="type zero_height">
+							</td>
+							<td colspan="2" class="zero_height">
+							</td>
+						</tr>
+						<tr>
+							<td colspan="5" class="clean">
+								<table style="margin-bottom:10px">
+									<tr>
+										<td data-attr-name="PHOTO" rowspan="10" class="photo_box">
+											<div class="photo_div">
+												<canvas id="photo" data-type="photo" class="photo photo_user photo_blank" onclick="if($(this).parent().find('#photo_drag').css('display')!='none'){if(event.shiftKey){showPhotoBox(event);}else{$('#upload_file').trigger('click');}}">Photo</canvas>
+												<img id="photo_drag" data-type="photo_drag" class="photo_drag" style="position: absolute; left: 0px; top: 0px; display: none; pointer-events: none;" src="images/drag.svg" alt="" /><img id="reset_img" data-type="reset_img" style="position: absolute; top: 10px; left: 140px; vertical-align: top; cursor: pointer; display: none;" src="images/reset_b.svg" alt="remove" onclick="vCard.tplM['contentline_PHOTO'][0]=null; $('#upload_file, #photoURL, #photoURLHidden').val('');$(this).css('display', 'none'); $('#photo').addClass('photo_blank'); var canvasElement=$('#photo').get(0); canvasElement.getContext('2d').clearRect(0,0,canvasElement.width,canvasElement.height);">
+												<div style="width: 0px !important; height: 0px !important; overflow: hidden !important; top: -20px !important; left: -20px !important;"><input type="file" id="upload_file" name="upload_file" accept="image/*" /></div>
+											</div>
+											<div id="photoArrow"></div>
+											<div id="photoBox">
+												<h1>remote image url</h1>
+												<div id="photoBoxContent">
+													<form onsubmit="return false;">
+														<input type="text" id="photoURL" autocomplete="off" />
+														<img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -22px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid">
+														<input type="hidden" id="photoURLHidden" autocomplete="off" />
+														<input type="submit" id="photoBoxButton" value="OK" />
+													</form>
+												</div>
+											</div>
+										</td>
+									</tr>
+									<tr data-type="DEST">
+										<td colspan="4" data-size="full"><span><select data-type="xfull_type" data-attr-name="_DEST_"></select></span></td>
+									</tr>
+									<tr>
+										<td style="padding-top: 1px;" colspan="2"><input data-type="given" type="text" class="hs" placeholder="FirstName" value="" /></td>
+										<td style="padding-top: 1px;" colspan="2"><input data-type="family" type="text" class="hs" placeholder="LastName" value="" /></td>
+									</tr>
+									<tr>
+										<td colspan="2"><input data-type="middle" type="text" class="hs" placeholder="MiddleName" value="" /></td>
+										<td data-attr-name="NICKNAME" colspan="2"><input data-type="nickname" type="text" class="hs" placeholder="NickName" value="" /></td>
+									</tr>
+									<tr>
+										<td><input data-type="prefix" type="text" style="width:94px" placeholder="Prefix" value="" /></td>
+										<td><input data-type="suffix" type="text" style="width:95px" placeholder="Suffix" value="" /></td>
+										<td data-attr-name="BDAY" colspan="2">
+											<input data-type="date_bday" type="text" class="hs" placeholder="BirthDay" value="" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+										</td>
+									</tr>
+									<tr>
+										<td data-attr-name="X-PHONETIC-FIRST-NAME" colspan="2">
+											<input data-type="ph_firstname" type="text" class="hs" placeholder="PhoneticFirstName" value="" />
+										</td>
+										<td data-attr-name="X-PHONETIC-LAST-NAME" colspan="2">
+											<input data-type="ph_lastname" type="text" class="hs" placeholder="PhoneticLastName" value="" />
+										</td>
+									</tr>
+									<tr data-attr-name="TITLE">
+										<td colspan="4"><input data-type="title" type="text" class="fs" placeholder="JobTitle" value="" /></td>
+									</tr>
+
+									<tr data-attr-name="ORG">
+										<td colspan="4"><input data-type="org" type="text" class="fs" placeholder="Company" size="45" value="" /></td>
+									</tr>
+									<tr data-attr-name="ORG">
+										<td colspan="4"><input data-type="department" type="text" class="fs" placeholder="Department" size="45" value="" /></td>
+									</tr>
+									<tr data-attr-name="X-Flags" class="heightfix">
+										<td data-attr-name="X-ABShowAs" class="heightfix" colspan="2">
+											<label class="element_grayed">
+												<input data-type="isorg" type="checkbox" onclick="$('#photo').toggleClass('photo_user photo_company');" /><span data-type="company_contact">Company Contact</span>
+											</label>
+										</td>
+										<td data-attr-name="X-BOOLEAN" class="heightfix" colspan="2">
+										</td>
+									</tr>
+								</table>
+							</td>
+						</tr>
+						<tr data-attr-name="TEL">
+							<td data-type="phone_txt" colspan="5" class="attr_desc">Phone</td>
+						</tr>
+						<tr data-attr-name="TEL" data-type="%phone" data-id="0">
+							<td data-type="%del"><input class="op" type="image" src="images/op_del.svg" alt="-" /></td>
+							<td data-type="%add"><input class="op" type="image" src="images/op_add.svg" alt="+" /></td>
+							<td data-size="small">
+								<select data-type="phone_type" onchange="if($(':selected', this).attr('data-type')==':custom') {$(this).parent().find('span[data-type=custom_span]').css('display','inline'); $(this).parent().find('[data-type=custom_value]').focus().trigger('change')} else $(this).parent().find('span[data-type=custom_span]').css('display','none');">
+									<option data-type="work">work</option>
+									<option data-type="home">home</option>
+									<option data-type="cell">mobile</option>
+									<option data-type="cell,work">work mobile</option>
+									<option data-type="cell,home">home mobile</option>
+									<option data-type="main">main</option>
+									<option data-type="pager">pager</option>
+									<option data-type="fax">fax</option>
+									<option data-type="fax,work">work fax</option>
+									<option data-type="fax,home">home fax</option>
+									<option data-type="iphone">iPhone</option>
+									<option data-type="other">other</option>
+									<option data-type=":custom">» custom</option>
+								</select><span data-type="custom_span" style="position: relative; margin-left: -134px; margin-top: 0px; vertical-align: top; display: none; z-index: 1;"><input data-type="custom_value" type="text" class="ss" placeholder="custom" value="" /><img data-type="invalid" style="z-index: 2; margin-top: 1px; margin-left: -16px; vertical-align: top; display: none;" src="images/error_b.svg" alt="invalid" /></span>
+							</td>
+							<td colspan="2" onmouseover="if(globalSettings.urihandlertel.value!=null && $(this).find('input[data-type=value]').prop('readonly') && $(this).find('input[type=image]').css('visibility')=='hidden') $(this).find('input[type=image]').css('visibility','')" onmouseout="$(this).find('input[type=image]').css('visibility','hidden');">
+								<input data-type="value" type="text" class="fs" placeholder="Phone" value="" /><input data-type="value_handler" style="position: inline; margin-left: -17px; visibility: hidden; vertical-align: top;" type="image" src="images/arrow.svg" alt=">" onclick="if(globalSettings.urihandlertel.value!=null) { parent.location=globalSettings.urihandlertel.value+$(this).parent().find('input[data-type=value]').val(); $(this).css('visibility','hidden');}" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+							</td>
+						</tr>
+						<tr data-attr-name="EMAIL">
+							<td data-type="email_txt" colspan="5" class="attr_desc">Email</td>
+						</tr>
+						<tr data-attr-name="EMAIL" data-type="%email" data-id="0">
+							<td data-type="%del"><input class="op" type="image" src="images/op_del.svg" alt="-" /></td>
+							<td data-type="%add"><input class="op" type="image" src="images/op_add.svg" alt="+" /></td>
+							<td data-size="small">
+								<select data-type="email_type" onchange="if($(':selected', this).attr('data-type')==':custom') {$(this).parent().find('span[data-type=custom_span]').css('display','inline'); $(this).parent().find('[data-type=custom_value]').focus().trigger('change')} else $(this).parent().find('span[data-type=custom_span]').css('display','none');">
+									<option data-type="internet,work">work</option>
+									<option data-type="home,internet">home</option>
+									<option data-type=":mobileme:,internet">mobileMe</option>
+									<option data-type=":_$!<other>!$_:,internet">other</option>
+									<option data-type=":custom">» custom</option>
+								</select><span data-type="custom_span" style="position: relative; margin-left: -134px; margin-top: 0px; vertical-align: top; display: none; z-index: 1;"><input data-type="custom_value" type="text" class="ss" placeholder="custom" value="" /><img data-type="invalid" style="z-index: 2; margin-top: 1px; margin-left: -16px; vertical-align: top; display: none;" src="images/error_b.svg" alt="invalid" /></span>
+							</td>
+							<td colspan="2" onmouseover="if(globalSettings.urihandleremail.value!=null && $(this).find('input[data-type=value]').prop('readonly') && $(this).find('input[type=image]').css('visibility')=='hidden') $(this).find('input[type=image]').css('visibility','')" onmouseout="$(this).find('input[type=image]').css('visibility','hidden');">
+								<input data-type="value" type="text" class="fs" placeholder="Email" value="" /><input data-type="value_handler" style="position: inline; margin-left: -17px; visibility: hidden; vertical-align: top;" type="image" src="images/arrow.svg" alt=">" onclick="if(globalSettings.urihandleremail.value!=null) { parent.location=globalSettings.urihandleremail.value+$(this).parent().find('input[data-type=value]').val(); $(this).css('visibility','hidden');}" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+							</td>
+						</tr>
+						<tr data-attr-name="URL">
+							<td data-type="url_txt" colspan="5" class="attr_desc">URL</td>
+						</tr>
+						<tr data-attr-name="URL" data-type="%url" data-id="0">
+							<td data-type="%del"><input class="op" type="image" src="images/op_del.svg" alt="-" /></td>
+							<td data-type="%add"><input class="op" type="image" src="images/op_add.svg" alt="+" /></td>
+							<td data-size="small">
+								<select data-type="url_type" onchange="if($(':selected', this).attr('data-type')==':custom') {$(this).parent().find('span[data-type=custom_span]').css('display','inline'); $(this).parent().find('[data-type=custom_value]').focus().trigger('change')} else $(this).parent().find('span[data-type=custom_span]').css('display','none');">
+									<option data-type="work">work</option>
+									<option data-type="home">home</option>
+									<option data-type=":_$!<homepage>!$_:">homePage</option>
+									<option data-type=":_$!<other>!$_:">other</option>
+									<option data-type=":custom">» custom</option>
+								</select><span data-type="custom_span" style="position: relative; margin-left: -134px; margin-top: 0px; vertical-align: top; display: none; z-index: 1;"><input data-type="custom_value" type="text" class="ss" placeholder="custom" value="" /><img data-type="invalid" style="z-index: 2; margin-top: 1px; margin-left: -16px; vertical-align: top; display: none;" src="images/error_b.svg" alt="invalid" /></span>
+							</td>
+							<td colspan="2" onmouseover="if(globalSettings.urihandlerurl.value!=null && $(this).find('input[data-type=value]').prop('readonly') && $(this).find('input[data-type=value]').val()!='' && $(this).find('input[type=image]').css('visibility')=='hidden') $(this).find('input[type=image]').css('visibility','')" onmouseout="$(this).find('input[type=image]').css('visibility','hidden');">
+								<input data-type="value" type="text" class="fs" placeholder="URL" value="" /><input data-type="value_handler" style="position: inline; margin-left: -17px; visibility: hidden; vertical-align: top;" type="image" src="images/arrow.svg" alt=">" onclick="if(globalSettings.urihandlerurl.value!=null){var value=$(this).parent().find('input[data-type=value]').val(); if(value.match(RegExp('^[a-z0-9]+:','i'))==null) value=globalSettings.urihandlerurl.value+value; window.open(value); $(this).css('visibility','hidden');}" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+							</td>
+						</tr>
+						<tr data-attr-name="X-ABRELATEDNAMES">
+							<td data-type="related_txt" colspan="5" class="attr_desc">Related</td>
+						</tr>
+						<tr data-attr-name="X-ABRELATEDNAMES" data-type="%person" data-id="0">
+							<td data-type="%del"><input class="op" type="image" src="images/op_del.svg" alt="-" /></td>
+							<td data-type="%add"><input class="op" type="image" src="images/op_add.svg" alt="+" /></td>
+							<td data-size="small">
+								<select data-type="person_type" onchange="if($(':selected', this).attr('data-type')==':custom') {$(this).parent().find('span[data-type=custom_span]').css('display','inline'); $(this).parent().find('[data-type=custom_value]').focus().trigger('change')} else $(this).parent().find('span[data-type=custom_span]').css('display','none');">
+									<option data-type=":_$!<manager>!$_:">manager</option>
+									<option data-type=":_$!<assistant>!$_:">assistant</option>
+									<option data-type=":_$!<father>!$_:">father</option>
+									<option data-type=":_$!<mother>!$_:">mother</option>
+									<option data-type=":_$!<parent>!$_:">parent</option>
+									<option data-type=":_$!<brother>!$_:">brother</option>
+									<option data-type=":_$!<sister>!$_:">sister</option>
+									<option data-type=":_$!<child>!$_:">child</option>
+									<option data-type=":_$!<friend>!$_:">friend</option>
+									<option data-type=":_$!<spouse>!$_:">spouse</option>
+									<option data-type=":_$!<partner>!$_:">partner</option>
+									<option data-type=":_$!<other>!$_:">other</option>
+									<option data-type=":custom">» custom</option>
+								</select><span data-type="custom_span" style="position: relative; margin-left: -134px; margin-top: 0px; vertical-align: top; display: none; z-index: 1;"><input data-type="custom_value" type="text" class="ss" placeholder="custom" value="" /><img data-type="invalid" style="z-index: 2; margin-top: 1px; margin-left: -16px; vertical-align: top; display: none;" src="images/error_b.svg" alt="invalid" /></span>
+							</td>
+							<td colspan="2"><input data-type="value" type="text" class="fs" placeholder="Name" value="" /></td>
+						</tr>
+						<tr data-attr-name="IMPP">
+							<td data-type="im_txt" colspan="5" class="attr_desc">IM</td>
+						</tr>
+						<tr data-attr-name="IMPP" data-type="%im" data-id="0">
+							<td data-type="%del"><input class="op" type="image" src="images/op_del.svg" alt="-" /></td>
+							<td data-type="%add"><input class="op" type="image" src="images/op_add.svg" alt="+" /></td>
+							<td data-size="small">
+								<select data-type="im_type" onchange="if($(':selected', this).attr('data-type')==':custom') {$(this).parent().find('span[data-type=custom_span]').css('display','inline'); $(this).parent().find('[data-type=custom_value]').focus().trigger('change')} else $(this).parent().find('span[data-type=custom_span]').css('display','none');">
+									<option data-type="work">work</option>
+									<option data-type="home">home</option>
+									<option data-type=":mobileme:">mobileMe</option>
+									<option data-type=":_$!<other>!$_:">other</option>
+									<option data-type=":custom">» custom</option>
+								</select><span data-type="custom_span" style="position: relative; margin-left: -134px; margin-top: 0px; vertical-align: top; display: none; z-index: 1;"><input data-type="custom_value" type="text" class="ss" placeholder="custom" value="" /><img data-type="invalid" style="z-index: 2; margin-top: 1px; margin-left: -16px; vertical-align: top; display: none;" src="images/error_b.svg" alt="invalid" /></span>
+							</td>
+							<td><input data-type="value" type="text" class="ms" placeholder="UserID" value="" /></td>
+							<td data-size="small" style="width: 139px; /* FF hack */">
+								<select data-type="im_service_type" onchange="if($(':selected', this).attr('data-type')==':custom') {$(this).parent().find('span[data-type=custom_span]').css('display','inline'); $(this).parent().find('[data-type=custom_value]').focus().trigger('change')} else $(this).parent().find('span[data-type=custom_span]').css('display','none');">
+									<option data-type="aim">AIM</option>
+									<option data-type="icq">ICQ</option>
+									<option data-type="irc">IRC</option>
+									<option data-type="jabber">Jabber</option>
+									<option data-type="msn">MSN</option>
+									<option data-type="yahoo">Yahoo</option>
+									<option data-type="facebook">Facebook</option>
+									<option data-type="gadugadu">GaduGadu</option>
+									<option data-type="googletalk">GoogleTalk</option>
+									<option data-type="qq">QQ</option>
+									<option data-type="skype">Skype</option>
+									<option data-type=":custom">» custom</option>
+								</select><span data-type="custom_span" style="position: relative; margin-left: -134px; margin-top: 0px; vertical-align: top; display: none; z-index: 1;"><input data-type="custom_value" type="text" class="ss" placeholder="custom" value="" /><img data-type="invalid" style="z-index: 2; margin-top: 1px; margin-left: -16px; vertical-align: top; display: none;" src="images/error_b.svg" alt="invalid" /></span>
+							</td>
+						</tr>
+						<tr data-attr-name="X-SOCIALPROFILE">
+							<td data-type="profile_txt" colspan="5" class="attr_desc">Profile</td>
+						</tr>
+						<tr data-attr-name="X-SOCIALPROFILE" data-type="%profile" data-id="0">
+							<td data-type="%del"><input class="op" type="image" src="images/op_del.svg" alt="-" /></td>
+							<td data-type="%add"><input class="op" type="image" src="images/op_add.svg" alt="+" /></td>
+							<td data-size="small">
+								<select data-type="profile_type" onchange="if($(':selected', this).attr('data-type')==':custom') {$(this).parent().find('span[data-type=custom_span]').css('display','inline'); $(this).parent().find('[data-type=custom_value]').focus().trigger('change')} else $(this).parent().find('span[data-type=custom_span]').css('display','none');">
+									<option data-type="twitter">twitter</option>
+									<option data-type="facebook">facebook</option>
+									<option data-type="flickr">flickr</option>
+									<option data-type="linkedin">linkedin</option>
+									<option data-type="myspace">myspace</option>
+									<option data-type="sinaweibo">sina weibo</option>
+									<option data-type=":custom">» custom</option>
+								</select><span data-type="custom_span" style="position: relative; margin-left: -134px; margin-top: 0px; vertical-align: top; display: none; z-index: 1;"><input data-type="custom_value" type="text" class="ss" placeholder="custom" value="" /><img data-type="invalid" style="z-index: 2; margin-top: 1px; margin-left: -16px; vertical-align: top; display: none;" src="images/error_b.svg" alt="invalid" /></span>
+							</td>
+							<td colspan="2" onmouseover="if(globalSettings.urihandlerprofile.value[$(this).parent().find('[data-type=profile_type] option').filter(':selected').attr('data-type')]!=undefined && globalSettings.urihandlerprofile.value[$(this).parent().find('[data-type=profile_type] option').filter(':selected').attr('data-type')]!=null && $(this).find('input[data-type=value]').prop('readonly') && $(this).find('input[type=image]').css('visibility')=='hidden') $(this).find('input[type=image]').css('visibility','')" onmouseout="$(this).find('input[type=image]').css('visibility','hidden');">
+								<input data-type="value" type="text" class="fs" placeholder="UserName" value="" /><input data-type="value_handler" style="position: inline; margin-left: -17px; visibility: hidden; vertical-align: top;" type="image" src="images/arrow.svg" alt=">" onclick="if(globalSettings.urihandlerprofile.value[$(this).parent().parent().find('[data-type=profile_type] option').filter(':selected').attr('data-type')]!=undefined && globalSettings.urihandlerprofile.value[$(this).parent().parent().find('[data-type=profile_type] option').filter(':selected').attr('data-type')]!=null)
+{var type=$(this).parent().parent().find('[data-type=profile_type] option').filter(':selected').attr('data-type'), value=$(this).parent().find('input[data-type=value]').val(); if(type=='twitter') value=value.replace(/^@/,''); window.open(globalSettings.urihandlerprofile.value[type].replace('%u', value)); $(this).css('visibility','hidden');}" />
+							</td>
+						</tr>
+						<tr data-attr-name="X-ABDATE">
+							<td data-type="dates_txt" colspan="5" class="attr_desc">Dates</td>
+						</tr>
+						<tr data-attr-name="X-ABDATE" data-type="%date" data-id="0">
+							<td data-type="%del"><input class="op" type="image" src="images/op_del.svg" alt="-" /></td>
+							<td data-type="%add"><input class="op" type="image" src="images/op_add.svg" alt="+" /></td>
+							<td data-size="small">
+								<select data-type="date_type" onchange="if($(':selected', this).attr('data-type')==':custom') {$(this).parent().find('span[data-type=custom_span]').css('display','inline'); $(this).parent().find('[data-type=custom_value]').focus().trigger('change')} else $(this).parent().find('span[data-type=custom_span]').css('display','none');">
+									<option data-type=":_$!<anniversary>!$_:">anniversary</option>
+									<option data-type=":_$!<other>!$_:">other</option>
+									<option data-type=":custom">» custom</option>
+								</select><span data-type="custom_span" style="position: relative; margin-left: -134px; margin-top: 0px; vertical-align: top; display: none; z-index: 1;"><input data-type="custom_value" type="text" class="ss" placeholder="custom" value="" /><img data-type="invalid" style="z-index: 2; margin-top: 1px; margin-left: -16px; vertical-align: top; display: none;" src="images/error_b.svg" alt="invalid" /></span>
+							</td>
+							<td colspan="2"><input data-type="date_value" type="text" class="fs" placeholder="Name" value="" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" /></td>
+						</tr>
+						<tr data-attr-name="ADR">
+							<td data-type="address_txt" colspan="5" class="attr_desc">Address</td>
+						</tr>
+						<tr data-attr-name="ADR" data-type="%address" data-id="0">
+							<td data-type="%del"><input class="op" type="image" src="images/op_del.svg" alt="-" /></td>
+							<td data-type="%add"><input class="op" type="image" src="images/op_add.svg" alt="+" /></td>
+							<td data-size="small">
+								<select data-type="address_type" onchange="if($(':selected', this).attr('data-type')==':custom') {$(this).parent().find('span[data-type=custom_span]').css('display','inline'); $(this).parent().find('[data-type=custom_value]').focus().trigger('change')} else $(this).parent().find('span[data-type=custom_span]').css('display','none');">
+									<option data-type="work">work</option>
+									<option data-type="home">home</option>
+									<option data-type=":_$!<other>!$_:">other</option>
+									<option data-type=":custom">» custom</option>
+								</select><span data-type="custom_span" style="position: relative; margin-left: -134px; margin-top: 0px; vertical-align: top; display: none; z-index: 1;"><input data-type="custom_value" type="text" class="ss" placeholder="custom" value="" /><img data-type="invalid" style="z-index: 2; margin-top: 1px; margin-left: -16px; vertical-align: top; display: none;" src="images/error_b.svg" alt="invalid" /></span>
+							</td>
+							<td colspan="2" class="clean">
+								<table>
+									<tr data-type="container">
+										<td data-addr-fid="0" colspan="2">
+											<input data-type="value" data-addr-field="" type="text" class="fs" placeholder="" value="" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+										</td>
+									</tr>
+									<tr data-type="container">
+										<td data-addr-fid="1" colspan="2" data-size="full">
+										</td>
+									</tr>
+									<tr data-type="container">
+										<td data-addr-fid="2" colspan="2">
+											<input data-type="value" data-addr-field="" type="text" class="fs" placeholder="" value="" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+										</td>
+									</tr>
+									<tr data-type="container">
+										<td data-addr-fid="3" colspan="2">
+											<input data-type="value" data-addr-field="" type="text" class="fs" placeholder="" value="" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+										</td>
+									</tr>
+									<tr data-type="container">
+										<td data-addr-fid="4" colspan="2">
+											<input data-type="value" data-addr-field="" type="text" class="fs" placeholder="" value="" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+										</td>
+									</tr>
+									<tr data-type="container">
+										<td data-addr-fid="5">
+											<input data-type="value" data-addr-field="" type="text" class="hs" placeholder="" value="" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+										</td>
+										<td data-addr-fid="6" style="width:195px;">
+											<input data-type="value" data-addr-field="" type="text" class="hs" placeholder="" value="" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+										</td>
+									</tr>
+									<tr data-type="container">
+										<td data-addr-fid="7">
+											<input data-type="value" data-addr-field="" type="text" class="hs" placeholder="" value="" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+										</td>
+										<td data-addr-fid="8" data-size="half">
+										</td>
+									</tr>
+									<tr data-type="container">
+										<td data-addr-fid="9" colspan="2">
+											<input data-type="value" data-addr-field="" type="text" class="fs" placeholder="" value="" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+										</td>
+									</tr>
+									<tr data-type="container">
+										<td data-addr-fid="10" colspan="2">
+											<input data-type="value" data-addr-field="" type="text" class="fs" placeholder="" value="" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+										</td>
+									</tr>
+									<tr data-type="container">
+										<td data-addr-fid="11" colspan="2" data-size="full">
+											<span data-type="%country_container">
+												<select data-addr-field="country" data-type="country_type">
+													<option data-type="" data-full-name=""> </option>
+												</select>
+											</span>
+										</td>
+									</tr>
+									<tr data-type="container">
+										<td data-addr-fid="12" colspan="2">
+											<input data-type="value" data-addr-field="" type="text" class="fs" placeholder="" value="" /><img data-type="invalid" style="position: inline; margin-top: 1px; margin-left: -20px; display: none; vertical-align: top;" src="images/error_b.svg" alt="invalid" />
+										</td>
+									</tr>
+								</table>
+							</td>
+						</tr>
+						<tr data-attr-name="CATEGORIES">
+							<td data-type="categories_txt" colspan="5" class="attr_desc">Categories</td>
+						</tr>
+						<tr data-attr-name="CATEGORIES" data-type="%categories" data-id="0">
+							<td></td>
+							<td></td>
+							<td colspan="3">
+								<input data-type="value" class="fs" name="tags" id="tags" value="" />
+							</td>
+						</tr>
+						<tr data-attr-name="NOTE">
+							<td data-type="note_txt" colspan="5" class="attr_desc">Note</td>
+						</tr>
+						<tr data-attr-name="NOTE" data-type="%note" data-id="0">
+							<td></td>
+							<td></td>
+							<td colspan="3">
+								<textarea data-type="value" class="ms" placeholder="NoteText"></textarea>
+							</td>
+						</tr>
+						<tr>
+							<td colspan="5" class="buttons">
+								<input data-type="add_contact" type="button" value="Add Contact" onclick="
+									$('#ResourceCardDAVListOverlay').fadeTo(globalEditorFadeAnimation, 0.6);
+									$('#ABListOverlay').fadeTo(globalEditorFadeAnimation, 0.6);
+
+									var tmp_account_uid=$('#vCardEditor').attr('data-account-uid');
+									var tmp_data_url=$('#vCardEditor').attr('data-url').replace(new RegExp('[^/]+$'), '');
+									var tmp_data_id=$('#vCardEditor').find('[data-type=cancel]').attr('data-id');
+									var tmp_background_color=$('#ABContactColor').css('background-color');
+
+									globalRefABListTable.find('.ablist_item.ablist_item_selected').removeClass('ablist_item_selected');
+									$('#ABContactColor').css('background-color', tmp_background_color);
+									globalAddressbookList.loadContactByVcard('BEGIN:VCARD\r\nVERSION:3.0\r\nORG:'+vcardEscapeValue($('#vCardEditor').find('[data-type=org]').val())+';'+vcardEscapeValue($('#vCardEditor').find('[data-type=department]').val())+'\r\nFN:\r\nN:;;;;\r\nEND:VCARD\r\n', tmp_background_color, false, 'add');
+
+									$('#vCardEditor').attr('data-editor-state','edit');
+									$('#vCardEditor').attr('data-account-uid', tmp_account_uid);
+									$('#vCardEditor').attr('data-url', tmp_data_url);
+									$('#vCardEditor').find('[data-type=cancel]').attr('data-id', tmp_data_id);
+									$('#vCardEditor').find('[data-type=given]').focus();
+									$('#ABContact').scrollTop(0);
+									checkContactFormScrollBar();
+								" />
+								<input data-type="edit" type="button" value="Edit" onclick="
+									// OK ale treba optimalizovat selectory
+									$('#ResourceCardDAVListOverlay').fadeTo(globalEditorFadeAnimation, 0.6);
+									$('#ABListOverlay').fadeTo(globalEditorFadeAnimation, 0.6);
+
+									processEditorElements($('#vCardEditor'), 'show', null, $('#vCardEditor').find('[data-type=isorg]').prop('checked'));
+									$('#vCardEditor').find('[data-disabled]').prop('disabled',true);
+									$('#vCardEditor').find('[data-type=given]').focus();
+									$('#ABContact').scrollTop(0);
+									checkContactFormScrollBar();
+								" />
+								<input data-type="save" type="button" value="Save" onclick="
+									if($('#vCardEditor').find('img[data-type=invalid]').is(':visible'))
+									{
+										show_editor_message('in', 'message_error', localization[globalInterfaceLanguage].errUnableSaveInvalidData, globalHideInfoMessageAfter);
+										return false;
+									}
+									else
+									{
+										$('#ResourceCardDAVListOverlay').fadeTo(globalEditorFadeAnimation, 0.6);
+										$('#ABListOverlay').fadeTo(globalEditorFadeAnimation,0.6);
+										globalRefAddContact.prop('disabled',true);
+										$('#ABContactOverlay').fadeTo(globalEditorFadeAnimation,1,function(){
+											dataToVcard($('#vCardEditor').attr('data-account-uid'), $('#vCardEditor').attr('data-url'), globalRefAddContact.attr('data-filter-url'), $('#vCardEditor').attr('data-etag'))
+										})
+									}
+								" />
+								<input data-type="cancel" type="button" value="Cancel" data-id="" onclick="
+									$('#ResourceCardDAVListOverlay').fadeOut(globalEditorFadeAnimation);
+									$('#ABListOverlay').fadeOut(globalEditorFadeAnimation);
+									globalAddressbookList.loadContactByUID(this.getAttribute('data-id'));
+								" />
+								<input data-type="delete_from_group" type="button" value="Delete from Group" onclick="
+									$('#ResourceCardDAVListOverlay').fadeTo(globalEditorFadeAnimation,0.6); $('#ABListOverlay').fadeTo(globalEditorFadeAnimation,0.6); globalRefAddContact.prop('disabled',true); $('#ABContactOverlay').fadeTo(globalEditorFadeAnimation,1,function(){
+										lockAndPerformToCollection({accountUID: $('#vCardEditor').attr('data-account-uid'), uid: $('#vCardEditor').attr('data-url')}, globalRefAddContact.attr('data-filter-url'), 'DELETE_FROM_GROUP');
+									});
+								" />
+								<input data-type="delete" type="button" value="Delete" onclick="
+									$('#ResourceCardDAVListOverlay').fadeTo(globalEditorFadeAnimation,0.6); $('#ABListOverlay').fadeTo(globalEditorFadeAnimation,0.6); globalRefAddContact.prop('disabled',true); $('#ABContactOverlay').fadeTo(globalEditorFadeAnimation,1,function(){
+										lockAndPerformToCollection({accountUID: $('#vCardEditor').attr('data-account-uid'), uid: $('#vCardEditor').attr('data-url')}, globalRefAddContact.attr('data-filter-url'), 'DELETE');
+									});
+								" />
+							</td>
+						</tr>
+					</table>
+				</div>
+			</div>
+		</div>
+		<div id="ABContactOverlay">
+			<div class="half">
+				<div class="loader"></div>
+			</div>
+		</div>
+	</div>
+</body>
+</html>
author	Unrud <unrud@openaliasbox.org>	2017-03-10 23:02:35 +0100
committer	Unrud <unrud@openaliasbox.org>	2017-03-11 00:42:55 +0100
commit	e8e32f7a1194baabd6e158805f40396c667e6c56 (patch)
tree	03d0cc2d188fcc148e726f0a6b24e8821a9e8635 /radicale_web/web/infcloud/index.html
parent	Init (diff)
download	radicaleinfcloud-e8e32f7a1194baabd6e158805f40396c667e6c56.tar.gz radicaleinfcloud-e8e32f7a1194baabd6e158805f40396c667e6c56.tar.bz2 radicaleinfcloud-e8e32f7a1194baabd6e158805f40396c667e6c56.zip