summaryrefslogtreecommitdiffstats
path: root/framework/src/onos/web/gui/src/main/webapp/app/fw/widget/tooltip.js
diff options
context:
space:
mode:
authorCNlucius <lukai1@huawei.com>2016-09-13 11:40:12 +0800
committerCNlucius <lukai1@huawei.com>2016-09-13 11:41:53 +0800
commitb731e2f1dd0972409b136aebc7b463dd72c9cfad (patch)
tree5107d7d80c19ad8076c2c97c2b5ef8d1cf3ab903 /framework/src/onos/web/gui/src/main/webapp/app/fw/widget/tooltip.js
parentee93993458266114c29271a481ef9ce7ce621b2a (diff)
ONOSFW-171
O/S-SFC-ONOS scenario documentation Change-Id: I51ae1cf736ea24ab6680f8edca1b2bf5dd598365 Signed-off-by: CNlucius <lukai1@huawei.com>
Diffstat (limited to 'framework/src/onos/web/gui/src/main/webapp/app/fw/widget/tooltip.js')
-rw-r--r--framework/src/onos/web/gui/src/main/webapp/app/fw/widget/tooltip.js146
1 files changed, 0 insertions, 146 deletions
diff --git a/framework/src/onos/web/gui/src/main/webapp/app/fw/widget/tooltip.js b/framework/src/onos/web/gui/src/main/webapp/app/fw/widget/tooltip.js
deleted file mode 100644
index dd8a6950..00000000
--- a/framework/src/onos/web/gui/src/main/webapp/app/fw/widget/tooltip.js
+++ /dev/null
@@ -1,146 +0,0 @@
-/*
- * Copyright 2015 Open Networking Laboratory
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/*
- ONOS GUI -- Widget -- Tooltip Service
- */
-
-(function () {
- 'use strict';
-
- // injected references
- var $log, $rootScope, fs;
-
- // constants
- var hoverHeight = 35,
- hoverDelay = 150,
- exitDelay = 150;
-
- // internal state
- var tooltip, currElemId;
-
- // === Helper functions ---------------------------------------------
-
- function init() {
- tooltip = d3.select('#tooltip');
- tooltip.html('');
- }
-
- function tipStyle(mouseX, mouseY) {
- var winWidth = fs.windowSize().width,
- winHeight = fs.windowSize().height,
- style = {
- display: 'inline-block',
- left: 'auto',
- right: 'auto'
- };
-
- if (mouseX <= (winWidth / 2)) {
- style.left = mouseX + 'px';
- } else {
- style.right = (winWidth - mouseX) + 'px';
- }
-
- if (mouseY <= (winHeight / 2)) {
- style.top = (mouseY + (hoverHeight - 10)) + 'px';
- } else {
- style.top = (mouseY - hoverHeight) + 'px';
- }
-
- return style;
- }
-
- // === API functions ------------------------------------------------
-
- function addTooltip(elem, tooltip) {
- elem.on('mouseover', function () { showTooltip(this, tooltip); });
- elem.on('mouseout', function () { cancelTooltip(this); });
- $rootScope.$on('$routeChangeStart', function () {
- cancelTooltip(elem.node());
- });
- }
-
- function showTooltip(el, msg) {
- // tooltips don't make sense on mobile devices
- if (!el || !msg || fs.isMobile()) {
- return;
- }
-
- var elem = d3.select(el),
- mouseX = d3.event.pageX,
- mouseY = d3.event.pageY,
- style = tipStyle(mouseX, mouseY);
- currElemId = elem.attr('id');
-
- tooltip.transition()
- .delay(hoverDelay)
- .each('start', function () {
- d3.select(this).style('display', 'none');
- })
- .each('end', function () {
- d3.select(this).style(style)
- .text(msg);
- });
- }
-
- function cancelTooltip(el) {
- if (!el) {
- return;
- }
- var elem = d3.select(el);
-
- if (elem.attr('id') === currElemId) {
- tooltip.transition()
- .delay(exitDelay)
- .style({
- display: 'none'
- })
- .text('');
- }
- }
-
- angular.module('onosWidget')
-
- .directive('tooltip', ['$rootScope', 'FnService',
- function (_$rootScope_, _fs_) {
- $rootScope = _$rootScope_;
- fs = _fs_;
-
- init();
-
- return {
- restrict: 'A',
- link: function (scope, elem, attrs) {
- addTooltip(d3.select(elem[0]), scope[attrs.ttMsg]);
- }
- };
- }])
-
- .factory('TooltipService', ['$log', '$rootScope', 'FnService',
- function (_$log_, _$rootScope_, _fs_) {
- $log = _$log_;
- $rootScope = _$rootScope_;
- fs = _fs_;
-
- init();
-
- return {
- addTooltip: addTooltip,
- showTooltip: showTooltip,
- cancelTooltip: cancelTooltip
- };
- }]);
-}());