OwncloudContactsOfficial/templates/contacts.php

<?php
use OCA\Contacts\ImportManager;

script('', [
	'jquery.multiselect',
	'tags',
	'placeholder',
	'jquery.avatar',
	'avatar',
]);

vendor_script('', [
	'blueimp-md5/js/md5',
	'jcrop/js/jquery.Jcrop',
]);

script('files', 'jquery.fileupload');

script('contacts', [
	'jquery.combobox',
	'modernizr.custom',
	'app',
	'addressbooks',
	'contacts',
	'storage',
	'groups',
	'jquery.ocaddnew',
	'otherbackendconfig',
]);

style('', 'jquery.multiselect');

vendor_style('jcrop/css/jquery.Jcrop');

style('contacts', [
	'jquery.combobox',
	'jquery.ocaddnew',
	'contacts',
]);

?>
<div id="app">
	<div id="app-navigation" class="loading">
		<ul id="grouplist" class="hidden-on-load">
			<li class="special">
				<a role="button" class="add-contact">
				  <?php p($l->t('New contact')); ?>
				</a>
			</li>
			<li class="special">
				<input class="add-group hidden" type="text" tabindex="0" autofocus placeholder="<?php p($l->t('Group name')); ?>" title="<?php p($l->t('New group')); ?>" />
			</li>
		</ul>
		<div id="app-settings">
			<div id="app-settings-header">
				<button class="settings-button" tabindex="0"></button>
			</div>
			<div id="app-settings-content">
				<div id="addressbooks">
				<h2 data-id="addressbooks" tabindex="0" role="button"><?php p($l->t('Address books')); ?></h2>
					<ul class="addressbooklist">
					</ul>
					<input type="text" tabindex="0" autofocus id="add-address-book" placeholder="<?php p($l->t('Display name')); ?>" title="<?php p($l->t('Add Address Book')); ?>" />
					<?php
					if (\OCP\Config::getAppValue('contacts', 'backend_ldap', "false") === "true") {
					?>
					<ul class="oc-addnew">
						<li id="add-ldap-address-book-element"><a class="oc-addnew-init"><?php p($l->t('Add LDAP Address Book')); ?></a></li>
					</ul>
					<?php
					}
					?>
				</div>
				<div id="import">
					<ul class="oc-addnew">
						<li id="import-contacts"><a class="oc-addnew-init"><?php p($l->t('Import')); ?></a></li>
					</ul>
				</div>
			</div> <!-- app-settings-content -->
		</div>
	</div>
	<div id="app-content" class="loading">
		<table id="contactlist">
			<thead>
				<tr id="contactsHeader" class="hidden-on-load">
					<td class="name">
						<span class="actions_left">
						<input type="checkbox" class="toggle" id="select_all" title="<?php p($l->t('(De-)select all')); ?>" />
						<label for="select_all"></label>
						<select class="action sort permanent" name="sort" title="<?php p($l->t('Sort order')); ?>">
							<option value="fn"><?php p($l->t('Display name')); ?></option>
							<option value="fl"><?php p($l->t('First- Lastname')); ?></option>
							<option value="lf"><?php p($l->t('Last-, Firstname')); ?></option>
						</select>
						</span>
						
						<span class="actions">
							<a class="icon-delete delete svg action text permanent">
								<?php p($l->t('Delete')); ?>
								<img class="svg" alt="<?php p($l->t('Delete'))?>" src="<?php print_unescaped(OCP\image_path("core", "actions/delete.svg")); ?>" />
							</a>
							<select class="groups svg action text permanent shared" name="groups">
								<option value="-1" disabled="disabled" selected="selected"><?php p($l->t('Groups')); ?></option>
							</select>
							<a class="icon-download download svg action text permanent"><?php p($l->t('Download')); ?></a>
							<a class="icon-rename action svg text permanent merge edit"><?php p($l->t('Merge')); ?></a>
						</span>
					</td>
					<td class="info email"><?php p($l->t('Email')); ?></td>
					<td class="info tel"><?php p($l->t('Phone')); ?></td>
					<td class="info adr"><?php p($l->t('Address')); ?></td>
					<td class="info categories"><?php p($l->t('Group')); ?></td>
				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>
		<div class="hidden popup" id="ninjahelp">
			<a class="close" tabindex="0" role="button" title="<?php p($l->t('Close')); ?>"></a>
			<h2><?php p($l->t('Keyboard shortcuts')); ?></h2>
			<div class="help-section">
				<h3><?php p($l->t('Navigation')); ?></h3>
				<dl>
					<dt>j/Down</dt>
					<dd><?php p($l->t('Next contact in list')); ?></dd>
					<dt>k/Up</dt>
					<dd><?php p($l->t('Previous contact in list')); ?></dd>
					<dt>o</dt>
					<dd><?php p($l->t('Expand/collapse current addressbook')); ?></dd>
					<dt>n/PageDown</dt>
					<dd><?php p($l->t('Next addressbook')); ?></dd>
					<dt>p/PageUp</dt>
					<dd><?php p($l->t('Previous addressbook')); ?></dd>
				</dl>
			</div>
			<div class="help-section">
				<h3><?php p($l->t('Actions')); ?></h3>
				<dl>
					<dt>r</dt>
					<dd><?php p($l->t('Refresh contacts list')); ?></dd>
					<dt>a</dt>
					<dd><?php p($l->t('Add new contact')); ?></dd>
					<!-- dt>Shift-a</dt>
					<dd><?php p($l->t('Add new addressbook')); ?></dd -->
					<dt>Shift-Delete</dt>
					<dd><?php p($l->t('Delete current contact')); ?></dd>
				</dl>
			</div>
		</div>
		<div id="firstrun" class="hidden">
			<div>
				<h3><?php p($l->t('You have no contacts in your address book or your address book is disabled.')); ?></h3>
				<p><?php p($l->t('Add a new contact or import existing contacts from a file (VCF, CSV or LDIF).')); ?></p>
				<div id="selections">
					<input type="button" class="add-contact text" value="<?php p($l->t('New contact')) ?>">
					<input type="button" id="oc-import-nocontact" value="<?php p($l->t('Import contacts')); ?>">
				</div>
			</div>
		</div>
		<form class="float" name="file_upload_form" id="file_upload_form" method="PUT" target="file_upload_target">
			<input type="hidden" name="requesttoken" value="<?php p($_['requesttoken']) ?>">
			<input type="hidden" name="MAX_FILE_SIZE" value="<?php p($_['uploadMaxFilesize']) ?>" id="max_upload">
			<input type="hidden" name="max_human_file_size" value="<?php p($_['uploadMaxHumanFilesize']); ?>">
			<input id="contactphoto_fileupload" type="file" accept="image/*" name="imagefile" />
		</form>
		<iframe name="file_upload_target" id='file_upload_target' src=""></iframe>
	</div> <!-- app-content -->
