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

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

||else||
<div id="folders_panel" class="folders">

  <div id="folders_menu" class="toolbar hidden">
   <div>
	<span class="pg_title">Labels</span>
    <input type=hidden name="ui" value="raw">
    <input type=button value="Done" onclick="labels_done()" class="mnu">
   </div>
  </div>

||if(not(istrue(imap_flags_available)))||
  <center><div class="lab_warning">WARNING: Custom IMAP flags are disabled on this server, this means surgeweb's <b><i>Universal Labels are not available</i></b>.
  Universal labels are much more efficient and can be read using other IMAP email clients. It is recommended that the administrator enables g_imap_user_flags. </div></center>
||endif||

  <div style="padding:10px;">
	<table>
	  <tr>
	  	<td>Labels allow you to mark messages with one or more tags such as:

		<td>||define||label_name||Important|| ||define||label_bg||#FFE3E3|| ||define||label_bdr||#F0B2B2|| ||undef||label_col||
		  <div class="ar as"><div class="at" style="background-color: ||label_bg||; border-color: ||label_bdr||;"><div class="au" style="border-color:||label_bdr||;"><div class="av" style="color: ||label_col||;">||web_encode(label_name)||</div></div></div></div>
		<td>or &nbsp;
		<td>||define||label_name||Personal|| ||define||label_bg||#D3E2C3|| ||define||label_bdr||#98BB74|| ||undef||label_col||
		  <div class="ar as"><div class="at" style="background-color: ||label_bg||; border-color: ||label_bdr||;"><div class="au" style="border-color:||label_bdr||;"><div class="av" style="color: ||label_col||;">||web_encode(label_name)||</div></div></div></div>
		<tr><td colspan=4> a bit like flagging a message with a star but more flexible.
	</table>
<br>

    Create new label<sup style="font-size:1.3em">**</sup>:
    <span onkeyup="if (event.keyCode==13) labels_create();">
    <input type="text" id="label_new_name" value="">
	</span>
	<input type=button value="Create" onclick="labels_create()" class="mnu">

	<input id="label_new_type" type="checkbox" style="margin-left:70px;" ||iftrue(sw_label)||checked||endif|| ||if(not(istrue(imap_flags_available)))||checked disabled||endif||> Create as Surgeweb label
  </div>

<br>

	<table id="manage_labels">
	<tr>
		<th></th>
		<th style="text-align:left;padding-left:0;">Display name</th>
		<th style="text-align:left;padding-left:10px;">Label Actions</th>
		<th style="text-align:left;padding-left:10px;">Displayed as</th>
		<th style="text-align:left;padding-left:10px;" colspan=2>Stored as</th>
	</tr>

	||begin_list_labels||
	<tr>
		<td style="padding:0;padding-left:10px;"><div class="||iftrue(imap_label)||label_icon||else||label_icon3||endif||"></div>
		<td style="padding-left:0;"><a href="#" onclick="L('||web_encode_js(label_name)||')">||web_encode(label_name)||</td>
		<td style="white-space:nowrap;">
		  <a href="#" onclick="labels_rename('||web_encode_js(label_tag)||','||web_encode_js(label_name)||')" title="Rename label">rename</a> |
		  <a href="#" onclick="labels_color(event,'||web_encode_js(label_tag)||','||web_encode_js(label_name)||')" title="Select color">color</a> |
		  	||iftrue(label_hidden)||
			  	<a href="#" onclick="labels_show('||web_encode_js(label_tag)||')" title="Show label">show</a>
		  	||else||
			  	<a href="#" onclick="labels_hide('||web_encode_js(label_tag)||')" title="Hide label">hide</a>
		  	||endif||
		<td>\
			||iftrue(label_hidden)||&nbsp;||else||<div class="ar asl"><div class="at" style="background-color: ||label_bg||; border-color: ||label_bdr||;"><div class="au" style="border-color:||label_bdr||;"><div class="av" style="color: ||label_col||;">||web_encode(label_name)||</div></div></div></div>||endif||\
		</td>\
			||iftrue(imap_label)||
				<td style="color:#777;">||label_tag||</td><td style="color:#777;"><i>Universal label (||iftrue(new_label)||not yet allocated||else||||label_flagbit|| of 22||endif||)</i></td>
			||else||
				<td style="color:#777;">||label_tag||</td><td style="color:#777;"><i>Surgeweb label<i></td>
			||endif||
	</tr>
	||define||done_some||true||
	||end_list_labels||

	||if(not(istrue(done_some)))||
	<tr><td colspan=5 style="padding:20px;">
		<i>No Labels currently defined.</i>
	||endif||
	</table>


	<div style="padding:10px;">
		<hr>
		<div style="float:left">**<br><br><img src="||www_base||shared/img/1pixel.gif" class="label_icon" style="margin-bottom:-3px;"></div>
		<div style="margin-left:19px;">
			Before using labels please read the <a href="||help_url||/user.htm#labels" target="_help">notes on the use of labels</a>.<br>
			Once created you can rename the display name, or hide a label but not delete it.<br>
			<b><i>Universal labels</i></b> are stored as IMAP custom flags. &nbsp;&nbsp; <img src="||www_base||shared/img/1pixel.gif" class="label_icon3" style="margin-bottom:-3px;"> <b><i>Surgeweb labels</i></b> are stored as a message header.

		</div>
		<br><br>
		||iftrue(imap_flags_available)||

		<div style="color:#777;font-size:11px;">
		Some IMAP mail clients use IMAP flags such has <i>$label1</i> or <i>Junk</i> or <i>JunkRecorded</i>.
		Surgeweb will try and initialise these with appropriate values but you can apply the mappings below or manually change display name, color etc.<br>
		<div style="padding-left:10px;padding-top:5px;">
			Mail client mapping:
			<select name="labels_clientmap" size="1" onchange="labels_clientmap_apply()" style="font-size:11px;">
				<option value="none">Select to apply...</option>
				<option value="show_unknown">Show unknown flags (ie all surgeweb labels)</option>
				<option value="show_all">Show all flags</option>
				<option value="hide_all">Hide all flags</option>
				<option value="hide_known">Hide known mail client flags</option>
				<option value="hide_spam">Hide spam flags for all mail clients (default behaviour)</option>
				<option value="show_known">Show just known mail client flags</option>
				<option value="thunderbird">Initialise just Thunderbird default flags</option>
				<option value="osx">Initialise just OSX Mail default flags</option>
				<option value="opera">Initialise just Opera default flags</option>
			</select>
#			<input type=button value="Apply" onclick="labels_clientmap_apply()" class="mnu">
		</div>
		</div>
		<br><br><br><br>
		||endif||
	</div>

#  </form>
<br>
</div>

# Still all bit yuck but the construct is getting nicer :-)
# I think we need to make the "result div" a script block and then it is as nice as it will get given browser constraints
||ifdef||output_folders||
	||define||script_block||execute_it||
	||include||_flds.js||
||endif||

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

||ifdef||results||
    ||begin_list_results||
      add_error('||web_encode_js(result)||');
    ||end_list_results||
||endif||

	panel_show_old("folders");
	var js=dge("execute_it");
    if(js){
    	eval(js.innerHTML);
		js.parentNode.removeChild(js);
    }
</span>


||endif||