# ~calendars.htm compose message file
<!-- ~calendars.htm compose message file-->
<!-- foo -->
||ifequal||sid||0||

<span id="result" style="display:none">
auth_error('||auth_fail_reason||');
</span>

||else||
<div id="calendars_panel" class="calendars" style="padding:5px">

  <div id="calendars_menu" class="toolbar hidden">
   <div>
	<span class="pg_title">$$st_calmng_flds$$</span>
    <input type=hidden name="ui" value="raw">
    <input type=button value="$$st_cmd_done$$" onclick="calendars_done()" class="mnu">
   </div>
  </div>


<h3>CalDAV calendars</h3>
	Standalone CalDAV based calendaring for mobile and desktop clients. You can create additional personal calendars direct from your mobile device (eg iPhone). To edit calendar sharing permissions with other email accounts you will need to use this interface.

	<br>
	    <div style="padding:5px;margin-top:10px;">
	      $$st_calmng_new1$$
	      <span onkeyup="if (event.keyCode==13) do_calendar_create();">
	      <input type="text" id="calendar_new_name" value="">
	  	</span>
	  	<input type=button value="$$st_cmd_create$$" onclick="do_calendar_create()" class="mnu">
	    </div>

	<table id="manage_calendars" style="border-collapse:collapse;width:95%;">
	  <tr><td colspan="4" class="" style="font-size:1.1em;"><i><b>$$st_calmng_mine$$</b> $$st_calmng_mine2$$</i></td>
	  <tr style="background:#ddd">
	  	<th class="xl pl20"> Name
		<th class=""> Color
		<th class="xl"> Shared With
		<th class=""> Actions
		||begin_list_calendars||
		 ||if(equal(cal_owner,(mine)))||
	  <tr class="||_line_color||" cal_id="||web_encode(cal_id)||">
		  <td class="xbl xbu vt"  style="padding-left:0px"><div class="||iftrue(nfld_shared)||fldmng_fld_shared_icon||else||fldmng_fld_icon||endif||"></div> <div class="pt3">||cal_name||</div></td>
		  <td class="xc xbu vt"> <div class="swatch" base_color="||cal_color||" style=" border:1px solid gray;margin:auto;opacity:0.7;" onclick="calendars_color(event,'||web_encode(cal_id)||')">
		  </div>
		  <td class="xbu vt">
		||begin_list_cal_share||
			||cal_email||
		  	||if(equal(cal_rights,(busy)))|| ($$st_dlg_cal_freebusy$$) ||endif||
		  	||if(equal(cal_rights,(read)))|| ($$st_dlg_cal_readonly2$$)||endif||
		  	||if(equal(cal_rights,(write)))|| ($$st_dlg_cal_readwrite$$)  ||endif||
		  	<br>
		||end_list_cal_share||
		  <td class="xc xbu xbr vt">
		  <a href="#" onclick="swcal_sharing(this)">sharing</a> |
#		  <a href="#">hide</a> |
		  <a href="#" onclick="swcal_delete(this)">del</a> |
		  <a href="#" onclick="swcal_url(this)">copy url</a>
		 ||endif||
		||end_list_calendars||
	||if(equal(cal_count,0))||
	  <tr><td>No calendars created yet</td></tr>
	||endif||

	  <tr><td>&nbsp;</td></tr>
	  <tr><td colspan="4" class="" style="font-size:1.1em;"><i><b>$$st_calmng_shared$$</b> $$st_calmng_shared2$$</i></td>
	  <tr style="background:#ddd">
	  	<th class="xl pl20"> Name
		<th class=""> Color
		<th class="xl"> Owner
		<th class=""> Actions
		||begin_list_calendars||
		 ||if(not(equal(cal_owner,(mine))))||
	  <tr class="||_line_color||" cal_id="||web_encode(cal_id)||">
		  <td class="xbl xbu" style="padding-left:0px;padding-top:4px;"><div class="||iftrue(nfld_shared)||fldmng_fld_shared_icon||else||fldmng_fld_icon||endif||"></div> <div class="pt3">||cal_name||</div></td>
		  <td class="xc xbu vt"> <div class="swatch" style="background:||cal_color||; border:1px solid gray;margin:auto;"></div>
		  <td class="xbu"> Shared by ||cal_owner|| with
		  	||if(equal(cal_owner_permission,(busy)))|| $$st_dlg_cal_freebusy$$ ||endif||
		  	||if(equal(cal_owner_permission,(read)))|| $$st_dlg_cal_readonly2$$ ||endif||
		  	||if(equal(cal_owner_permission,(write)))|| $$st_dlg_cal_readwrite$$  ||endif||
		  	  access
		  <td class="xc xbu xbr">
#		  <a href="#">hide</a>
#		  |
#		  <a href="#">remove</a>
		  <a href="#" onclick="swcal_url(this)">copy url</a>
		 ||endif||
		||end_list_calendars||


	</table>

<br>

<p> Your iOS devices should connect to your calendar by just filling our username@your.domain, password, server name. If other CalDAV clients need the fully specified url this is "http://your.server/cal/calendars/user@your.domain/"
(<a href="||help_url||||iftrue(help_context)||../../../surgemail/help/caldavconfig.htm||help_extra||||endif||" target="_help">more documentation</a>).

<br><br>

<div style="border: 1px solid #bbb; padding:3px; display:inline-block;">
<table>
||iftrue(timezone_mismatched))||
<tr><td>
	&nbsp;
	</td><td>
		<span style="color:#aa0000">
		Location currently offset from browser timezone by ||timezone_mismatch|| hours, events may seem to disappear or move around after screen refresh unless your location is set to match your browser timezone of ||pref_timezone||.
		</span>
	</td></tr>
||endif||
<tr><td>
	Location:
	</td><td>
		<select id="cal_timezone">
			||fn((timezone_options_html))||
		</select> <span style="color:gray;">(make sure this is set correctly)</span>
	</td></tr>


<tr><td>
	Prevent drag & drop editing of:
	</td><td>
		<select id="cal_noedit">
			<option value="" >All can be edited</option>
			<option value="older" ||ifequal||pref_cal_noedit||older||selected||endif||>Events older than 1 month</option>
			<option value="both" ||ifequal||pref_cal_noedit||both||selected||endif||>Older &amp; newer than 1 month</option> <span style="color:gray;">Prevent
		</select> <span style="color:gray;">(prevents accidental editing)</span>
	</td></tr>
</table>
</div><br>
<input type=button value="Save Settings" onclick="do_calendar_location_save()" class="mnu">


||if(istrue(allow_surgeplus))||
<h3>SurgePlus calendar</h3>
	The standalone surgeplus calendar is still available. Switch back to using surgeplus calendar <a href="#" onclick="calendars_done(true)">for this session</a> .
||endif||

</div>


<span id="result" style="display:none">

||ifdef||results||
    success_string='';
    ||begin_list_results||
      add_error('||result_type||','||web_encode_js(result)||');
    ||end_list_results||
    if(success_string) set_status(success_string,'warning');
||endif||
	sw.cal_count='||cal_count||';
	panel_show_old("calendars");
	cal_resaturate_swatches();
	var js=dge("execute_it");
    if(js){
    	eval(js.innerHTML);
		js.parentNode.removeChild(js);
    }
	cal_location_warn('||timezone_mismatch||');
</span>


||endif||