</div> <!-- app -->
<script id="cropBoxTemplate" type="text/template">
	<form id="cropform"
		class="coords"
		method="post"
		enctype="multipart/form-data"
		>
		<fieldset id="coords">
		<input type="hidden" id="x" name="x" value="" />
		<input type="hidden" id="y" name="y" value="" />
		<input type="hidden" id="w" name="w" value="" />
		<input type="hidden" id="h" name="h" value="" />
		</fieldset>
	</form>
</script>

<script id="addGroupTemplate" type="text/template">
	<div id="dialog-form" title="<?php p($l->t('Add group')); ?>">
		<fieldset>
			<input type="text" name="name" id="name" />
		</fieldset>
	</div>
</script>

<script id="groupListItemTemplate" type="text/template">
	<li class="group" data-type="{type}" data-id="{id}">
		<a class="name" title="{name}" role="button">{name}</a>
		<span class="utils">
			<a class="icon-delete action delete tooltipped rightwards"></a>
			<a class="icon-rename action edit tooltipped rightwards"></a>
			<span class="action numcontacts">{num}</span>
		</span>
	</li>
</script>

<script id="mergeContactsTemplate" type="text/template">
	<div id="dialog-merge-contacts" title="<?php p($l->t('Merge contacts')); ?>">
		<p><?php p($l->t('Which contact should the data be merged into?')); ?></p>
		<fieldset>
			<ul class="mergelist">
				<li><input id="mergee_{idx}" type="radio" name="contact" value="{id}"><label for="mergee_{idx}" >{displayname}</label></li>
			</ul>
		</fieldset>
		<p>
		<input type="checkbox" id="delete_other" name="delete_other" />
			<label for="delete_other"><?php p($l->t('Delete the other(s) after successful merge?')); ?></label>
		</p>
	</div>
