Code refactoring

a lot of small fixes (Closes #173)
Added login field (ownCloud package)
This commit is contained in:
RainLoop Team 2014-05-24 02:14:16 +04:00
parent a059b3d063
commit fed896776f
129 changed files with 1016 additions and 804 deletions

View file

@ -0,0 +1,39 @@
<div class="b-login-content">
<div class="loginFormWrapper">
<center>
<div class="alert alertError" data-bind="visible: '' !== submitError()">
<button type="button" class="close" data-bind="click: function () { submitError('') }">&times;</button>
<span data-bind="text: submitError"></span>
</div>
<form class="form-horizontal span4 wrapper loginForm thm-login" action="#/" onsubmit="return false;" data-bind="command: submitCommand">
<div class="control-group" data-bind="css: {'error': loginError}">
<div class="input-append">
<input type="text" class="inputLogin span4" placeholder="Login"
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: login, hasFocus: loginFocus" />
<span class="add-on">
<i class="icon-user"></i>
</span>
</div>
</div>
<div class="control-group" data-bind="css: {'error': passwordError}">
<div class="input-append">
<input type="password" class="inputPassword span4" placeholder="Password"
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: password" />
<span class="add-on">
<i class="icon-key"></i>
</span>
</div>
</div>
<div class="control-group">
<button type="submit" class="btn btn-large span4 buttonLogin" data-bind="command: submitCommand">
<i class="icon-spinner animated" data-bind="visible: submitRequest"></i>
<span data-bind="visible: !submitRequest()">Log into the admin panel</span>
</button>
</div>
</form>
</center>
</div>
<div class="loginAfter"></div>
<div>

View file

@ -0,0 +1,24 @@
<div class="b-admin-left g-ui-user-select-none">
<div class="b-toolbar">
<div class="btn-group show-on-panel-disabled">
<a class="btn buttonResize" data-bind="click: function () { leftPanelDisabled(!leftPanelDisabled()); }">
<i data-bind="css: {'icon-resize-out': leftPanelDisabled(), 'icon-resize-in': !leftPanelDisabled()}"></i>
</a>
</div>
</div>
<div class="b-content thm-settings-menu opacity-on-panel-disabled">
<div class="b-admin-menu" data-bind="foreach: menu">
<!-- ko if: disabled -->
<span class="e-item disabled">
<span class="i18n e-link" data-bind="attr: { 'data-i18n-text': label }"></span>
</span>
<!-- /ko -->
<!-- ko ifnot: disabled -->
<a class="e-item selectable" href="#" data-bind="css: {'selected': selected }, attr: { 'href': $root.link(route) }">
<span class="i18n e-link" data-bind="attr: { 'data-i18n-text': label }"></span>
</a>
<!-- /ko -->
</div>
</div>
<div class="b-content show-on-panel-disabled" data-bind="click: function () { leftPanelDisabled(false); }"></div>
</div>

View file

@ -0,0 +1,25 @@
<div class="b-settings b-admin-right">
<div class="b-toolbar g-ui-user-select-none">
<div class="btn-toolbar">
<h4 class="pull-left">
<i class="icon-spinner animated" style="margin-top: 2px" data-bind="style: {'visibility': adminManLoadingVisibility }"></i>
&nbsp;&nbsp;
Admin Panel
&nbsp;&nbsp;
(<span data-bind="text: adminDomain"></span>)
</h4>
<div class="btn-group pull-right">
<a class="btn btn-narrow" data-bind="click: logoutClick">
<i class="icon-power"></i>
</a>
</div>
</div>
</div>
<div class="b-content" data-bind="nano: true">
<div class="content g-scrollbox">
<div class="content-wrapper">
<div id="rl-settings-subscreen" class="b-settings-content"></div>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,75 @@
<div class="b-admin-about">
<div class="form-horizontal">
<div class="legend">
About
</div>
<div class="row" style="min-width: 800px;">
<div class="span4">
<div class="rl-logo"></div>
<div style="margin-left: 45px;">
2014 &copy; All Rights Reserved.
<br />
<a class="g-ui-link" href="http://rainloop.net/" target="_blank">http://rainloop.net/</a>
</div>
</div>
<div class="span6 rl-desc">
<h1 style="margin-bottom: 0;">RainLoop</h1>
<h4 style="margin-top: 0;"><span data-bind="text: version"></span></h4>
<h4 style="color: #aaa; font-weight: normal;">Simple, modern & fast web-based email client</h4>
<h5 style="font-weight: normal; margin-top: 40px;">
<div data-bind="visible: 'error' === statusType()">
<i class="icon-warning" style="color: red"></i>
&nbsp;&nbsp;
<span data-bind="text: errorDesc"></span>
</div>
<div data-bind="visible: 'available' === statusType()">
<i class="icon-bolt" style="color: red"></i>
&nbsp;&nbsp;
New <b data-bind="text: coreRemoteVersion"></b> version is available.
<span data-bind="visible: '' !== coreRemoteRelease()">
(<span data-bind="text: coreRemoteRelease"></span>)
</span>
<br />
<br />
<span data-bind="visible: coreUpdatable() && coreAccess()">
<a class="btn" data-bind="click: updateCoreData">
<i class="icon-sync"></i>
&nbsp;&nbsp;
Update
</a>
&nbsp;&nbsp;&nbsp;
</span>
<span data-bind="visible: coreAccess()">
<a class="btn" href="http://rainloop.net/downloads/" target="_blank">
<i class="icon-download"></i>
&nbsp;&nbsp;
Download
</a>
&nbsp;&nbsp;&nbsp;
<a class="btn" href="http://rainloop.net/changelog/" target="_blank">
<i class="icon-file-text"></i>
&nbsp;&nbsp;
Changelog
</a>
</span>
</div>
<div data-bind="visible: 'up-to-date' === statusType()">
<i class="icon-ok" style="color: green"></i>
&nbsp;&nbsp;
RainLoop is up to date.
</div>
<div data-bind="visible: 'updating' === statusType()">
<i class="icon-spinner animated"></i>
&nbsp;&nbsp;
Updating&hellip;
</div>
<div data-bind="visible: 'checking' === statusType()">
<i class="icon-spinner animated"></i>
&nbsp;&nbsp;
Checking for updates&hellip;
</div>
</h5>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,60 @@
<div class="b-admin-branding">
<div class="form-horizontal">
<div class="legend">
Branding
</div>
<div class="control-group">
<label class="control-label">
Page Title
</label>
<div class="controls">
<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: title, saveTrigger: title.trigger" />
<div data-bind="saveTrigger: title.trigger"></div>
</div>
</div>
<div class="control-group">
<label class="control-label">
Loading Description
</label>
<div class="controls">
<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: loadingDesc, saveTrigger: loadingDesc.trigger" />
<div data-bind="saveTrigger: loadingDesc.trigger"></div>
</div>
</div>
<br />
<div class="legend">
Login Screen
</div>
<div class="control-group">
<label class="control-label">
Logo
</label>
<div class="controls">
<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
placeholder="https://" data-bind="value: loginLogo, saveTrigger: loginLogo.trigger" />
<div data-bind="saveTrigger: loginLogo.trigger"></div>
</div>
</div>
<div class="control-group">
<label class="control-label">
Description
</label>
<div class="controls">
<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: loginDescription, saveTrigger: loginDescription.trigger" />
<div data-bind="saveTrigger: loginDescription.trigger"></div>
</div>
</div>
<div class="control-group">
<label class="control-label">
Custom CSS
</label>
<div class="controls">
<textarea class="input-xxlarge" data-bind="value: loginCss, saveTrigger: loginCss.trigger" rows="7" spellcheck="true"></textarea>
<div style="vertical-align: top;" data-bind="saveTrigger: loginCss.trigger"></div>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,123 @@
<div class="b-admin-general">
<div class="row" data-bind="visible: !contactsSupported">
<div class="alert span8" style="margin-top: 10px;">
<h4>Notice!</h4>
<br />
Your system doesn't support contacts.
<br />
You need to install or enable <strong>PDO (SQLite / MySQL / PostgreSQL)</strong> exstenstion on your server.
</div>
</div>
<div class="form-horizontal" data-bind="visible: contactsSupported">
<div class="legend">
Contacts
</div>
<div class="control-group">
<div class="controls">
<label data-bind="click: function () { enableContacts(!enableContacts()); }">
<i data-bind="css: enableContacts() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Enable contacts
</label>
<!-- <label data-bind="click: function () { contactsSharing(!contactsSharing()); }">
<i data-bind="css: contactsSharing() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Allow contacts sharing (disabled)
</label>-->
<label data-bind="click: function () { contactsSync(!contactsSync()); }">
<i data-bind="css: contactsSync() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Allow contacts sync (with external CardDAV server)
</label>
</div>
</div>
</div>
<div class="form-horizontal" data-bind="visible: contactsSupported">
<div class="legend">
Storage (PDO)
</div>
<div class="control-group">
<label class="control-label">
Type
</label>
<div class="controls">
<select data-bind="options: contactsTypesOptions, value: mainContactsType,
optionsText: 'name', optionsValue: 'id', optionsAfterRender: defautOptionsAfterRender, saveTrigger: contactsTypeTrigger"></select>
<div data-bind="saveTrigger: contactsTypeTrigger"></div>
</div>
</div>
<br />
<div data-bind="visible: 'sqlite' !== contactsType()">
<div class="control-group">
<label class="control-label">
Dsn
</label>
<div class="controls">
<input type="text" class="span6" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: pdoDsn, saveTrigger: pdoDsnTrigger" />
<div data-bind="saveTrigger: pdoDsnTrigger"></div>
<blockquote style="margin: 10px 0 0 0">
<p class="muted">
mysql:host=127.0.0.1;port=3306;dbname=rainloop
<br />
pgsql:host=127.0.0.1;port=5432;dbname=rainloop
</p>
</blockquote>
</div>
</div>
<div class="control-group">
<label class="control-label">
User
</label>
<div class="controls">
<input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: pdoUser, saveTrigger: pdoUserTrigger" />
<div data-bind="saveTrigger: pdoUserTrigger"></div>
</div>
</div>
<div class="control-group">
<label class="control-label">
Password
</label>
<div class="controls">
<input type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: pdoPassword, saveTrigger: pdoPasswordTrigger" />
<div data-bind="saveTrigger: pdoPasswordTrigger"></div>
</div>
</div>
<div class="control-group">
<div class="controls">
<a class="btn" data-bind="command: testContactsCommand, css: { 'btn-success': testContactsSuccess, 'btn-danger': testContactsError }">
<i data-bind="css: {'icon-info': !testing(), 'icon-spinner animated': testing(), 'icon-white': testContactsSuccess() || testContactsError() }"></i>
&nbsp;&nbsp;
Test
</a>
</div>
</div>
</div>
<div data-bind="visible: 'sqlite' === contactsType()">
<div class="control-group">
<div class="controls">
<div class="alert alert-null-left-margin span8">
<h4>Notice!</h4>
<br />
Don't use this database type with a large number of active users.
</div>
</div>
</div>
<div class="control-group">
<div class="controls">
<a class="btn" data-bind="command: testContactsCommand, css: { 'btn-success': testContactsSuccess, 'btn-danger': testContactsError }">
<i data-bind="css: {'icon-info': !testing(), 'icon-spinner animated': testing(), 'icon-white': testContactsSuccess() || testContactsError() }"></i>
&nbsp;&nbsp;
Test
</a>
</div>
</div>
</div>
<div class="control-group" data-bind="visible: '' !== testContactsErrorMessage()">
<div class="controls">
<div class="row">
<div class="alert span8" data-bind="text: testContactsErrorMessage"></div>
</div>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,20 @@
<tr class="e-item" data-bind="css: {'disabled': disabled }">
<td class="e-action">
<span class="domain-name" data-bind="text: name"></span>
</td>
<td>
<a class="btn btn-small btn-small-small btn-danger pull-right button-delete button-delete-transitions" data-bind="css: {'delete-access': deleteAccess()}, click: function(oDomain) { $root.deleteDomain(oDomain); }">
<span>Are you sure?</span>
</a>
</td>
<td>
<span class="delete-domain" data-bind="visible: !deleteAccess(), click: function (oDomain) { $root.domainForDeletion(oDomain); }">
<i class="icon-trash"></i>
</span>
</td>
<td>
<span class="disabled-domain" data-bind="click: function (oDomain) { $root.disableDomain(oDomain); }">
<i data-bind="css: {'icon-checkbox-checked': !disabled(), 'icon-checkbox-unchecked': disabled}"></i>
</span>
</td>
</tr>

View file

@ -0,0 +1,30 @@
<div class="b-admin-domains g-ui-user-select-none">
<div class="legend">
Domains
</div>
<div>
<a class="btn" data-bind="click: createDomain">
<i class="icon-plus"></i>
&nbsp;&nbsp;
Add Domain
</a>
<br />
<br />
<blockquote>
<p class="muted">
List of domains webmail is allowed to access.
<br />
Click on the name to configure the domain.
</p>
</blockquote>
<table class="table table-hover b-admin-domains-list-table" data-bind="i18nUpdate: domains">
<colgroup>
<col />
<col style="width: 140px" />
<col style="width: 1%" />
<col style="width: 1%" />
</colgroup>
<tbody data-bind="template: { name: 'AdminSettingsDomainListItem', foreach: domains }"></tbody>
</table>
</div>
</div>

View file

@ -0,0 +1,73 @@
<div class="b-admin-general">
<div class="row" data-bind="visible: weakPassword">
<div class="alert alert-error span8" style="margin-top: 10px;">
<h4>Warning!</h4>
<br />
You are using the default admin password.
<br />
For security reasons please <strong><a href="#/security">change</a></strong>
password to something else now.
</div>
</div>
<div class="form-horizontal">
<div class="legend">
Interface
</div>
<div class="control-group">
<label class="control-label">
Language
</label>
<div class="controls">
<label class="flag-selector">
<span class="flag-wrapper">
<span data-bind="css: 'flag flag-' + mainLanguage()" style=""></span>
</span>
<span class="flag-name" data-bind="text: mainLanguageFullName, click: selectLanguage"></span>
<div data-bind="saveTrigger: languageTrigger"></div>
</label>
</div>
</div>
<div class="control-group">
<label class="control-label">
Theme
</label>
<div class="controls">
<select class="span2" data-bind="options: themesOptions, value: mainTheme, optionsText: 'optText', optionsValue: 'optValue', saveTrigger: themeTrigger"></select>
<div data-bind="saveTrigger: themeTrigger"></div>
</div>
</div>
<div class="control-group">
<div class="controls">
<label data-bind="click: function () { allowLanguagesOnSettings(!allowLanguagesOnSettings()); }">
<i data-bind="css: allowLanguagesOnSettings() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Allow language selection on settings screen
</label>
<label data-bind="click: function () { capaThemes(!capaThemes()); }">
<i data-bind="css: capaThemes() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Allow theme selection on settings screen
</label>
</div>
</div>
<div class="control-group">
<div class="controls">
<label data-bind="click: function () { capaAdditionalAccounts(!capaAdditionalAccounts()); }">
<i data-bind="css: capaAdditionalAccounts() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Allow additional accounts
</label>
<label data-bind="click: function () { capaAdditionalIdentities(!capaAdditionalIdentities()); }">
<i data-bind="css: capaAdditionalIdentities() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Allow additional identities
</label>
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="inline" data-bind="click: function () { capaGravatar(!capaGravatar()); }">
<i data-bind="css: capaGravatar() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Allow Gravatar
</label>
(<a class="g-ui-link" href="http://en.gravatar.com/" target="_blank">http://en.gravatar.com/</a>)
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,78 @@
<div class="b-admin-licensing" >
<div class="row">
<div class="alert alert-info span10" style="margin-top: 10px;">
RainLoop Webmail is licensed under <strong>Creative Commons
<br />
Attribution-NonCommercial-ShareAlike 3.0 Unported (CC BY-NC-SA 3.0)</strong> license.
<br />
<br />
You are <strong>free</strong> to use it for your <strong>personal</strong> or <strong>non-profit</strong> projects.
<br />
<br />
Commercial use of <strong>RainLoop Webmail</strong> requires getting a
<a href="http://rainloop.net/purchase/" target="_blank">permission</a>.
</div>
</div>
<div class="form-horizontal">
<div class="control-group">
<label class="control-label">
Your Domain
</label>
<div class="controls">
<span class="help-inline" style="padding-top: 5px;">
<strong data-bind="text: adminDomain"></strong>
</span>
</div>
</div>
<div class="control-group" data-bind="visible: !subscriptionEnabled()">
<div class="controls">
<div class="alert alert-block span8" style="margin-left: 0">
This domain can't be licensed for commercial use.
</div>
</div>
</div>
<div class="control-group" data-bind="visible: subscriptionEnabled">
<div class="controls">
<div data-bind="visible: licensingProcess()">
<i class="icon-spinner animated"></i>
&nbsp;&nbsp;
Checking&hellip;
</div>
<div data-bind="visible: !licensingProcess()">
<div class="alert alert-block span8" style="margin-left: 0" data-bind="visible: !licensing()">
This domain isn't licensed for commercial use.
</div>
<div data-bind="visible: licensing()">
<div class="alert alert-success span8" style="margin-left: 0" data-bind="visible: licenseValid() && '' === licenseError()">
<p>
This domain is licensed for commercial use
</p>
<p data-bind="visible: 0 < licenseExpired()">
<b>Subscription expires:</b>
&nbsp;
<span data-bind="text: licenseExpiredMomentValue()"></span>
</p>
</div>
<div class="alert alert-error span8" style="margin-left: 0" data-bind="visible: !licenseValid() && '' !== licenseError(), text: licenseError"></div>
</div>
</div>
</div>
</div>
<div class="control-group" data-bind="visible: subscriptionEnabled() && !licensingProcess()">
<div class="controls">
<a class="btn" data-bind="click: showActivationForm">
<i class="icon-happy-smiley"></i>
&nbsp;&nbsp;
Activate Subscription Key
</a>
&nbsp;
&nbsp;
<a class="btn" href="http://rainloop.net/purchase/" target="_black">
<i class="icon-purchase"></i>
&nbsp;&nbsp;
Purchase
</a>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,34 @@
<div class="b-admin-general">
<div class="form-horizontal">
<div class="legend">
Login Screen
</div>
<div class="control-group">
<label class="control-label">
Default Domain
</label>
<div class="controls">
<input type="text" class="span3" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: defaultDomain, saveTrigger: defaultDomainTrigger" />
<div data-bind="saveTrigger: defaultDomainTrigger"></div>
</div>
</div>
<div class="control-group">
<div class="controls">
<label data-bind="click: function () { allowLanguagesOnLogin(!allowLanguagesOnLogin()); }">
<i data-bind="css: allowLanguagesOnLogin() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Allow language selection on login screen
</label>
<label data-bind="click: function () { determineUserLanguage(!determineUserLanguage()); }">
<i data-bind="css: determineUserLanguage() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Try to determine user language
</label>
<br />
<label data-bind="click: function () { allowCustomLogin(!allowCustomLogin()); }">
<i data-bind="css: allowCustomLogin() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Enable additional Login field on login screen
</label>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,36 @@
<div class="b-admin-packages">
<div class="alert" style="margin-top: 10px;" data-bind="visible: !packagesReal() && !packagesLoading()">
Cannot access the repository at the moment.
</div>
<div class="alert" style="margin-top: 10px;" data-bind="visible: '' !== packagesError()">
<button type="button" class="close" data-bind="click: function () { packagesError('') }">&times;</button>
<span data-bind="text: packagesError"></span>
</div>
<div data-bind="visible: 0 < packagesAvailableForUpdate().length">
<div class="legend">
Available for Update (<span data-bind="text: packagesAvailableForUpdate().length"></span>)
</div>
<div data-bind="template: { name: 'AdminSettingsPackagesTable', data: {f: packagesAvailableForUpdate} }"></div>
<br />
</div>
<div data-bind="visible: 0 < packagesCurrent().length">
<div class="legend">
Installed Packages
</div>
<div data-bind="template: { name: 'AdminSettingsPackagesTable', data: {f: packagesCurrent} }"></div>
<br />
</div>
<div data-bind="visible: 0 < packagesAvailableForInstallation().length">
<div class="legend">
Available for Installation
</div>
<div data-bind="template: { name: 'AdminSettingsPackagesTable', data: {f: packagesAvailableForInstallation} }"></div>
<br />
</div>
</div>

View file

@ -0,0 +1,25 @@
<tr class="e-item">
<td class="package-name-parent">
<i class="package-img icon-bolt"></i>
<span class="package-name" data-bind="text: name"></span>
<span class="package-installed pull-right" data-bind="text: installed"></span>
<div class="package-desc" data-bind="text: desc"></div>
</td>
<td class="package-version-parent">
<span class="package-version" data-bind="text: version"></span>
<div data-bind="if: release_notes">
<nobr>
<a data-bind="attr: {href: release_notes}" target="_blank">release&nbsp;notes</a>
</nobr>
</div>
</td>
<td class="package-release-parent">
<span class="package-release" data-bind="text: release"></span>
</td>
<td class="package-actions-parent">
<i class="icon-download e-action button-download" data-bind="visible: !loading() && canBeUpdated, click: function () { $root.installPackage($data); }"></i>
&nbsp;
<i class="icon-trash e-action button-delete" data-bind="visible: !loading() && canBeDeleted, click: function () { $root.deletePackage($data); }"></i>
<i class="icon-spinner animated" data-bind="visible: loading"></i>
</td>
</tr>

View file

@ -0,0 +1,9 @@
<table class="table table-hover table-bordered b-admin-packages-list-table" data-bind="i18nUpdate: f">
<colgroup>
<col />
<col style="width: 100px" />
<col style="width: 100px" />
<col style="width: 80px" />
</colgroup>
<tbody data-bind="template: { name: 'AdminSettingsPackagesListItem', foreach: f }"></tbody>
</table>

View file

@ -0,0 +1,11 @@
<tr class="e-item" data-bind="css: {'disabled': disabled }">
<td class="configure-plugin-action e-action">
<i class="plugin-img icon-bolt"></i>
<span class="plugin-name" data-bind="text: name"></span>
</td>
<td>
<span class="disabled-plugin">
<i data-bind="css: {'e-action icon-checkbox-checked': !disabled(), 'e-action icon-checkbox-unchecked': disabled}"></i>
</span>
</td>
</tr>

View file

@ -0,0 +1,28 @@
<div class="b-admin-plugin-property">
<label class="control-label">
<span data-bind="text: Label, visible: 5 !== Type"></span>
</label>
<div class="controls">
<!-- ko if: 0 === Type || 1 === Type -->
<input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" data-bind="value: value" />
<!-- /ko -->
<!-- ko if: 3 === Type -->
<input type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" data-bind="value: value" />
<!-- /ko -->
<!-- ko if: 2 === Type -->
<textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" data-bind="value: value"></textarea>
<!-- /ko -->
<!-- ko if: 4 === Type -->
<select data-bind="options: Default, value: value"></select>
<!-- /ko -->
<!-- ko if: 5 === Type -->
<label data-bind="click: function () { value(!value()); }">
<i data-bind="css: value() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
&nbsp;&nbsp;
<span data-bind="text: Label"></span>
</label>
<!-- /ko -->
<span class="help-block" style="color: #ccc" data-bind="text: Desc, visible: '' !== Desc"></span>
</div>
<br />
</div>

View file

@ -0,0 +1,48 @@
<div class="b-admin-plugins g-ui-user-select-none">
<div class="row">
<div class="alert span8" style="margin-top: 10px;" data-bind="visible: '' !== pluginsError()">
<button type="button" class="close" data-bind="click: function () { pluginsError('') }">&times;</button>
<span data-bind="text: pluginsError"></span>
</div>
</div>
<div class="legend">
Plugins
</div>
<div>
<label data-bind="click: function () { enabledPlugins(!enabledPlugins()); }">
<i data-bind="css: enabledPlugins() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
&nbsp;&nbsp;
Enable plugins
</label>
</div>
<br />
<div class="row">
<div class="alert alert-info span8" data-bind="visible: 0 === plugins().length">
No plugins have yet been installed.
<br />
<br />
<strong><a href="#/packages">Click here to install new!</a></strong>
</div>
<div class="span8" data-bind="visible: 0 < plugins().length">
<blockquote>
<p class="muted">
Click on the name to configure the plugin.
</p>
</blockquote>
</div>
</div>
<div class="row">
<div class="span8">
<table class="table table-hover b-admin-plugins-list-table" data-bind="i18nUpdate: plugins, visible: 0 < plugins().length, css: {'disabled': !enabledPlugins()}">
<colgroup>
<col />
<col style="width: 30px" />
</colgroup>
<tbody data-bind="template: { name: 'AdminSettingsPluginListItem', foreach: plugins }"></tbody>
</table>
</div>
</div>
</div>

View file

@ -0,0 +1,72 @@
<div class="adminSecurity g-ui-user-select-none">
<div class="form-horizontal">
<div class="legend">
Security
</div>
<div class="control-group">
<div class="controls">
<label data-bind="click: function () { capaOpenPGP(!capaOpenPGP()); }">
<i data-bind="css: capaOpenPGP() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
&nbsp;&nbsp;
Allow OpenPGP <span style="color:red">(beta)</span>
</label>
</div>
</div>
<div class="control-group">
<div class="controls">
<label data-bind="click: function () { capaTwoFactorAuth(!capaTwoFactorAuth()); }">
<i data-bind="css: capaTwoFactorAuth() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
&nbsp;&nbsp;
Allow 2-Step Verification (Google Authenticator)
</label>
</div>
</div>
<div class="control-group">
<div class="controls">
<a href="#" target="_blank" class="g-ui-link" data-bind="link: phpInfoLink()">Show PHP information</a>
</div>
</div>
</div>
<br />
<div class="form-horizontal">
<div class="legend">
Changer Admin Password
</div>
<div class="control-group">
<label class="control-label">
Current password
</label>
<div class="controls">
<input type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: adminPassword, valueUpdate: 'afterkeydown'" />
</div>
</div>
<div class="control-group" data-bind="css: {'error': adminPasswordNewError}">
<label class="control-label">
New password
</label>
<div class="controls">
<input type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: adminPasswordNew, valueUpdate: 'afterkeydown'" />
</div>
</div>
<div class="control-group" data-bind="css: {'error': adminPasswordNewError}">
<label class="control-label">
Repeat new password
</label>
<div class="controls">
<input type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: adminPasswordNew2, valueUpdate: 'afterkeydown'" />
</div>
</div>
<div class="control-group">
<div class="controls">
<a class="btn" data-bind="command: saveNewAdminPasswordCommand, css: { 'btn-success': adminPasswordUpdateSuccess, 'btn-danger': adminPasswordUpdateError }">
<i class="icon-key" data-bind="css: {'icon-white': adminPasswordUpdateSuccess() || adminPasswordUpdateError() }"></i>
&nbsp;&nbsp;
Update Password
</a>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,124 @@
<div class="adminSecurity">
<div class="row">
<div class="alert alert-info span10" style="margin-top: 10px;">
Detailed information on social integration is found at
<a href="http://rainloop.net/docs/social/" target="_blank">http://rainloop.net/docs/social/</a>
</div>
</div>
<div class="form-horizontal g-ui-user-select-none">
<div class="legend">
Google
</div>
<div class="control-group">
<div class="controls">
<label data-bind="click: function () { googleEnable(!googleEnable()); }">
<i data-bind="css: googleEnable() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Enable Google Integration
</label>
</div>
</div>
<div class="control-group">
<label class="control-label">
Client ID
</label>
<div class="controls">
<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: googleClientID, saveTrigger: googleTrigger1" />
<div data-bind="saveTrigger: googleTrigger1"></div>
</div>
</div>
<div class="control-group">
<label class="control-label">
Client Secret
</label>
<div class="controls">
<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: googleClientSecret, saveTrigger: googleTrigger2" />
<div data-bind="saveTrigger: googleTrigger2"></div>
</div>
</div>
<div class="legend">
Facebook
</div>
<div class="control-group">
<div class="controls">
<label data-bind="click: function () { facebookEnable(!facebookEnable()); }">
<i data-bind="css: facebookEnable() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Enable Facebook Integration
</label>
</div>
</div>
<div class="control-group">
<label class="control-label">
App ID
</label>
<div class="controls">
<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: facebookAppID, saveTrigger: facebookTrigger1" />
<div data-bind="saveTrigger: facebookTrigger1"></div>
</div>
</div>
<div class="control-group">
<label class="control-label">
App Secret
</label>
<div class="controls">
<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: facebookAppSecret, saveTrigger: facebookTrigger2" />
<div data-bind="saveTrigger: facebookTrigger2"></div>
</div>
</div>
<div class="legend">
Twitter
</div>
<div class="control-group">
<div class="controls">
<label data-bind="click: function () { twitterEnable(!twitterEnable()); }">
<i data-bind="css: twitterEnable() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Enable Twitter Integration
</label>
</div>
</div>
<div class="control-group">
<label class="control-label">
Consumer Key
</label>
<div class="controls">
<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: twitterConsumerKey, saveTrigger: twitterTrigger1" />
<div data-bind="saveTrigger: twitterTrigger1"></div>
</div>
</div>
<div class="control-group">
<label class="control-label">
Consumer Secret
</label>
<div class="controls">
<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: twitterConsumerSecret, saveTrigger: twitterTrigger2" />
<div data-bind="saveTrigger: twitterTrigger2"></div>
</div>
</div>
<div class="legend">
Dropbox
</div>
<div class="control-group">
<div class="controls">
<label data-bind="click: function () { dropboxEnable(!dropboxEnable()); }">
<i data-bind="css: dropboxEnable() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
Enable Dropbox Integration
</label>
</div>
</div>
<div class="control-group">
<label class="control-label">
Api Key
</label>
<div class="controls">
<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: dropboxApiKey, saveTrigger: dropboxTrigger1" />
<div data-bind="saveTrigger: dropboxTrigger1"></div>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,60 @@
<div class="popups">
<div class="modal hide b-activate-content" data-bind="modal: modalVisibility">
<div>
<div class="modal-header">
<button type="button" class="close" data-bind="command: cancelCommand">&times;</button>
<h3>
<span data-bind="visible: !activateProcess()">Activate Subscription Key?</span>
<span data-bind="visible: activateProcess">Activation...</span>
</h3>
</div>
<div class="modal-body">
<div class="form-horizontal">
<div class="control-group">
<label class="control-label">
Domain
</label>
<div class="controls">
<h4 class="help-inline" data-bind="text: domain" style="margin-top: 5px;"></h4>
</div>
</div>
<div class="control-group" data-bind="css: {'error': '' !== activateText() && activateText.isError(), 'success': '' !== activateText() && !activateText.isError() }">
<label class="control-label">
Subscription Key
</label>
<div class="controls ">
<input type="text" class="span5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="visible: !activateProcess() && !activationSuccessed(), value: key, valueUpdate: 'afterkeydown', hasFocus: key.focus"></input>
<h4 class="help-inline" style="margin-top: 5px;" data-bind="text: key, visible: activateProcess() || activationSuccessed()"></h4>
<div class="help-block" data-bind="text: activateText"></div>
</div>
</div>
</div>
<br />
<div class="alert">
<p>
After activation, commercial subscription for <strong data-bind="text: domain"></strong> will be extended.
<br />
Note that subscription key can be activated for a single domain only.
</p>
<p>
Once started, the process of activation cannot be aborted or cancelled.
</p>
</div>
</div>
<div class="modal-footer">
<a class="btn buttonActivate" data-bind="visible: !activationSuccessed(), command: activateCommand">
<i class="icon-key" data-bind="css: {'icon-key': !activateProcess(), 'icon-spinner animated': activateProcess()}" ></i>
&nbsp;&nbsp;
Activate
</a>
<span style="color: green" data-bind="visible: activationSuccessed">
&nbsp;&nbsp;&nbsp;
<i class="icon-ok"></i>
&nbsp;&nbsp;
Activated
</span>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,143 @@
<div class="popups">
<div class="modal hide b-domain-content g-ui-user-select-none" data-bind="modal: modalVisibility, css: {'domain-edit': edit, 'domain-white-list-page': whiteListPage}">
<div class="modal-header">
<button type="button" class="close" data-bind="command: cancelCommand">&times;</button>
<h3 data-bind="text: headerText"></h3>
</div>
<div class="modal-body">
<form class="form-horizontal domain-form" action="#/" onsubmit="return false;">
<div class="row" data-bind="visible: !edit()">
<div class="span10">
Name <span style="color: #aaa">(wildcard supported)</span>
<br />
<input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: name, hasfocus: name.focused, valueUpdate: 'afterkeydown'" />
<span class="error-desc" data-bind="text: savingError"></span>
</div>
</div>
<br />
<div class="row">
<div class="span5" data-bind="css: { 'testing-done': testingDone, 'testing-error': testingImapError }">
<div class="legend imap-header">
<span data-placement="bottom" data-bind="tooltip3: testingImapErrorDesc">
IMAP
</span>
</div>
<div class="row">
<div class="span3">
Server
<br />
<input type="text" class="span3" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: imapServer, valueUpdate: 'afterkeydown', hasfocus: imapServerFocus" />
</div>
<div class="span1">
Port
<br />
<input type="text" class="span1" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: imapPort, valueUpdate: 'afterkeydown'" />
</div>
</div>
<br />
<div class="row">
<div class="span4">
Secure
<br />
<select class="span2" data-bind="value: imapSecure">
<option value="0">None</option>
<option value="1">SSL/TLS</option>
<option value="2">STARTTLS</option>
</select>
</div>
</div>
<br />
<label data-bind="click: function () { imapShortLogin(!imapShortLogin()); }">
<i data-bind="css: imapShortLogin() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
&nbsp;&nbsp;
Use short login form
</label>
</div>
<div class="span5" data-bind="css: { 'testing-done': testingDone, 'testing-error': testingSmtpError }">
<div class="legend smtp-header">
<span data-placement="bottom" data-bind="tooltip3: testingSmtpErrorDesc">
SMTP
</span>
</div>
<div class="row">
<div class="span3">
Server
<br />
<input type="text" class="span3" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: smtpServer, valueUpdate: 'afterkeydown', hasfocus: smtpServerFocus" />
</div>
<div class="span1">
Port
<br />
<input type="text" class="span1" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: smtpPort, valueUpdate: 'afterkeydown'" />
</div>
</div>
<br />
<div class="row">
<div class="span4">
Secure
<br />
<select class="span2" data-bind="value: smtpSecure">
<option value="0">None</option>
<option value="1">SSL/TLS</option>
<option value="2">STARTTLS</option>
</select>
</div>
</div>
<br />
<label data-bind="click: function () { smtpShortLogin(!smtpShortLogin()); }">
<i data-bind="css: smtpShortLogin() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
&nbsp;&nbsp;
Use short login form
</label>
<label data-bind="click: function () { smtpAuth(!smtpAuth()); }">
<i data-bind="css: smtpAuth() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
&nbsp;&nbsp;
Use authentication
</label>
</div>
<div class="span10">
<div class="legend white-list-header">
White List
</div>
<div class="alert alert-block span6 alert-null-left-margin" style="width: 562px;">
List of domain users webmail is allowed to access.
Use a space as delimiter.
</div>
<textarea class="input-xxlarge" style="width: 600px" rows="8" data-bind="value: whiteList" tabindex="-1"></textarea>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<a class="btn button-test-connection pull-left" data-bind="command: testConnectionCommand, css: {
'btn-success': testingDone() && !testingImapError() && !testingSmtpError(),
'btn-danger': testingDone() && (testingImapError() || testingSmtpError()) }">
<i data-bind="css: {'icon-info': !testing(), 'icon-spinner animated': testing(), 'icon-white': testingDone()}"></i>
&nbsp;&nbsp;
Test Connection
</a>
<a class="btn button-white-list pull-left" data-bind="command: whiteListCommand">
<i data-bind="css: {'icon-right': !whiteListPage(), 'icon-left': whiteListPage()}"></i>
&nbsp;&nbsp;
<span data-bind="visible: !whiteListPage()">White List</span>
<span data-bind="visible: whiteListPage()">Back</span>
</a>
<a class="btn buttonClose" data-bind="command: cancelCommand">
<i class="icon-remove"></i>
&nbsp;&nbsp;
Close
</a>
<a class="btn buttonClear" data-bind="command: createOrAddCommand">
<i data-bind="css: edit() ? 'icon-ok' : 'icon-plus', visible: !saving()"></i>
<i class="icon-spinner animated" data-bind="visible: saving"></i>
&nbsp;&nbsp;
<span data-bind="text: edit() ? 'Update' : 'Add'"></span>
</a>
</div>
</div>
</div>

View file

@ -0,0 +1,39 @@
<div class="popups">
<div class="modal hide b-plugin-content" data-bind="modal: modalVisibility">
<div class="modal-header">
<button type="button" class="close" data-bind="command: cancelCommand">&times;</button>
<h4>
Plugin "<span data-bind="text: name"></span>"
</h4>
</div>
<div class="modal-body">
<form class="form-horizontal plugin-form" action="#/" onsubmit="return false;">
<div class="well" data-bind="visible: !hasConfiguration()">
Nothing to configure
</div>
<div class="alert" data-bind="visible: '' !== saveError()">
<button type="button" class="close" data-bind="click: function () { saveError('') }">&times;</button>
<span data-bind="text: saveError"></span>
</div>
<div data-bind="foreach: configures, visible: hasConfiguration">
<div data-bind="template: { name: 'AdminSettingsPluginProperty' }"></div>
</div>
</form>
</div>
<div class="modal-footer">
<span class="information pull-left" data-bind="visible: hasReadme, popover: readmePopoverConf">
<i class="icon-info"></i>
</span>
<a class="btn buttonClose" data-bind="command: cancelCommand">
<i class="icon-remove"></i>
&nbsp;&nbsp;
Close
</a>
<a class="btn buttonClear" data-bind="command: saveCommand, visible: hasConfiguration">
<i class="icon-ok"></i>
&nbsp;&nbsp;
Save
</a>
</div>
</div>
</div>