Added functionality to share contacts

Added setting "Automatically add recipients to your address beech"
Further development of editing screen contact
This commit is contained in:
RainLoop Team 2013-12-19 04:53:42 +04:00
parent 026839d864
commit 2d9ff7d63f
63 changed files with 1229 additions and 1919 deletions

View file

@ -1,56 +1,56 @@
// MAIN
@main-color: #333;
@main-background-color: #48525C;
@main-background-image: link;
// LOADING
@loading-color: #ddd;
@loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
@login-color: #eee;
@login-background-color: #2b333d;
@login-rgba-background-color: rgba(0,0,0,0.5);
@login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
@login-border: none;
@login-border-radius: 7px;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #48525C;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #fff;
@folders-disabled-color: #aaa;
@folders-selected-color: #fff;
@folders-selected-background-color: #2b333d;
@folders-selected-rgba-background-color: rgba(0,0,0,0.5);
@folders-hover-color: #fff;
@folders-hover-background-color: #2b333d;
@folders-hover-rgba-background-color: rgba(0,0,0,0.5);
@folders-drop-color: #fff;
@folders-drop-background-color: #2b333d;
@folders-drop-rgba-background-color: rgba(0,0,0,0.5);
// SETTINGS
@settings-menu-color: #fff;
@settings-menu-disabled-color: #aaa;
@settings-menu-selected-color: #fff;
@settings-menu-selected-background-color: #2b333d;
@settings-menu-selected-rgba-background-color: rgba(0,0,0,0.5);
@settings-menu-hover-color: #fff;
@settings-menu-hover-background-color: #2b333d;
@settings-menu-hover-rgba-background-color: rgba(0,0,0,0.5);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE
@message-background-color: #fff;
@message-rgba-background-color: rgba(255,255,255,0.95);
// MAIN
@main-color: #333;
@main-background-color: #48525C;
@main-background-image: link;
// LOADING
@loading-color: #ddd;
@loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
@login-color: #eee;
@login-background-color: #2b333d;
@login-rgba-background-color: rgba(0,0,0,0.5);
@login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
@login-border: none;
@login-border-radius: 7px;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #48525C;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #fff;
@folders-disabled-color: #aaa;
@folders-selected-color: #fff;
@folders-selected-background-color: #2b333d;
@folders-selected-rgba-background-color: rgba(0,0,0,0.5);
@folders-hover-color: #fff;
@folders-hover-background-color: #2b333d;
@folders-hover-rgba-background-color: rgba(0,0,0,0.5);
@folders-drop-color: #fff;
@folders-drop-background-color: #2b333d;
@folders-drop-rgba-background-color: rgba(0,0,0,0.5);
// SETTINGS
@settings-menu-color: #fff;
@settings-menu-disabled-color: #aaa;
@settings-menu-selected-color: #fff;
@settings-menu-selected-background-color: #2b333d;
@settings-menu-selected-rgba-background-color: rgba(0,0,0,0.5);
@settings-menu-hover-color: #fff;
@settings-menu-hover-background-color: #2b333d;
@settings-menu-hover-rgba-background-color: rgba(0,0,0,0.5);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE
@message-background-color: #fff;
@message-rgba-background-color: rgba(255,255,255,0.95);

View file

@ -1,55 +1,55 @@
// MAIN
@main-color: #333;
@main-background-color: #eee;
@main-background-image: link;
// LOADING
@loading-color: #000;
// LOGIN
@login-color: #eee;
@login-background-color: #757575;
@login-rgba-background-color: rgba(0,0,0,0.5);
@login-box-shadow: none;
@login-border: none;
@login-border-radius: 7px;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #757575;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #000;
@folders-disabled-color: #999;
@folders-selected-color: #eee;
@folders-selected-background-color: #757575;
@folders-selected-rgba-background-color: rgba(0,0,0,0.5);
@folders-hover-color: #eee;
@folders-hover-background-color: #757575;
@folders-hover-rgba-background-color: rgba(0,0,0,0.5);
@folders-drop-color: #eee;
@folders-drop-background-color: #757575;
@folders-drop-rgba-background-color: rgba(0,0,0,0.5);
// SETTINGS
@settings-menu-color: #000;
@settings-menu-disabled-color: #999;
@settings-menu-selected-color: #eee;
@settings-menu-selected-background-color: #757575;
@settings-menu-selected-rgba-background-color: rgba(0,0,0,0.5);
@settings-menu-hover-color: #eee;
@settings-menu-hover-background-color: #757575;
@settings-menu-hover-rgba-background-color: rgba(0,0,0,0.5);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE
@message-background-color: #fff;
// MAIN
@main-color: #333;
@main-background-color: #eee;
@main-background-image: link;
// LOADING
@loading-color: #000;
// LOGIN
@login-color: #eee;
@login-background-color: #757575;
@login-rgba-background-color: rgba(0,0,0,0.5);
@login-box-shadow: none;
@login-border: none;
@login-border-radius: 7px;
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #757575;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #000;
@folders-disabled-color: #999;
@folders-selected-color: #eee;
@folders-selected-background-color: #757575;
@folders-selected-rgba-background-color: rgba(0,0,0,0.5);
@folders-hover-color: #eee;
@folders-hover-background-color: #757575;
@folders-hover-rgba-background-color: rgba(0,0,0,0.5);
@folders-drop-color: #eee;
@folders-drop-background-color: #757575;
@folders-drop-rgba-background-color: rgba(0,0,0,0.5);
// SETTINGS
@settings-menu-color: #000;
@settings-menu-disabled-color: #999;
@settings-menu-selected-color: #eee;
@settings-menu-selected-background-color: #757575;
@settings-menu-selected-rgba-background-color: rgba(0,0,0,0.5);
@settings-menu-hover-color: #eee;
@settings-menu-hover-background-color: #757575;
@settings-menu-hover-rgba-background-color: rgba(0,0,0,0.5);
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-gradient-start: #f4f4f4;
@message-list-toolbar-gradient-end: #dfdfdf;
// MESSAGE
@message-background-color: #fff;
@message-rgba-background-color: rgba(255,255,255,0.95);