</script>

<script id="contactListItemTemplate" type="text/template">
	<tr class="contact" data-id="{id}" data-parent="{parent}" data-backend="{backend}">
		<td class="name thumbnail">
			<input type="checkbox" id="select-{id}" name="id" value="{id}" />
			<label for="select-{id}"></label>
			<div class="avatar"></div>
			<a href="#{id}" class="nametext">{name}</a>
		</td>
		<td class="email">
			<a href="mailto:{email}">{email}</a>
			<a class="icon-mail svg mailto hidden" title="<?php p($l->t('Compose mail')); ?>"></a>
		</td>
		<td class="tel">{tel}</td>
		<td class="adr">{adr}</td>
		<td class="categories">{categories}</td>
	</tr>
</script>

<script id="contactDragItemTemplate" type="text/template">
	<div class="dragContact thumbnail" data-id="{id}">
		{name}
	</div>
</script>

<script id="contactFullTemplate" type="text/template">
	<tr><td colspan="6">
	<form action="<?php print_unescaped(OCP\Util::linkTo('contacts', 'index.php')); ?>" method="post" enctype="multipart/form-data">
	<section id="contact" data-id="{id}">
	<header>
		<a class="delete">
			<?php p($l->t('Delete')); ?>
			<img class="svg" alt="<?php p($l->t('Delete'))?>" src="<?php print_unescaped(OCP\image_path("core", "actions/delete.svg")); ?>" />
		</a>
	</header>
	<ul>
		<li>
			<div id="photowrapper" class="propertycontainer" data-element="photo">
				<ul id="phototools" class="transparent hidden">
					<li><a class="svg icon-delete action delete" title="<?php echo $l->t('Delete current photo'); ?>"></a></li>
					<li><a class="svg icon-rename action edit" title="<?php echo $l->t('Edit current photo'); ?>"></a></li>
					<li><a class="svg icon-upload action upload" title="<?php echo $l->t('Upload new photo'); ?>"></a></li>
					<li><a class="svg icon-folder action cloud icon-cloud" title="<?php echo $l->t('Select photo from Files'); ?>"></a></li>
				</ul>
				<a class="favorite {favorite} tooltipped" title="<?php echo $l->t('Favorite'); ?>"></a>
			</div>
			<div class="singleproperties">
				<h3><?php p($l->t('Name')); ?></h3>
				<label class="propertyname"></label>
				<input data-element="fn" class="fullname value propertycontainer" type="text" name="value" value="{name}" placeholder="<?php p($l->t('Name')); ?>" required />
				<a class="icon-rename action edit"></a>
				<fieldset class="n hidden editor propertycontainer" data-element="n">
					<ul>
						<li>
							<input class="value rightwards onfocus" type="text" id="n_1" name="value[1]" value="{n1}" 
								placeholder="<?php p($l->t('First name')); ?>" />
						</li>
						<li>
							<input class="value rightwards onfocus" type="text" id="n_2" name="value[2]" value="{n2}" 
								placeholder="<?php p($l->t('Additional names')); ?>" />
						</li>
						<li>
							<input class="value rightwards onfocus" type="text" id="n_0" name="value[0]" value="{n0}" 
								placeholder="<?php p($l->t('Last name')); ?>" />
						</li>
					</ul>
					<input class="value" type="hidden" id="n_3" name="value[3]" value="{n3}" />
					<input class="value" type="hidden" id="n_4" name="value[4]" value="{n4}" />
				</fieldset>
			</div>
			<div class="singleproperties">
				<div class="groupscontainer propertycontainer" data-element="categories">
					<h3><?php p($l->t('Groups')); ?></h3>
					<label class="propertyname"></label>
					<select class="hidden" id="contactgroups" name="value" multiple></select>
				</div>
			</div>
			<div class="singleproperties">
				<div class="addressbookcontainer propertycontainer" data-element="categories">
					<h3><?php p($l->t('Address book')); ?></h3>
					<label class="propertyname"></label>
					<select class="hidden" id="contactaddressbooks" name="value"></select>
				</div>
			</div>
			<div class="singleproperties">
				<dd data-element="nickname" class="propertycontainer">
					<h3><?php p($l->t('Nickname')); ?></h3>
					<label class="propertyname"></label>
					<input class="value rightwards onfocus" type="text" name="value" value="{nickname}" required />
					<span class="listactions">
						<a role="button" class="icon-delete action delete"></a>
					</span>
				</dd>
			</div>
			<div class="singleproperties">
				<dd data-element="title" class="propertycontainer">
					<h3><?php p($l->t('Title')); ?></h3>
					<label class="propertyname"></label>
					<input class="value rightwards onfocus" type="text" name="value" value="{title}" required />
					<span class="listactions">
						<a role="button" class="icon-delete action delete"></a>
					</span>
				</dd>
			</div>
			<div class="singleproperties">
				<dd data-element="org" class="propertycontainer">
					<h3><?php p($l->t('Organization')); ?></h3>
					<label class="propertyname"></label>
					<input class="value rightwards onfocus" type="text" name="value" value="{org}" required />
					<span class="listactions">
						<a role="button" class="icon-delete action delete"></a>
					</span>
				</dd>
			</div>
			<div class="singleproperties">
				<dd data-element="bday" class="propertycontainer">
					<h3><?php p($l->t('Birthday')); ?></h3>
					<label class="propertyname"></label>
					<input class="value rightwards onfocus" type="text" name="value" value="{bday}" required />
					<span class="listactions">
						<a role="button" class="icon-delete action delete"></a>
					</span>
				</dd>
			</d>
		</li>
		<li>
			<ul class="email propertylist hidden">
				<h3><?php p($l->t('Email')); ?></h3>
			</ul>
		</li>
		<li>
			<ul class="tel propertylist hidden">
				<h3><?php p($l->t('Phone')); ?></h3>
			</ul>
		</li>
		<li>
			<ul class="adr propertylist hidden">
				<h3><?php p($l->t('Address')); ?></h3>
			</ul>
		</li>
		<li>
			<ul class="url propertylist hidden">
				<h3><?php p($l->t('Website')); ?></h3>
			</ul>
		</li>
		<li>
			<ul class="impp propertylist hidden">
				<h3><?php p($l->t('Instant messaging')); ?></h3>
			</ul>
		</li>
		<li>
			<ul class="notes propertylist">
				<section class="note propertycontainer" data-element="note">
					<textarea class="value" placeholder="<?php p($l->t('Notes go here...')); ?>">{note}</textarea>
				</section>
			</ul>
		</li>
	</ul>
	<footer>
		<select class="add action text button" id="addproperty">
			<option value=""><?php p($l->t('Add field...')); ?></option>
			<option value="ORG"><?php p($l->t('Organization')); ?></option>
			<option value="TITLE"><?php p($l->t('Title')); ?></option>
			<option value="NICKNAME"><?php p($l->t('Nickname')); ?></option>
			<option value="BDAY"><?php p($l->t('Birthday')); ?></option>
			<option value="TEL"><?php p($l->t('Phone')); ?></option>
			<option value="EMAIL"><?php p($l->t('Email')); ?></option>
			<option value="IMPP"><?php p($l->t('Instant Messaging')); ?></option>
			<option value="ADR"><?php p($l->t('Address')); ?></option>
			<option value="NOTE"><?php p($l->t('Note')); ?></option>
			<option value="URL"><?php p($l->t('Web site')); ?></option>
		</select>
		<a class="cancel">
			<?php p($l->t('Cancel')); ?>
			<img class="svg" alt="<?php p($l->t('Cancel'))?>" src="<?php print_unescaped(OCP\image_path("core", "actions/close.svg")); ?>" />
		</a>
		<a class="close">
			<?php p($l->t('Close')); ?>
			<img class="svg" alt="<?php p($l->t('Close'))?>" src="<?php print_unescaped(OCP\image_path("core", "actions/checkmark.svg")); ?>" />
		</a>
		<a class="export">
			<?php p($l->t('Download')); ?>
			<img class="svg" alt="<?php p($l->t('Download'))?>" src="<?php print_unescaped(OCP\image_path("core", "actions/download.svg")); ?>" />
		</a>
	</footer>
	</section>
	</form>
	</td></tr>
