diff options
Diffstat (limited to 'ui/imports/ui/components/graph-tooltip-window')
3 files changed, 0 insertions, 129 deletions
diff --git a/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.html b/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.html deleted file mode 100644 index 4ce9787..0000000 --- a/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.html +++ /dev/null @@ -1,17 +0,0 @@ -<!-- -######################################################################################## -# Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others # -# # -# All rights reserved. This program and the accompanying materials # -# are made available under the terms of the Apache License, Version 2.0 # -# which accompanies this distribution, and is available at # -# http://www.apache.org/licenses/LICENSE-2.0 # -######################################################################################## - --> -<template name="GraphTooltipWindow"> -<div class="os-graph-tooltip-window {{#if show}}cl-visible{{/if}}" - style="top: {{ top }}px; left: {{ left }}px;"> - <div class="sm-label"><u>{{ label }}</u></div> - <div class="sm-title">{{{ title }}}</div> -</div> -</template> diff --git a/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.js b/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.js deleted file mode 100644 index 371a983..0000000 --- a/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.js +++ /dev/null @@ -1,84 +0,0 @@ -///////////////////////////////////////////////////////////////////////////////////////// -// Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others / -// / -// All rights reserved. This program and the accompanying materials / -// are made available under the terms of the Apache License, Version 2.0 / -// which accompanies this distribution, and is available at / -// http://www.apache.org/licenses/LICENSE-2.0 / -///////////////////////////////////////////////////////////////////////////////////////// -/* - * Template Component: GraphTooltipWindow - */ - -//import { Meteor } from 'meteor/meteor'; -import { Template } from 'meteor/templating'; -//import { ReactiveDict } from 'meteor/reactive-dict'; -import { SimpleSchema } from 'meteor/aldeed:simple-schema'; -import { store } from '/imports/ui/store/store'; -import { closeGraphTooltipWindow } from '/imports/ui/actions/graph-tooltip-window.actions'; - -import './graph-tooltip-window.html'; - -/* - * Lifecycles - */ - -Template.GraphTooltipWindow.onCreated(function() { - let instance = this; - instance.simpleState = { - gotIn: false, - }; - - instance.autorun(() => { - new SimpleSchema({ - label: { type: String }, - title: { type: String }, - left: { type: Number }, - top: { type: Number }, - show: { type: Boolean } - }).validate(Template.currentData()); - }); -}); - -/* -Template.GraphTooltipWindow.rendered = function() { -}; -*/ - -/* - * Events - */ - -Template.GraphTooltipWindow.events({ - 'mouseenter .os-graph-tooltip-window': function(e, instance) { - instance.simpleState.gotIn = true; - }, - - 'mouseleave .os-graph-tooltip-window': function(e, instance) { - if (!instance.data.show) { return; } - - //e.preventDefault(); - //e.stopPropagation(); - if (instance.simpleState.gotIn) { - instance.simpleState.gotIn = false; - store.dispatch(closeGraphTooltipWindow()); - } - }, - - 'click .os-graph-tooltip-window': function(e, instance) { - if (!instance.data.show) { return; } - - e.preventDefault(); - e.stopPropagation(); - store.dispatch(closeGraphTooltipWindow()); - }, -}); - -/* - * Helpers - */ - -Template.GraphTooltipWindow.helpers({ -}); - - diff --git a/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.styl b/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.styl deleted file mode 100644 index 1bbb9d5..0000000 --- a/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.styl +++ /dev/null @@ -1,28 +0,0 @@ -/* Set the component style here */ -// "GraphTooltipWindow" -.os-graph-tooltip-window - visibility: hidden; - - max-height: 300px; - overflow: auto; - position: absolute; - text-align: left; - opacity: 0 - font: normal 16px sans-serif; - /* width: 60px; */ - /* height: 28px; */ - padding: 20px; - background: dk-gray1; - color white - border: 2px solid stark-blue - // pointer-events: none; - - transition: visibility 0.5s, opacity 0.5s linear - - .sm-label - font-weight: bold; - -.os-graph-tooltip-window.cl-visible - visibility: visible - opacity: 0.9 - transition: visibility 0.2s, opacity 0.2s linear |