919 lines
42 KiB
XML
919 lines
42 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:jsFiles="Preferences.app.js, Common.js, Mailer.js, Contacts.js, Preferences.js">
|
|
|
|
<main class="view md-layout-fill" ui-view="preferences" layout="row"
|
|
ng-controller="navController"><!-- preferences --> </main>
|
|
|
|
<script type="text/javascript">
|
|
var mailCustomFromEnabled = <var:string value="mailCustomFromEnabled" const:escapeHTML="NO"/>;
|
|
</script>
|
|
|
|
<script type="text/ng-template" id="preferences.html">
|
|
|
|
<md-sidenav id="left-sidenav" class="md-sidenav-left md-whiteframe-z1" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')" layout="column">
|
|
<var:component className="UIxSidenavToolbarTemplate" />
|
|
<md-content md-scroll-y="md-scroll-y" class="md-flex">
|
|
<md-list>
|
|
<md-list-item ui-sref-active="sg-active">
|
|
<button class="md-button md-flex sg-item-name"
|
|
ui-sref="preferences.general"><var:string label:value="General"/></button>
|
|
</md-list-item>
|
|
<md-list-item ui-sref-active="sg-active">
|
|
<button class="md-button md-flex sg-item-name"
|
|
ui-sref="preferences.calendars"><var:string label:value="Calendar"/></button>
|
|
</md-list-item>
|
|
<md-list-item ui-sref-active="sg-active">
|
|
<button class="md-button md-flex sg-item-name"
|
|
ui-sref="preferences.addressbooks"><var:string label:value="Contacts"/></button>
|
|
</md-list-item>
|
|
<md-list-item ui-sref-active="sg-active">
|
|
<button class="md-button md-flex sg-item-name"
|
|
ui-sref="preferences.mailer"><var:string label:value="Mail"/></button>
|
|
</md-list-item>
|
|
</md-list>
|
|
</md-content>
|
|
</md-sidenav>
|
|
|
|
<section layout="column" class="md-layout-fill">
|
|
|
|
<!-- TOP RIGHT TOOLBAR -->
|
|
<md-toolbar layout="row" layout-align="space-between start" class="md-tall">
|
|
<div class="md-toolbar-tools md-toolbar-tools-top sg-padded" layout="row" layout-align="space-between start">
|
|
<var:component className="UIxTopnavToolbarTemplate" />
|
|
<div class="sg-toolbar-group-last">
|
|
<md-button class="iconButton" label:aria-label="Menu">
|
|
<i class="md-icon-more-vert"><!--icon--></i>
|
|
</md-button>
|
|
</div>
|
|
</div>
|
|
</md-toolbar>
|
|
|
|
<md-content>
|
|
<form name="preferencesForm"
|
|
ng-submit="app.save()">
|
|
<div ui-view="module"><!-- view --></div>
|
|
<div class="md-actions">
|
|
<md-button type="submit">
|
|
<var:string label:value="Save" />
|
|
</md-button>
|
|
</div>
|
|
</form>
|
|
</md-content>
|
|
|
|
</section>
|
|
|
|
</script>
|
|
|
|
<!--
|
|
GENERAL PREFERENCE PANEL
|
|
-->
|
|
<script type="text/ng-template" id="generalPreferences.html">
|
|
|
|
<md-tabs class="md-flex" md-dynamic-height="true">
|
|
|
|
<!-- GENERAL OPTIONS -->
|
|
<md-tab id="generalOptionsView" aria-controls="generalOptionsView-content" label:label="General">
|
|
<div aria-labelledby="generalOptionsView" id="generalOptionsView-content">
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="SOGo Version :"/></div>
|
|
<div><var:string value="sogoVersion"/></div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Language :"/></div>
|
|
<div>
|
|
<md-select label:aria-label="Language :" ng-model="app.preferences.defaults.SOGoLanguage">
|
|
<var:foreach list="languages" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="languageText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Current Time Zone :"/></div>
|
|
<div>
|
|
<md-select label:aria-label="Current Time Zone :" ng-model="app.preferences.defaults.SOGoTimeZone">
|
|
<var:foreach list="timeZonesList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="item"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Short Date Format :"/></div>
|
|
<div>
|
|
<md-select label:aria-label="Short Date Format :" ng-model="app.preferences.defaults.SOGoShortDateFormat">
|
|
<var:foreach list="shortDateFormatsList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemShortDateFormatText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
|
|
<!-- <var:popup list="shortDateFormatsList" item="item"
|
|
const:id="shortDateFormat"
|
|
const:name="shortDateFormat"
|
|
string="itemShortDateFormatText"
|
|
selection="userShortDateFormat" /> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Long Date Format :"/></div>
|
|
<div>
|
|
<md-select label:aria-label="Long Date Format :" ng-model="app.preferences.defaults.SOGoLongDateFormat">
|
|
<var:foreach list="longDateFormatsList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemLongDateFormatText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
<!-- <var:popup list="longDateFormatsList" item="item"
|
|
const:id="longDateFormat"
|
|
const:name="longDateFormat"
|
|
string="itemLongDateFormatText"
|
|
selection="userLongDateFormat" /> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Time Format :"/></div>
|
|
<div>
|
|
<md-select label:aria-label="Time Format :" ng-model="app.preferences.defaults.SOGoTimeFormat">
|
|
<var:foreach list="timeFormatsList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemTimeFormatText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
<!-- <var:popup list="timeFormatsList" item="item"
|
|
const:id="timeFormat"
|
|
const:name="timeFormat"
|
|
string="itemTimeFormatText"
|
|
selection="userTimeFormat" /> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Default Module:"/></div>
|
|
<md-select label:aria-label="Default Module:" ng-model="app.preferences.defaults.SOGoLoginModule">
|
|
<var:foreach list="availableModules" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemModuleText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Refresh View :"/></div>
|
|
<div>
|
|
<md-select label:aria-label="Refresh View :" ng-model="app.preferences.defaults.SOGoRefreshViewCheck">
|
|
<var:foreach list="refreshViewList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemRefreshViewCheckText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</md-tab>
|
|
|
|
<!-- PASSWORD OPTIONS -->
|
|
<var:if condition="shouldDisplayPasswordChange">
|
|
<md-tab id="generalPasswordView"
|
|
aria-controls="generalPasswordView-content"
|
|
label:label="Password">
|
|
<div id="passwordView">
|
|
<md-input-container>
|
|
<label><var:string label:value="New password:"/>
|
|
</label>
|
|
<input type="password" ng-model="app.passwords.newPassword"/>
|
|
</md-input-container>
|
|
|
|
<md-input-container>
|
|
<label><var:string label:value="Confirmation:"/>
|
|
</label>
|
|
<input type="password" ng-model="app.passwords.newPasswordConfirmation"/>
|
|
</md-input-container>
|
|
|
|
<md-button ng-click="app.changePassword()" type="button" ng-disabled="!app.canChangePassword()">
|
|
<var:string label:value="Change"/>
|
|
</md-button>
|
|
|
|
</div>
|
|
</md-tab>
|
|
</var:if>
|
|
|
|
</md-tabs>
|
|
</script>
|
|
|
|
<!--
|
|
CALENDAR PREFERENCE PANEL
|
|
-->
|
|
<script type="text/ng-template" id="calendarsPreferences.html">
|
|
<md-tabs class="md-flex" md-dynamic-height="true">
|
|
|
|
<!-- CALENDAR - GENERAL -->
|
|
<md-tab id="calendarOptionsView"
|
|
aria-controls="calendarOptionsView-content"
|
|
label:label="General">
|
|
<!-- <script type="text/ng-template" id="calendarsPreferences.html"> -->
|
|
<var:if condition="userHasCalendarAccess">
|
|
<div role="tabpanel"
|
|
aria-labelledby="calendarOptionsView"
|
|
id="calendarOptionsView-content">
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Week begins on :" /></div>
|
|
<div>
|
|
<md-select label:aria-label="Week begins on :"
|
|
ng-model="app.preferences.defaults.SOGoFirstDayOfWeek">
|
|
<var:foreach list="daysList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemWeekStartDay"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
<!-- <var:popup list="daysList" item="item"
|
|
const:id="weekStartDay"
|
|
const:name="weekStartDay"
|
|
string="itemWeekStartDay"
|
|
selection="userWeekStartDay" /> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Day start time :" /></div>
|
|
<div>
|
|
<md-select label:aria-label="Day start time :"
|
|
ng-model="app.preferences.defaults.SOGoDayStartTime">
|
|
<var:foreach list="hoursList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="item"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
<!-- <var:popup list="hoursList" item="item"
|
|
const:id="dayStartTime"
|
|
const:name="dayStartTime"
|
|
string="item"
|
|
selection="userDayStartTime" /> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Day end time :" /></div>
|
|
<div>
|
|
<md-select label:aria-label="Day end time :"
|
|
ng-model="app.preferences.defaults.SOGoDayEndTime">
|
|
<var:foreach list="hoursList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="item"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
<!-- <var:popup list="hoursList" item="item"
|
|
const:id="dayEndTime"
|
|
const:name="dayEndTime"
|
|
string="item"
|
|
selection="userDayEndTime"/> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<md-checkbox
|
|
ng-model="app.preferences.defaults.SOGoBusyOffHours"
|
|
ng-true-value="1"
|
|
ng-false-value="0">
|
|
<var:string label:value="Show time as busy outside working hours"/>
|
|
</md-checkbox>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="First week of year :"/></div>
|
|
<div>
|
|
<md-select label:aria-label="First week of year :"
|
|
ng-model="app.preferences.defaults.SOGoFirstWeekOfYear">
|
|
<var:foreach list="firstWeekList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemFirstWeekText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
<!-- <var:popup list="firstWeekList" item="item"
|
|
const:id="firstWeek"
|
|
const:name="firstWeek"
|
|
string="itemFirstWeekText"
|
|
selection="userFirstWeek"/> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Default calendar :" /></div>
|
|
<div>
|
|
<md-select label:aria-label="Default calendar :"
|
|
ng-model="app.preferences.defaults.SOGoDefaultCalendar">
|
|
<var:foreach list="defaultCalendarList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemCalendarText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
<!-- <var:popup list="defaultCalendarList" item="item"
|
|
const:id="defaultCalendar"
|
|
const:name="defaultCalendar"
|
|
string="itemCalendarText"
|
|
selection="userDefaultCalendar"/> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Default events classification :" /></div>
|
|
<div>
|
|
<md-select label:aria-label="Default events classification :"
|
|
ng-model="app.preferences.defaults.SOGoCalendarEventsDefaultClassification">
|
|
<var:foreach list="calendarClassificationsList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemClassificationText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
<!-- <var:popup list="calendarClassificationsList" item="item"
|
|
const:id="eventsClassification"
|
|
const:name="eventsClassification"
|
|
string="itemClassificationText"
|
|
selection="eventsDefaultClassification"/> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Default tasks classification :"/></div>
|
|
<div>
|
|
<md-select label:aria-label="Default tasks classification :"
|
|
ng-model="app.preferences.defaults.SOGoCalendarTasksDefaultClassification">
|
|
<var:foreach list="calendarClassificationsList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemClassificationText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
<!-- <var:popup list="calendarClassificationsList" item="item"
|
|
const:id="tasksClassification"
|
|
const:name="tasksClassification"
|
|
string="itemClassificationText"
|
|
selection="tasksDefaultClassification"/> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Default reminder :"/></div>
|
|
<div>
|
|
<md-select label:aria-label="Default reminder :"
|
|
ng-model="app.preferences.defaults.SOGoCalendarDefaultReminder">
|
|
<var:foreach list="reminderValues" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemReminderText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
<!-- <var:popup list="reminderList" item="item"
|
|
const:disabledValue="-"
|
|
label:noSelectionString="reminder_NONE"
|
|
const:name="reminderList"
|
|
const:id="reminderList"
|
|
string="itemReminderText"
|
|
var:selection="reminder"/> -->
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</var:if>
|
|
</md-tab>
|
|
|
|
<!-- CALENDAR - CATEGORIES -->
|
|
<md-tab id="calendarCategories"
|
|
aria-controls="calendarCategories-content"
|
|
label:label="Categories">
|
|
|
|
<md-list>
|
|
<md-list-item ng-repeat="item in
|
|
app.preferences.defaults.SOGoCalendarCategories
|
|
track by $index">
|
|
<i class="md-avatar" ng-style="{'background-color': '{{app.preferences.defaults.SOGoCalendarCategoriesColors[item]}}'}"><!-- category color --></i>
|
|
<md-input-container>
|
|
<input type="text" label:aria-label="Calendar Category" ng-model="app.preferences.defaults.SOGoCalendarCategories[$index]"/>
|
|
</md-input-container>
|
|
<md-button type="button"
|
|
layout="row" layout-align="end center"
|
|
label:aria-label="Remove Calendar Category"
|
|
ng-click="app.removeCalendarCategory($index)">
|
|
<div class="md-icon-remove"><!-- delete --></div>
|
|
</md-button>
|
|
</md-list-item>
|
|
</md-list>
|
|
|
|
<div class="bottomToolbar">
|
|
<md-button label:aria-label="Add Calendar Category" ng-click="app.addCalendarCategory()" type="button">
|
|
<div class="md-icon-add"><!-- create --></div>
|
|
</md-button>
|
|
</div>
|
|
|
|
</md-tab>
|
|
|
|
<!-- CALENDAR - INVITATIONS -->
|
|
<md-tab id="calendarInvitationsTab"
|
|
aria-controls="calendarInvitationsTab-content"
|
|
label:label="Invitations">
|
|
<div role="tabpanel"
|
|
aria-labelledby="calendarInvitationsTab"
|
|
id="calendarInvitationsTab-content">
|
|
|
|
<md-checkbox
|
|
ng-model="app.preferences.settings.Calendar.PreventInvitations"
|
|
ng-true-value="1"
|
|
ng-false-value="0">
|
|
<var:string label:value="Prevent from being invited to appointments"/>
|
|
</md-checkbox>
|
|
|
|
<div ng-show="app.preferences.settings.Calendar.PreventInvitations == 1">
|
|
<label>
|
|
<var:string label:value="White list for appointment invitations:"/>
|
|
</label>
|
|
<md-contact-chips
|
|
ng-model="app.preferences.settings.Calendar.PreventInvitationsWhitelist"
|
|
md-contacts="app.userFilter($query, app.preferences.settings.Calendar.PreventInvitationsWhitelist)"
|
|
md-contact-name="cn"
|
|
md-contact-image="$$image"
|
|
md-contact-email="c_email"
|
|
md-require-match="md-require-match"
|
|
filter-selected="false"
|
|
label:placeholder="Add"><!-- users --></md-contact-chips>
|
|
</div>
|
|
|
|
</div>
|
|
</md-tab>
|
|
|
|
</md-tabs>
|
|
</script>
|
|
|
|
<!--
|
|
CONTACTS PREFERENCE PANEL
|
|
-->
|
|
<script type="text/ng-template" id="addressbooksPreferences.html">
|
|
<md-content layout="row" class="md-flex">
|
|
<md-tabs class="md-flex" md-dynamic-height="true">
|
|
|
|
<!-- CONTACT > GENERAL -->
|
|
<!-- <md-tab id="contactsGeneralTab"
|
|
aria-controls="contactsGeneralTab-content" label:label="General">
|
|
GENERAL
|
|
</md-tab> -->
|
|
<!-- END OF CONTACT > GENERAL -->
|
|
|
|
<!-- CONTACT > CATEGORIES -->
|
|
<md-tab id="contactsCategoriesTab" aria-controls="contactsCategoriesTab-content" label:label="Categories">
|
|
|
|
<div role="tabpanel" aria-labelledby="contactsCategoriesView" id="contactsCategoriesView-content">
|
|
<!-- <label><var:string label:value="Categories"/></label> -->
|
|
<md-list>
|
|
<md-list-item ng-repeat="item in
|
|
app.preferences.defaults.SOGoContactsCategories
|
|
track by $index">
|
|
<md-input-container>
|
|
<input type="text"
|
|
label:aria-label="Contact Category"
|
|
ng-model="app.preferences.defaults.SOGoContactsCategories[$index]"/>
|
|
</md-input-container>
|
|
<md-button type="button" layout="row" layout-align="end center"
|
|
label:aria-label="Remove Contact Category"
|
|
ng-click="app.removeContactCategory($index)"
|
|
>
|
|
<div class="md-icon-remove md-icon-lg"><!-- delete --></div>
|
|
</md-button>
|
|
</md-list-item>
|
|
</md-list>
|
|
|
|
<div class="bottomToolbar">
|
|
<md-button type="button"
|
|
label:aria-label="Add Contact Category"
|
|
ng-click="app.addContactCategory()">
|
|
<div class="md-icon-add"><!-- create --></div>
|
|
</md-button>
|
|
</div>
|
|
|
|
</div>
|
|
</md-tab>
|
|
<!-- END OF CONTACT > CATEGORIES -->
|
|
|
|
</md-tabs>
|
|
</md-content>
|
|
</script>
|
|
|
|
<!--
|
|
MAIL PREFERENCE PANEL
|
|
-->
|
|
<script type="text/ng-template" id="mailerPreferences.html">
|
|
<var:if condition="userHasMailAccess">
|
|
<md-tabs class="md-flex" md-dynamic-height="true">
|
|
|
|
<!-- MAIL > GENERAL -->
|
|
<md-tab id="mailGeneralTab" aria-controls="mailGeneralTab-content" label:label="General">
|
|
<div role="tabpanel" aria-labelledby="mailGeneralView" id="mailGeneralView-content">
|
|
|
|
<md-checkbox
|
|
ng-model="app.preferences.defaults.SOGoMailShowSubscribedFoldersOnly"
|
|
ng-true-value="1"
|
|
ng-false-value="0"
|
|
label:aria-label="Show subscribed mailboxes only">
|
|
<var:string label:value="Show subscribed mailboxes only"/>
|
|
</md-checkbox>
|
|
|
|
<md-checkbox
|
|
ng-model="app.preferences.defaults.SOGoMailSortByThreads"
|
|
ng-true-value="1"
|
|
ng-false-value="0"
|
|
label:aria-label="Sort messages by threads">
|
|
<var:string label:value="Sort messages by threads"/>
|
|
</md-checkbox>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<md-checkbox
|
|
ng-model="app.preferences.defaults.SOGoMailAddOutgoingAddresses"
|
|
ng-true-value="1"
|
|
ng-false-value="0"
|
|
label:arial-label="When sending mail, add unknown recipients to my">
|
|
<var:string label:value="When sending mail, add unknown recipients to my"/>
|
|
</md-checkbox>
|
|
|
|
<md-select
|
|
label:aria-label="Address Book"
|
|
ng-disabled="app.preferences.defaults.SOGoMailAddOutgoingAddresses == 0"
|
|
ng-model="app.preferences.defaults.SOGoSelectedAddressBook">
|
|
<var:foreach list="addressBookList" item="item">
|
|
<md-option var:value="item.id">
|
|
<var:string value="item.name"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Forward messages:"/></div>
|
|
<div>
|
|
<md-select label:aria-label="Forward messages:"
|
|
ng-model="app.preferences.defaults.SOGoMailMessageForwarding">
|
|
<var:foreach list="messageForwardingList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemMessageForwardingText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="When replying to a message:"/></div>
|
|
<div>
|
|
<md-select label:aria-label="When replying to a message:"
|
|
ng-model="app.preferences.defaults.SOGoMailReplyPlacement">
|
|
<var:foreach list="replyPlacementList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemReplyPlacementText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="And place my signature"/></div>
|
|
<div>
|
|
<md-select label:aria-label="And place my signature"
|
|
ng-model="app.preferences.defaults.SOGoMailSignaturePlacement">
|
|
<var:foreach list="signaturePlacementList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemSignaturePlacementText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Compose messages in"/></div>
|
|
<div>
|
|
<md-select label:aria-label="Compose messages in"
|
|
ng-model="app.preferences.defaults.SOGoMailComposeMessageType">
|
|
<var:foreach list="composeMessagesType" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemComposeMessagesText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Display remote inline images"/></div>
|
|
<div>
|
|
<md-select label:aria-label="Display remote inline images"
|
|
ng-model="app.preferences.defaults.SOGoMailDisplayRemoteInlineImages">
|
|
<var:foreach list="displayRemoteInlineImages" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="itemDisplayRemoteInlineImagesText"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Auto save every"/></div>
|
|
<md-input-container class="md-input-number">
|
|
<input type="number" label:aria-label="minutes" ng-model="preferences.defaults.SOGoMailAutoSave"/>
|
|
</md-input-container>
|
|
<var:string label:value="minutes"/>
|
|
</div>
|
|
|
|
</div>
|
|
</md-tab>
|
|
<!-- END OF MAIL > GENERAL -->
|
|
|
|
|
|
<!-- MAIL > FILTERS -->
|
|
<var:if condition="isSieveScriptsEnabled">
|
|
<md-tab id="mailFiltersTab"
|
|
aria-controls="mailFiltersTab-content"
|
|
label:label="Filters">
|
|
<div role="tabpanel" aria-labelledby="mailFiltersView"
|
|
id="mailFiltersView-content">
|
|
|
|
<md-list>
|
|
<md-list-item ng-repeat="item in
|
|
app.preferences.defaults.SOGoSieveFilters
|
|
track by $index">
|
|
<md-checkbox
|
|
ng-model="app.preferences.defaults.SOGoSieveFilters[$index].active"
|
|
ng-true-value="1"
|
|
ng-false-value="0">
|
|
<!-- active or not-->
|
|
</md-checkbox>
|
|
<md-input-container>
|
|
<input type="text" ng-model="app.preferences.defaults.SOGoSieveFilters[$index].name"/>
|
|
</md-input-container>
|
|
<md-button ng-click="app.editMailFilter($index)"
|
|
type="button"
|
|
layout="row" layout-align="end center"
|
|
label:aria-label="Edit Filter">
|
|
<div class="md-icon-edit md-icon-lg"><!-- edit --></div>
|
|
</md-button>
|
|
<md-button ng-click="app.removeMailFilter($index)"
|
|
type="button"
|
|
layout="row" layout-align="end center"
|
|
label:aria-label="Delete Filter">
|
|
<div class="md-icon-remove"><!-- delete --></div>
|
|
</md-button>
|
|
</md-list-item>
|
|
</md-list>
|
|
|
|
<!-- FIXME: move up/down to be replaced by DnD? -->
|
|
<div class="bottomToolbar">
|
|
<md-button ng-click="app.addMailFilter($event)"
|
|
type="button"
|
|
label:aria-label="Create Filter">
|
|
<div class="md-icon-add"><!-- create --></div>
|
|
</md-button>
|
|
</div>
|
|
</div>
|
|
</md-tab>
|
|
</var:if>
|
|
<!-- END OF MAIL > FILTERS -->
|
|
|
|
<!-- MAIL > LABELS -->
|
|
<md-tab id="mailLabelsTab"
|
|
aria-controls="mailLabelsTab-content" label:label="Labels">
|
|
|
|
<div role="tabpanel" aria-labelledby="mailLabelsView" id="mailLabelsView-content">
|
|
<md-list>
|
|
<md-list-item ng-repeat="(key, value) in
|
|
app.preferences.defaults.SOGoMailLabelsColors">
|
|
<i class="md-avatar" ng-style="{'background-color': '{{value[1]}}'}"><!-- label color --></i>
|
|
<md-input-container>
|
|
<input type="text"
|
|
label:aria-label="Label"
|
|
ng-model="value[0]"/>
|
|
</md-input-container>
|
|
<md-button type="button"
|
|
layout="row" layout-align="end center"
|
|
label:aria-label="Delete Label"
|
|
ng-click="app.removeMailLabel(key)">
|
|
<div class="md-icon-remove"><!-- delete --></div>
|
|
</md-button>
|
|
</md-list-item>
|
|
</md-list>
|
|
|
|
<div class="bottomToolbar">
|
|
<md-button type="button"
|
|
label:aria-label="Create Label"
|
|
ng-click="app.addMailLabel()">
|
|
<div class="md-icon-add"><!-- create --></div>
|
|
</md-button>
|
|
</div>
|
|
</div>
|
|
</md-tab>
|
|
<!-- END OF MAIL > LABELS -->
|
|
|
|
<!-- MAIL > ACCOUNTS -->
|
|
<md-tab id="mailAccountsTab"
|
|
aria-controls="mailAccountsTab-content"
|
|
label:label="Accounts">
|
|
|
|
<md-list>
|
|
<md-list-item ng-repeat="item in
|
|
app.preferences.defaults.AuxiliaryMailAccounts
|
|
track by $index">
|
|
<md-input-container>
|
|
<input type="text"
|
|
label:aria-label="Mail Account"
|
|
ng-model="app.preferences.defaults.AuxiliaryMailAccounts[$index].name"
|
|
ng-readonly="$index == 0"/>
|
|
</md-input-container>
|
|
<md-button ng-click="app.editMailAccount($index)"
|
|
type="button"
|
|
layout="row"
|
|
layout-align="end center"
|
|
label:aria-label="Edit Account">
|
|
<div class="md-icon-edit md-icon-lg"><!-- edit --></div>
|
|
</md-button>
|
|
<md-button ng-click="app.removeMailAccount($index)"
|
|
ng-show="$index > 0"
|
|
type="button"
|
|
layout="row"
|
|
layout-align="end center"
|
|
label:aria-label="Delete Account">
|
|
<div class="md-icon-remove md-icon-lg"><!-- delete --></div>
|
|
</md-button>
|
|
</md-list-item>
|
|
</md-list>
|
|
|
|
<var:if condition="mailAuxiliaryUserAccountsEnabled">
|
|
<div class="bottomToolbar">
|
|
<md-button ng-click="app.addMailAccount()"
|
|
type="button"
|
|
label:aria-label="Create Account">
|
|
<div class="md-icon-add"><!-- create --></div>
|
|
</md-button>
|
|
</div>
|
|
</var:if>
|
|
|
|
</md-tab>
|
|
<!-- END OF MAIL > ACCOUNTS -->
|
|
|
|
|
|
<!-- MAIL > VACATION -->
|
|
<var:if condition="isVacationEnabled">
|
|
<md-tab id="mailVacationTab" aria-controls="mailVacationTab-content" label:label="Vacation">
|
|
<div role="tabpanel" aria-labelledby="mailVacationView" id="mailVacationView-content">
|
|
|
|
<md-checkbox
|
|
ng-model="app.preferences.defaults.Vacation.enabled"
|
|
ng-true-value="1"
|
|
ng-false-value="0"
|
|
label:aria-label="Enable vacation auto reply">
|
|
<var:string label:value="Enable vacation auto reply"/>
|
|
</md-checkbox>
|
|
|
|
<div ng-show="app.preferences.defaults.Vacation.enabled == 1">
|
|
<div>
|
|
<label><var:string label:value="Auto reply message :"/>
|
|
<textarea const:name="autoReplyText"
|
|
const:id="autoReplyText"
|
|
ng-model="app.preferences.defaults.Vacation.autoReplyText"/>
|
|
</label>
|
|
</div>
|
|
|
|
<div>
|
|
<!-- <script>
|
|
var defaultEmailAddresses = <var:string value="defaultEmailAddresses" const:escapeHTML="NO"/>;
|
|
</script> -->
|
|
<label><var:string label:value="Email addresses (separated by commas) :"/></label><br/>
|
|
<textarea const:name="autoReplyEmailAddresses"
|
|
const:id="autoReplyEmailAddresses"
|
|
ng-model="app.preferences.defaults.Vacation.autoReplyEmailAddresses"/><br/>
|
|
<md-button>
|
|
<var:string label:value="Add default email addresses" type="button"/>
|
|
</md-button>
|
|
</div>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<div><var:string label:value="Days between responses :"/></div>
|
|
<div>
|
|
<md-select label:aria-label="Days between responses :"
|
|
ng-model="app.preferences.defaults.Vacation.daysBetweenResponse">
|
|
<var:foreach list="daysBetweenResponsesList" item="item">
|
|
<md-option var:value="item">
|
|
<var:string value="item"/>
|
|
</md-option>
|
|
</var:foreach>
|
|
</md-select>
|
|
</div>
|
|
</div>
|
|
|
|
<md-checkbox
|
|
ng-model="app.preferences.defaults.Vacation.ignoreLists"
|
|
ng-true-value="1"
|
|
ng-false-value="0">
|
|
<var:string label:value="Do not send responses to mailing lists" />
|
|
</md-checkbox>
|
|
|
|
<div layout="row" layout-align="space-around center">
|
|
<md-checkbox
|
|
ng-model="app.preferences.defaults.Vacation.endDateEnabled"
|
|
ng-true-value="1"
|
|
ng-false-value="0">
|
|
<var:string label:value="Disable auto reply on" />
|
|
</md-checkbox>
|
|
|
|
<div class="value">
|
|
<p class="PseudoField-inputLike--underline">
|
|
<input ng-disabled="app.preferences.defaults.Vacation.endDateEnabled == 0" type="date" ng-model="app.preferences.defaults.Vacation.endDate"/>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<md-checkbox
|
|
ng-model="app.preferences.defaults.Vacation.alwaysSend"
|
|
ng-true-value="1"
|
|
ng-false-value="0">
|
|
<var:string label:value="Always send vacation message response"/>
|
|
</md-checkbox>
|
|
</div>
|
|
</div>
|
|
</md-tab>
|
|
</var:if>
|
|
<!-- END OF MAIL > VACATION -->
|
|
|
|
<!-- MAIL > FORWARD -->
|
|
<var:if condition="isForwardEnabled">
|
|
<md-tab id="mailForwardTab" aria-controls="mailForwardTab-content" label:label="Forward">
|
|
<div role="tabpanel" aria-labelledby="mailForwardView" id="mailForwardView-content">
|
|
<div id="forwardView" class="tab">
|
|
<md-checkbox
|
|
ng-model="app.preferences.defaults.Forward.enabled"
|
|
ng-true-value="1"
|
|
ng-false-value="0">
|
|
<var:string label:value="Forward incoming messages"/>
|
|
</md-checkbox>
|
|
|
|
<div ng-show="app.preferences.defaults.Forward.enabled == 1">
|
|
<label><var:string label:value="Email addresses (separated by commas) :"/><br/>
|
|
<textarea const:name="forwardAddress"
|
|
const:id="forwardAddress"
|
|
ng-model="app.preferences.defaults.Forward.forwardAddress" />
|
|
</label><br/>
|
|
|
|
<md-checkbox
|
|
ng-model="app.preferences.defaults.Forward.keepCopy"
|
|
ng-true-value="1"
|
|
ng-false-value="0">
|
|
<var:string label:value="Keep a copy" />
|
|
</md-checkbox>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
var forwardConstraints = <var:string value="forwardConstraints" const:escapeHTML="NO"/>;
|
|
</script>
|
|
|
|
</div>
|
|
</div>
|
|
</md-tab>
|
|
</var:if>
|
|
<!-- END OF MAIL > FORWARD -->
|
|
|
|
|
|
</md-tabs>
|
|
</var:if>
|
|
</script>
|
|
|
|
</var:component>
|