</script>

<script id="contactDetailsTemplate" class="hidden" type="text/template">
	<div class="email" type="text/template">
		<li data-element="email" data-checksum="{checksum}" class="propertycontainer">
			<span class="parameters">
				<input type="checkbox" class="parameter tooltipped rightwards" data-parameter="TYPE" name="parameters[TYPE][]" value="PREF" title="<?php p($l->t('Preferred')); ?>" />
				<select class="rtl type parameter" data-parameter="TYPE" name="parameters[TYPE][]">
					<?php print_unescaped(OCP\html_select_options($_['emailTypes'], array())) ?>
				</select>
			</span>
			<input type="email" class="nonempty value" name="value" value="{value}" x-moz-errormessage="<?php p($l->t('Please specify a valid email address.')); ?>" placeholder="<?php p($l->t('someone@example.com')); ?>" required />
			<span class="listactions">
				<a class="icon-mail action mail tooltipped leftwards" title="<?php p($l->t('Mail to address')); ?>"></a>
				<a role="button" class="icon-delete action delete tooltipped leftwards" title="<?php p($l->t('Delete email address')); ?>"></a>
			</span>
		</li>
	</div>
	<div class="tel" type="text/template">
		<li data-element="tel" data-checksum="{checksum}" class="propertycontainer">
			<span class="parameters">
				<input type="checkbox" class="parameter tooltipped rightwards" data-parameter="TYPE" name="parameters[TYPE][]" value="PREF" title="<?php p($l->t('Preferred')); ?>" />
				<select class="rtl type parameter" data-parameter="TYPE" name="parameters[TYPE][]">
					<?php print_unescaped(OCP\html_select_options($_['phoneTypes'], array())) ?>
				</select>
			</span>
			<input type="text" class="nonempty value" name="value" value="{value}" placeholder="<?php p($l->t('Enter phone number')); ?>" required />
			<span class="listactions">
				<a role="button" class="icon-delete action delete tooltipped leftwards"></a>
			</span>
		</li>
	</div>
	<div class="url" type="text/template">
		<li data-element="url" data-checksum="{checksum}" class="propertycontainer">
			<span class="parameters">
				<input type="checkbox" class="parameter tooltipped rightwards" data-parameter="TYPE" name="parameters[TYPE][]" value="PREF" title="<?php p($l->t('Preferred')); ?>" />
				<select class="rtl type parameter" data-parameter="TYPE" name="parameters[TYPE][]">
					<?php print_unescaped(OCP\html_select_options($_['emailTypes'], array())) ?>
				</select>
			</span>
			<input type="url" class="nonempty value" name="value" value="{value}" placeholder="http://www.example.com/" required />
			<span class="listactions">
				<a role="button" class="icon-public action globe tooltipped leftwards" title="<?php p($l->t('Go to web site')); ?>">
				<a role="button" class="icon-delete action delete tooltipped leftwards"></a>
			</span>
		</li>
	</div>
	<div class="adr" type="text/template">
		<li data-element="adr" data-checksum="{checksum}" data-lang="<?php p(OCP\Config::getUserValue(OCP\USER::getUser(), 'core', 'lang', 'en')); ?>" class="propertycontainer">
			<span class="parameters">
				<input type="checkbox" id="adr_pref_{idx}" class="parameter tooltipped downwards" data-parameter="TYPE" name="parameters[TYPE][]" value="PREF" title="<?php p($l->t('Preferred')); ?>" />
				<select class="type parameter" data-parameter="TYPE" name="parameters[TYPE][]">
					<?php print_unescaped(OCP\html_select_options($_['adrTypes'], array())) ?>
				</select>
			</span>
			<span class="float display">
				<span class="adr">{value}</span>
			</span>
			<span class="listactions">
				<a class="icon-public action globe tooltipped leftwards" title="<?php p($l->t('View on map')); ?>"></a>
				<a class="icon-delete action delete tooltipped leftwards"></a>
			</span>
			<fieldset class="adr hidden editor">
				<ul>
					<li><!-- Note to translators: The placeholders for address properties should be a well known address
							so users can see where the data belongs according to https://tools.ietf.org/html/rfc2426#section-3.2.1 -->
						<input class="value stradr tooltipped rightwards onfocus" type="text" id="adr_2" name="value[2]" value="{adr2}" 
						placeholder="<?php p($l->t('Street address')); ?>" />
					</li>
					<li>
						<input class="value zip tooltipped rightwards onfocus" type="text" id="adr_5" name="value[5]" value="{adr5}" 
							placeholder="<?php p($l->t('Postal code')); ?>" />
						<input class="value city tooltipped rightwards onfocus" type="text" id="adr_3" name="value[3]" value="{adr3}" 
							placeholder="<?php p($l->t('City')); ?>" />
					</li>
					<li>
						<input class="value region tooltipped rightwards onfocus" type="text" id="adr_4" name="value[4]" value="{adr4}" 
							placeholder="<?php p($l->t('State or province')); ?>" />
					</li>
					<li>
						<input class="value country tooltipped rightwards onfocus" type="text" id="adr_6" name="value[6]" value="{adr6}" 
							placeholder="<?php p($l->t('Country')); ?>" />
					</li>
				</ul>
				<input class="value pobox" type="hidden" id="adr_0" name="value[0]" value="{adr0}" />
				<input class="value extadr" type="hidden" id="adr_1" name="value[1]" value="{adr1}" />
			</fieldset>
		</li>
	</div>
	<!--
		<li data-element="adr" data-checksum="{checksum}" data-lang="<?php p(OCP\Config::getUserValue(OCP\USER::getUser(), 'core', 'lang', 'en')); ?>" class="propertycontainer">
			<span class="parameters">
				<input type="checkbox" id="adr_pref_{idx}" class="parameter tooltipped downwards" data-parameter="TYPE" name="parameters[TYPE][]" value="PREF" title="<?php p($l->t('Preferred')); ?>" />
				<select class="type parameter" data-parameter="TYPE" name="parameters[TYPE][]">
					<?php print_unescaped(OCP\html_select_options($_['imppTypes'], array())) ?>
				</select>
			</span>
	-->
	
	<div class="impp" type="text/template">
		<li data-element="impp" data-checksum="{checksum}" class="propertycontainer">
			<span class="parameters">
				<input type="checkbox" id="impp_pref_{idx}" class="parameter tooltipped downwards" data-parameter="TYPE" name="parameters[TYPE][]" value="PREF" title="<?php p($l->t('Preferred')); ?>" />
				<select class="rtl type parameter" data-parameter="X-SERVICE-TYPE" name="parameters[X-SERVICE-TYPE]">
					<?php print_unescaped(OCP\html_select_options($_['imProtocols'], array())) ?>
				</select>
			</span>
			<input type="text" class="nonempty value" name="value" value="{value}"
					placeholder="<?php p($l->t('Instant Messenger')); ?>" required />
			<span class="listactions">
				<a role="button" class="icon-delete action delete tooltipped leftwards"></a>
			</span>
		</li>
	</div>
	
	
	
