Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-07-09 06:28:28 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'master' into OwnCloud

Browse source
This commit is contained in:
djmaze 2021-07-20 20:47:44 +02:00
commit 2aed429e5d
78 changed files with 831 additions and 934 deletions
Download patch file Download diff file Expand all files Collapse all files

2
CONTRIBUTING.md
View file

@ -10,7 +10,7 @@
1. Install node.js - `https://nodejs.org/download/`
2. Install yarn - `https://yarnpkg.com/en/docs/install`
3. Install gulp - `npm install gulp -g`
4. Fork snappymail - `https://github.com/the-djmaze/snappymail/issues/new#fork-destination-box`
4. Fork snappymail from https://github.com/the-djmaze/snappymail
5. Clone snappymail - `git clone git@github.com:USERNAME/snappymail.git snappymail`
6. `cd snappymail`
7. Install install all dependencies - `yarn install`

22
dev/App/User.js
View file

@ -38,7 +38,6 @@ import {
} from 'Common/Cache';
import {
userBackground,
mailBox,
root,
openPgpWorkerJs,
@ -81,6 +80,8 @@ import { ComposePopupView } from 'View/Popup/Compose';
import { FolderSystemPopupView } from 'View/Popup/FolderSystem';
import { AskPopupView } from 'View/Popup/Ask';
import { timeToNode } from 'Common/Momentor';
// Every 5 minutes
const refreshFolders = 300000;
@ -110,16 +111,6 @@ class AppUser extends AbstractApp {
lastTime = currentTime;
}, interval);
if (SettingsGet('UserBackgroundHash')) {
setTimeout(() => {
const img = userBackground(SettingsGet('UserBackgroundHash'));
if (img) {
$htmlCL.add('UserBackground');
doc.body.style.backgroundImage = "url("+img+")";
}
}, 1000);
}
const fn = (ev=>$htmlCL.toggle('rl-ctrl-key-pressed', ev.ctrlKey)).debounce(500);
['keydown','keyup'].forEach(t => doc.addEventListener(t, fn));
@ -1020,7 +1011,14 @@ class AppUser extends AbstractApp {
this.hideLoading();
}
setInterval(() => dispatchEvent(new CustomEvent('reload-time')), 60000);
setInterval(this.reloadTime(), 60000);
}
reloadTime()
{
setTimeout(() =>
doc.querySelectorAll('[data-bind*="moment:"]').forEach(element => timeToNode(element))
, 1)
}
showMessageComposer(params = [])

8
dev/Common/Links.js
View file

