Added preliminary class support

Author: Stwissel

example/index.html

@@ -59,8 +59,8 @@
         <div><textarea id="code" style="width: 100%;" rows="11">
 st=>start: Start:>http://www.google.com[blank]
 e=>end:>http://www.google.com
-op1=>operation: My Operation
-sub1=>subroutine: My Subroutine
+op1=>operation: My Operation|Test
+sub1=>subroutine: My Subroutine|Demo
 cond=>condition: Yes 
 or No?:>http://www.google.com
 io=>inputoutput: catch something...

src/flowchart.parse.js

@@ -151,6 +151,7 @@ function parse(input) {
         symbolType: parts[1],
         text: null,
         link: null,
+        class : null,
         target: null
       };
 
@@ -164,7 +165,17 @@ function parse(input) {
 
       if (symbol.text && symbol.text.indexOf(':>') >= 0) {
         sub = symbol.text.split(':>');
-        symbol.text = sub[0];
+        /* adding support for classes */
+        var tmpText = sub[0];
+		if (tmpText.indexOf('|') >= 0 {
+			var txtAndClass = tmpText.split('|');
+			symbol.text = txtAndClass[0];
+			symbol.class = txtAndClass[1];
+		} else {
+			symbol.text = tmpText;
+		}
+        /* end of class support */
+        
         symbol.link = sub[1];
       } else if (symbol.symbolType.indexOf(':>') >= 0) {
         sub = symbol.symbolType.split(':>');
@@ -218,4 +229,4 @@ function parse(input) {
 
   }
   return chart;
-}
+}

src/flowchart.symbol.js

@@ -6,6 +6,7 @@ function Symbol(chart, options, symbol) {
   this.symbolType = options.symbolType;
 
   this.next_direction = options.next && options['direction_next'] ? options['direction_next'] : undefined;
+  var class = (this.options.class) || (this.chart.options.symbols[this.symbolType]['class'] || this.chart.options['class']);
 
   this.text = this.chart.paper.text(0, 0, options.text);
   //Raphael does not support the svg group tag so setting the text node id to the symbol node id plus t
@@ -24,6 +25,7 @@ function Symbol(chart, options, symbol) {
   if (font) this.text.attr({ 'font': font });
   if (fontF) this.text.attr({ 'font-family': fontF });
   if (fontW) this.text.attr({ 'font-weight': fontW });
+  if (class) this.text.attr({ 'class': class });
 
   if (options.link) { this.text.attr('href', options.link); }
   if (options.target) { this.text.attr('target', options.target); }
@@ -56,6 +58,7 @@ function Symbol(chart, options, symbol) {
     if (options.link) { symbol.attr('href', options.link); }
     if (options.target) { symbol.attr('target', options.target); }
     if (options.key) { symbol.node.id = options.key; }
+    if (class) { symbol.attr('class',class); }
 
     this.group.push(symbol);
     symbol.insertBefore(this.text);
@@ -408,4 +411,4 @@ Symbol.prototype.drawLineTo = function(symbol, text, origin) {
   if (!this.chart.maxXFromLine || (this.chart.maxXFromLine && maxX > this.chart.maxXFromLine)) {
     this.chart.maxXFromLine = maxX;
   }
-};
+};