Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance. Project price only 1 $
You can buy this project and download/modify it how often you want.
;(function(){ 'use strict';
var $ = typeof jQuery === typeof undefined ? null : jQuery;
var register = function( cytoscape, $ ){
if( !cytoscape ){ return; } // can't register if cytoscape unspecified
var cy;
var defaults = {
// List of initial menu items
menuItems: [
/*
{
id: 'remove',
title: 'remove',
selector: 'node, edge',
onClickFunction: function () {
console.log('remove element');
},
hasTrailingDivider: true
},
{
id: 'hide',
title: 'hide',
selector: 'node, edge',
onClickFunction: function () {
console.log('hide element');
},
disabled: true
}*/
],
// css classes that menu items will have
menuItemClasses: [
// add class names to this list
],
// css classes that context menu will have
contextMenuClasses: [
// add class names to this list
]
};
var options;
var $cxtMenu;
var menuItemCSSClass = 'cy-context-menus-cxt-menuitem';
var dividerCSSClass = 'cy-context-menus-divider';
var eventCyTapStart;
var active = false;
// Merge default options with the ones coming from parameter
function extend(defaults, options) {
var obj = {};
for (var i in defaults) {
obj[i] = defaults[i];
}
for (var i in options) {
obj[i] = options[i];
}
return obj;
};
function preventDefaultContextTap() {
$("#cy-context-menus-cxt-menu").contextmenu( function() {
return false;
});
}
// Get string representation of css classes
function getMenuItemClassStr(classes, hasTrailingDivider) {
var str = getClassStr(classes);
str += ' ' + menuItemCSSClass;
if(hasTrailingDivider) {
str += ' ' + dividerCSSClass;
}
return str;
}
// Get string representation of css classes
function getClassStr(classes) {
var str = '';
for( var i = 0; i < classes.length; i++ ) {
var className = classes[i];
str += className;
if(i !== classes.length - 1) {
str += ' ';
}
}
return str;
}
function displayComponent($component) {
$component.css('display', 'block');
}
function hideComponent($component) {
$component.css('display', 'none');
}
function hideMenuItemComponents() {
$cxtMenu.children().css('display', 'none');
}
function bindOnClickFunction($component, onClickFcn) {
var callOnClickFcn;
$component.on('click', callOnClickFcn = function() {
onClickFcn(cy.scratch('currentCyEvent'));
});
$component.data('call-on-click-function', callOnClickFcn);
}
function bindCyCxttap($component, selector, coreAsWell) {
var cxtfcn;
var cxtCoreFcn;
if(coreAsWell) {
cy.on('cxttap', cxtCoreFcn = function(event) {
if( event.cyTarget != cy ) {
return;
}
cy.scratch('currentCyEvent', event);
adjustCxtMenu(event);
displayComponent($component);
});
}
if(selector) {
cy.on('cxttap', selector, cxtfcn = function(event) {
cy.scratch('currentCyEvent', event);
adjustCxtMenu(event);
displayComponent($component);
});
}
// Bind the event to menu item to be able to remove it back
$component.data('cy-context-menus-cxtfcn', cxtfcn);
$component.data('cy-context-menus-cxtcorefcn', cxtCoreFcn);
}
function bindCyEvents() {
cy.on('tapstart', eventCyTapStart = function(){
hideComponent($cxtMenu);
cy.removeScratch('cxtMenuPosition');
cy.removeScratch('currentCyEvent');
});
}
function performBindings($component, onClickFcn, selector, coreAsWell) {
bindOnClickFunction($component, onClickFcn);
bindCyCxttap($component, selector, coreAsWell);
}
// Adjusts context menu if necessary
function adjustCxtMenu(event) {
var currentCxtMenuPosition = cy.scratch('cxtMenuPosition');
if( currentCxtMenuPosition != event.cyPosition ) {
hideMenuItemComponents();
cy.scratch('cxtMenuPosition', event.cyPosition);
var containerPos = $(cy.container()).offset();
var left = containerPos.left + event.cyRenderedPosition.x;
var top = containerPos.top + event.cyRenderedPosition.y;
displayComponent($cxtMenu);
$cxtMenu.css('left', left);
$cxtMenu.css('top', top);
}
}
function createAndAppendMenuItemComponents(menuItems) {
for (var i = 0; i < menuItems.length; i++) {
createAndAppendMenuItemComponent(menuItems[i]);
}
}
function createAndAppendMenuItemComponent(menuItem) {
// Create and append menu item
var $menuItemComponent = createMenuItemComponent(menuItem);
appendComponentToCxtMenu($menuItemComponent);
performBindings($menuItemComponent, menuItem.onClickFunction, menuItem.selector, menuItem.coreAsWell);
}//insertComponentBeforeExistingItem(component, existingItemID)
function createAndInsertMenuItemComponentBeforeExistingComponent(menuItem, existingComponentID) {
// Create and insert menu item
var $menuItemComponent = createMenuItemComponent(menuItem);
insertComponentBeforeExistingItem($menuItemComponent, existingComponentID);
performBindings($menuItemComponent, menuItem.onClickFunction, menuItem.selector, menuItem.coreAsWell);
}
// create cxtMenu and append it to body
function createAndAppendCxtMenuComponent() {
var classes = getClassStr(options.contextMenuClasses);
$cxtMenu = $('');
$('body').append($cxtMenu);
return $cxtMenu;
}
// Creates a menu item as an html component
function createMenuItemComponent(item) {
var classStr = getMenuItemClassStr(options.menuItemClasses, item.hasTrailingDivider);
var itemStr = '
