160 lines
5 KiB
JavaScript
160 lines
5 KiB
JavaScript
/*
|
|
*
|
|
* (c) Copyright Ascensio System SIA 2010-2019
|
|
*
|
|
* This program is a free software product. You can redistribute it and/or
|
|
* modify it under the terms of the GNU Affero General Public License (AGPL)
|
|
* version 3 as published by the Free Software Foundation. In accordance with
|
|
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
|
|
* that Ascensio System SIA expressly excludes the warranty of non-infringement
|
|
* of any third-party rights.
|
|
*
|
|
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
|
|
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
|
|
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
|
|
*
|
|
* You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
|
|
* street, Riga, Latvia, EU, LV-1050.
|
|
*
|
|
* The interactive user interfaces in modified source and object code versions
|
|
* of the Program must display Appropriate Legal Notices, as required under
|
|
* Section 5 of the GNU AGPL version 3.
|
|
*
|
|
* Pursuant to Section 7(b) of the License you must retain the original Product
|
|
* logo when distributing the program. Pursuant to Section 7(e) we decline to
|
|
* grant you any rights under trademark law for use of our trademarks.
|
|
*
|
|
* All the Product's GUI elements, including illustrations and icon sets, as
|
|
* well as technical writing content are licensed under the terms of the
|
|
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
|
|
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
|
*
|
|
*/
|
|
/**
|
|
* Tooltip.js
|
|
*
|
|
* Created by Maxim Kadushkin on 14 March 2014
|
|
* Copyright (c) 2018 Ascensio System SIA. All rights reserved.
|
|
*
|
|
*/
|
|
/*
|
|
* Configuration
|
|
* =============
|
|
*
|
|
* @cfg {String} title
|
|
*
|
|
* @cfg {String} placement
|
|
* Default value is 'top'.
|
|
* Describes tooltips position relatively of the parent component
|
|
* acceptable values: 'top', 'bottom', 'right', 'left', 'top-right/left', 'bottom-right/left', 'cursor'
|
|
* If placement = 'cursor', tooltip doesn't arrange position relatively
|
|
* of the parent and shows relatively of the cursor position.
|
|
*
|
|
* @cfg {String} offset
|
|
* The number of pixels to offset the tooltip from the parent component
|
|
*
|
|
* @cfg {String} cls
|
|
* An extra CSS class that will be added to tooltip dom-element.
|
|
*
|
|
*
|
|
* Methods
|
|
* =======
|
|
*
|
|
* @method setTitle
|
|
*
|
|
* @method show
|
|
* @params {Array} at - set predefined position for the tooltip
|
|
*
|
|
*
|
|
* Events
|
|
* ======
|
|
*
|
|
* @event tooltip:show
|
|
* Fires after the tooltip is shown
|
|
*
|
|
* @event tooltip:hide
|
|
* Fires after the tooltip is hidden
|
|
*
|
|
* */
|
|
|
|
define([
|
|
'tip',
|
|
'backbone'
|
|
], function () {
|
|
'use strict';
|
|
|
|
var Tooltip = function(options) {
|
|
this.$element =
|
|
this.placement = undefined;
|
|
this.init.call(this, options);
|
|
};
|
|
|
|
_.extend(Tooltip.prototype, Backbone.Events, {
|
|
init: function(opts) {
|
|
this.$element = opts.owner instanceof Backbone.View ? opts.owner.$el : $(opts.owner);
|
|
this.placement = opts.placement;
|
|
|
|
if (this.$element.data('bs.tooltip'))
|
|
this.$element.removeData('bs.tooltip');
|
|
|
|
this.$element.tooltip({
|
|
title : opts.title,
|
|
trigger : 'manual',
|
|
placement : opts.placement,
|
|
offset : opts.offset,
|
|
cls : opts.cls,
|
|
html : opts.html,
|
|
hideonclick : opts.hideonclick,
|
|
keepvisible: opts.keepvisible
|
|
});
|
|
|
|
if (opts.hideonclick) {
|
|
var me = this;
|
|
var tip = this.$element.data('bs.tooltip');
|
|
if (tip) tip.tip().on('click', function() {
|
|
tip.hide();
|
|
me.trigger('tooltip:hideonclick', this);
|
|
});
|
|
}
|
|
|
|
this.$element.on('shown.bs.tooltip', _.bind(this.onTipShown, this));
|
|
this.$element.on('hidden.bs.tooltip', _.bind(this.onTipHidden, this));
|
|
},
|
|
|
|
show: function(at) {
|
|
this.getBSTip().show(at);
|
|
},
|
|
|
|
hide: function(callback) {
|
|
this.getBSTip().hide(callback);
|
|
},
|
|
|
|
setTitle: function(title) {
|
|
var tip = this.getBSTip();
|
|
if (tip) tip.options.title = title;
|
|
},
|
|
|
|
updateTitle: function() {
|
|
var tip = this.getBSTip();
|
|
tip.$tip.find('.tooltip-inner')[tip.options.html ? 'html' : 'text'](tip.options.title);
|
|
},
|
|
|
|
getBSTip: function() {
|
|
return this.$element.data('bs.tooltip');
|
|
},
|
|
|
|
onTipShown: function() {
|
|
this.trigger('tooltip:show', this);
|
|
},
|
|
|
|
onTipHidden: function() {
|
|
this.trigger('tooltip:hide', this);
|
|
},
|
|
|
|
isVisible: function() {
|
|
return this.getBSTip().tip().is(':visible');
|
|
}
|
|
});
|
|
Common.UI = Common.UI || {};
|
|
Common.UI.Tooltip = Tooltip;
|
|
}); |