@ -70,14 +70,6 @@ export function change(email) {
return serverRequest('Change') + encodeURIComponent(email) + '/';
}
/**
* @param {string} hash
* @returns {string}
*/
export function userBackground(hash) {
return serverRequestRaw('UserBackground', hash);
}
/**
* @param {string} lang
* @param {boolean} isAdmin

6
dev/Common/Momentor.js
View file

@ -1,4 +1,3 @@
import { doc } from 'Common/Globals';
import { i18n } from 'Common/Translator';
export function timestampToString(timeStampInUTC, formatStr) {
@ -53,8 +52,3 @@ export function timeToNode(element, time) {
console.error(e);
}
}
addEventListener('reload-time', () => setTimeout(() =>
doc.querySelectorAll('[data-bind*="moment:"]').forEach(element => timeToNode(element))
, 1)
);

51
dev/Common/Selector.js
View file

@ -1,6 +1,15 @@
import ko from 'ko';
import { isArray } from 'Common/Utils';
/*
oCallbacks:
ItemSelect
MiddleClick
AutoSelect
ItemGetUid
UpOrDown
*/
export class Selector {
/**
* @param {koProperty} koList
@ -209,11 +218,9 @@ export class Selector {
itemSelected(item) {
if (this.isListChecked()) {
if (!item) {
(this.oCallbacks.onItemSelect || (()=>{}))(item || null);
}
item || (this.oCallbacks.ItemSelect || (()=>{}))(null);
} else if (item) {
(this.oCallbacks.onItemSelect || (()=>{}))(item);
(this.oCallbacks.ItemSelect || (()=>{}))(item);
}
}
@ -226,20 +233,32 @@ export class Selector {
this.oContentScrollable = contentScrollable;
if (contentScrollable) {
let getItem = selector => {
let el = event.target.closestWithin(selector, contentScrollable);
return el ? ko.dataFor(el) : null;
};
contentScrollable.addEventListener('click', event => {
let el = event.target.closestWithin(this.sItemSelector, contentScrollable);
el && this.actionClick(ko.dataFor(el), event);
el = event.target.closestWithin(this.sItemCheckedSelector, contentScrollable);
if (el) {
const item = ko.dataFor(el);
const item = getItem(this.sItemCheckedSelector);
if (item) {
if (event.shiftKey) {
this.actionClick(item, event);
} else {
this.focusedItem(item);
item.checked(!item.checked());
}
}
});
contentScrollable.addEventListener('auxclick', event => {
if (1 == event.button) {
const item = getItem(this.sItemSelector);
if (item) {
if (event.shiftKey) {
this.actionClick(item, event);
} else {
this.focusedItem(item);
item.checked(!item.checked());
}
this.focusedItem(item);
(this.oCallbacks.MiddleClick || (()=>{}))(item);
}
}
});
@ -271,7 +290,7 @@ export class Selector {
* @returns {boolean}
*/
autoSelect() {
return !!(this.oCallbacks.onAutoSelect || (()=>true))();
return !!(this.oCallbacks.AutoSelect || (()=>true))();
}
/**
@ -281,7 +300,7 @@ export class Selector {
getItemUid(item) {
let uid = '';
const getItemUidCallback = this.oCallbacks.onItemGetUid || null;
const getItemUidCallback = this.oCallbacks.ItemGetUid || null;
if (getItemUidCallback && item) {
uid = getItemUidCallback(item);
}
@ -312,7 +331,7 @@ export class Selector {
} else if (++i < listLen) {
result = list[i];
}
result || (this.oCallbacks.onUpUpOrDownDown || (()=>true))('ArrowUp' === sEventKey);
result || (this.oCallbacks.UpOrDown || (()=>true))('ArrowUp' === sEventKey);
} else if ('Home' === sEventKey) {
result = list[0];
} else if ('End' === sEventKey) {

2
dev/Common/Translator.js
View file

@ -140,7 +140,7 @@ export function reload(admin, language) {
// reload the data
if (init()) {
i18nToNodes(doc);
dispatchEvent(new CustomEvent('reload-time'));
admin || rl.app.reloadTime();
trigger(!trigger());
}
script.remove();

7
dev/Model/Message.js
View file

@ -524,13 +524,6 @@ export class MessageModel extends AbstractModel {
}
}
storeDataInDom() {
if (this.body) {
this.body.rlIsHtml = !!this.isHtml();
this.body.rlHasImages = !!this.hasImages();
}
}
fetchDataFromDom() {
if (this.body) {
this.isHtml(!!this.body.rlIsHtml);

14
dev/Settings/User/Themes.js
View file

@ -2,9 +2,9 @@ import ko from 'ko';
import { SaveSettingsStep, UploadErrorCode, Capa } from 'Common/Enums';
import { changeTheme, convertThemeName } from 'Common/Utils';
import { userBackground, themePreviewLink, serverRequest } from 'Common/Links';
import { themePreviewLink, serverRequest } from 'Common/Links';
import { i18n } from 'Common/Translator';
import { doc, $htmlCL, Settings } from 'Common/Globals';
import { Settings } from 'Common/Globals';
import { ThemeStore } from 'Stores/Theme';
@ -38,16 +38,6 @@ export class ThemesUserSettings {
Theme: value
});
});
this.background.hash.subscribe((value) => {
if (!value) {
$htmlCL.remove('UserBackground');
doc.body.removeAttribute('style');
} else {
$htmlCL.add('UserBackground');
doc.body.style.backgroundImage = "url("+userBackground(value)+")";
}
});
}
onBuild() {

13
dev/Stores/Theme.js
View file

@ -1,6 +1,7 @@
import ko from 'ko';
import { $htmlCL, leftPanelDisabled, Settings, SettingsGet } from 'Common/Globals';
import { doc, $htmlCL, leftPanelDisabled, Settings, SettingsGet } from 'Common/Globals';
import { isArray } from 'Common/Utils';
import { serverRequestRaw } from 'Common/Links';
export const ThemeStore = {
themes: ko.observableArray(),
@ -25,3 +26,13 @@ export const ThemeStore = {
ThemeStore.theme = ko.observable('').extend({ limitedList: ThemeStore.themes });
ThemeStore.isMobile.subscribe(value => $htmlCL.toggle('rl-mobile', value));
ThemeStore.userBackgroundHash.subscribe(value => {
if (value) {
$htmlCL.add('UserBackground');
doc.body.style.backgroundImage = "url("+serverRequestRaw('UserBackground', value)+")";
} else {
$htmlCL.remove('UserBackground');
doc.body.removeAttribute('style');
}
});

71
dev/Stores/User/Message.js
View file

@ -2,7 +2,7 @@ import ko from 'ko';
import { Scope, Notification } from 'Common/Enums';
import { MessageSetAction } from 'Common/EnumsUser';
import { doc, createElement, elementById } from 'Common/Globals';
import { doc, $htmlCL, createElement, elementById } from 'Common/Globals';
import { isNonEmptyArray, pInt, pString, addObservablesTo, addSubscribablesTo } from 'Common/Utils';
import { plainToHtml } from 'Common/UtilsUser';
@ -186,6 +186,8 @@ export const MessageUserStore = new class {
}
},
listLoadingAnimation: value => $htmlCL.toggle('list-loading', value),
listLoading: value =>
this.listCompleteLoading(value || this.listIsNotCompleted()),
@ -220,7 +222,7 @@ export const MessageUserStore = new class {
}
});
this.purgeMessageBodyCacheThrottle = this.purgeMessageBodyCache.throttle(30000);
this.purgeMessageBodyCache = this.purgeMessageBodyCache.throttle(30000);
}
purgeMessageBodyCache() {
@ -428,16 +430,12 @@ export const MessageUserStore = new class {
);
}
setMessage(data, cached) {
setMessage(data, cached, oMessage) {
let isNew = false,
body = null,
json = data && data.Result,
id = '',
plain = '',
resultHtml = '',
messagesDom = this.messagesBodiesDom(),
selectedMessage = this.selectorMessageSelected(),
message = this.message();
message = oMessage || this.message();
if (
json &&
@ -447,7 +445,7 @@ export const MessageUserStore = new class {
) {
const threads = message.threads();
if (message.uid !== json.Uid && 1 < threads.length && threads.includes(json.Uid)) {
message = MessageModel.reviveFromJson(json);
message = oMessage ? null : MessageModel.reviveFromJson(json);
if (message) {
message.threads(threads);
MessageFlagsCache.initMessage(message);
@ -460,7 +458,7 @@ export const MessageUserStore = new class {
}
if (message && message.uid === json.Uid) {
this.messageError('');
oMessage || this.messageError('');
if (cached) {
delete json.IsSeen;
@ -475,7 +473,8 @@ export const MessageUserStore = new class {
addRequestedMessage(message.folder, message.uid);
if (messagesDom) {
id = 'rl-mgs-' + message.hash.replace(/[^a-zA-Z0-9]/g, '');
let body = null,
id = 'rl-mgs-' + message.hash.replace(/[^a-zA-Z0-9]/g, '');
const textBody = elementById(id);
if (textBody) {
@ -483,7 +482,9 @@ export const MessageUserStore = new class {
message.fetchDataFromDom();
messagesDom.append(textBody);
} else {
let isHtml = !!json.Html;
let isHtml = !!json.Html,
plain = '',
resultHtml = '<pre></pre>';
if (isHtml) {
resultHtml = json.Html.toString();
if (SettingsUserStore.removeColors()) {
@ -508,8 +509,6 @@ export const MessageUserStore = new class {
} else {
resultHtml = '<pre>' + resultHtml + '</pre>';
}
} else {
resultHtml = '<pre>' + resultHtml + '</pre>';
}
body = Element.fromHTML('<div id="' + id + '" hidden="" class="b-text-part '
@ -517,22 +516,25 @@ export const MessageUserStore = new class {
+ findEmailAndLinks(resultHtml)
+ '</div>');
// Drop Microsoft Office style properties
const rgbRE = /rgb\((\d+),\s*(\d+),\s*(\d+)\)/g,
hex = n => ('0' + parseInt(n).toString(16)).slice(-2);
body.querySelectorAll('[style*=mso]').forEach(el =>
el.setAttribute('style', el.style.cssText.replace(rgbRE, (m,r,g,b) => '#' + hex(r) + hex(g) + hex(b)))
);
if (isHtml) {
// Drop Microsoft Office style properties
const rgbRE = /rgb\((\d+),\s*(\d+),\s*(\d+)\)/g,
hex = n => ('0' + parseInt(n).toString(16)).slice(-2);
body.querySelectorAll('[style*=mso]').forEach(el =>
el.setAttribute('style', el.style.cssText.replace(rgbRE, (m,r,g,b) => '#' + hex(r) + hex(g) + hex(b)))
);
}
body.rlIsHtml = isHtml;
body.rlHasImages = !!json.HasExternals;
message.body = body;
message.isHtml(isHtml);
message.hasImages(!!json.HasExternals);
message.hasImages(body.rlHasImages);
messagesDom.append(body);
message.storeDataInDom();
if (json.HasInternals) {
message.showInternalImages();
}
@ -541,12 +543,12 @@ export const MessageUserStore = new class {
message.showExternalImages();
}
this.purgeMessageBodyCacheThrottle();
this.purgeMessageBodyCache();
}
this.messageActiveDom(message.body);
oMessage || this.messageActiveDom(message.body);
this.hideMessageBodies();
oMessage || this.hideMessageBodies();
if (body) {
this.initOpenPgpControls(body, message);
@ -554,7 +556,8 @@ export const MessageUserStore = new class {
this.initBlockquoteSwitcher(body);
}
message.body.hidden = false;
oMessage || (message.body.hidden = false);
oMessage && message.viewPopupMessage();
}
MessageFlagsCache.initMessage(message);
@ -563,8 +566,6 @@ export const MessageUserStore = new class {
}
if (isNew) {
message = this.message();
if (
selectedMessage &&
message &&
@ -613,20 +614,20 @@ export const MessageUserStore = new class {
}
}
populateMessageBody(oMessage) {
populateMessageBody(oMessage, preload) {
if (oMessage) {
this.hideMessageBodies();
this.messageLoading(true);
preload || this.hideMessageBodies();
preload || this.messageLoading(true);
Remote.message((iError, oData, bCached) => {
if (iError) {
if (Notification.RequestAborted !== iError) {
if (Notification.RequestAborted !== iError && !preload) {
this.message(null);
this.messageError(getNotification(iError));
}
} else {
this.setMessage(oData, bCached);
this.setMessage(oData, bCached, preload ? oMessage : null);
}
this.messageLoading(false);
preload || this.messageLoading(false);
}, oMessage.folder, oMessage.uid);
}
}

17
dev/Styles/@Admin.less
View file

@ -23,20 +23,19 @@
@import "Ui.less";
@import "Main.less";
@import "LayoutAdmin.less";
@import "Components.less";
@import "Login.less";
@import "Ask.less";
@import "Languages.less";
@import "Admin.less";
@import "AdminGeneral.less";
@import "AdminBranding.less";
@import "AdminDomains.less";
@import "AdminDomain.less";
@import "AdminPackages.less";
@import "AdminPlugin.less";
@import "AdminAbout.less";
@import "Admin/Layout.less";
@import "Admin/General.less";
@import "Admin/Branding.less";
@import "Admin/Domains.less";
@import "Admin/Domain.less";
@import "Admin/Packages.less";
@import "Admin/Plugin.less";
@import "Admin/About.less";
@import "Animations.less";

56
dev/Styles/@Main.less
View file

@ -24,45 +24,39 @@
@import "Ui.less";
@import "Main.less";
@import "Layout.less";
@import "Components.less";
@import "Login.less";
@import "Ask.less";
@import "Languages.less";
@import "SystemDropDown.less";
@import "Shortcuts.less";
@import "FolderList.less";
/*
@import "FolderClear.less";
@import "FolderCreate.less";
@import "FolderSystem.less";
@import "Account.less";
*/
@import "Filter.less";
@import "Template.less";
@import "OpenPgpKey.less";
@import "Identity.less";
@import "AdvancedSearch.less";
@import "Attachmnets.less";
@import "MessageList.less";
@import "MessageView.less";
@import "Contacts.less";
@import "Compose.less";
@import "EmailAddresses.less";
@import "User/Layout.less";
@import "User/SystemDropDown.less";
@import "User/Shortcuts.less";
@import "User/FolderList.less";
@import "User/Filter.less";
@import "User/Template.less";
@import "User/OpenPgpKey.less";
@import "User/Identity.less";
@import "User/AdvancedSearch.less";
@import "User/Attachmnets.less";
@import "User/MessageList.less";
@import "User/MessageView.less";
@import "User/Contacts.less";
@import "User/Compose.less";
@import "User/EmailAddresses.less";
@import "Settings.less";
@import "SettingsGeneral.less";
@import "SettingsAccounts.less";
@import "SettingsTemplates.less";
@import "SettingsOpenPGP.less";
@import "SettingsFolders.less";
@import "SettingsThemes.less";
@import "SettingsFilters.less";
@import "User/Settings.less";
@import "User/SettingsGeneral.less";
@import "User/SettingsAccounts.less";
@import "User/SettingsTemplates.less";
@import "User/SettingsOpenPGP.less";
@import "User/SettingsFolders.less";
@import "User/SettingsThemes.less";
@import "User/SettingsFilters.less";
@import "SquireUI.less";
@import "User/SquireUI.less";
@import "AnimationsUser.less";
@import "User/Animations.less";
@import "Animations.less";
@import "_End.less";

4
dev/Styles/Account.less
View file

@ -1,4 +0,0 @@
.b-account-add-content {
.modal-header {
}
}

0
dev/Styles/AdminAbout.less → dev/Styles/Admin/About.less
View file

0
dev/Styles/AdminBranding.less → dev/Styles/Admin/Branding.less
View file

4
dev/Styles/AdminDomain.less → dev/Styles/Admin/Domain.less
View file

@ -1,6 +1,6 @@
.b-domain-alias-content {
&.modal {
width: 330px;
max-width: 330px;
}
.error-desc {
@ -11,7 +11,7 @@
.b-domain-content {
&.modal {
width: 810px;
max-width: 810px;
}
.modal-body {

0
dev/Styles/AdminDomains.less → dev/Styles/Admin/Domains.less
View file

0
dev/Styles/AdminGeneral.less → dev/Styles/Admin/General.less
View file

76
dev/Styles/Admin.less → dev/Styles/Admin/Layout.less
View file

@ -1,7 +1,25 @@
.UserBackground body {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#rl-left, #rl-right {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
border: 0;
z-index: 0;
}
#rl-left {
overflow: auto;
padding-top: 50px + @rlLowMargin + 10px;
width: @rlLeftWidth;
nav {
a {
@ -26,6 +44,11 @@
}
}
#rl-right {
z-index: 1;
left: @rlLeftWidth;
}
.b-admin-right {
.b-toolbar {
@ -67,3 +90,56 @@
padding-left: 12px;
padding-right: 12px;
}
#rl-popups > .rl-view-model {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1100;
overflow: auto;
background-color: rgba(0,0,0,0.3);
}
#rl-settings-subscreen {
padding: 20px;
}
/* desktop */
@media screen and (min-width: 1000px) {
.toggleLeft {
display: none;
}
}
/* desktop-large */
@media screen and (min-width: 1401px) {
#rl-left {
width: @rlLeftWidth + 20;
}
#rl-right {
left: @rlLeftWidth + 20;
}
}
/* mobile and tablet */
@media screen and (max-width: 999px) {
#rl-settings-subscreen {
padding: 10px;
}
html:not(.rl-left-panel-disabled) #rl-right {
right: 5-@rlLeftWidth;
}
html.rl-left-panel-disabled {
#rl-left {
width: 0 !important;
}
#rl-right {
left: 5px !important;
}
}
}

0
dev/Styles/AdminPackages.less → dev/Styles/Admin/Packages.less
View file

2
dev/Styles/AdminPlugin.less → dev/Styles/Admin/Plugin.less
View file