</script>

<script id="addressBookTemplate" class="hidden" type="text/template">
<li data-id="{id}" data-backend="{backend}" data-permissions="{permissions}">
	<input type="checkbox" name="active" checked="checked" title="<?php p($l->t('Active')); ?>" />
	<label>{displayname}</label>
	<span class="actions">
		<a title="<?php p($l->t('Share')); ?>" class="icon-share share action" data-possible-permissions="{permissions}" data-item="{id}" data-item-type="addressbook"></a>
		<a title="<?php p($l->t('Export')); ?>" class="icon-download download action"></a>
		<a title="<?php p($l->t('CardDAV link')); ?>" class="icon-public carddav action"></a>
		<a title="<?php p($l->t('Edit')); ?>" class="icon-rename edit action"></a>
		<a title="<?php p($l->t('Delete')); ?>" class="icon-delete delete action"></a>
	</span>
</li>
</script>

<script id="contactsImportTemplate" class="hidden" type="text/template">
<div id="contacts-import-div" class="contacts-import-class">
<p id="contacts-import-into-p">
	<label for="contacts-import-into"><?php p($l->t('Address book')); ?></label>
	<select id="contacts-import-into">
		<option value="-1"><?php p($l->t('Import into...')); ?></option>
	</select>
</p>
<p id="contacts-import-format-p">
	<label for="contacts-import-into"><?php p($l->t('Format')); ?></label>
	<select id="contacts-import-format">
		<option value="automatic"><?php p($l->t('Automatic format')); ?></option>
		<?php
		$importManager = new ImportManager();
		$types = $importManager->getTypes();
		foreach ($types as $id => $label) {
			echo "<option value=\"$id\">$label</option>";
		}
		?>
	</select>