View file

@ -75,6 +75,10 @@
}
}
.g-ui-menu .e-item.selected > .e-link {
background-color: @dropdown-menu-selected-background-color !important;
}
.g-ui-menu .e-item > .e-link:hover {
color: @dropdown-menu-hover-color !important;
background-color: @dropdown-menu-hover-background-color !important;

View file

@ -1,59 +1,60 @@
// MAIN
@main-color: #333;
@main-background-color: #e3e3e3;
@main-background-image: none; // "images/background.png"
// LOADING
@loading-color: #000; // #ddd
@loading-text-shadow: none; // 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
@login-color: #555;
@login-background-color: #eee;
@login-rgba-background-color: false; // rgba(0,0,0,0.7)
@login-box-shadow: none; // 0px 2px 10px rgba(0,0,0,0.5)
@login-border: 1px solid #ccc;
@login-border-radius: 7px;
@login-gradient-start: none; // #f4f4f4
@login-gradient-end: none; // #dfdfdf
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #444;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
// FOLDERS
@folders-color: #333;
@folders-disabled-color: #666;
@folders-selected-color: #eee;
@folders-selected-background-color: #333;
@folders-selected-rgba-background-color: false;
@folders-hover-color: #eee;
@folders-hover-background-color: #333;
@folders-hover-rgba-background-color: false;
@folders-drop-color: #eee;
@folders-drop-background-color: #333;
@folders-drop-rgba-background-color: false;
// SETTINGS
@settings-menu-color: #333;
@settings-menu-disabled-color: #666;
@settings-menu-selected-color: #eee;
@settings-menu-selected-background-color: #333;
@settings-menu-selected-rgba-background-color: false;
@settings-menu-hover-color: #eee;
@settings-menu-hover-background-color: #333;
@settings-menu-hover-rgba-background-color: false;
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-rgba-background-color: false;
@message-list-toolbar-gradient-start: none; // #f4f4f4
@message-list-toolbar-gradient-end: none; // #dfdfdf
// MESSAGE
@message-background-color: #fff;
@message-rgba-background-color: false;
// MAIN
@main-color: #333;
@main-background-color: #e3e3e3;
@main-background-image: none; // "images/background.png"
// LOADING
@loading-color: #000; // #ddd
@loading-text-shadow: none; // 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
@login-color: #555;
@login-background-color: #eee;
@login-rgba-background-color: false; // rgba(0,0,0,0.7)
@login-box-shadow: none; // 0px 2px 10px rgba(0,0,0,0.5)
@login-border: 1px solid #ccc;
@login-border-radius: 7px;
@login-gradient-start: none; // #f4f4f4
@login-gradient-end: none; // #dfdfdf
// MENU
@dropdown-menu-color: #333;
@dropdown-menu-background-color: #fff;
@dropdown-menu-hover-background-color: #444;
@dropdown-menu-hover-color: #eee;
@dropdown-menu-disable-color: #999;
@dropdown-menu-selected-background-color: #eee;
// FOLDERS
@folders-color: #333;
@folders-disabled-color: #666;
@folders-selected-color: #eee;
@folders-selected-background-color: #333;
@folders-selected-rgba-background-color: false;
@folders-hover-color: #eee;
@folders-hover-background-color: #333;
@folders-hover-rgba-background-color: false;
@folders-drop-color: #eee;
@folders-drop-background-color: #333;
@folders-drop-rgba-background-color: false;
// SETTINGS
@settings-menu-color: #333;
@settings-menu-disabled-color: #666;
@settings-menu-selected-color: #eee;
@settings-menu-selected-background-color: #333;
@settings-menu-selected-rgba-background-color: false;
@settings-menu-hover-color: #eee;
@settings-menu-hover-background-color: #333;
@settings-menu-hover-rgba-background-color: false;
// MESSAGE LIST
@message-list-toolbar-background-color: #eee;
@message-list-toolbar-rgba-background-color: false;
@message-list-toolbar-gradient-start: none; // #f4f4f4
@message-list-toolbar-gradient-end: none; // #dfdfdf
// MESSAGE
@message-background-color: #fff;
@message-rgba-background-color: false;

View file

@ -19,6 +19,10 @@
<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
</label>
</div>
</div>
<div class="control-group">

View file

@ -61,7 +61,7 @@
<div class="control-group" data-bind="visible: subscriptionEnabled() && !licensingProcess()">
<div class="controls">
<a class="btn" data-bind="click: showActivationForm">
<i class="icon-heart-empty"></i>
<i class="icon-happy-smiley"></i>
&nbsp;&nbsp;
Activate Subscription Key
</a>

View file

@ -94,14 +94,15 @@
</div>
<div data-bind="visible: !emptySelection()">
<div class="form-horizontal top-part">
<div class="control-group" data-bind="visible: !viewReadOnly() || 0 < viewPropertiesNames().length">
<div class="control-group" data-bind="visible: !viewReadOnly() || 0 < viewPropertiesEmailsNonEmpty().length">
<label class="control-label remove-padding-top fix-width">
<i class="icon-user iconsize24" data-placement="left" data-bind="tooltip: 'CONTACTS/LABEL_DISPLAY_NAME'"></i>
</label>
<div class="controls fix-width" data-bind="foreach: viewPropertiesNames">
<div class="property-line">
<span class="contactValueStatic" data-bind="text: value" />
<input type="text" class="contactValueInput" data-bind="value: value, hasFocus: focused, valueUpdate: 'keyup'" />
<input type="text" class="contactValueInput" placeholder="" data-bind="value: value, hasFocus: focused, valueUpdate: 'keyup', attr: {'placeholder': placeholderValue}" />
</div>
</div>
</div>
@ -152,35 +153,32 @@
</div>
</div>
<div class="e-read-only-sign" style="display: none">
<div class="e-save-trigger">
<div data-bind="saveTrigger: viewSaveTrigger"></div>
</div>
<div class="e-read-only-sign">
<i class="icon-lock iconsize24" data-placement="left" data-bind="tooltip: 'CONTACTS/LABEL_READ_ONLY'"></i>
</div>
<div class="e-share-sign" style="display: none">
<div class="e-share-sign" data-bind="visible: contactsSharingIsAllowed">
<div class="btn-group pull-right">
<a class="btn dropdown-toggle" data-placement="left" data-toggle="dropdown" data-bind="tooltip: 'CONTACTS/LABEL_SHARE'">
<i class="icon-share"></i>
<i data-bind="css: shareIcon"></i>
&nbsp;&nbsp;
<span class="caret"></span>
</a>
<ul class="dropdown-menu g-ui-menu">
<li class="e-item">
<a class="e-link" data-bind="css: {'selected': this.shareToNone}">
<li class="e-item" data-bind="css: {'selected': shareToNone}">
<a class="e-link" data-bind="click: setShareToNone">
<i class="icon-none"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="CONTACTS/BUTTON_SHARE_NONE"></span>
</a>
</li>
<li class="e-item">
<a class="e-link" data-bind="css: {'selected': this.shareToDomain}">
<i class="icon-none"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="CONTACTS/BUTTON_SHARE_DOMAIN"></span>
</a>
</li>
<li class="e-item">
<a class="e-link" data-bind="css: {'selected': this.shareToAll}">
<i class="icon-none"></i>
<li class="e-item" data-bind="css: {'selected': shareToAll}">
<a class="e-link" data-bind="click: setShareToAll">
<i class="icon-earth"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="CONTACTS/BUTTON_SHARE_ALL"></span>
</a>
@ -189,12 +187,12 @@
</div>
</div>
<button class="btn button-save-contact" data-bind="command: saveCommand">
<!-- <button class="btn button-save-contact" data-bind="command: saveCommand">
<i data-bind="css: {'icon-ok': !viewSaving(), 'icon-spinner animated': viewSaving()}"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="CONTACTS/BUTTON_CREATE_CONTACT" data-bind="visible: '' === viewID()"></span>
<span class="i18n" data-i18n-text="CONTACTS/BUTTON_UPDATE_CONTACT" data-bind="visible: '' !== viewID()"></span>
</button>
</button>-->
</div>
</div>
</div>

View file

@ -45,9 +45,9 @@
</div>
-->
<div class="control-group">
<label class="control-label" style="padding-top: 0;">
<span class="i18n" data-i18n-text="SETTINGS_GENERAL/LABEL_EDITOR"></span>
</label>
<label class="control-label" style="padding-top: 0;">
<span class="i18n" data-i18n-text="SETTINGS_GENERAL/LABEL_EDITOR"></span>
</label>
<div class="controls">
<label>
<input type="radio" name="richTextEditorType" value="Html" data-bind="checked: editorDefaultType" style="display: none" />
@ -63,6 +63,15 @@
</label>
</div>
</div>
<div class="control-group">
<div class="controls">
<label data-bind="click: function () { contactsAutosave(!contactsAutosave()); }">
<i data-bind="css: contactsAutosave() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n-text="SETTINGS_GENERAL/LABEL_CONTACTS_AUTOSAVE"></span>
</label>
</div>
</div>
</div>
<div class="form-horizontal">
<div class="legend">