visualizing classMethods

Author: nikitaeverywhere

web/css/classView.css

@@ -1,5 +1,6 @@
 #classView {
     height: 100%;
+    cursor: -webkit-grab; cursor: -moz-grab;
 }
 
 .uml-class-name-rect {

web/js/ClassView.js

@@ -72,9 +72,9 @@ ClassView.prototype.createClassInstance = function (name, classMetaData) {
         classProps = classMetaData["properties"],
         classMethods = classMetaData["methods"];
 
-    var insertString = function (array, string) {
+    var insertString = function (array, string, extraString) {
         string.match(/.{1,44}/g).forEach(function (p) {
-            array.push(p);
+            array.push(p + (extraString ? extraString : ""));
         });
     };
 
@@ -94,10 +94,17 @@ ClassView.prototype.createClassInstance = function (name, classMetaData) {
             }
             return arr;
         })(classParams, classProps),
-        methods: methArr = (function (ps) {
+        methods: methArr = (function (met) {
             var arr = [], n;
-            for (n in ps) {
-                insertString(arr, "+ " + n + (ps[n]["returns"] ? ": " + ps[n]["returns"] : ""));
+            for (n in met) {
+                insertString(
+                    arr,
+                    "+ " + n + (met[n]["returns"] ? ": " + met[n]["returns"] : ""),
+                    (met[n]["classMethod"] ?
+                        "\x1b" + JSON.stringify({STYLES:{
+                            textDecoration: "underline"
+                        }}) : "")
+                );
             }
             return arr;
         })(classMethods),

web/jsLib/joint.js

@@ -17205,12 +17205,25 @@ if ( typeof window === "object" && typeof window.document === "object" ) {
 
             for (; i < lines.length; i++) {
 
+				var jj, setup;
+
                 // Shift all the <tspan> but first by one line (`1em`)
                 tspan = V('tspan', { dy: (i == 0 ? '0em' : opt.lineHeight || '1em'), x: this.attr('x') || 0 });
                 tspan.addClass('line');
                 if (!lines[i]) {
                     tspan.addClass('empty-line');
                 }
+				//tspan.node.style.textDecoration = "underline";
+				if (lines[i].indexOf("\x1b") !== -1) {
+					jj = lines[i].split("\x1b");
+					lines[i] = jj[0];
+					setup = JSON.parse(jj[1]);
+					if (setup["STYLES"]) {
+						for (var j in setup["STYLES"]) {
+							tspan.node.style[j] = setup["STYLES"][j];
+						}
+					}
+				}
 		// Make sure the textContent is never empty. If it is, add an additional 
 		// space (an invisible character) so that following lines are correctly
 		// relatively positioned. `dy=1em` won't work with empty lines otherwise.