From 9c67bf7fe59fe71b343a8c56e84492d9e715ed66 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Izabella=20Szl=C3=B3sarczyk?=
 <iza.bella.szlosarczyk@gmail.com>
Date: Fri, 27 Oct 2017 17:50:33 +0200
Subject: [PATCH] Adding itemMenuClasses to item

---
 cytoscape-context-menus.js | 27 ++++++++-------------------
 1 file changed, 8 insertions(+), 19 deletions(-)

diff --git a/cytoscape-context-menus.js b/cytoscape-context-menus.js
index f33b4d7..2879932 100644
--- a/cytoscape-context-menus.js
+++ b/cytoscape-context-menus.js
@@ -87,8 +87,12 @@
       }
 
       // Get string representation of css classes
-      function getMenuItemClassStr(classes, hasTrailingDivider) {
-        var str = getClassStr(classes);
+      function getMenuItemClassStr(classes, itemClases, hasTrailingDivider) {
+        var str = classes.join(' ');
+        
+        if (itemClases != null) {
+          str += itemClases.join(' ');
+        }
 
         str += ' ' + menuItemCSSClass;
 
@@ -99,21 +103,6 @@
         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');
       }
@@ -239,7 +228,7 @@
 
       // create cxtMenu and append it to body
       function createAndAppendCxtMenuComponent() {
-        var classes = getClassStr(options.contextMenuClasses);
+        var classes = options.contextMenuClasses.join(' ');
         // classes += ' cy-context-menus-cxt-menu';
         $cxtMenu = $('<div class=' + classes + '></div>');
         $cxtMenu.addClass('cy-context-menus-cxt-menu');
@@ -251,7 +240,7 @@
 
       // Creates a menu item as an html component
       function createMenuItemComponent(item) {
-        var classStr = getMenuItemClassStr(options.menuItemClasses, item.hasTrailingDivider) + " " + item.class;
+        var classStr = getMenuItemClassStr(options.menuItemClasses, item.menuItemClasses, item.hasTrailingDivider);
         var itemStr = '<button id="' + item.id + '" class="' + classStr + '"';
 
         if(item.tooltipText) {