</p>
<p id="contacts-import-upload" class="hidden">
	<input id="contacts-import-upload-start" class="tooltipped" title="<?php p($l->t('Select file...')); ?>" type="file" name="file" disabled />
</p>
<p id="contacts-import-status">
	<div class="import-status">
		<label id="import-status-text"></label>
		<div id="import-status-progress"></div>
	</div>
</p>
</div>
</script>

<script id="addressBookConfigTemplate" class="hidden" type="text/template">
<div id="addressbooks-ui-div" class="addressbooks-ui-class">
	<input type="hidden" id="addressbooks-ui-addressbookid" />
	<input type="hidden" id="addressbooks-ui-backend" value="{backend}" />
	<p id="addressbooks-ui-name-p">
	<label for="addressbooks-ui-name">
	<?php p($l->t('Name')); ?>:
	</label>
	<input type="text" class="nonempty value" id="addressbooks-ui-name" value=""
		placeholder="<?php p($l->t('Name')); ?>" required />
	</p>
	<p id="addressbooks-ui-uri-p">
	<label for="addressbooks-ui-uri">
	<?php p($l->t('Addressbook URI')); ?>:
	</label>
	<input type="text" class="nonempty value" id="addressbooks-ui-uri" value=""
		placeholder="<?php p($l->t('URI')); ?>" required />
	</p>
	<p id="addressbooks-ui-description-p">
	<label for="addressbooks-ui-description">
	<?php p($l->t('Description')); ?>:
	</label>
	<input type="text" class="nonempty value" id="addressbooks-ui-description" value=""
		placeholder="<?php p($l->t('Description')); ?>" />
	</p>
	<p id="addressbooks-ui-ldapurl-p">
	<label for="addressbooks-ui-ldapurl">
	<?php p($l->t('LDAP URL')); ?>:
	</label>
	<input type="text" class="nonempty value" id="addressbooks-ui-ldapurl" value=""
		placeholder="<?php p($l->t('LDAP URL')); ?>" required />
	</p>
	<p id="addressbooks-ui-ldapanonymous-p">
	<label for="addressbooks-ui-ldapanonymous">
	<?php p($l->t('Anonymous')); ?>:
	</label>
	<input type="checkbox" id="addressbooks-ui-ldapanonymous" title="<?php p($l->t('Anonymous')); ?>" />
	</p>
	<p id="addressbooks-ui-ldapreadonly-p">
	<label for="addressbooks-ui-ldapreadonly">
	<?php p($l->t('Read-only')); ?>:
	</label>
	<input type="checkbox" id="addressbooks-ui-ldapreadonly" title="<?php p($l->t('Read-Only')); ?>" />
	</p>
	<p id="addressbooks-ui-ldapuser-p">
	<label for="addressbooks-ui-ldapuser">
	<?php p($l->t('User')); ?>:
	</label>
	<input type="text" class="nonempty value" id="addressbooks-ui-ldapuser" value=""
		placeholder="<?php p($l->t('User')); ?>" required />
	</p>
	<p id="addressbooks-ui-ldappass-p">
	<input type="hidden" id="addressbooks-ui-ldappass-modified" />
	<label for="addressbooks-ui-ldappass">
	<?php p($l->t('Password')); ?>:
	</label>
	<input type="password" class="nonempty value" id="addressbooks-ui-ldappass" value=""
		placeholder="<?php p($l->t('Password')); ?>" required />
	</p>
	<p id="addressbooks-ui-ldappagesize-p">
	<label for="addressbooks-ui-ldappagesize">
	<?php p($l->t('Page size')); ?>:
	</label>
	<input type="text" class="nonempty value" id="addressbooks-ui-ldappagesize" value="20"
		placeholder="<?php p($l->t('Page size')); ?>" required />
	</p>
	<p id="addressbooks-ui-ldapbasednsearch-p">
	<label for="addressbooks-ui-ldapbasednsearch">
	<?php p($l->t('Base DN for search')); ?>:
	</label>
	<input type="text" class="nonempty value" id="addressbooks-ui-ldapbasednsearch" value=""
		placeholder="<?php p($l->t('Base DN')); ?>" required />
	</p>
	<p id="addressbooks-ui-ldapfilter-p">
	<label for="addressbooks-ui-ldapfilter">
	<?php p($l->t('Search filter')); ?>:
	</label>
	<input type="text" class="nonempty value" id="addressbooks-ui-ldapfilter" value=""
		placeholder="<?php p($l->t('Filter')); ?>" required />
	</p>
	<p id="addressbooks-ui-ldapbasednmodify-p">
	<label for="addressbooks-ui-ldapbasednmodify">
	<?php p($l->t('Base DN for modification')); ?>:
	</label>
	<input type="text" class="nonempty value" id="addressbooks-ui-ldapbasednmodify" value=""
		placeholder="<?php p($l->t('Base DN modification')); ?>" required />
	</p>
	<p id="addressbooks-ui-ldapvcardconnector-p">
	<label for="addressbooks-ui-ldapvcardconnector">
	<?php p($l->t('Connector')); ?>:
	</label>
	<select id="addressbooks-ui-ldapvcardconnector">
	</select>
	</p>
	<p id="addressbooks-ui-ldapvcardconnector-value-p">
	<label for="addressbooks-ui-ldapvcardconnector-value">
	<?php p($l->t('Connector value (Better use external editor and copy/paste)')); ?>:
	</label>
	<textarea id="addressbooks-ui-ldapvcardconnector-value"></textarea>
	</p>
	<p id="addressbooks-ui-ldapvcardconnector-copyfrom-p">
	<label for="addressbooks-ui-ldapvcardconnector-copyfrom">
	<?php p($l->t('Copy from (Warning, replaces current custom value)')); ?>:
	</label>
	<select id="addressbooks-ui-ldapvcardconnector-copyfrom">
	</select>
	</p>
	<p id="addressbooks-ui-errortitle-p">&nbsp;
	</p>
	<p id="addressbooks-ui-errormessage-p">&nbsp;
	</p>
</div>
</script>