@ -1,7 +1,7 @@
.b-plugin-content {
&.modal {
width: 660px;
max-width: 660px;
}
.modal-body {

24
dev/Styles/AdminPlugins.less
View file

@ -1,24 +0,0 @@
.b-admin-plugins-list-table {
max-width: 620px; /* span8 */
&.disabled {
opacity: 0.5;
}
.disabled {
opacity: 0.5;
}
}
.b-admin-plugin-property {
.help-block {
display: block; // account for any element using help-block
font-style: italic;
opacity: 0.5;
margin-bottom: 5px;
}
.controls {
width: 470px;
}
}

4
dev/Styles/FolderClear.less
View file

@ -1,4 +0,0 @@
.b-folder-clear-content {
.modal-header {
}
}

4
dev/Styles/FolderCreate.less
View file

@ -1,4 +0,0 @@
.b-folder-create-content {
.modal-header {
}
}

4
dev/Styles/FolderSystem.less
View file

@ -1,4 +0,0 @@
.b-folder-system-content {
.modal-header {
}
}

8
dev/Styles/Languages.less
View file

@ -1,16 +1,15 @@
.b-languages-content {
&.modal {
width: 700px;
max-width: 700px;
}
.lang-item {
label {
display: inline-block;
padding: 5px 15px;
margin: 2px 5px;
width: 180px;
background-color: rgba(128, 128, 128, 0.1);
text-align: left;
border: 1px solid transparent;
border-radius: 3px;
position: relative;
@ -26,7 +25,6 @@
}
&.selected::after {
content: "✔";
color: #080;
position: absolute;
right: 4px;
font-family: snappymail;
@ -39,7 +37,7 @@
}
@media screen and (max-width: 999px) {
.b-languages-content .lang-item {
.b-languages-content label {
width: calc(100% - 40px);
}
}

80
dev/Styles/LayoutAdmin.less
View file

@ -1,80 +0,0 @@
.UserBackground body {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#rl-left, #rl-right {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
border: 0;
z-index: 0;
}
#rl-left {
width: @rlLeftWidth;
}
#rl-right {
z-index: 1;
left: @rlLeftWidth;
}
#rl-popups > .rl-view-model {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1100;
overflow: auto;
background-color: rgba(0,0,0,0.3);
}
#rl-settings-subscreen {
padding: 20px;
}
/* desktop */
@media screen and (min-width: 1000px) {
.toggleLeft {
display: none;
}
}
/* desktop-large */
@media screen and (min-width: 1401px) {
#rl-left {
width: @rlLeftWidth + 20;
}
#rl-right {
left: @rlLeftWidth + 20;
}
}
/* mobile and tablet */
@media screen and (max-width: 999px) {
#rl-settings-subscreen {
padding: 10px;
}
html:not(.rl-left-panel-disabled) #rl-right {
right: 5-@rlLeftWidth;
}
html.rl-left-panel-disabled {
#rl-left {
width: 0 !important;
}
#rl-right {
left: 5px !important;
}
}
}

9
dev/Styles/Main.less
View file

@ -20,6 +20,11 @@ body {
right: 0;
}
html.list-loading body {
/* cursor: wait;*/
cursor: progress;
}
html:not(.rl-mobile) {
min-width: 700px;
}
@ -32,10 +37,6 @@ html:not(.rl-mobile) {
}
}
textarea {
resize: none;
}
option:disabled {
color: #aaa;
cursor: not-allowed;

45
dev/Styles/Ui.less
View file

@ -16,32 +16,6 @@
}
}
.e-paginator {
.e-page {
display: inline-block;
opacity: 0.5;
text-decoration: none;
font-size: 22px;
padding: 3px;
cursor: pointer;
&:hover {
opacity: 0.8;
}
&.current {
opacity: 1;
}
&.current .e-page-number {
font-size: 115%;
text-decoration: underline;
}
}
}
.settings-save-trigger {
display: inline-block;
@ -93,25 +67,6 @@ textarea + .settings-save-trigger {
}
}
.e-languages {
margin-top: 8px;
color: #333;
.flag-name {
color: #333;
border-bottom: 1px dashed #333;
cursor: pointer;
padding: 2px 0;
&:focus {
outline: 1px;
outline-style: dotted;
}
}
}
.e-action {
cursor: pointer;
}

2
dev/Styles/AdvancedSearch.less → dev/Styles/User/AdvancedSearch.less
View file

