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

New styles for toltips (Opentip)

Browse source 
Selector new functionality
x-script tag support for templates
This commit is contained in:
RainLoop Team 2015-04-01 22:18:15 +04:00
parent c1c817c837
commit 80c5e35a29
47 changed files with 2641 additions and 315 deletions
Download patch file Download diff file Expand all files Collapse all files

38
dev/External/Opentip.js vendored Normal file
View file

@ -0,0 +1,38 @@
(function () {
'use strict';
var
window = require('window'),
Opentip = window.Opentip
;
Opentip.styles.rainloop = {
'extends': 'standard',
'group': 'rainloopTips',
'fixed': true,
'target': true,
'removeElementsOnHide': true,
'background': '#fff',
'shadow': false,
'borderColor': '#999',
'borderRadius': 2,
'borderWidth': 1
};
Opentip.styles.rainloopTip = {
'extends': 'rainloop',
'group': 'rainloopTips'
};
Opentip.styles.rainloopTestTip = {
'extends': 'rainloop'
};
module.exports = Opentip;
}());

187
dev/External/ko.js vendored
View file

@ -7,26 +7,15 @@
window = require('window'),
_ = require('_'),
$ = require('$'),
Opentip = require('Opentip'),
fDisposalTooltipHelper = function (oElement, $oEl, oSubscription) {
fDisposalTooltipHelper = function (oElement) {
ko.utils.domNodeDisposal.addDisposeCallback(oElement, function () {
if (oSubscription && oSubscription.dispose)
if (oElement && oElement.__opentip)
{
oSubscription.dispose();
oElement.__opentip.deactivate();
}
if ($oEl)
{
$oEl.off('click.koTooltip');
if ($oEl.tooltip)
{
$oEl.tooltip('destroy');
}
}
$oEl = null;
});
}
;
@ -37,43 +26,80 @@
var
$oEl = null,
bi18n = true,
sClass = '',
sPlacement = '',
oSubscription = null,
Globals = require('Common/Globals'),
Translator = require('Common/Translator')
sValue = '',
Translator = null,
Globals = require('Common/Globals')
;
if (!Globals.bMobileDevice)
{
$oEl = $(oElement);
sClass = $oEl.data('tooltip-class') || '';
bi18n = 'on' === ($oEl.data('tooltip-i18n') || 'on');
sPlacement = $oEl.data('tooltip-placement') || 'top';
sValue = bi18n ? ko.unwrap(fValueAccessor()) : fValueAccessor()();
$oEl.tooltip({
'delay': {
'show': 500,
'hide': 100
},
'html': true,
'container': 'body',
'placement': sPlacement,
'trigger': 'hover',
'title': function () {
var sValue = bi18n ? ko.unwrap(fValueAccessor()) : fValueAccessor()();
return '' === sValue || $oEl.is('.disabled') || Globals.dropdownVisibility() ? '' :
'<span class="tooltip-class ' + sClass + '">' + (bi18n ? Translator.i18n(sValue) : sValue) + '</span>';
if (sValue)
{
oElement.__opentip = new Opentip(oElement, {
'style': 'rainloopTip',
'element': oElement,
'tipJoint': $oEl.data('tooltip-join') || 'bottom'
});
oElement.__opentip.setContent(
bi18n ? require('Common/Translator').i18n(sValue) : sValue);
Globals.dropdownVisibility.subscribe(function (bV) {
if (bV) {
oElement.__opentip.deactivate();
} else {
oElement.__opentip.activate();
}
});
if (bi18n)
{
Translator = require('Common/Translator');
oElement.__opentip.setContent(Translator.i18n(sValue));
Translator.trigger.subscribe(function () {
oElement.__opentip.setContent(Translator.i18n(sValue));
});
Globals.dropdownVisibility.subscribe(function () {
if (oElement && oElement.__opentip)
{
oElement.__opentip.setContent(require('Common/Translator').i18n(sValue));
}
});
}
else
{
oElement.__opentip.setContent(sValue);
}
}).on('click.koTooltip', function () {
$oEl.tooltip('hide');
});
oSubscription = Globals.tooltipTrigger.subscribe(function () {
$oEl.tooltip('hide');
});
fDisposalTooltipHelper(oElement);
}
}
},
'update': function (oElement, fValueAccessor) {
fDisposalTooltipHelper(oElement, $oEl, oSubscription);
var
bi18n = true,
sValue = '',
Globals = require('Common/Globals')
;
if (!Globals.bMobileDevice && oElement.__opentip)
{
bi18n = 'on' === ($(oElement).data('tooltip-i18n') || 'on');
sValue = bi18n ? ko.unwrap(fValueAccessor()) : fValueAccessor()();
if (sValue)
{
oElement.__opentip.setContent(
bi18n ? require('Common/Translator').i18n(sValue) : sValue);
}
}
}
};
@ -81,46 +107,59 @@
ko.bindingHandlers.tooltipForTest = {
'init': function (oElement) {
var
$oEl = $(oElement),
oSubscription = null,
Globals = require('Common/Globals')
;
var $oEl = $(oElement);
$oEl.tooltip({
'container': 'body',
'trigger': 'hover manual',
'title': function () {
return $oEl.data('tooltip3-data') || '';
oElement.__opentip = new Opentip(oElement, {
'style': 'rainloopTestTip',
'element': oElement,
'tipJoint': $oEl.data('tooltip-join') || 'top'
});
oElement.__opentip.deactivate();
$(window.document).on('click', function () {
if (oElement && oElement.__opentip)
{
oElement.__opentip.hide();
}
});
$(window.document).on('click', function () {
$oEl.tooltip('hide');
});
oSubscription = Globals.tooltipTrigger.subscribe(function () {
$oEl.tooltip('hide');
});
fDisposalTooltipHelper(oElement, $oEl, oSubscription);
fDisposalTooltipHelper(oElement);
},
'update': function (oElement, fValueAccessor) {
var sValue = ko.unwrap(fValueAccessor());
if ('' === sValue)
{
$(oElement).data('tooltip3-data', '').tooltip('hide');
}
else
{
$(oElement).data('tooltip3-data', sValue);
_.delay(function () {
if ($(oElement).is(':visible'))
var
$oEl = $(oElement),
sValue = ko.unwrap(fValueAccessor()),
oOpenTips = oElement.__opentip
;
if (oOpenTips)
{
if ('' === sValue)
{
oOpenTips.hide();
oOpenTips.setContent('');
oOpenTips.deactivate();
}
else
{
if ($oEl.is(':visible'))
{
$(oElement).tooltip('show');
oOpenTips.activate();
oOpenTips.setContent(sValue);
_.delay(function () {
oOpenTips.show();
}, 100);
}
}, 100);
else
{
oOpenTips.hide();
oOpenTips.setContent('');
oOpenTips.deactivate();
}
}
}
}
};
@ -152,6 +191,8 @@
$oEl.find('.dropdown-toggle').dropdown('toggle');
}
$oEl.find('.dropdown-toggle').focus();
require('Common/Utils').detectDropdownVisibility();
fValueAccessor()(false);
}