679 lines
35 KiB
XML
679 lines
35 KiB
XML
<?xml version="1.0" standalone="yes"?>
|
|
<!DOCTYPE var:component>
|
|
<var:component
|
|
xmlns="http://www.w3.org/1999/xhtml"
|
|
xmlns:var="http://www.skyrix.com/od/binding"
|
|
xmlns:const="http://www.skyrix.com/od/constant"
|
|
xmlns:uix="OGo:uix"
|
|
xmlns:rsrc="OGo:url"
|
|
xmlns:label="OGo:label"
|
|
className="UIxPageFrame"
|
|
title="title"
|
|
const:popup="YES"
|
|
const:cssFiles="datepicker.css"
|
|
const:jsFiles="RowEditionController.js,PasswordPolicy.js,ckeditor/ckeditor.js,datepicker.js, SOGoAutoCompletion.js"
|
|
>
|
|
<script type="text/javascript">
|
|
var localeCode = '<var:string value="localeCode"/>';
|
|
</script>
|
|
<div class="popupMenu" id="contactsMenu">
|
|
<ul></ul>
|
|
</div>
|
|
|
|
<div id="colorPickerDialog" style="display: none;" class="dialog right bottom">
|
|
<div>
|
|
<span class="blc-FFFFFF"><!-- --></span>
|
|
<span class="blc-330033"><!-- --></span>
|
|
<span class="blc-C0C0C0"><!-- --></span>
|
|
<span class="blc-999999"><!-- --></span>
|
|
<span class="blc-666666"><!-- --></span>
|
|
<span class="blc-333333"><!-- --></span>
|
|
<span class="blc-000000"><!-- --></span>
|
|
<span class="blc-FFCCCC"><!-- --></span>
|
|
<span class="blc-FF6666"><!-- --></span>
|
|
<span class="blc-FF0000"><!-- --></span>
|
|
<span class="blc-CC0000"><!-- --></span>
|
|
<span class="blc-990000"><!-- --></span>
|
|
<span class="blc-660000"><!-- --></span>
|
|
<span class="blc-330000"><!-- --></span>
|
|
<span class="blc-FFCC99"><!-- --></span>
|
|
<span class="blc-FF9966"><!-- --></span>
|
|
<span class="blc-FF9900"><!-- --></span>
|
|
<span class="blc-FF6600"><!-- --></span>
|
|
<span class="blc-CC6600"><!-- --></span>
|
|
<span class="blc-993300"><!-- --></span>
|
|
<span class="blc-663300"><!-- --></span>
|
|
<span class="blc-FFFF99"><!-- --></span>
|
|
<span class="blc-FFFF66"><!-- --></span>
|
|
<span class="blc-FFCC66"><!-- --></span>
|
|
<span class="blc-FFCC33"><!-- --></span>
|
|
<span class="blc-CC9933"><!-- --></span>
|
|
<span class="blc-996633"><!-- --></span>
|
|
<span class="blc-663333"><!-- --></span>
|
|
<span class="blc-FFFFCC"><!-- --></span>
|
|
<span class="blc-FFFF33"><!-- --></span>
|
|
<span class="blc-FFFF00"><!-- --></span>
|
|
<span class="blc-FFCC00"><!-- --></span>
|
|
<span class="blc-999900"><!-- --></span>
|
|
<span class="blc-666600"><!-- --></span>
|
|
<span class="blc-333300"><!-- --></span>
|
|
<span class="blc-CCCCCC"><!-- --></span>
|
|
<span class="blc-66FF99"><!-- --></span>
|
|
<span class="blc-33FF33"><!-- --></span>
|
|
<span class="blc-33CC00"><!-- --></span>
|
|
<span class="blc-009900"><!-- --></span>
|
|
<span class="blc-006600"><!-- --></span>
|
|
<span class="blc-003300"><!-- --></span>
|
|
<span class="blc-99FFFF"><!-- --></span>
|
|
<span class="blc-33FFFF"><!-- --></span>
|
|
<span class="blc-66CCCC"><!-- --></span>
|
|
<span class="blc-00CCCC"><!-- --></span>
|
|
<span class="blc-339999"><!-- --></span>
|
|
<span class="blc-336666"><!-- --></span>
|
|
<span class="blc-003333"><!-- --></span>
|
|
<span class="blc-CCFFFF"><!-- --></span>
|
|
<span class="blc-66FFFF"><!-- --></span>
|
|
<span class="blc-33CCFF"><!-- --></span>
|
|
<span class="blc-3366FF"><!-- --></span>
|
|
<span class="blc-3333FF"><!-- --></span>
|
|
<span class="blc-000099"><!-- --></span>
|
|
<span class="blc-000066"><!-- --></span>
|
|
<span class="blc-CCCCFF"><!-- --></span>
|
|
<span class="blc-9999FF"><!-- --></span>
|
|
<span class="blc-6666CC"><!-- --></span>
|
|
<span class="blc-6633FF"><!-- --></span>
|
|
<span class="blc-6600CC"><!-- --></span>
|
|
<span class="blc-333399"><!-- --></span>
|
|
<span class="blc-330099"><!-- --></span>
|
|
<span class="blc-FFCCFF"><!-- --></span>
|
|
<span class="blc-FF99FF"><!-- --></span>
|
|
<span class="blc-CC66CC"><!-- --></span>
|
|
<span class="blc-CC33CC"><!-- --></span>
|
|
<span class="blc-993399"><!-- --></span>
|
|
<span class="blc-663366"><!-- --></span>
|
|
<span class="blc-99FF99"><!-- --></span>
|
|
</div>
|
|
</div>
|
|
|
|
<form id="mainForm" var:href="ownPath">
|
|
<div class="tabsContainer" id="preferencesTabs">
|
|
<ul>
|
|
<li target="generalView"><span>
|
|
<var:string label:value="General" /></span></li>
|
|
<var:if condition="userHasCalendarAccess">
|
|
<li target="calendarOptionsView"><span><var:string
|
|
label:value="Calendar Options"/></span></li>
|
|
</var:if
|
|
><li target="contactsOptionsView"><span><var:string
|
|
label:value="Contacts Options"/></span></li
|
|
><var:if condition="userHasMailAccess">
|
|
<li target="mailOptionsView"><span><var:string
|
|
label:value="Mail Options"/></span></li>
|
|
<li target="mailAccountsView"><span><var:string
|
|
label:value="IMAP Accounts"/></span></li>
|
|
<var:if condition="isVacationEnabled"><li target="vacationView"><span><var:string
|
|
label:value="Vacation"/></span></li></var:if
|
|
><var:if condition="isForwardEnabled"><li target="forwardView"><span><var:string
|
|
label:value="Forward"/></span></li></var:if>
|
|
</var:if
|
|
><var:if condition="shouldDisplayAdditionalPreferences">
|
|
<li target="additionalView"><span>
|
|
<var:string label:value="Additional Parameters"/></span></li>
|
|
</var:if
|
|
><var:if condition="shouldDisplayPasswordChange">
|
|
<li target="passwordView"><span><var:string label:value="Password"/></span></li>
|
|
</var:if>
|
|
</ul>
|
|
<div class="tabs">
|
|
<div id="generalView" class="tab">
|
|
<dl class="dl-horizontal">
|
|
<dt><var:string label:value="SOGo Version :"/></dt>
|
|
<dd><var:string value="sogoVersion"/></dd>
|
|
<dt><var:string label:value="Language :"/></dt>
|
|
<dd><var:popup list="languages" item="item"
|
|
const:id="language"
|
|
const:name="language"
|
|
string="languageText"
|
|
selection="language"
|
|
label:noSelectionString="choose" /></dd>
|
|
<dt><var:string label:value="Current Time Zone :"/></dt>
|
|
<dd><var:popup list="timeZonesList" item="item"
|
|
const:id="timezone"
|
|
const:name="timezone"
|
|
string="item" selection="userTimeZone" /></dd>
|
|
<dt><var:string label:value="Short Date Format :"/></dt>
|
|
<dd><var:popup list="shortDateFormatsList" item="item"
|
|
const:id="shortDateFormat"
|
|
const:name="shortDateFormat"
|
|
string="itemShortDateFormatText" selection="userShortDateFormat"/></dd>
|
|
<dt><var:string label:value="Long Date Format :"/></dt>
|
|
<dd><var:popup list="longDateFormatsList" item="item"
|
|
const:id="longDateFormat"
|
|
const:name="longDateFormat"
|
|
string="itemLongDateFormatText" selection="userLongDateFormat"
|
|
/></dd>
|
|
<dt><var:string label:value="Time Format :"/></dt>
|
|
<dd><var:popup list="timeFormatsList" item="item"
|
|
const:id="timeFormat"
|
|
const:name="timeFormat"
|
|
string="itemTimeFormatText" selection="userTimeFormat"
|
|
/></dd>
|
|
<dt><var:string label:value="Default Module :"/></dt>
|
|
<dd><var:popup list="availableModules" item="item"
|
|
const:id="defaultModule"
|
|
const:name="defaultModule"
|
|
string="itemModuleText" selection="userDefaultModule"/></dd>
|
|
<dt><var:string label:value="Refresh View :"/></dt>
|
|
<dd><var:popup list="refreshViewList" item="item"
|
|
const:id="refreshView"
|
|
const:name="refreshView"
|
|
string="itemRefreshViewCheckText" selection="userRefreshViewCheck"/></dd>
|
|
</dl>
|
|
</div>
|
|
<var:if condition="userHasCalendarAccess">
|
|
<div id="calendarOptionsView" class="tab">
|
|
<dl class="dl-horizontal">
|
|
<dt><var:string label:value="Week begins on :"/></dt>
|
|
<dd><var:popup list="daysList" item="item"
|
|
const:id="weekStartDay"
|
|
const:name="weekStartDay"
|
|
string="itemWeekStartDay" selection="userWeekStartDay"/></dd>
|
|
<dt><var:string label:value="Day start time :"/></dt>
|
|
<dd><var:popup list="hoursList" item="item"
|
|
const:id="dayStartTime"
|
|
const:name="dayStartTime"
|
|
string="item" selection="userDayStartTime"/></dd>
|
|
<dt><var:string label:value="Day end time :"/></dt>
|
|
<dd><var:popup list="hoursList" item="item"
|
|
const:id="dayEndTime"
|
|
const:name="dayEndTime"
|
|
string="item" selection="userDayEndTime"/></dd>
|
|
<dt></dt>
|
|
<dd><input type="checkbox"
|
|
const:name="busyOffHours"
|
|
const:id="busyOffHours"
|
|
var:checked="busyOffHours" />
|
|
<var:string label:value="Show time as busy outside working hours"/></dd>
|
|
<dt><var:string label:value="First week of year :"/></dt>
|
|
<dd><var:popup list="firstWeekList" item="item"
|
|
const:id="firstWeek"
|
|
const:name="firstWeek"
|
|
string="itemFirstWeekText" selection="userFirstWeek"/></dd>
|
|
<dt><var:string label:value="Default calendar :"/></dt>
|
|
<dd><var:popup list="defaultCalendarList" item="item"
|
|
const:id="defaultCalendar"
|
|
const:name="defaultCalendar"
|
|
string="itemCalendarText" selection="userDefaultCalendar"/></dd>
|
|
<dt><var:string label:value="Default events classification :"/></dt>
|
|
<dd><var:popup list="calendarClassificationsList" item="item"
|
|
const:id="eventsClassification"
|
|
const:name="eventsClassification"
|
|
string="itemClassificationText" selection="eventsDefaultClassification"/></dd>
|
|
<dt><var:string label:value="Default tasks classification :"/></dt>
|
|
<dd><var:popup list="calendarClassificationsList" item="item"
|
|
const:id="tasksClassification"
|
|
const:name="tasksClassification"
|
|
string="itemClassificationText" selection="tasksDefaultClassification"/></dd>
|
|
<dt><var:string label:value="Default reminder :"/></dt>
|
|
<dd><var:popup list="reminderList" item="item"
|
|
const:disabledValue="-"
|
|
label:noSelectionString="reminder_NONE"
|
|
const:name="reminderList"
|
|
const:id="reminderList"
|
|
string="itemReminderText" var:selection="reminder"/></dd>
|
|
</dl>
|
|
<div class="tabsContainer" id="calendarOptionsTabs">
|
|
<ul>
|
|
<li target="calendarCategoriesView">
|
|
<span><var:string label:value="Categories"/></span></li>
|
|
<li target="calendarAppointmentsInvitationsView">
|
|
<span><var:string label:value="Appointments invitations"/></span></li>
|
|
</ul>
|
|
<div class="tabs">
|
|
<div id="calendarCategoriesView" class="tab">
|
|
<div id="calendarCategoriesListWrapper" class="listWrapper">
|
|
<table class="categoriesList" cellspacing="0">
|
|
<thead>
|
|
<tr class="tableview">
|
|
<th const:class="tbtv_headercell" const:id="nameTableHeader">
|
|
<var:string label:value="Name"/></th>
|
|
<th const:class="tbtv_headercell" const:id="colorTableHeader">
|
|
<var:string label:value="Color"/></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<var:foreach list="calendarCategoryList" item="category">
|
|
<tr const:class="categoryListRow">
|
|
<td const:class="categoryListCell">
|
|
<var:string var:value="category"/></td>
|
|
<td const:class="categoryListCell">
|
|
<div const:class="colorBox" var:data-color="categoryColor"><entity name="nbsp"/></div></td>
|
|
</tr>
|
|
</var:foreach>
|
|
</tbody>
|
|
</table>
|
|
</div><!-- #calendarCategoriesListWrapper -->
|
|
<div class="bottomToolbar">
|
|
<a const:id="calendarCategoryAdd" class="bottomButton" href="#">
|
|
<span><img rsrc:src="add-icon.png" label:title="Add" /></span></a>
|
|
<a const:id="calendarCategoryDelete" class="bottomButton" href="#">
|
|
<span><img rsrc:src="remove-icon.png" label:title="Delete" /> </span></a>
|
|
</div><!-- .bottomToolbar -->
|
|
<input type="hidden" const:id="calendarCategoriesValue"
|
|
const:name="calendarCategoriesValue" var:value="calendarCategoriesValue"/>
|
|
</div><!-- #calendarCategoriesView -->
|
|
|
|
<div id="calendarAppointmentsInvitationsView" class="tab">
|
|
<div><input type="checkbox"
|
|
const:name="preventInvitations"
|
|
const:id="preventInvitations"
|
|
var:checked="preventInvitations" />
|
|
<var:string label:value="Prevent from being invited to appointments"/></div>
|
|
<hr />
|
|
<var:string label:value="White list for appointment invitations:"/>
|
|
<div id="appointmentsWhiteListWrapper" class="listWrapper">
|
|
<table id="tableViewWhiteList" cellspacing="0">
|
|
<thead>
|
|
<tr class="tableview">
|
|
<th const:class="tbtv_headercell" const:id="whiteListTableHeader">
|
|
<var:string label:value="Contacts Names"/></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<var:foreach list="appointmentsWhiteList" item="contact">
|
|
<tr const:class="whiteListRow">
|
|
<td const:class="whiteListCell">
|
|
<var:string var:value="contact"/></td>
|
|
</tr>
|
|
</var:foreach>
|
|
</tbody>
|
|
</table>
|
|
</div><!-- #appointmentsWhiteListWrapper -->
|
|
<div class="bottomToolbar">
|
|
<a const:id="appointmentsWhiteListAdd" class="bottomButton" href="#">
|
|
<span><img rsrc:src="add-icon.png" label:title="Add" /></span></a>
|
|
<a const:id="appointmentsWhiteListDelete" class="bottomButton" href="#">
|
|
<span><img rsrc:src="remove-icon.png" label:title="Delete" /></span></a>
|
|
</div><!-- .bottomToolbar -->
|
|
<input type="hidden" const:id="whiteList"
|
|
const:name="whiteList" var:value="whiteList"/>
|
|
</div><!-- #calendarAppointmentsInvitationsView -->
|
|
</div><!-- .tabs -->
|
|
</div><!-- #calendarOptionsTabs -->
|
|
</div><!-- #calendarOptionsView -->
|
|
</var:if>
|
|
<div id="contactsOptionsView" class="tab">
|
|
<label><var:string label:value="Categories"/></label>
|
|
<div id="contactsCategoriesListWrapper" class="listWrapper"
|
|
><table class="categoriesList" cellspacing="0">
|
|
<thead>
|
|
<tr class="tableview"
|
|
><th const:class="tbtv_headercell" const:id="nameTableHeader"
|
|
><var:string label:value="Name"/></th
|
|
></tr
|
|
></thead>
|
|
<tbody>
|
|
<var:foreach list="contactsCategoryList" item="category">
|
|
<tr const:class="categoryListRow"
|
|
><td const:class="categoryListCell"
|
|
><var:string var:value="category"/></td
|
|
></tr>
|
|
</var:foreach>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="bottomToolbar">
|
|
<a const:id="contactsCategoryAdd" class="bottomButton" href="#">
|
|
<span><img rsrc:src="add-icon.png" label:title="Add" />
|
|
</span></a>
|
|
<a const:id="contactsCategoryDelete" class="bottomButton" href="#">
|
|
<span><img rsrc:src="remove-icon.png" label:title="Delete" />
|
|
</span></a>
|
|
</div>
|
|
<input type="hidden" const:id="contactsCategoriesValue"
|
|
const:name="contactsCategoriesValue" var:value="contactsCategoriesValue"/>
|
|
</div>
|
|
<var:if condition="userHasMailAccess">
|
|
<div id="mailOptionsView" class="tab">
|
|
<dl class="dl-horizontal">
|
|
<dt></dt>
|
|
<dd><input type="checkbox"
|
|
const:name="subscribedFoldersOnly"
|
|
const:id="subscribedFoldersOnly"
|
|
var:checked="showSubscribedFoldersOnly" />
|
|
<var:string label:value="Show subscribed mailboxes only"/></dd>
|
|
<dt></dt>
|
|
<dd><input type="checkbox"
|
|
const:name="sortByThreads"
|
|
const:id="sortByThreads"
|
|
var:checked="sortByThreads" />
|
|
<var:string label:value="Sort messages by threads"/></dd>
|
|
<dd><input type="checkbox"
|
|
const:name="addOutgoingAddresses"
|
|
const:id="addOutgoingAddresses"
|
|
var:checked="addOutgoingAddresses"
|
|
onChange = "onAddOutgoingAddressesCheck(this);"/>
|
|
<var:string label:value="When sending mail, add unknown recipients to my"/><br/>
|
|
<var:popup list="addressBookList" item="item"
|
|
const:id="addressBookList"
|
|
const:name="addressBookList"
|
|
string="itemAddressBookText" selection="userAddressBook"/></dd>
|
|
<dt></dt>
|
|
<dt><var:string label:value="Forward messages:"/></dt>
|
|
<dd><var:popup list="messageForwardingList" item="item"
|
|
const:id="messageForwarding"
|
|
const:name="messageForwarding"
|
|
string="itemMessageForwardingText"
|
|
selection="userMessageForwarding"/></dd>
|
|
<dt><var:string label:value="When replying to a message:"/></dt>
|
|
<dd><var:popup list="replyPlacementList" item="item"
|
|
const:id="replyPlacementList"
|
|
const:name="replyPlacementList"
|
|
string="itemReplyPlacementText"
|
|
selection="userReplyPlacement"/></dd>
|
|
<dt><var:string label:value="And place my signature"/></dt>
|
|
<dd><var:popup list="signaturePlacementList" item="item"
|
|
const:id="signaturePlacementList"
|
|
const:name="signaturePlacementList"
|
|
string="itemSignaturePlacementText"
|
|
selection="userSignaturePlacement"/></dd>
|
|
<dt><var:string label:value="Compose messages in"/></dt>
|
|
<dd><var:popup list="composeMessagesType" item="item"
|
|
const:id="composeMessagesType"
|
|
const:name="composeMessagesType"
|
|
string="itemComposeMessagesText"
|
|
selection="userComposeMessagesType"/></dd>
|
|
<dt><var:string label:value="Display remote inline images"/></dt>
|
|
<dd><var:popup list="displayRemoteInlineImages" item="item"
|
|
const:id="displayRemoteInlineImages"
|
|
const:name="displayRemoteInlineImages"
|
|
string="itemDisplayRemoteInlineImagesText"
|
|
selection="userDisplayRemoteInlineImages"/></dd>
|
|
<dt><var:string label:value="Auto save every"/></dt>
|
|
<dd><input const:name="autoSave" const:id="autoSave"
|
|
type="text" autocomplete="off" var:value="autoSave"/><var:string label:value="minutes"/></dd>
|
|
</dl>
|
|
|
|
<div class="tabsContainer" id="mailOptionsTabs">
|
|
<ul>
|
|
<var:if condition="isSieveScriptsEnabled"
|
|
><li target="mailFiltersView"><span><var:string
|
|
label:value="Filters"/></span></li
|
|
></var:if>
|
|
<li target="mailLabelsView"><span><var:string
|
|
label:value="Labels"/></span></li>
|
|
</ul>
|
|
<div class="tabs">
|
|
<var:if condition="isSieveScriptsEnabled"
|
|
><div id="mailFiltersView" class="tab">
|
|
<script type="text/javascript">
|
|
var sieveCapabilities = <var:string value="sieveCapabilities" const:escapeHTML="NO"/>;
|
|
</script>
|
|
<div id="filtersListWrapper" class="listWrapper">
|
|
<table id="filtersList" cellspacing="0">
|
|
<thead>
|
|
<tr class="tableview">
|
|
<th const:class="tbtv_headercell" const:id="nameTableHeader"
|
|
><var:string label:value="Name" /></th>
|
|
<th const:class="tbtv_headercell" const:id="activeTableHeader"
|
|
><var:string label:value="Active" /></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody><!--space --></tbody>
|
|
</table>
|
|
<input type="hidden" const:name="sieveFilters" const:id="sieveFilters"
|
|
var:value="sieveFiltersValue"/>
|
|
</div><!-- #filtersListWrapper -->
|
|
<div class="bottomToolbar">
|
|
<a const:id="filterAdd" class="bottomButton" href="#">
|
|
<span><img rsrc:src="add-icon.png" label:title="Add" /></span></a>
|
|
<a const:id="filterDelete" class="bottomButton" href="#">
|
|
<span><img rsrc:src="remove-icon.png" label:title="Delete" /></span></a>
|
|
<a const:id="filterMoveUp" class="bottomButton" href="#">
|
|
<span><img rsrc:src="up-icon.png" label:title="Move Up" /></span></a>
|
|
<a const:id="filterMoveDown" class="bottomButton" href="#">
|
|
<span><img rsrc:src="down-icon.png" label:title="Move Down" /></span></a>
|
|
</div><!-- .bottomToolbar -->
|
|
</div
|
|
></var:if><!-- #mailFiltersView -->
|
|
|
|
<div id="mailLabelsView" class="tab">
|
|
<div id="mailLabelsListWrapper" class="listWrapper">
|
|
<table id="labelsList" cellspacing="0">
|
|
<thead>
|
|
<tr class="tableview">
|
|
<th const:class="tbtv_headercell" const:id="labelTableHeader"
|
|
><var:string label:value="Label"/></th>
|
|
<th const:class="tbtv_headercell" const:id="colorTableHeader"
|
|
><var:string label:value="Color"/></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<var:foreach list="mailLabelList" item="label"
|
|
><tr var:data-name="label.name" const:class="labelListRow">
|
|
<td const:class="labelListCell"
|
|
><var:string var:value="label.label"/></td>
|
|
<td const:class="labelListCell">
|
|
<div const:class="colorBox" var:data-color="label.color"><entity name="nbsp"/></div>
|
|
</td>
|
|
</tr>
|
|
</var:foreach>
|
|
</tbody>
|
|
</table>
|
|
</div><!-- #mailLabelsListWrapper -->
|
|
<div class="bottomToolbar">
|
|
<a const:id="mailLabelAdd" class="bottomButton" href="#">
|
|
<span><img rsrc:src="add-icon.png" label:title="Add" />
|
|
</span></a>
|
|
<a const:id="mailLabelDelete" class="bottomButton" href="#">
|
|
<span><img rsrc:src="remove-icon.png" label:title="Delete" />
|
|
</span></a>
|
|
</div><!-- .bottomToolbar -->
|
|
<input type="hidden" const:id="mailLabelsValue"
|
|
const:name="mailLabelsValue" var:value="mailLabelsValue"/>
|
|
</div><!-- #mailLabelsView -->
|
|
</div><!-- .tabs -->
|
|
</div><!-- #mailOptionsTabs -->
|
|
</div><!-- #mailOptionsView -->
|
|
|
|
<div id="mailAccountsView" class="tab">
|
|
<input type="hidden" const:name="mailAccountsJSON" const:id="mailAccountsJSON"
|
|
var:value="mailAccounts"/>
|
|
<div id="mailAccountsListWrapper" class="listWrapper"
|
|
><ul id="mailAccountsList"
|
|
><!-- space --></ul
|
|
></div>
|
|
<var:if condition="mailAuxiliaryUserAccountsEnabled">
|
|
<div const:id="mailAccountsToolbar" class="bottomToolbar">
|
|
<a const:id="mailAccountAdd" class="bottomButton" href="#">
|
|
<span><img rsrc:src="add-icon.png" label:title="Add" />
|
|
</span></a>
|
|
<a const:id="mailAccountDelete" class="bottomButton" href="#">
|
|
<span><img rsrc:src="remove-icon.png" label:title="Delete" />
|
|
</span></a>
|
|
</div>
|
|
</var:if>
|
|
<div id="mailAccountEditor">
|
|
<fieldset const:id="accountInfo">
|
|
<dl class="dl-horizontal">
|
|
<dt><var:string label:value="Server Name:"/></dt>
|
|
<dd><input const:name="serverName" const:id="serverName" type="text" const:value=""/>
|
|
<var:string label:value="Port:"/>
|
|
<input const:name="port" const:id="port" type="text" const:value=""/></dd>
|
|
<dt><var:string label:value="Encryption:"/></dt>
|
|
<dd><input const:name="encryption" type="radio" const:value="none"/>
|
|
<var:string label:value="None"/>
|
|
<input const:name="encryption" type="radio" const:value="ssl"/>
|
|
<var:string label:value="SSL"/>
|
|
<input const:name="encryption" type="radio" const:value="tls"/>
|
|
<var:string label:value="TLS"/></dd>
|
|
<dt><var:string label:value="User Name:"/></dt>
|
|
<dd><input const:name="userName" const:id="userName" type="text" const:value=""/></dd>
|
|
<dt><var:string label:value="Password:"/></dt>
|
|
<dd><input const:name="password" const:id="password" type="password" const:value=""/></dd>
|
|
</dl>
|
|
<input const:name="encryption" type="hidden" const:value="none"/>
|
|
</fieldset>
|
|
|
|
<script type="text/javascript">
|
|
var mailCustomFromEnabled = <var:string value="mailCustomFromEnabled" const:escapeHTML="NO"/>;
|
|
</script>
|
|
|
|
<fieldset const:id="identityInfo">
|
|
<dl class="dl-horizontal">
|
|
<dt><var:string label:value="Full Name:"/></dt>
|
|
<dd><input const:name="fullName" const:id="fullName" type="text" const:value=""/></dd>
|
|
<dt><var:string label:value="Email:"/></dt>
|
|
<dd><input const:name="email" const:id="email" type="text" const:value=""/></dd>
|
|
<dt><var:string label:value="Reply To Email:"/></dt>
|
|
<dd><input const:name="replyTo" const:id="replyTo" type="text" autocomplete="off" const:value=""/></dd>
|
|
<dt><var:string label:value="Signature:"/></dt>
|
|
<dd><span id="actSignature"><!--space --></span></dd>
|
|
</dl>
|
|
</fieldset>
|
|
|
|
<fieldset const:id="returnReceiptsInfo">
|
|
<var:string
|
|
label:value="When I receive a request for a return receipt:"
|
|
/><br/>
|
|
<label><input const:name="receipt-action" const:id="receipt-action-ignore"
|
|
type="radio" const:value="ignore"/>
|
|
<var:string
|
|
label:value="Never send a return receipt"/></label
|
|
><br/>
|
|
<label><input const:name="receipt-action" const:id="receipt-action-allow"
|
|
type="radio" const:value="allow"/>
|
|
<var:string
|
|
label:value="Allow return receipts for some messages"/></label
|
|
><br/>
|
|
<div id="receiptOptions">
|
|
<var:string
|
|
label:value="If I'm not in the To or Cc of the message:"/>
|
|
<select name="receipt-non-recipient-action" id="receipt-non-recipient-action">
|
|
<option const:value="ignore"><var:string label:value="Never send"/></option>
|
|
<option const:value="send"><var:string label:value="Always send"/></option>
|
|
<option const:value="ask"><var:string label:value="Ask me"/></option>
|
|
</select><br/>
|
|
|
|
<var:string
|
|
label:value="If the sender is outside my domain:"/>
|
|
<select name="receipt-outside-domain-action" id="receipt-outside-domain-action">
|
|
<option const:value="ignore"><var:string label:value="Never send"/></option>
|
|
<option const:value="send"><var:string label:value="Always send"/></option>
|
|
<option const:value="ask"><var:string label:value="Ask me"/></option>
|
|
</select><br/>
|
|
|
|
<var:string
|
|
label:value="In all other cases:"/>
|
|
<select name="receipt-any-action" id="receipt-any-action">
|
|
<option const:value="ignore"><var:string label:value="Never send"/></option>
|
|
<option const:value="send"><var:string label:value="Always send"/></option>
|
|
<option const:value="ask"><var:string label:value="Ask me"/></option>
|
|
</select><br/>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
<var:if condition="isVacationEnabled">
|
|
<div id="vacationView" class="tab">
|
|
<label><input type="checkbox"
|
|
const:name="enableVacation"
|
|
const:id="enableVacation"
|
|
var:checked="enableVacation" />
|
|
<var:string label:value="Enable vacation auto reply"/></label>
|
|
<div id="vacation">
|
|
<label><var:string label:value="Auto reply message :"/><br/>
|
|
<textarea const:name="autoReplyText"
|
|
const:id="autoReplyText"
|
|
var:value="autoReplyText"/>
|
|
</label><br/>
|
|
|
|
<label><var:string label:value="Email addresses (separated by commas) :"/><br/>
|
|
<input type="hidden"
|
|
const:id="defaultEmailAddresses"
|
|
var:value="defaultEmailAddresses" />
|
|
<textarea const:name="autoReplyEmailAddresses"
|
|
const:id="autoReplyEmailAddresses"
|
|
var:value="autoReplyEmailAddresses" /><br/>
|
|
<span><a href="#" class="button" id="addDefaultEmailAddresses"><span>
|
|
<var:string label:value="Add default email addresses" /></span></a>
|
|
</span>
|
|
</label><br/>
|
|
|
|
<label><var:string label:value="Days between responses :"/>
|
|
<var:popup list="daysBetweenResponsesList" item="item"
|
|
const:id="daysBetweenResponsesList"
|
|
const:name="daysBetweenResponsesList"
|
|
string="item"
|
|
selection="daysBetweenResponses" /></label><br/>
|
|
|
|
<label><input type="checkbox"
|
|
const:name="ignoreLists"
|
|
const:id="ignoreLists"
|
|
var:checked="ignoreLists" />
|
|
<var:string label:value="Do not send responses to mailing lists" /></label><br/>
|
|
|
|
<label class="timeDate"><input var:checked="enableVacationEndDate"
|
|
const:name="enableVacationEndDate" const:id="enableVacationEndDate" type="checkbox" class="checkBox"
|
|
/><var:string label:value="Disable auto reply on" /></label><var:component className="UIxTimeDateControl"
|
|
const:displayTimeControl="0"
|
|
var:disabled="disableVacationEndDate"
|
|
const:controlID="vacationEndDate"
|
|
date="vacationEndDate"
|
|
const:dayStartHour="0"
|
|
const:dayEndHour="23"
|
|
/>
|
|
|
|
</div>
|
|
</div>
|
|
</var:if
|
|
><var:if condition="isForwardEnabled">
|
|
<div id="forwardView" class="tab">
|
|
<label><input type="checkbox"
|
|
const:name="enableForward"
|
|
const:id="enableForward"
|
|
var:checked="enableForward" />
|
|
<var:string label:value="Forward incoming messages"/></label><br/>
|
|
|
|
<div id="forward">
|
|
<label><var:string label:value="Email addresses (separated by commas) :"/><br/>
|
|
<textarea const:name="forwardAddress"
|
|
const:id="forwardAddress"
|
|
var:value="forwardAddress" />
|
|
</label><br/>
|
|
|
|
<label><input type="checkbox"
|
|
const:name="forwardKeepCopy"
|
|
const:id="forwardKeepCopy"
|
|
var:checked="forwardKeepCopy" />
|
|
<var:string label:value="Keep a copy" /></label><br/>
|
|
</div>
|
|
</div>
|
|
</var:if>
|
|
</var:if><!-- userHasMailAccess -->
|
|
<var:if condition="shouldDisplayPasswordChange">
|
|
<div id="passwordView" class="tab">
|
|
<p id="passwordFields"><label><var:string label:value="New password:"
|
|
/><input const:id="newPasswordField" class="textField"
|
|
type="password" const:value=""/></label><br/>
|
|
<label><var:string label:value="Confirmation:"
|
|
/><input const:id="newPasswordConfirmationField" class="textField"
|
|
type="password" const:value=""/></label><br/>
|
|
<a href="#" class="button" id="changePasswordBtn"
|
|
><span><var:string label:value="Change"/></span></a><br/>
|
|
</p>
|
|
<p id="passwordError"><!-- space --></p>
|
|
</div>
|
|
</var:if
|
|
><var:if condition="shouldDisplayAdditionalPreferences"
|
|
><div id="additionalView" class="tab">
|
|
<var:component className="UIxAdditionalPreferences"/>
|
|
</div></var:if>
|
|
<input type="hidden" id="hasChanged" name="hasChanged"
|
|
var:value="hasChanged"/>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</var:component>
|