@ -1,6 +1,6 @@
.b-advanced-search-content {
&.modal {
width: 780px;
max-width: 780px;
}
.control-label {
width: 110px;

9
dev/Styles/AnimationsUser.less → dev/Styles/User/Animations.less
View file

@ -43,15 +43,6 @@
transition: opacity 0.3s linear;
}
.messageList {
.messageListItem {
transition: max-height 400ms ease;
}
.listDragOver {
transition: all 400ms ease;
}
}
.b-list-content {
.e-contact-item {
transition: max-height 400ms ease;

0
dev/Styles/Attachmnets.less → dev/Styles/User/Attachmnets.less
View file

0
dev/Styles/Compose.less → dev/Styles/User/Compose.less
View file

28
dev/Styles/Contacts.less → dev/Styles/User/Contacts.less
View file

@ -1,7 +1,7 @@
@contacts-popup-left-width: 220px;
@contacts-popup-left-width: 25%;
.b-contacts-content {
.RL-PopupsContacts {
.control-group {
.control-label {
@ -10,11 +10,8 @@
}
}
&.modal {
position: absolute;
right: 0;
.modal {
bottom: 0;
left: 0;
width: auto;
min-width: 550px;
max-width: 900px;
@ -36,8 +33,8 @@
border-bottom: 1px solid rgba(128,128,128,0.4);
.e-search {
margin-top: 7px;
width: @contacts-popup-left-width - 20;
margin: 7px 0 0;
width: calc(100% - 20px);
}
}
@ -268,18 +265,3 @@
}
}
}
@media screen and (max-width: 700px) {
.b-contacts-content {
.b-list-content, .b-list-toolbar, .b-list-footer-toolbar {
width: 170px;
}
.b-list-toolbar .e-search {
width: 150px;
}
.b-view-content-toolbar, .b-view-content {
left: 170px;
}
}
}

0
dev/Styles/EmailAddresses.less → dev/Styles/User/EmailAddresses.less
View file

0
dev/Styles/Filter.less → dev/Styles/User/Filter.less
View file

0
dev/Styles/FolderList.less → dev/Styles/User/FolderList.less
View file

2
dev/Styles/Identity.less → dev/Styles/User/Identity.less
View file

@ -1,7 +1,7 @@
.b-identity-content {
&.modal {
width: 770px;
max-width: 770px;
}
.modal-body {

21
dev/Styles/Layout.less → dev/Styles/User/Layout.less
View file

@ -371,3 +371,24 @@ html:not(.rl-mobile) .show-mobile {
html.rl-mobile .width100-on-mobile {
width: 100% !important;
}
.e-paginator {
.e-page {
opacity: 0.5;
text-decoration: none;
font-size: 22px;
padding: 3px;
cursor: pointer;
&:hover {
opacity: 0.8;
}
&.current {
opacity: 1;
font-size: 25px;
cursor: default;
}
}
}

469
dev/Styles/MessageList.less → dev/Styles/User/MessageList.less
View file

@ -198,215 +198,6 @@ html.rl-no-preview-pane {
}
}
.messageListItem {
position: relative;
font-size: 12px;
overflow: hidden;
cursor: pointer;
margin: 0;
padding: 5px 0;
border: 0;
border-bottom: 1px solid rgba(153, 153, 153, 0.2);
border-left: 6px solid #eee;
z-index: 100;
&.focused {
background-color: rgba(128, 128, 128, 0.1);
border-left-color: #ccc;
}
.importantMark {
display: none;
color:red;
margin-right:5px
}
&.deleted-mark {
opacity: .7;
.subjectParent {
text-decoration: line-through;
}
}
&.important .importantMark {
display: inline;
}
&.new {
max-height: 0;
}
&.deleted {
max-height: 0;
border-color: transparent !important;
}
.checkboxMessage {
line-height: 12px;
padding: 0 8px 0 6px;
font-size: 16px;
}
.flagParent {
padding: 0 10px 0 5px;
}
time, .sizeParent {
margin: 0 5px;
opacity: 0.6;
font-size: 11px;
white-space: nowrap;
}
.threadsParent {
position: relative;
}
.attachmentParent {
position: relative;
margin: 2px 10px 0 5px;
color: #666;
text-shadow: 0 1px 0 #eee;
}
.senderParent, .subjectParent {
overflow: hidden;
white-space: nowrap;
}
.threadsCountParent {
display: inline;
overflow: hidden;
background-color: #eee;
padding: 1px 5px;
margin-right: 5px;
border: 1px solid #ccc;
border-radius: 5px;
}
.threadsCountParent.lastSelected {
background-color: #999;
border-color: #999;
color: #fff;
}
.threadsCountParent:hover {
border-color: #666;
}
.subjectParent .emptySubjectText {
display: none;
font-style: italic;
opacity: 0.5;
}
&.emptySubject .subjectParent {
.subject {
display: none;
}
.emptySubjectText {
display: inline;
}
}
.sender, .subject {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.threads-len {
.threads-len-data {
border-radius: 6px;
padding: 2px 0 1px 4px;
border: 1px solid #ccc;
&:hover {
background-color: rgba(127,127,127,0.3);
border-color: #666;
}
}
}
.flagOff {
opacity: 0.5;
&:hover {
opacity: 1;
}
}
.flagOn, .flagOnHalf {
color: orange;
}
.replyFlag, .forwardFlag {
display: none;
margin-right: 0.25em;
}
&.answered .replyFlag {
display: inline-block;
}
&.forwarded .forwardFlag {
display: inline-block;
}
&:not(.withAttachments) .attachmentParent {
display: none;
}
&.hasUnseenSubMessage {
background-color: rgba(255, 255, 64, 0.15);
border-left-color: lighten(orange, 30%);
&.focused {
border-left-color: darken(orange, 10%);
}
}
&.unseen {
background-color: rgba(255, 255, 64, 0.15);
border-left-color: orange;
.sender, .subjectParent {
font-weight: bold;
}
&.focused {
border-left-color: darken(orange, 10%);
}
}
&.checked {
border-left-color: lighten(#398CF2, 10%);
&.focused {
border-left-color: darken(#398CF2, 5%);
}
}
&.selected {
background-color: rgba(140, 200, 255, 0.3);
border-bottom-color: rgba(57, 140, 242, 0.2);
border-left-color: #398CF2;
z-index: 101;
+ .messageListItem {
border-bottom-color: rgba(57, 140, 242, 0.3);
}
}
&:not(.flagged) .flagOn,
&:not(.hasFlaggedSubMessage) .flagOnHalf,
&.flagged .flagOff, &.hasFlaggedSubMessage .flagOff {
display: none;
}
}
&.message-focused {
.b-message-list-wrapper {
background-color: #000;
@ -415,17 +206,250 @@ html.rl-no-preview-pane {
opacity: 0.97;
}
}
}
&.hideMessageListCheckbox {
.checkboxMessage, .checkboxCheckAll {
visibility: hidden;
.hideMessageListCheckbox {
.checkboxCheckAll {
visibility: hidden;
}
.checkboxMessage {
display: none;
}
}
.messageListItem {
display: flex;
flex-wrap: wrap;
position: relative;
font-size: 12px;
overflow: hidden;
cursor: pointer;
margin: 0;
padding: 5px 0;
border: 0;
border-bottom: 1px solid rgba(153, 153, 153, 0.2);
border-left: 6px solid #eee;
z-index: 100;
> * {
display: flex;
flex: 0 0 auto;
order: 0;
}
&.focused {
background-color: rgba(128, 128, 128, 0.1);
border-left-color: #ccc;
}
.importantMark {
display: none;
color:red;
margin-right:5px
}
&.deleted-mark {
opacity: .7;
.subjectParent {
text-decoration: line-through;
}
}
&.important .importantMark {
display: inline;
}
&.new {
max-height: 0;
}
&.deleted {
max-height: 0;
border-color: transparent !important;
}
.checkboxMessage {
line-height: 12px;
padding: 0 8px 0 6px;
font-size: 16px;
}
.flagParent {
padding: 0 10px 0 5px;
}
time, .sizeParent {
margin: 0 5px;
opacity: 0.6;
font-size: 11px;
white-space: nowrap;
}
.threadsParent {
position: relative;
}
.attachmentParent {
position: relative;
margin: 2px 10px 0 5px;
color: #666;
text-shadow: 0 1px 0 #eee;
}
.senderParent, .subjectParent {
overflow: hidden;
white-space: nowrap;
}
.threadsCountParent {
display: inline;
overflow: hidden;
background-color: #eee;
padding: 1px 5px;
margin-right: 5px;
border: 1px solid #ccc;
border-radius: 5px;
}
.threadsCountParent.lastSelected {
background-color: #999;
border-color: #999;
color: #fff;
}
.threadsCountParent:hover {
border-color: #666;
}
.subjectParent .emptySubjectText {
display: none;
font-style: italic;
opacity: 0.5;
}
&.emptySubject .subjectParent {
.subject {
display: none;
}
.emptySubjectText {
display: inline;
}
}
.sender, .subject {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.threads-len {
.threads-len-data {
border-radius: 6px;
padding: 2px 0 1px 4px;
border: 1px solid #ccc;
&:hover {
background-color: rgba(127,127,127,0.3);
border-color: #666;
}
}
}
.flagOff {
opacity: 0.5;
&:hover {
opacity: 1;
}
}
.flagOn, .flagOnHalf {
color: orange;
}
.replyFlag, .forwardFlag {
display: none;
margin-right: 0.25em;
}
&.answered .replyFlag {
display: inline-block;
}
&.forwarded .forwardFlag {
display: inline-block;
}
&:not(.withAttachments) .attachmentParent {
display: none;
}
&.hasUnseenSubMessage {
background-color: rgba(255, 255, 64, 0.15);
border-left-color: lighten(orange, 30%);
&.focused {
border-left-color: darken(orange, 10%);
}
}
&.unseen {
background-color: rgba(255, 255, 64, 0.15);
border-left-color: orange;
.sender, .subjectParent {
font-weight: bold;
}
&.focused {
border-left-color: darken(orange, 10%);
}
}
&.checked {
border-left-color: lighten(#398CF2, 10%);
&.focused {
border-left-color: darken(#398CF2, 5%);
}
}
&.selected {
background-color: rgba(140, 200, 255, 0.3);
border-bottom-color: rgba(57, 140, 242, 0.2);
border-left-color: #398CF2;
z-index: 101;
+ .messageListItem {
border-bottom-color: rgba(57, 140, 242, 0.3);
}
}
&:not(.flagged) .flagOn,
&:not(.hasFlaggedSubMessage) .flagOnHalf,
&.flagged .flagOff, &.hasFlaggedSubMessage .flagOff {
display: none;
}
}
html.rl-ctrl-key-pressed .messageListItem {
cursor: copy;
}
@media screen and (min-width: 1000px) {
.messageList {
.listDragOver {
transition: all 400ms ease;
}
}
}
/* desktop-large */
@media screen and (min-width: 1401px) {
.messageList .messageListItem {
.messageListItem {
font-size: 13px;
time {
font-size: 13px;
@ -448,18 +472,6 @@ html .messageList .line-loading {
top: 0;
}
.messageListItem {
display: flex;
flex-wrap: wrap;
> * {
display: flex;
flex: 0 0 auto;
order: 0;
}
}
.rl-side-preview-pane, .rl-mobile {
.messageListItem {
@ -471,7 +483,6 @@ html .messageList .line-loading {
.subjectParent {
flex: 1 0 auto;
line-height: 16px;
margin-left: 30px;
order: 1;
width: calc(100% - 120px);
}
@ -492,9 +503,13 @@ html .messageList .line-loading {
order: 3;
}
}
.b-message-list-wrapper:not(.hideMessageListCheckbox) .subjectParent {
margin-left: 30px;
}
}
html:not(.rl-mobile):not(.rl-side-preview-pane) .messageList {
html:not(.rl-mobile):not(.rl-side-preview-pane) {
.messageListItem {

0
dev/Styles/MessageView.less → dev/Styles/User/MessageView.less
View file

8
dev/Styles/OpenPgpKey.less → dev/Styles/User/OpenPgpKey.less
View file

@ -1,6 +1,6 @@
.b-open-pgp-key-view-content, .b-open-pgp-key-generate-content {
&.modal {
width: 570px;
max-width: 570px;
}
}
@ -13,7 +13,7 @@
.b-compose-open-pgp-content {
&.modal {
width: 800px;
max-width: 800px;
}
.key-list {
@ -97,7 +97,7 @@
.b-message-open-pgp-content {
&.modal {
width: 700px;
max-width: 700px;
}
.key-list {
@ -134,7 +134,7 @@
.b-open-pgp-key-add-content {
&.modal {
width: 645px;
max-width: 645px;
}
.inputKey {
font-family: var(--fontMono);

0
dev/Styles/Settings.less → dev/Styles/User/Settings.less
View file

0
dev/Styles/SettingsAccounts.less → dev/Styles/User/SettingsAccounts.less
View file

0
dev/Styles/SettingsFilters.less → dev/Styles/User/SettingsFilters.less
View file

0
dev/Styles/SettingsFolders.less → dev/Styles/User/SettingsFolders.less
View file

0
dev/Styles/SettingsGeneral.less → dev/Styles/User/SettingsGeneral.less
View file

0
dev/Styles/SettingsOpenPGP.less → dev/Styles/User/SettingsOpenPGP.less
View file

0
dev/Styles/SettingsTemplates.less → dev/Styles/User/SettingsTemplates.less
View file

0
dev/Styles/SettingsThemes.less → dev/Styles/User/SettingsThemes.less
View file

2
dev/Styles/Shortcuts.less → dev/Styles/User/Shortcuts.less
View file

@ -1,7 +1,7 @@
.rl-view-model {
.b-shortcuts-content {
&.modal {
width: 700px;
max-width: 700px;
}
}
}

0
dev/Styles/SquireUI.less → dev/Styles/User/SquireUI.less
View file

0
dev/Styles/SystemDropDown.less → dev/Styles/User/SystemDropDown.less
View file

2
dev/Styles/Template.less → dev/Styles/User/Template.less
View file

@ -1,7 +1,7 @@
.b-template-add-content {
&.modal {
width: 750px;
max-width: 750px;
}
.e-template-place {

24
dev/Styles/_BootstrapFix.less
View file

@ -12,12 +12,7 @@ label.inline, span.inline {
line-height: @baseLineHeight * 2;
color: @grayDark;
border: 0;
border-bottom: 1px solid #e5e5e5;
small {
font-size: @baseLineHeight * .75;
color: @grayLight;
}
border-bottom: 1px solid @dropdownDividerTop;
}
.legend + .control-group {
@ -40,30 +35,19 @@ label.inline, span.inline {
.alert a {
text-decoration: underline;
color: #c09853;
color: @warningText;
}
.alert.alert-info a {
color: #3a87ad;
color: @infoText;
}
.alert.alert-error a {
color: #b94a48;
}
.form-horizontal.long-label .control-group {
.control-label {
width: 160px;
}
color: @errorText;
}
/* mobile and tablet */
@media screen and (max-width: 999px) {
.modal {
width: calc(100% - 20px);
}
.form-horizontal {
.control-group {
.control-label {

3
dev/Styles/_FontasticToBoot.less
View file

@ -63,7 +63,8 @@
margin: -1px -2px;
}
.icon-spinner:not(.not-animated) {
.icon-spinner:not(.not-animated),
.list-loading .icon-spinner.not-animated {
border-color: transparent;
border-top-color: #999;
animation: rotation .8s infinite ease-in-out;

6
dev/View/Popup/Contacts.js
View file

@ -79,14 +79,14 @@ class ContactsPopupView extends AbstractViewPopup {
'.e-contact-item.focused'
);
this.selector.on('onItemSelect', contact => {
this.populateViewContact(contact || null);
this.selector.on('ItemSelect', contact => {
this.populateViewContact(contact);
if (!contact) {
this.emptySelection(true);
}
});
this.selector.on('onItemGetUid', contact => contact ? contact.generateUid() : '');
this.selector.on('ItemGetUid', contact => contact ? contact.generateUid() : '');
this.bDropPageAfterDelete = false;

31
dev/View/User/MailBox/MessageList.js
View file

@ -55,7 +55,7 @@ export class MessageListMailBoxUserView extends AbstractViewRight {
this.bPrefetch = false;
this.emptySubjectValue = '';
this.iGoToUpUpOrDownDownTimeout = 0;
this.iGoToUpOrDownTimeout = 0;
this.newMoveToFolder = !!SettingsGet('NewMoveToFolder');
@ -86,7 +86,6 @@ export class MessageListMailBoxUserView extends AbstractViewRight {
this.messageListCheckedOrSelected = MessageUserStore.listCheckedOrSelected;
this.messageListCompleteLoadingThrottle = MessageUserStore.listCompleteLoading;
this.messageListCompleteLoadingThrottleForAnimation = MessageUserStore.listLoadingAnimation;
initOnStartOrLangChange(() => this.emptySubjectValue = i18n('MESSAGE_LIST/EMPTY_SUBJECT_TEXT'));
@ -191,13 +190,15 @@ export class MessageListMailBoxUserView extends AbstractViewRight {
'.messageListItem.focused'
);
this.selector.on('onItemSelect', message => MessageUserStore.selectMessage(message));
this.selector.on('ItemSelect', message => MessageUserStore.selectMessage(message));
this.selector.on('onItemGetUid', message => (message ? message.generateUid() : ''));
this.selector.on('MiddleClick', message => MessageUserStore.populateMessageBody(message, true));
this.selector.on('onAutoSelect', () => this.useAutoSelect());
this.selector.on('ItemGetUid', message => (message ? message.generateUid() : ''));
this.selector.on('onUpUpOrDownDown', v => this.goToUpUpOrDownDown(v));
this.selector.on('AutoSelect', () => this.useAutoSelect());
this.selector.on('UpOrDown', v => this.goToUpOrDown(v));
addEventListener('mailbox.message-list.selector.go-down',
e => this.selector.newSelectPosition('ArrowDown', false, e.detail)
@ -351,13 +352,13 @@ export class MessageListMailBoxUserView extends AbstractViewRight {
showMessageComposer();
}
goToUpUpOrDownDown(up) {
goToUpOrDown(up) {
if (MessageUserStore.listChecked().length) {
return false;
}
clearTimeout(this.iGoToUpUpOrDownDownTimeout);
this.iGoToUpUpOrDownDownTimeout = setTimeout(() => {
clearTimeout(this.iGoToUpOrDownTimeout);
this.iGoToUpOrDownTimeout = setTimeout(() => {
let prev, next, temp, current;
this.messageListPaginator().find(item => {
@ -668,31 +669,31 @@ export class MessageListMailBoxUserView extends AbstractViewRight {
}
onBuild(dom) {
const eqs = (ev, s) => ev.target.closestWithin(s, dom);
const eqs = (ev, s) => ev.target.closestWithin('.messageList '+s, dom);
this.selector.init(dom.querySelector('.b-content'), Scope.MessageList);
dom.addEventListener('click', event => {
ThemeStore.isMobile() && leftPanelDisabled(true);
if (eqs(event, '.messageList .b-message-list-wrapper') && Scope.MessageView === AppUserStore.focusedState()) {
if (eqs(event, '.b-message-list-wrapper') && Scope.MessageView === AppUserStore.focusedState()) {
AppUserStore.focusedState(Scope.MessageList);
}
let el = eqs(event, '.e-paginator .e-page');
el && this.gotoPage(ko.dataFor(el));
eqs(event, '.messageList .checkboxCheckAll') && this.checkAll(!this.checkAll());
eqs(event, '.checkboxCheckAll') && this.checkAll(!this.checkAll());
el = eqs(event, '.messageList .messageListItem .flagParent');
el = eqs(event, '.messageListItem .flagParent');
el && this.flagMessages(ko.dataFor(el));
el = eqs(event, '.messageList .messageListItem .threads-len');
el = eqs(event, '.messageListItem .threads-len');
el && this.gotoThread(ko.dataFor(el));
});
dom.addEventListener('dblclick', event => {
let el = eqs(event, '.messageList .messageListItem .actionHandle');
let el = eqs(event, '.messageListItem .actionHandle');
el && this.gotoThread(ko.dataFor(el));
});

1
package.json
View file

@ -67,6 +67,7 @@
"rimraf": "3.0.2"
},
"dependencies": {
"gulp-group-css-media-queries": "^1.2.2",
"gulp-rollup-2": "^1.2.1",
"rollup": "^2.38.0",
"rollup-plugin-external-globals": "^0.6.1",

7
plugins/change-password/index.php
View file

@ -6,9 +6,9 @@ class ChangePasswordPlugin extends \RainLoop\Plugins\AbstractPlugin
{
const
NAME = 'Change Password',
VERSION = '2.1',
RELEASE = '2021-03-18',
REQUIRED = '2.4.0',
VERSION = '2.2',
RELEASE = '2021-07-20',
REQUIRED = '2.5.0',
CATEGORY = 'Security',
DESCRIPTION = 'This plugin allows you to change passwords of email accounts';
@ -23,6 +23,7 @@ class ChangePasswordPlugin extends \RainLoop\Plugins\AbstractPlugin
{
$this->UseLangs(true); // start use langs folder
$this->addCss('style.less');
$this->addJs('js/ChangePasswordUserSettings.js'); // add js file
$this->addJsonHook('ChangePassword', 'ChangePassword');
$this->addTemplate('templates/SettingsChangePassword.html');

5
plugins/change-password/style.less Normal file
View file

@ -0,0 +1,5 @@
.form-horizontal.change-password .control-group {
.control-label {
width: 160px;
}
}

2
plugins/change-password/templates/SettingsChangePassword.html
View file

@ -1,5 +1,5 @@
<div class="b-settings-general g-ui-user-select-none">
<div class="form-horizontal long-label">
<div class="form-horizontal change-password">
<div class="legend" data-i18n="SETTINGS_CHANGE_PASSWORD/LEGEND_CHANGE_PASSWORD"></div>
<div class="row">
<div class="span6">

11
snappymail/v/0.0.0/app/libraries/RainLoop/Config/Application.php
View file

@ -106,6 +106,15 @@ class Application extends \RainLoop\Config\AbstractConfig
protected function defaultValues() : array
{
$value = \ini_get('upload_max_filesize');
$upload_max_filesize = \intval($value);
switch (\strtoupper(\substr($value, -1))) {
case 'G': $upload_max_filesize *= 1024;
case 'M': $upload_max_filesize *= 1024;
case 'K': $upload_max_filesize *= 1024;
}
$upload_max_filesize = $upload_max_filesize / 1024 / 1024;
return array(
'webmail' => array(
@ -127,7 +136,7 @@ class Application extends \RainLoop\Config\AbstractConfig
'messages_per_page' => array(20, 'Number of messages displayed on page by default'),
'attachment_size_limit' => array(25, 'File size limit (MB) for file upload on compose screen
'attachment_size_limit' => array(\min($upload_max_filesize, 25), 'File size limit (MB) for file upload on compose screen
0 for unlimited.')
),

2
snappymail/v/0.0.0/app/libraries/RainLoop/Plugins/Helper.php
View file

@ -4,7 +4,7 @@ namespace RainLoop\Plugins;
class Helper
{
static public function ValidateWildcardValues(string $sString, string $sWildcardValues, string &$sFoundedValue) : bool
static public function ValidateWildcardValues(string $sString, string $sWildcardValues, string &$sFoundedValue = null) : bool
{
$sFoundedValue = '';

4
snappymail/v/0.0.0/app/templates/Views/Common/Paginator.html
View file

@ -1,5 +1,3 @@
<div class="e-paginator g-ui-user-select-none" data-bind="foreach: $data">
<a class="e-page" data-bind="css: { 'current': current, 'custom': custom }, title: title">
<span class="e-page-number" data-bind="text: name"></span>
</a>
<a class="e-page" data-bind="css: { 'current': current, 'custom': custom }, title: title, text: name"></a>
</div>

12
snappymail/v/0.0.0/app/templates/Views/Common/PopupsLanguages.html
View file

@ -3,12 +3,10 @@
<button type="button" class="close" data-bind="command: cancelCommand">×</button>
<h3 data-i18n="POPUPS_LANGUAGES/TITLE_LANGUAGES"></h3>
</div>
<div class="modal-body" style="min-height: 150px;">
<div data-bind="foreach: languages">
<label class="lang-item" data-bind="click: function () { $root.changeLanguage(key); }, css: {'selected': selected, 'user': user},
attr: { title: $root.languageTooltipName(key) },
text: fullName">
</label>
</div>
<div class="modal-body" style="min-height: 150px;" data-bind="foreach: languages">
<label data-bind="click: function () { $root.changeLanguage(key); }, css: {'selected': selected, 'user': user},
attr: { title: $root.languageTooltipName(key) },
text: fullName">
</label>
</div>
</div>

464
snappymail/v/0.0.0/app/templates/Views/User/MailMessageList.html
View file

@ -1,257 +1,255 @@
<div id="rl-sub-left">
<div class="messageList g-ui-user-select-none"
data-bind="css: {'message-selected': isMessageSelected, 'message-focused': !messageListFocused(), 'hideMessageListCheckbox': !useCheckboxesInList() }">
<div class="toolbar">
<div class="btn-toolbar">
<a class="btn btn-thin-2 fontastic show-mobile" data-bind="click: hideLeft, visible: !leftPanelDisabled()">❮</a>
<a class="btn btn-thin-2 fontastic show-mobile" data-bind="click: showLeft, visible: leftPanelDisabled()">❯</a>
<a class="btn buttonCompose show-mobile" data-bind="click: composeClick, css: {'btn-warning': composeInEdit, 'btn-success': !composeInEdit()}, visible: allowComposer && mobileCheckedStateHide()" data-i18n="[title]FOLDER_LIST/BUTTON_NEW_MESSAGE">
<i class="icon-paper-plane"></i>
<div id="rl-sub-left" class="messageList g-ui-user-select-none"
data-bind="css: {'message-selected': isMessageSelected, 'message-focused': !messageListFocused() }">
<div class="toolbar">
<div class="btn-toolbar">
<a class="btn btn-thin-2 fontastic show-mobile" data-bind="click: hideLeft, visible: !leftPanelDisabled()">❮</a>
<a class="btn btn-thin-2 fontastic show-mobile" data-bind="click: showLeft, visible: leftPanelDisabled()">❯</a>
<a class="btn buttonCompose show-mobile" data-bind="click: composeClick, css: {'btn-warning': composeInEdit, 'btn-success': !composeInEdit()}, visible: allowComposer && mobileCheckedStateHide()" data-i18n="[title]FOLDER_LIST/BUTTON_NEW_MESSAGE">
<i class="icon-paper-plane"></i>
</a>
<a class="btn" data-bind="command: reloadCommand, visible: allowReload && mobileCheckedStateHide()" data-i18n="[title]MESSAGE_LIST/BUTTON_RELOAD">
<i class="icon-spinner not-animated"></i>
</a>
<!-- ko if: !newMoveToFolder -->
<div class="btn-group dropdown colored-toggle hide-mobile" data-bind="visible: allowMessageListActions, registerBootstrapDropdown: true, openDropdownTrigger: moveDropdownTrigger">
<a id="move-dropdown-id" href="#" tabindex="-1" class="btn dropdown-toggle buttonMove" data-toggle="dropdown" data-bind="command: moveCommand" data-i18n="[title]GLOBAL/MOVE_TO">
<i class="icon-copy visible-on-ctrl-btn"></i>
<i class="fontastic hidden-on-ctrl-btn">📁</i>
<span class="caret"></span>
</a>
<a class="btn buttonReload" data-bind="command: reloadCommand, visible: allowReload && mobileCheckedStateHide()" data-i18n="[title]MESSAGE_LIST/BUTTON_RELOAD">
<i class="icon-spinner" data-bind="css: {'not-animated': !messageListCompleteLoadingThrottleForAnimation()}"></i>
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="move-dropdown-id" role="menu" data-bind="foreach: folderMenuForMove">
<li class="e-item" role="presentation" data-bind="css: { 'disabled': disabled, 'dividerbar': dividerbar }, click: function (mdata, oEvent) { if (!disabled) $root.moveSelectedMessagesToFolder(id, oEvent && !!oEvent.ctrlKey); }">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="text: name"></a>
</li>
</ul>
</div>
<!-- /ko -->
<!-- ko if: newMoveToFolder -->
<div class="btn-group" data-bind="visible: allowMessageListActions && mobileCheckedStateShow()">
<a id="move-dropdown-id" href="#" tabindex="-1" class="btn buttonMove" data-bind="command: moveNewCommand" data-i18n="[title]GLOBAL/MOVE_TO">
<i class="icon-copy visible-on-ctrl-btn"></i>
<i class="fontastic hidden-on-ctrl-btn">📁</i>
</a>
<!-- ko if: !newMoveToFolder -->
<div class="btn-group dropdown colored-toggle hide-mobile" data-bind="visible: allowMessageListActions, registerBootstrapDropdown: true, openDropdownTrigger: moveDropdownTrigger">
<a id="move-dropdown-id" href="#" tabindex="-1" class="btn dropdown-toggle buttonMove" data-toggle="dropdown" data-bind="command: moveCommand" data-i18n="[title]GLOBAL/MOVE_TO">
<i class="icon-copy visible-on-ctrl-btn"></i>
<i class="fontastic hidden-on-ctrl-btn">📁</i>
</div>
<!-- /ko -->
<div class="btn-group" data-bind="visible: allowMessageListActions && mobileCheckedStateShow()">
<a class="btn button-archive"
data-bind="visible: isArchiveVisible, command: archiveCommand" data-i18n="[title]GLOBAL/TO_ARCHIVE">
<i class="icon-archive"></i>
</a>
<a class="btn button-spam fontastic" data-bind="visible: isSpamVisible, command: spamCommand" data-i18n="[title]GLOBAL/SPAM">⚠</a>
<a class="btn button-not-spam"
data-bind="visible: isUnSpamVisible, command: notSpamCommand" data-i18n="[title]GLOBAL/NOT_SPAM">
<i class="icon-check-mark-circle-two"></i>
</a>
<a class="btn button-delete fontastic"
data-bind="command: deleteCommand" data-i18n="[title]GLOBAL/DELETE">🗑</a>
</div>
<div class="btn-group dropdown colored-toggle" data-bind="visible: allowComposer || allowMessageListActions || allowDangerousActions, registerBootstrapDropdown: true, openDropdownTrigger: moreDropdownTrigger">
<a id="more-list-dropdown-id" class="btn dropdown-toggle fontastic" href="#" tabindex="-1" data-toggle="dropdown" data-i18n="[title]GLOBAL/MORE">☰</a>
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="more-list-dropdown-id">
<div data-bind="visible: allowMessageListActions">
<li class="e-item" role="presentation" data-bind="click: listUnsetSeen, css: {'disabled': !hasCheckedOrSelectedLines()}">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="icon-none"></i>
<span data-i18n="MESSAGE_LIST/MENU_UNSET_SEEN"></span>
</a>
</li>
<li class="e-item" role="presentation" data-bind="click: listSetSeen, css: {'disabled': !hasCheckedOrSelectedLines()}">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="icon-none"></i>
<span data-i18n="MESSAGE_LIST/MENU_SET_SEEN"></span>
</a>
</li>
<li class="e-item" role="presentation" data-bind="click: listSetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic flagged">★</i>
<span data-i18n="MESSAGE_LIST/MENU_SET_FLAG"></span>
</a>
</li>
<li class="e-item" role="presentation" data-bind="click: listUnsetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic unflagged">☆</i>
<span data-i18n="MESSAGE_LIST/MENU_UNSET_FLAG"></span>
</a>
</li>
<li class="e-item" role="presentation" data-bind="click: listSetAllSeen, css: {'disabled': !hasMessages()}">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="icon-none"></i>
<span data-i18n="MESSAGE_LIST/MENU_SET_ALL_SEEN"></span>
</a>
</li>
</div>
<li class="e-item dividerbar" role="presentation" data-bind="visible: allowComposer, command: multyForwardCommand">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">↞</i>
<span data-i18n="MESSAGE_LIST/BUTTON_MULTY_FORWARD"></span>
</a>
</li>
<li class="e-item dividerbar" role="presentation" data-bind="visible: allowDangerousActions, command: deleteWithoutMoveCommand">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">🗑</i>
<span data-i18n="MESSAGE_LIST/BUTTON_DELETE_WITHOUT_MOVE"></span>
</a>
</li>
<li class="e-item" role="presentation" data-bind="visible: allowDangerousActions, command: clearCommand">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">🔥</i>
<span data-i18n="MESSAGE_LIST/BUTTON_EMPTY_FOLDER"></span>
</a>
</li>
</ul>
</div>
<div class="btn-group dropdown sortFolder" data-bind="visible: sortSupported() && mobileCheckedStateHide(), registerBootstrapDropdown: true, openDropdownTrigger: sortDropdownTrigger">
<a id="sort-list-dropdown-id" class="btn dropdown-toggle fontastic" href="#" tabindex="-1" data-toggle="dropdown" data-i18n="[title]MESSAGE_LIST/SORT" data-bind="text: sortText">⬇</a>
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="sort-list-dropdown-id">
<li class="e-item" role="presentation" data-sort="DATE" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">📅⬆</i>
<span data-i18n="MESSAGE_LIST/SORT_DATE_ASC"></span>
</a>
</li>
<li class="e-item" role="presentation" data-sort="" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">📅⬇</i>
<span data-i18n="MESSAGE_LIST/SORT_DATE_DESC"></span>
</a>
</li>
<li class="e-item dividerbar" role="presentation" data-sort="SIZE" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">✉⬆</i>
<span data-i18n="MESSAGE_LIST/SORT_SIZE_ASC"></span>
</a>
</li>
<li class="e-item" role="presentation" data-sort="REVERSE SIZE" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">✉⬇</i>
<span data-i18n="MESSAGE_LIST/SORT_SIZE_DESC"></span>
</a>
</li>
<li class="e-item dividerbar" role="presentation" data-sort="SUBJECT" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">𝐒⬇</i>
<span data-i18n="MESSAGE_LIST/SORT_SUBJECT_ASC"></span>
</a>
</li>
<li class="e-item" role="presentation" data-sort="REVERSE SUBJECT" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">𝐒⬆</i>
<span data-i18n="MESSAGE_LIST/SORT_SUBJECT_DESC"></span>
</a>
</li>
<li class="e-item dividerbar" role="presentation" data-sort="FROM" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">@⬇</i>
<span data-i18n="MESSAGE_LIST/SORT_FROM_ASC"></span>
</a>
</li>
<li class="e-item" role="presentation" data-sort="REVERSE FROM" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">@⬆</i>
<span data-i18n="MESSAGE_LIST/SORT_FROM_DESC"></span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="b-message-list-wrapper" data-bind="css: {'hideMessageListCheckbox': !useCheckboxesInList() }">
<div class="second-toolbar thm-message-list-top-toolbar">
<div class="form-inline">
<i class="checkboxCheckAll fontastic" data-bind="text: checkAll() ? (isIncompleteChecked() ? '▣' : '☑') : '☐'"></i>
<div class="input-append" data-bind="visible: allowSearch">
<div class="close-input-wrp">
<a class="close" data-bind="click: cancelSearch, visible: '' !== messageListSearchDesc()">×</a>
<input type="search" class="span4 inputSearch" tabindex="-1" placeholder="Search" autocorrect="off" autocapitalize="off" data-i18n="[placeholder]GLOBAL/SEARCH" data-bind="value: inputProxyMessageListSearch, onEnter: searchEnterAction, hasfocus: inputMessageListSearchFocus" />
</div>
<a class="btn buttonMoreSearch" data-bind="visible: allowSearchAdv, click: advancedSearchClick">
<span class="caret"></span>
</a>
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="move-dropdown-id" role="menu" data-bind="foreach: folderMenuForMove">
<li class="e-item" role="presentation" data-bind="css: { 'disabled': disabled, 'dividerbar': dividerbar }, click: function (mdata, oEvent) { if (!disabled) $root.moveSelectedMessagesToFolder(id, oEvent && !!oEvent.ctrlKey); }">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="text: name"></a>
</li>
</ul>
</div>
<!-- /ko -->
<!-- ko if: newMoveToFolder -->
<div class="btn-group" data-bind="visible: allowMessageListActions && mobileCheckedStateShow()">
<a id="move-dropdown-id" href="#" tabindex="-1" class="btn buttonMove" data-bind="command: moveNewCommand" data-i18n="[title]GLOBAL/MOVE_TO">
<i class="icon-copy visible-on-ctrl-btn"></i>
<i class="fontastic hidden-on-ctrl-btn">📁</i>
</a>
</div>
<!-- /ko -->
<div class="btn-group" data-bind="visible: allowMessageListActions && mobileCheckedStateShow()">
<a class="btn button-archive"
data-bind="visible: isArchiveVisible, command: archiveCommand" data-i18n="[title]GLOBAL/TO_ARCHIVE">
<i class="icon-archive"></i>
</a>
<a class="btn button-spam fontastic" data-bind="visible: isSpamVisible, command: spamCommand" data-i18n="[title]GLOBAL/SPAM">⚠</a>
<a class="btn button-not-spam"
data-bind="visible: isUnSpamVisible, command: notSpamCommand" data-i18n="[title]GLOBAL/NOT_SPAM">
<i class="icon-check-mark-circle-two"></i>
</a>
<a class="btn button-delete fontastic"
data-bind="command: deleteCommand" data-i18n="[title]GLOBAL/DELETE">🗑</a>
</div>
<div class="btn-group dropdown colored-toggle" data-bind="visible: allowComposer || allowMessageListActions || allowDangerousActions, registerBootstrapDropdown: true, openDropdownTrigger: moreDropdownTrigger">
<a id="more-list-dropdown-id" class="btn dropdown-toggle fontastic" href="#" tabindex="-1" data-toggle="dropdown" data-i18n="[title]GLOBAL/MORE">☰</a>
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="more-list-dropdown-id">
<div data-bind="visible: allowMessageListActions">
<li class="e-item" role="presentation" data-bind="click: listUnsetSeen, css: {'disabled': !hasCheckedOrSelectedLines()}">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="icon-none"></i>
<span data-i18n="MESSAGE_LIST/MENU_UNSET_SEEN"></span>
</a>
</li>
<li class="e-item" role="presentation" data-bind="click: listSetSeen, css: {'disabled': !hasCheckedOrSelectedLines()}">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="icon-none"></i>
<span data-i18n="MESSAGE_LIST/MENU_SET_SEEN"></span>
</a>
</li>
<li class="e-item" role="presentation" data-bind="click: listSetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic flagged">★</i>
<span data-i18n="MESSAGE_LIST/MENU_SET_FLAG"></span>
</a>
</li>
<li class="e-item" role="presentation" data-bind="click: listUnsetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic unflagged">☆</i>
<span data-i18n="MESSAGE_LIST/MENU_UNSET_FLAG"></span>
</a>
</li>
<li class="e-item" role="presentation" data-bind="click: listSetAllSeen, css: {'disabled': !hasMessages()}">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="icon-none"></i>
<span data-i18n="MESSAGE_LIST/MENU_SET_ALL_SEEN"></span>
</a>
</li>
</div>
<li class="e-item dividerbar" role="presentation" data-bind="visible: allowComposer, command: multyForwardCommand">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">↞</i>
<span data-i18n="MESSAGE_LIST/BUTTON_MULTY_FORWARD"></span>
</a>
</li>
<li class="e-item dividerbar" role="presentation" data-bind="visible: allowDangerousActions, command: deleteWithoutMoveCommand">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">🗑</i>
<span data-i18n="MESSAGE_LIST/BUTTON_DELETE_WITHOUT_MOVE"></span>
</a>
</li>
<li class="e-item" role="presentation" data-bind="visible: allowDangerousActions, command: clearCommand">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">🔥</i>
<span data-i18n="MESSAGE_LIST/BUTTON_EMPTY_FOLDER"></span>
</a>
</li>
</ul>
</div>
<div class="btn-group dropdown sortFolder" data-bind="visible: sortSupported() && mobileCheckedStateHide(), registerBootstrapDropdown: true, openDropdownTrigger: sortDropdownTrigger">
<a id="sort-list-dropdown-id" class="btn dropdown-toggle fontastic" href="#" tabindex="-1" data-toggle="dropdown" data-i18n="[title]MESSAGE_LIST/SORT" data-bind="text: sortText">⬇</a>
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="sort-list-dropdown-id">
<li class="e-item" role="presentation" data-sort="DATE" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">📅⬆</i>
<span data-i18n="MESSAGE_LIST/SORT_DATE_ASC"></span>
</a>
</li>
<li class="e-item" role="presentation" data-sort="" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">📅⬇</i>
<span data-i18n="MESSAGE_LIST/SORT_DATE_DESC"></span>
</a>
</li>
<li class="e-item dividerbar" role="presentation" data-sort="SIZE" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">✉⬆</i>
<span data-i18n="MESSAGE_LIST/SORT_SIZE_ASC"></span>
</a>
</li>
<li class="e-item" role="presentation" data-sort="REVERSE SIZE" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">✉⬇</i>
<span data-i18n="MESSAGE_LIST/SORT_SIZE_DESC"></span>
</a>
</li>
<li class="e-item dividerbar" role="presentation" data-sort="SUBJECT" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">𝐒⬇</i>
<span data-i18n="MESSAGE_LIST/SORT_SUBJECT_ASC"></span>
</a>
</li>
<li class="e-item" role="presentation" data-sort="REVERSE SUBJECT" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">𝐒⬆</i>
<span data-i18n="MESSAGE_LIST/SORT_SUBJECT_DESC"></span>
</a>
</li>
<li class="e-item dividerbar" role="presentation" data-sort="FROM" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">@⬇</i>
<span data-i18n="MESSAGE_LIST/SORT_FROM_ASC"></span>
</a>
</li>
<li class="e-item" role="presentation" data-sort="REVERSE FROM" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">@⬆</i>
<span data-i18n="MESSAGE_LIST/SORT_FROM_DESC"></span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="b-message-list-wrapper">
<div class="second-toolbar thm-message-list-top-toolbar">
<div class="form-inline">
<i class="checkboxCheckAll fontastic" data-bind="text: checkAll() ? (isIncompleteChecked() ? '▣' : '☑') : '☐'"></i>
<div class="input-append" data-bind="visible: allowSearch">
<div class="close-input-wrp">
<a class="close" data-bind="click: cancelSearch, visible: '' !== messageListSearchDesc()">×</a>
<input type="search" class="span4 inputSearch" tabindex="-1" placeholder="Search" autocorrect="off" autocapitalize="off" data-i18n="[placeholder]GLOBAL/SEARCH" data-bind="value: inputProxyMessageListSearch, onEnter: searchEnterAction, hasfocus: inputMessageListSearchFocus" />
</div>
<a class="btn buttonMoreSearch" data-bind="visible: allowSearchAdv, click: advancedSearchClick">
<span class="caret"></span>
</a>
</div>
</div>
<div class="b-content" data-bind="initDom: dragOverBodyArea">
<div class="listThreadUidDesc" data-bind="visible: '' !== messageListEndThreadUid(), click: cancelThreadUid">
<i class="fontastic" data-bind="click: cancelThreadUid">⬅</i>
<span data-i18n="MESSAGE_LIST/BACK_TO_MESSAGE_LIST"></span>
</div>
<div class="b-content" data-bind="initDom: dragOverBodyArea">
<div class="listThreadUidDesc" data-bind="visible: '' !== messageListEndThreadUid(), click: cancelThreadUid">
<i class="fontastic" data-bind="click: cancelThreadUid">⬅</i>
<span data-i18n="MESSAGE_LIST/BACK_TO_MESSAGE_LIST"></span>
</div>
<div class="listSearchDesc" data-bind="visible: '' !== messageListSearchDesc(), text: messageListSearchDesc"></div>
<div class="listDragOver" data-bind="css: {'viewAppendArea': dragOver() && '' === messageListError() && !popupVisibility(), 'dragOverEnter': dragOverEnter }, initDom: dragOverArea">
<i class="fontastic e-icon">⬇</i>
<span data-i18n="MESSAGE_LIST/PUT_MESSAGE_HERE"></span>
</div>
<div class="listClear" data-bind="visible: clearListIsVisible()">
<span class="g-ui-link" data-i18n="MESSAGE_LIST/BUTTON_EMPTY_FOLDER" data-bind="command: clearCommand"></span>
</div>
<div class="listError" data-bind="visible: !dragOver() && '' !== messageListError()">
<span class="error" data-bind="text: messageListError"></span>
</div>
<div class="listEmptyList" data-bind="visible: !dragOver() && 0 === messageList().length && !messageListCompleteLoadingThrottle() && '' === messageListError() && '' === messageListSearch()"
data-i18n="MESSAGE_LIST/EMPTY_LIST"></div>
<div class="listEmptyListLoading" data-bind="visible: !dragOver() && 0 === messageList().length &&
messageListCompleteLoadingThrottle() && '' === messageListError()">
<span data-i18n="GLOBAL/LOADING"></span>
<span class="textLoadingAnimationD1">.</span>
<span class="textLoadingAnimationD2">.</span>
<span class="textLoadingAnimationD3">.</span>
</div>
<div class="listEmptySearchList" data-bind="visible: !dragOver() && 0 === messageList().length && !messageListCompleteLoadingThrottle() && '' === messageListError() && '' !== messageListSearch()"
data-i18n="MESSAGE_LIST/EMPTY_SEARCH_LIST"></div>
<div data-bind="dragmessages: getDragData">
<div class="messageListPlace" data-bind="foreach: messageList">
<div class="listSearchDesc" data-bind="visible: '' !== messageListSearchDesc(), text: messageListSearchDesc"></div>
<div class="listDragOver" data-bind="css: {'viewAppendArea': dragOver() && '' === messageListError() && !popupVisibility(), 'dragOverEnter': dragOverEnter }, initDom: dragOverArea">
<i class="fontastic e-icon">⬇</i>
<span data-i18n="MESSAGE_LIST/PUT_MESSAGE_HERE"></span>
</div>
<div class="listClear" data-bind="visible: clearListIsVisible()">
<span class="g-ui-link" data-i18n="MESSAGE_LIST/BUTTON_EMPTY_FOLDER" data-bind="command: clearCommand"></span>
</div>
<div class="listError" data-bind="visible: !dragOver() && '' !== messageListError()">
<span class="error" data-bind="text: messageListError"></span>
</div>
<div class="listEmptyList" data-bind="visible: !dragOver() && 0 === messageList().length && !messageListCompleteLoadingThrottle() && '' === messageListError() && '' === messageListSearch()"
data-i18n="MESSAGE_LIST/EMPTY_LIST"></div>
<div class="listEmptyListLoading" data-bind="visible: !dragOver() && 0 === messageList().length &&
messageListCompleteLoadingThrottle() && '' === messageListError()">
<span data-i18n="GLOBAL/LOADING"></span>
<span class="textLoadingAnimationD1">.</span>
<span class="textLoadingAnimationD2">.</span>
<span class="textLoadingAnimationD3">.</span>
</div>
<div class="listEmptySearchList" data-bind="visible: !dragOver() && 0 === messageList().length && !messageListCompleteLoadingThrottle() && '' === messageListError() && '' !== messageListSearch()"
data-i18n="MESSAGE_LIST/EMPTY_SEARCH_LIST"></div>
<div data-bind="dragmessages: getDragData">
<div class="messageListPlace" data-bind="foreach: messageList">
<div class="messageListItem" data-bind="css: lineAsCss()">
<div class="checkboxMessage fontastic" data-bind="text: checked() ? '☑' : '☐'"></div>
<div class="messageListItem" data-bind="css: lineAsCss()">
<div class="checkboxMessage fontastic" data-bind="text: checked() ? '☑' : '☐'"></div>
<div class="flagParent">
<i class="flagOn fontastic">★</i>
<i class="flagOnHalf fontastic">☆</i>
<i class="flagOff fontastic">☆</i>
<!-- ⚐⚑ -->
</div>
<div class="flagParent">
<i class="flagOn fontastic">★</i>
<i class="flagOnHalf fontastic">☆</i>
<i class="flagOff fontastic">☆</i>
<!-- ⚐⚑ -->
</div>
<div class="senderParent actionHandle">
<i class="replyFlag fontastic">←</i>
<i class="forwardFlag fontastic">→</i>
<span class="sender" data-bind="text: senderEmailsString, attr: {'title': senderClearEmailsString}"></span>
</div>
<div class="senderParent actionHandle">
<i class="replyFlag fontastic">←</i>
<i class="forwardFlag fontastic">→</i>
<span class="sender" data-bind="text: senderEmailsString, attr: {'title': senderClearEmailsString}"></span>
</div>
<div class="attachmentParent actionHandle">
<i data-bind="css: attachmentIconClass"></i>
</div>
<div class="attachmentParent actionHandle">
<i data-bind="css: attachmentIconClass"></i>
</div>
<div class="subjectParent actionHandle">
<b class="importantMark">!</b>
<span class="emptySubjectText" data-bind="text: $root.emptySubjectValue"></span>
<span class="subject" data-bind="text: subject"></span>
</div>
<div class="subjectParent actionHandle">
<b class="importantMark">!</b>
<span class="emptySubjectText" data-bind="text: $root.emptySubjectValue"></span>
<span class="subject" data-bind="text: subject"></span>
</div>
<div class="sizeParent actionHandle" data-bind="text: friendlySize()"></div>
<div class="sizeParent actionHandle" data-bind="text: friendlySize()"></div>
<div class="threadsParent" data-bind="visible: 1 < threadsLen()">
<span class="threads-len">
<span class="threads-len-data">
<span data-bind="text: threadsLen"></span>
<i class="icon-right-mini"></i>
</span>
<div class="threadsParent" data-bind="visible: 1 < threadsLen()">
<span class="threads-len">
<span class="threads-len-data">
<span data-bind="text: threadsLen"></span>
<i class="icon-right-mini"></i>
</span>
</div>
<time class="actionHandle" data-moment-format="SHORT" data-moment-format-title="FULL" data-bind="moment: dateTimeStampInUTC"></time>
</span>
</div>
<time class="actionHandle" data-moment-format="SHORT" data-moment-format-title="FULL" data-bind="moment: dateTimeStampInUTC"></time>
</div>
</div>
<div id="messagesDragImage"><span class="text"></span>&nbsp;<i class="icon-mail"></i></div>
</div>
<div class="b-footer thm-message-list-bottom-toolbar">
<span data-bind="visible: 0 < userUsageProc(), attr: { title: quotaTooltip() }" class="e-quota">
<span data-bind="text: userUsageProc"></span>%
</span>
<div class="pull-right">
<!-- ko template: { name: 'Paginator', data: messageListPaginator } --><!-- /ko -->
</div>
<div id="messagesDragImage"><span class="text"></span>&nbsp;<i class="icon-mail"></i></div>
</div>
<div class="b-footer thm-message-list-bottom-toolbar">
<span data-bind="visible: 0 < userUsageProc(), attr: { title: quotaTooltip() }" class="e-quota">
<span data-bind="text: userUsageProc"></span>%
</span>
<div class="pull-right">
<!-- ko template: { name: 'Paginator', data: messageListPaginator } --><!-- /ko -->
</div>
</div>
</div>

4
snappymail/v/0.0.0/app/templates/Views/User/PopupsContacts.html
View file

@ -1,4 +1,4 @@
<div class="modal fade b-contacts-content" data-bind="modal: modalVisibility">
<div class="modal fade">
<div class="modal-header b-header-toolbar g-ui-user-select-none">
<button type="button" class="close" data-bind="command: cancelCommand">×</button>
@ -48,7 +48,7 @@
</div>
<div class="modal-body">
<div class="b-list-toolbar">
<input type="search" class="span3 e-search" placeholder="Search" autocorrect="off" autocapitalize="off" data-i18n="[placeholder]GLOBAL/SEARCH" data-bind="value: search" />
<input type="search" class="e-search" placeholder="Search" autocorrect="off" autocapitalize="off" data-i18n="[placeholder]GLOBAL/SEARCH" data-bind="value: search" />
</div>
<div class="b-list-content g-ui-user-select-none" data-bind="css: {'hideContactListCheckbox': !useCheckboxesInList()}">
<div class="content">

2
snappymail/v/0.0.0/themes/SquaresDark/styles.less
View file

@ -121,7 +121,7 @@
border-bottom-color: #444;
}
.messageList .messageListItem {
.messageListItem {
border-left-color: #111;
color: #EEE;
}

3
tasks/css.js
View file

@ -8,6 +8,7 @@ const eol = require('gulp-eol');
const livereload = require('gulp-livereload');
const filter = require('gulp-filter');
const expect = require('gulp-expect-file');
const gcmq = require('gulp-group-css-media-queries');
const { config } = require('./config');
const { del } = require('./common');
@ -85,6 +86,7 @@ const cssBootMin = () => {
const cssMainMin = () => {
return gulp
.src(config.paths.staticCSS + config.paths.css.main.name)
.pipe(gcmq())
.pipe(cleanCss())
.pipe(rename({ suffix: '.min' }))
.pipe(eol('\n', true))
@ -94,6 +96,7 @@ const cssMainMin = () => {
const cssAdminMin = () => {
return gulp
.src(config.paths.staticCSS + config.paths.css.admin.name)
.pipe(gcmq())
.pipe(cleanCss())
.pipe(rename({ suffix: '.min' }))
.pipe(eol('\n', true))

25
vendors/bootstrap/less/button-groups.less vendored
View file

@ -45,9 +45,6 @@
.btn-group > .btn-small {
font-size: 12px;
}
.btn-group > .btn-large {
font-size: 16px;
}
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
.btn-group > .btn:first-child {
@ -61,17 +58,6 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
// Reset corners for large buttons
.btn-group > .btn.large:first-child {
margin-left: 0;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
// On hover/focus/active, bring the proper btn to front
.btn-group > .btn:hover,
@ -84,17 +70,6 @@
// Split button dropdowns
// ----------------------
// Give the line between buttons some depth
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-group > .btn-large + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open {
// The clickable button for toggling the menu

9
vendors/bootstrap/less/buttons.less vendored
View file

@ -65,9 +65,6 @@
line-height: normal;
border-radius: 5px;
}
.btn-large [class^="icon-"] {
margin-top: 2px;
}
// Small
.btn-small {
@ -75,9 +72,6 @@
font-size: @baseFontSize - 2px;
line-height: @baseLineHeight - 2px;
}
.btn-small [class^="icon-"] {
margin-top: 0;
}
// Block button
.btn-block {
@ -87,9 +81,6 @@
padding-right: 0;
box-sizing: border-box;
}
.btn-block + .btn-block {
margin-top: 5px;
}
// Alternate buttons

8
vendors/bootstrap/less/dropdowns.less vendored
View file

@ -92,11 +92,3 @@
background-color: transparent;
cursor: default;
}
// Open state for the dropdown
// ---------------------------
.open {
& > .dropdown-menu {
display: block;
}
}

7
vendors/bootstrap/less/forms.less vendored
View file

@ -29,12 +29,6 @@ legend {
color: @grayDark;
border: 0;
border-bottom: 1px solid #e5e5e5;
// Small
small {
font-size: @baseLineHeight * .75;
color: @grayLight;
}
}
// Identify controls by their labels
@ -84,6 +78,7 @@ textarea {
// Reset height since textareas have rows
textarea {
height: auto;
resize: none;
}
// Everything else
textarea,

3
vendors/bootstrap/less/mixins.less vendored
View file

@ -104,9 +104,6 @@
vertical-align: top;
}
// Set the container width
.container { .span(@gridColumns); }
// generate .spanX
.spanX (@gridColumns);
}

7
vendors/bootstrap/less/modals.less vendored
View file

@ -5,10 +5,11 @@
// Base modal
.modal {
position: relative;
position: absolute;
z-index: @zindexModal;
overflow: hidden;
width: 560px;
width: calc(100% - 20px);
max-width: 560px;
margin: 10px auto;
background-color: @white;
border: 1px solid rgba(0,0,0,.3);
@ -16,6 +17,8 @@
box-shadow: 0 5px 80px rgba(0,0,0,0.3);
background-clip: padding-box;
top: 0;
left: 0;
right: 0;
}
.modal-header {

6
vendors/bootstrap/less/tables.less vendored
View file

@ -12,12 +12,6 @@
background-color: @tableBackground;
border-collapse: collapse;
border-spacing: 0;
}
// BASELINE STYLES
// ---------------
.table {
width: 100%;
margin-bottom: @baseLineHeight;
// Cells

43
yarn.lock
View file

@ -871,6 +871,30 @@ cross-spawn@^6.0.5:
shebang-command "^1.2.0"
which "^1.2.9"
css-parse@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/css-parse/-/css-parse-2.0.0.tgz#a468ee667c16d81ccf05c58c38d2a97c780dbfd4"
integrity sha1-pGjuZnwW2BzPBcWMONKpfHgNv9Q=
dependencies:
css "^2.0.0"
css-stringify@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/css-stringify/-/css-stringify-2.0.0.tgz#2ef33dcf498c3d3ee82bd73d0a01ac28628cd0fa"
integrity sha1-LvM9z0mMPT7oK9c9CgGsKGKM0Po=
dependencies:
css "^2.0.0"
css@^2.0.0:
version "2.2.4"
resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==
dependencies:
inherits "^2.0.3"
source-map "^0.6.1"
source-map-resolve "^0.5.2"
urix "^0.1.0"
d@1, d@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/d/-/d-1.0.1.tgz#8698095372d58dbee346ffd0c7093f99f8f9eb5a"
@ -1603,6 +1627,14 @@ graceful-fs@^4.0.0, graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6:
resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee"
integrity sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==
group-css-media-queries@^1.4.1:
version "1.4.1"
resolved "https://registry.yarnpkg.com/group-css-media-queries/-/group-css-media-queries-1.4.1.tgz#8e54cb31cc45a9c5e08eb838940b8a28038d7175"
integrity sha1-jlTLMcxFqcXgjrg4lAuKKAONcXU=
dependencies:
css-parse "^2.0.0"
css-stringify "^2.0.0"
gulp-cached@1.1.1:
version "1.1.1"
resolved "https://registry.yarnpkg.com/gulp-cached/-/gulp-cached-1.1.1.tgz#fe7cd4f87f37601e6073cfedee5c2bdaf8b6acce"
@ -1697,6 +1729,15 @@ gulp-filter@6.0.0:
plugin-error "^1.0.1"
streamfilter "^3.0.0"
gulp-group-css-media-queries@^1.2.2:
version "1.2.2"
resolved "https://registry.yarnpkg.com/gulp-group-css-media-queries/-/gulp-group-css-media-queries-1.2.2.tgz#c0436b9474086cbe1ab3eb5bc1a3afef4d6b37d6"
integrity sha512-uOs8aJ5TV12aRstfc6pn107edDT2XSY7KNAU721Dz+gKHu/AUIlAaOdFdo9n/eHWqfb9QWMArrM8fiPOCqZPGg==
dependencies:
group-css-media-queries "^1.4.1"
plugin-error "^1.0.1"
through2 "^2.0.3"
gulp-header@2.0.9:
version "2.0.9"
resolved "https://registry.yarnpkg.com/gulp-header/-/gulp-header-2.0.9.tgz#8b432c4d4379dee6788845b16785b09c7675af84"
@ -3695,7 +3736,7 @@ snapdragon@^0.8.1:
source-map-resolve "^0.5.0"
use "^3.1.0"
source-map-resolve@^0.5.0:
source-map-resolve@^0.5.0, source-map-resolve@^0.5.2:
version "0.5.3"
resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==