wbrawner/drawio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

12.2.3 release

Browse source
This commit is contained in:
David Benson [draw.io] 2019-11-08 11:01:52 +00:00
parent e71a6a71a9
commit bc441a3c95
26 changed files with 3527 additions and 3583 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ChangeLog
View file

@ -1,3 +1,11 @@
08-NOV-2019: 12.2.3
- Improves stencils in dark mode
- Removes electron useragent check
- Fixes shifted text labels in PDF with math
- Adds clipping for print output
- Uses mxGraph 4.0.6 beta 5
06-NOV-2019: 12.2.2
- Fixes NPE in pasteCells

2
VERSION
View file

@ -1 +1 @@
12.2.2
12.2.3

42
etc/mxgraph/mxClient.js
View file

@ -386,15 +386,15 @@ mxGuide.prototype.createGuideShape=function(a){a=new mxPolyline([],mxConstants.G
mxGuide.prototype.move=function(a,b,c,d){if(null!=this.states&&(this.horizontal||this.vertical)&&null!=a&&null!=b){var e=function(b,c){b+=this.graph.panDy;var d=!1;Math.abs(b-E)<y?(l=b-a.getCenterY(),y=Math.abs(b-E),d=!0):Math.abs(b-B)<y?(l=b-a.y,y=Math.abs(b-B),d=!0):Math.abs(b-C)<y&&(l=b-a.y-a.height,y=Math.abs(b-C),d=!0);d&&(r=c,t=Math.round(b-this.graph.panDy),null==this.guideY&&(this.guideY=this.createGuideShape(!1),this.guideY.dialect=this.graph.dialect!=mxConstants.DIALECT_SVG?mxConstants.DIALECT_VML:
mxConstants.DIALECT_SVG,this.guideY.pointerEvents=!1,this.guideY.init(this.graph.getView().getOverlayPane())));q=q||d},f=function(b,c){b+=this.graph.panDx;var d=!1;Math.abs(b-v)<x?(k=b-a.getCenterX(),x=Math.abs(b-v),d=!0):Math.abs(b-A)<x?(k=b-a.x,x=Math.abs(b-A),d=!0):Math.abs(b-z)<x&&(k=b-a.x-a.width,x=Math.abs(b-z),d=!0);d&&(n=c,p=Math.round(b-this.graph.panDx),null==this.guideX&&(this.guideX=this.createGuideShape(!0),this.guideX.dialect=this.graph.dialect!=mxConstants.DIALECT_SVG?mxConstants.DIALECT_VML:
mxConstants.DIALECT_SVG,this.guideX.pointerEvents=!1,this.guideX.init(this.graph.getView().getOverlayPane())));m=m||d},g=this.graph.getView().translate;d=this.graph.getView().scale;var k=b.x,l=b.y,m=!1,n=null,p=null,q=!1,r=null,t=null,u=this.getGuideTolerance(),x=u,y=u,u=a.clone();u.x+=b.x;u.y+=b.y;var A=u.x,z=u.x+u.width,v=u.getCenterX(),B=u.y,C=u.y+u.height,E=u.getCenterY();for(b=0;b<this.states.length;b++)u=this.states[b],null==u||this.isStateIgnored(u)||(this.horizontal&&(f.call(this,u.getCenterX(),
u),f.call(this,u.x,u),f.call(this,u.x+u.width,u)),this.vertical&&(e.call(this,u.getCenterY(),u),e.call(this,u.y,u),e.call(this,u.y+u.height,u)));c&&(m||(c=a.x-(this.graph.snap(a.x/d-g.x)+g.x)*d,k=this.graph.snap(k/d)*d-c),q||(c=a.y-(this.graph.snap(a.y/d-g.y)+g.y)*d,l=this.graph.snap(l/d)*d-c));d=this.graph.container;m||null==this.guideX?null!=this.guideX&&(null!=n&&null!=a&&(minY=Math.min(a.y+l-this.graph.panDy,n.y),maxY=Math.max(a.y+a.height+l-this.graph.panDy,n.y+n.height)),this.guideX.points=
null!=minY&&null!=maxY?[new mxPoint(p,minY),new mxPoint(p,maxY)]:[new mxPoint(p,-this.graph.panDy),new mxPoint(p,d.scrollHeight-3-this.graph.panDy)],this.guideX.stroke=this.getGuideColor(n,!0),this.guideX.node.style.visibility="visible",this.guideX.redraw()):this.guideX.node.style.visibility="hidden";q||null==this.guideY?null!=this.guideY&&(null!=r&&null!=a&&(minX=Math.min(a.x+k-this.graph.panDx,r.x),maxX=Math.max(a.x+a.width+k-this.graph.panDx,r.x+r.width)),this.guideY.points=null!=minX&&null!=maxX?
[new mxPoint(minX,t),new mxPoint(maxX,t)]:[new mxPoint(-this.graph.panDx,t),new mxPoint(d.scrollWidth-3-this.graph.panDx,t)],this.guideY.stroke=this.getGuideColor(r,!1),this.guideY.node.style.visibility="visible",this.guideY.redraw()):this.guideY.node.style.visibility="hidden";b=this.getDelta(a,n,k,r,l)}return b};
mxGuide.prototype.getDelta=function(a,b,c,d,e){if(this.rounded||null!=b&&null==b.cell)c=Math.floor(a.x+c)-a.x;if(this.rounded||null!=d&&null==d.cell)e=Math.floor(a.y+e)-a.y;return new mxPoint(c,e)};mxGuide.prototype.getGuideColor=function(a,b){return mxConstants.GUIDE_COLOR};mxGuide.prototype.hide=function(){this.setVisible(!1)};
mxGuide.prototype.setVisible=function(a){null!=this.guideX&&(this.guideX.node.style.visibility=a?"visible":"hidden");null!=this.guideY&&(this.guideY.node.style.visibility=a?"visible":"hidden")};mxGuide.prototype.destroy=function(){null!=this.guideX&&(this.guideX.destroy(),this.guideX=null);null!=this.guideY&&(this.guideY.destroy(),this.guideY=null)};function mxShape(a){this.stencil=a;this.initStyles()}mxShape.prototype.dialect=null;mxShape.prototype.scale=1;mxShape.prototype.antiAlias=!0;
mxShape.prototype.minSvgStrokeWidth=1;mxShape.prototype.bounds=null;mxShape.prototype.points=null;mxShape.prototype.node=null;mxShape.prototype.state=null;mxShape.prototype.style=null;mxShape.prototype.boundingBox=null;mxShape.prototype.stencil=null;mxShape.prototype.svgStrokeTolerance=8;mxShape.prototype.pointerEvents=!0;mxShape.prototype.svgPointerEvents="all";mxShape.prototype.shapePointerEvents=!1;mxShape.prototype.stencilPointerEvents=!1;mxShape.prototype.vmlScale=1;
mxShape.prototype.outline=!1;mxShape.prototype.visible=!0;mxShape.prototype.useSvgBoundingBox=!1;mxShape.prototype.init=function(a){null==this.node&&(this.node=this.create(a),null!=a&&a.appendChild(this.node))};mxShape.prototype.initStyles=function(a){this.strokewidth=1;this.rotation=0;this.strokeOpacity=this.fillOpacity=this.opacity=100;this.flipV=this.flipH=!1};mxShape.prototype.isParseVml=function(){return!0};mxShape.prototype.isHtmlAllowed=function(){return!1};
mxShape.prototype.getSvgScreenOffset=function(){return 1==mxUtils.mod(Math.max(1,Math.round((this.stencil&&"inherit"!=this.stencil.strokewidth?Number(this.stencil.strokewidth):this.strokewidth)*this.scale)),2)?.5:0};mxShape.prototype.create=function(a){return null!=a&&null!=a.ownerSVGElement?this.createSvg(a):8==document.documentMode||!mxClient.IS_VML||this.dialect!=mxConstants.DIALECT_VML&&this.isHtmlAllowed()?this.createHtml(a):this.createVml(a)};
mxShape.prototype.createSvg=function(){return document.createElementNS(mxConstants.NS_SVG,"g")};mxShape.prototype.createVml=function(){var a=document.createElement(mxClient.VML_PREFIX+":group");a.style.position="absolute";return a};mxShape.prototype.createHtml=function(){var a=document.createElement("div");a.style.position="absolute";return a};mxShape.prototype.reconfigure=function(){this.redraw()};
u),f.call(this,u.x,u),f.call(this,u.x+u.width,u)),this.vertical&&(e.call(this,u.getCenterY(),u),e.call(this,u.y,u),e.call(this,u.y+u.height,u)));c&&(m||(c=a.x-(this.graph.snap(a.x/d-g.x)+g.x)*d,k=this.graph.snap(k/d)*d-c),q||(c=a.y-(this.graph.snap(a.y/d-g.y)+g.y)*d,l=this.graph.snap(l/d)*d-c));d=this.graph.container;m||null==this.guideX?null!=this.guideX&&(g=c=null,null!=n&&null!=a&&(c=Math.min(a.y+l-this.graph.panDy,n.y),g=Math.max(a.y+a.height+l-this.graph.panDy,n.y+n.height)),this.guideX.points=
null!=c&&null!=g?[new mxPoint(p,c),new mxPoint(p,g)]:[new mxPoint(p,-this.graph.panDy),new mxPoint(p,d.scrollHeight-3-this.graph.panDy)],this.guideX.stroke=this.getGuideColor(n,!0),this.guideX.node.style.visibility="visible",this.guideX.redraw()):this.guideX.node.style.visibility="hidden";q||null==this.guideY?null!=this.guideY&&(g=c=null,null!=r&&null!=a&&(c=Math.min(a.x+k-this.graph.panDx,r.x),g=Math.max(a.x+a.width+k-this.graph.panDx,r.x+r.width)),this.guideY.points=null!=c&&null!=g?[new mxPoint(c,
t),new mxPoint(g,t)]:[new mxPoint(-this.graph.panDx,t),new mxPoint(d.scrollWidth-3-this.graph.panDx,t)],this.guideY.stroke=this.getGuideColor(r,!1),this.guideY.node.style.visibility="visible",this.guideY.redraw()):this.guideY.node.style.visibility="hidden";b=this.getDelta(a,n,k,r,l)}return b};mxGuide.prototype.getDelta=function(a,b,c,d,e){if(this.rounded||null!=b&&null==b.cell)c=Math.floor(a.x+c)-a.x;if(this.rounded||null!=d&&null==d.cell)e=Math.floor(a.y+e)-a.y;return new mxPoint(c,e)};
mxGuide.prototype.getGuideColor=function(a,b){return mxConstants.GUIDE_COLOR};mxGuide.prototype.hide=function(){this.setVisible(!1)};mxGuide.prototype.setVisible=function(a){null!=this.guideX&&(this.guideX.node.style.visibility=a?"visible":"hidden");null!=this.guideY&&(this.guideY.node.style.visibility=a?"visible":"hidden")};mxGuide.prototype.destroy=function(){null!=this.guideX&&(this.guideX.destroy(),this.guideX=null);null!=this.guideY&&(this.guideY.destroy(),this.guideY=null)};
function mxShape(a){this.stencil=a;this.initStyles()}mxShape.prototype.dialect=null;mxShape.prototype.scale=1;mxShape.prototype.antiAlias=!0;mxShape.prototype.minSvgStrokeWidth=1;mxShape.prototype.bounds=null;mxShape.prototype.points=null;mxShape.prototype.node=null;mxShape.prototype.state=null;mxShape.prototype.style=null;mxShape.prototype.boundingBox=null;mxShape.prototype.stencil=null;mxShape.prototype.svgStrokeTolerance=8;mxShape.prototype.pointerEvents=!0;mxShape.prototype.svgPointerEvents="all";
mxShape.prototype.shapePointerEvents=!1;mxShape.prototype.stencilPointerEvents=!1;mxShape.prototype.vmlScale=1;mxShape.prototype.outline=!1;mxShape.prototype.visible=!0;mxShape.prototype.useSvgBoundingBox=!1;mxShape.prototype.init=function(a){null==this.node&&(this.node=this.create(a),null!=a&&a.appendChild(this.node))};mxShape.prototype.initStyles=function(a){this.strokewidth=1;this.rotation=0;this.strokeOpacity=this.fillOpacity=this.opacity=100;this.flipV=this.flipH=!1};
mxShape.prototype.isParseVml=function(){return!0};mxShape.prototype.isHtmlAllowed=function(){return!1};mxShape.prototype.getSvgScreenOffset=function(){return 1==mxUtils.mod(Math.max(1,Math.round((this.stencil&&"inherit"!=this.stencil.strokewidth?Number(this.stencil.strokewidth):this.strokewidth)*this.scale)),2)?.5:0};
mxShape.prototype.create=function(a){return null!=a&&null!=a.ownerSVGElement?this.createSvg(a):8==document.documentMode||!mxClient.IS_VML||this.dialect!=mxConstants.DIALECT_VML&&this.isHtmlAllowed()?this.createHtml(a):this.createVml(a)};mxShape.prototype.createSvg=function(){return document.createElementNS(mxConstants.NS_SVG,"g")};mxShape.prototype.createVml=function(){var a=document.createElement(mxClient.VML_PREFIX+":group");a.style.position="absolute";return a};
mxShape.prototype.createHtml=function(){var a=document.createElement("div");a.style.position="absolute";return a};mxShape.prototype.reconfigure=function(){this.redraw()};
mxShape.prototype.redraw=function(){this.updateBoundsFromPoints();this.visible&&this.checkBounds()?(this.node.style.visibility="visible",this.clear(),"DIV"!=this.node.nodeName||!this.isHtmlAllowed()&&mxClient.IS_VML?this.redrawShape():this.redrawHtmlShape(),this.updateBoundingBox()):(this.node.style.visibility="hidden",this.boundingBox=null)};
mxShape.prototype.clear=function(){if(null!=this.node.ownerSVGElement)for(;null!=this.node.lastChild;)this.node.removeChild(this.node.lastChild);else this.node.style.cssText="position:absolute;"+(null!=this.cursor?"cursor:"+this.cursor+";":""),this.node.innerHTML=""};
mxShape.prototype.updateBoundsFromPoints=function(){var a=this.points;if(null!=a&&0<a.length&&null!=a[0]){this.bounds=new mxRectangle(Number(a[0].x),Number(a[0].y),1,1);for(var b=1;b<this.points.length;b++)null!=a[b]&&this.bounds.add(new mxRectangle(Number(a[b].x),Number(a[b].y),1,1))}};
@ -472,10 +472,10 @@ function mxArrowConnector(a,b,c,d,e,f,g){mxShape.call(this);this.points=a;this.f
mxArrowConnector.prototype.resetStyles=function(){mxShape.prototype.resetStyles.apply(this,arguments);this.arrowSpacing=mxConstants.ARROW_SPACING};mxArrowConnector.prototype.apply=function(a){mxShape.prototype.apply.apply(this,arguments);null!=this.style&&(this.startSize=3*mxUtils.getNumber(this.style,mxConstants.STYLE_STARTSIZE,mxConstants.ARROW_SIZE/5),this.endSize=3*mxUtils.getNumber(this.style,mxConstants.STYLE_ENDSIZE,mxConstants.ARROW_SIZE/5))};
mxArrowConnector.prototype.augmentBoundingBox=function(a){mxShape.prototype.augmentBoundingBox.apply(this,arguments);var b=this.getEdgeWidth();this.isMarkerStart()&&(b=Math.max(b,this.getStartArrowWidth()));this.isMarkerEnd()&&(b=Math.max(b,this.getEndArrowWidth()));a.grow((b/2+this.strokewidth)*this.scale)};
mxArrowConnector.prototype.paintEdgeShape=function(a,b){var c=this.strokewidth;this.outline&&(c=Math.max(1,mxUtils.getNumber(this.style,mxConstants.STYLE_STROKEWIDTH,this.strokewidth)));for(var d=this.getStartArrowWidth()+c,e=this.getEndArrowWidth()+c,f=this.outline?this.getEdgeWidth()+c:this.getEdgeWidth(),g=this.isOpenEnded(),k=this.isMarkerStart(),l=this.isMarkerEnd(),m=g?0:this.arrowSpacing+c/2,n=this.startSize+c,c=this.endSize+c,p=this.isArrowRounded(),q=b[b.length-1],r=1;r<b.length-1&&b[r].x==
b[0].x&&b[r].y==b[0].y;)r++;var t=b[r].x-b[0].x,r=b[r].y-b[0].y,u=Math.sqrt(t*t+r*r);if(0!=u){var x=t/u,y,A=x,z=r/u,v,B=z,u=f*z,C=-f*x,E=[];p?a.setLineJoin("round"):2<b.length&&a.setMiterLimit(1.42);a.begin();t=x;r=z;if(k&&!g)this.paintMarker(a,b[0].x,b[0].y,x,z,n,d,f,m,!0);else{y=b[0].x+u/2+m*x;v=b[0].y+C/2+m*z;var F=b[0].x-u/2+m*x,I=b[0].y-C/2+m*z;g?(a.moveTo(y,v),E.push(function(){a.lineTo(F,I)})):(a.moveTo(F,I),a.lineTo(y,v))}for(var D=v=y=0,u=0;u<b.length-2;u++)if(C=mxUtils.relativeCcw(b[u].x,
b[u].y,b[u+1].x,b[u+1].y,b[u+2].x,b[u+2].y),y=b[u+2].x-b[u+1].x,v=b[u+2].y-b[u+1].y,D=Math.sqrt(y*y+v*v),0!=D&&(A=y/D,B=v/D,tmp=Math.max(Math.sqrt((x*A+z*B+1)/2),.04),y=x+A,v=z+B,D=Math.sqrt(y*y+v*v),0!=D)){y/=D;v/=D;var D=Math.max(tmp,Math.min(this.strokewidth/200+.04,.35)),D=0!=C&&p?Math.max(.1,D):Math.max(tmp,.06),G=b[u+1].x+v*f/2/D,H=b[u+1].y-y*f/2/D;v=b[u+1].x-v*f/2/D;y=b[u+1].y+y*f/2/D;0!=C&&p?-1==C?(C=v+B*f,D=y-A*f,a.lineTo(v+z*f,y-x*f),a.quadTo(G,H,C,D),function(b,c){E.push(function(){a.lineTo(b,
c)})}(v,y)):(a.lineTo(G,H),function(b,c){var d=G-z*f,e=H+x*f,g=G-B*f,k=H+A*f;E.push(function(){a.quadTo(b,c,d,e)});E.push(function(){a.lineTo(g,k)})}(v,y)):(a.lineTo(G,H),function(b,c){E.push(function(){a.lineTo(b,c)})}(v,y));x=A;z=B}u=f*B;C=-f*A;if(l&&!g)this.paintMarker(a,q.x,q.y,-x,-z,c,e,f,m,!1);else{a.lineTo(q.x-m*A+u/2,q.y-m*B+C/2);var J=q.x-m*A-u/2,K=q.y-m*B-C/2;g?(a.moveTo(J,K),E.splice(0,0,function(){a.moveTo(J,K)})):a.lineTo(J,K)}for(u=E.length-1;0<=u;u--)E[u]();g?(a.end(),a.stroke()):(a.close(),
a.fillAndStroke());a.setShadow(!1);a.setMiterLimit(4);p&&a.setLineJoin("flat");2<b.length&&(a.setMiterLimit(4),k&&!g&&(a.begin(),this.paintMarker(a,b[0].x,b[0].y,t,r,n,d,f,m,!0),a.stroke(),a.end()),l&&!g&&(a.begin(),this.paintMarker(a,q.x,q.y,-x,-z,c,e,f,m,!0),a.stroke(),a.end()))}};
b[0].x&&b[r].y==b[0].y;)r++;var t=b[r].x-b[0].x,r=b[r].y-b[0].y,u=Math.sqrt(t*t+r*r);if(0!=u){var x=t/u,y,A=x,z=r/u,v,B=z,u=f*z,C=-f*x,E=[];p?a.setLineJoin("round"):2<b.length&&a.setMiterLimit(1.42);a.begin();t=x;r=z;if(k&&!g)this.paintMarker(a,b[0].x,b[0].y,x,z,n,d,f,m,!0);else{y=b[0].x+u/2+m*x;v=b[0].y+C/2+m*z;var F=b[0].x-u/2+m*x,J=b[0].y-C/2+m*z;g?(a.moveTo(y,v),E.push(function(){a.lineTo(F,J)})):(a.moveTo(F,J),a.lineTo(y,v))}for(var D=v=y=0,u=0;u<b.length-2;u++)if(C=mxUtils.relativeCcw(b[u].x,
b[u].y,b[u+1].x,b[u+1].y,b[u+2].x,b[u+2].y),y=b[u+2].x-b[u+1].x,v=b[u+2].y-b[u+1].y,D=Math.sqrt(y*y+v*v),0!=D){A=y/D;B=v/D;D=Math.max(Math.sqrt((x*A+z*B+1)/2),.04);y=x+A;v=z+B;var G=Math.sqrt(y*y+v*v);if(0!=G){y/=G;v/=G;var G=Math.max(D,Math.min(this.strokewidth/200+.04,.35)),D=0!=C&&p?Math.max(.1,G):Math.max(D,.06),H=b[u+1].x+v*f/2/D,I=b[u+1].y-y*f/2/D;v=b[u+1].x-v*f/2/D;y=b[u+1].y+y*f/2/D;0!=C&&p?-1==C?(C=v+B*f,D=y-A*f,a.lineTo(v+z*f,y-x*f),a.quadTo(H,I,C,D),function(b,c){E.push(function(){a.lineTo(b,
c)})}(v,y)):(a.lineTo(H,I),function(b,c){var d=H-z*f,e=I+x*f,g=H-B*f,k=I+A*f;E.push(function(){a.quadTo(b,c,d,e)});E.push(function(){a.lineTo(g,k)})}(v,y)):(a.lineTo(H,I),function(b,c){E.push(function(){a.lineTo(b,c)})}(v,y));x=A;z=B}}u=f*B;C=-f*A;if(l&&!g)this.paintMarker(a,q.x,q.y,-x,-z,c,e,f,m,!1);else{a.lineTo(q.x-m*A+u/2,q.y-m*B+C/2);var K=q.x-m*A-u/2,L=q.y-m*B-C/2;g?(a.moveTo(K,L),E.splice(0,0,function(){a.moveTo(K,L)})):a.lineTo(K,L)}for(u=E.length-1;0<=u;u--)E[u]();g?(a.end(),a.stroke()):
(a.close(),a.fillAndStroke());a.setShadow(!1);a.setMiterLimit(4);p&&a.setLineJoin("flat");2<b.length&&(a.setMiterLimit(4),k&&!g&&(a.begin(),this.paintMarker(a,b[0].x,b[0].y,t,r,n,d,f,m,!0),a.stroke(),a.end()),l&&!g&&(a.begin(),this.paintMarker(a,q.x,q.y,-x,-z,c,e,f,m,!0),a.stroke(),a.end()))}};
mxArrowConnector.prototype.paintMarker=function(a,b,c,d,e,f,g,k,l,m){g=k/g;var n=k*e/2;k=-k*d/2;var p=(l+f)*d;f=(l+f)*e;m?a.moveTo(b-n+p,c-k+f):a.lineTo(b-n+p,c-k+f);a.lineTo(b-n/g+p,c-k/g+f);a.lineTo(b+l*d,c+l*e);a.lineTo(b+n/g+p,c+k/g+f);a.lineTo(b+n+p,c+k+f)};mxArrowConnector.prototype.isArrowRounded=function(){return this.isRounded};mxArrowConnector.prototype.getStartArrowWidth=function(){return mxConstants.ARROW_WIDTH};mxArrowConnector.prototype.getEndArrowWidth=function(){return mxConstants.ARROW_WIDTH};
mxArrowConnector.prototype.getEdgeWidth=function(){return mxConstants.ARROW_WIDTH/3};mxArrowConnector.prototype.isOpenEnded=function(){return!1};mxArrowConnector.prototype.isMarkerStart=function(){return mxUtils.getValue(this.style,mxConstants.STYLE_STARTARROW,mxConstants.NONE)!=mxConstants.NONE};mxArrowConnector.prototype.isMarkerEnd=function(){return mxUtils.getValue(this.style,mxConstants.STYLE_ENDARROW,mxConstants.NONE)!=mxConstants.NONE};
function mxText(a,b,c,d,e,f,g,k,l,m,n,p,q,r,t,u,x,y,A,z,v){mxShape.call(this);this.value=a;this.bounds=b;this.color=null!=e?e:"black";this.align=null!=c?c:mxConstants.ALIGN_CENTER;this.valign=null!=d?d:mxConstants.ALIGN_MIDDLE;this.family=null!=f?f:mxConstants.DEFAULT_FONTFAMILY;this.size=null!=g?g:mxConstants.DEFAULT_FONTSIZE;this.fontStyle=null!=k?k:mxConstants.DEFAULT_FONTSTYLE;this.spacing=parseInt(l||2);this.spacingTop=this.spacing+parseInt(m||0);this.spacingRight=this.spacing+parseInt(n||0);
@ -841,7 +841,7 @@ k.writeln(l);mxClient.IS_VML?k.writeln('<html xmlns:v="urn:schemas-microsoft-com
q.y*this.scale,m.width+=m.x,m.height+=m.y,m.x=0,this.border=m.y=0);var r=this.pageFormat.width-2*this.border,t=this.pageFormat.height-2*this.border;this.pageFormat.height+=this.marginTop+this.marginBottom;m.width/=p;m.height/=p;var u=Math.max(1,Math.ceil((m.width+this.x0)/r)),x=Math.max(1,Math.ceil((m.height+this.y0)/t));this.pageCount=u*x;var y=mxUtils.bind(this,function(){if(this.pageSelector&&(1<x||1<u)){var a=this.createPageSelector(x,u);k.body.appendChild(a);if(mxClient.IS_IE&&null==k.documentMode||
5==k.documentMode||8==k.documentMode||7==k.documentMode){a.style.position="absolute";var b=function(){a.style.top=(k.body.scrollTop||k.documentElement.scrollTop)+10+"px"};mxEvent.addListener(this.wnd,"scroll",function(a){b()});mxEvent.addListener(this.wnd,"resize",function(a){b()})}}}),A=mxUtils.bind(this,function(a,b){null!=this.borderColor&&(a.style.borderColor=this.borderColor,a.style.borderStyle="solid",a.style.borderWidth="1px");a.style.background=this.backgroundColor;if(c||b)a.style.pageBreakAfter=
"always";if(g&&(mxClient.IS_IE||11<=document.documentMode||mxClient.IS_EDGE))k.writeln(a.outerHTML),a.parentNode.removeChild(a);else if(mxClient.IS_IE||11<=document.documentMode||mxClient.IS_EDGE){var d=k.createElement("div");d.innerHTML=a.outerHTML;d=d.getElementsByTagName("div")[0];k.body.appendChild(d);a.parentNode.removeChild(a)}else a.parentNode.removeChild(a),k.body.appendChild(a);(c||b)&&this.addPageBreak(k)}),z=this.getCoverPages(this.pageFormat.width,this.pageFormat.height);if(null!=z)for(var v=
0;v<z.length;v++)A(z[v],!0);for(var B=this.getAppendices(this.pageFormat.width,this.pageFormat.height),v=0;v<x;v++){var C=v*t/this.scale-this.y0/this.scale+(m.y-q.y*n)/n;for(a=0;a<u;a++){if(null==this.wnd)return null;var E=a*r/this.scale-this.x0/this.scale+(m.x-q.x*n)/n,F=v*u+a+1,I=new mxRectangle(E,C,r,t),f=this.renderPage(this.pageFormat.width,this.pageFormat.height,0,0,mxUtils.bind(this,function(a){this.addGraphFragment(-E,-C,this.scale,F,a,I);this.printBackgroundImage&&this.insertBackgroundImage(a,
0;v<z.length;v++)A(z[v],!0);for(var B=this.getAppendices(this.pageFormat.width,this.pageFormat.height),v=0;v<x;v++){var C=v*t/this.scale-this.y0/this.scale+(m.y-q.y*n)/n;for(a=0;a<u;a++){if(null==this.wnd)return null;var E=a*r/this.scale-this.x0/this.scale+(m.x-q.x*n)/n,F=v*u+a+1,J=new mxRectangle(E,C,r,t),f=this.renderPage(this.pageFormat.width,this.pageFormat.height,0,0,mxUtils.bind(this,function(a){this.addGraphFragment(-E,-C,this.scale,F,a,J);this.printBackgroundImage&&this.insertBackgroundImage(a,
-E,-C)}),F);f.setAttribute("id","mxPage-"+F);A(f,null!=B||v<x-1||a<u-1)}}if(null!=B)for(v=0;v<B.length;v++)A(B[v],v<B.length-1);g&&!d&&(this.closeDocument(),y());this.wnd.focus()}catch(D){null!=f&&null!=f.parentNode&&f.parentNode.removeChild(f)}finally{this.graph.cellRenderer.initializeOverlay=e}return this.wnd};mxPrintPreview.prototype.addPageBreak=function(a){var b=a.createElement("hr");b.className="mxPageBreak";a.body.appendChild(b)};
mxPrintPreview.prototype.closeDocument=function(){try{if(null!=this.wnd&&null!=this.wnd.document){var a=this.wnd.document;this.writePostfix(a);a.writeln("</body>");a.writeln("</html>");a.close();mxEvent.release(a.body)}}catch(b){}};
mxPrintPreview.prototype.writeHead=function(a,b){null!=this.title&&a.writeln("<title>"+this.title+"</title>");mxClient.IS_VML&&a.writeln('<style type="text/css">v\\:*{behavior:url(#default#VML)}o\\:*{behavior:url(#default#VML)}</style>');mxClient.link("stylesheet",mxClient.basePath+"/css/common.css",a);a.writeln('<style type="text/css">');a.writeln("@media print {");a.writeln(" * { -webkit-print-color-adjust: exact; }");a.writeln(" table.mxPageSelector { display: none; }");a.writeln(" hr.mxPageBreak { display: none; }");
@ -852,11 +852,11 @@ mxPrintPreview.prototype.renderPage=function(a,b,c,d,e,f){f=this.wnd.document;va
"relative";m.style.marginLeft=c+"px";m.style.marginTop=d+"px";8==f.documentMode&&(l.style.position="absolute",m.style.position="absolute");10==f.documentMode&&(m.style.width="100%",m.style.height="100%");l.appendChild(m);g.appendChild(l);document.body.appendChild(g);k=m}else g.style.width=a+"px",g.style.height=b+"px",g.style.overflow="hidden",g.style.pageBreakInside="avoid",8==f.documentMode&&(g.style.position="relative"),l=document.createElement("div"),l.style.width=a-2*this.border+"px",l.style.height=
b-2*this.border+"px",l.style.overflow="hidden",!mxClient.IS_IE||null!=f.documentMode&&5!=f.documentMode&&8!=f.documentMode&&7!=f.documentMode?(l.style.top=this.border+"px",l.style.left=this.border+"px"):(l.style.marginTop=this.border+"px",l.style.marginLeft=this.border+"px"),this.graph.dialect==mxConstants.DIALECT_VML&&(l.style.position="absolute"),g.appendChild(l),document.body.appendChild(g),k=l}catch(n){throw g.parentNode.removeChild(g),n;}e(k);return g};
mxPrintPreview.prototype.getRoot=function(){var a=this.graph.view.currentRoot;null==a&&(a=this.graph.getModel().getRoot());return a};
mxPrintPreview.prototype.addGraphFragment=function(a,b,c,d,e,f){var g=this.graph.getView();d=this.graph.container;this.graph.container=e;var k=g.getCanvas(),l=g.getBackgroundPane(),m=g.getDrawPane(),n=g.getOverlayPane();if(this.graph.dialect==mxConstants.DIALECT_SVG){if(g.createSvg(),!mxClient.NO_FO){var p=g.getDrawPane().parentNode;p.getAttribute("transform");p.setAttribute("transformOrigin","0 0");p.setAttribute("transform","scale("+c+","+c+")translate("+a+","+b+")");c=1;b=a=0}}else this.graph.dialect==
mxConstants.DIALECT_VML?g.createVml():g.createHtml();p=g.isEventsEnabled();g.setEventsEnabled(!1);var q=this.graph.isEnabled();this.graph.setEnabled(!1);var r=g.getTranslate();g.translate=new mxPoint(a,b);var t=this.graph.cellRenderer.redraw,u=g.states;a=g.scale;if(this.clipping){var x=new mxRectangle((f.x+r.x)*a,(f.y+r.y)*a,f.width*a/c,f.height*a/c);this.graph.cellRenderer.redraw=function(a,b,c){if(null!=a){var d=u.get(a.cell);null!=d&&(d=g.getBoundingBox(d,!1),null==d||mxUtils.intersects(x,d))}t.apply(this,
arguments)}}a=null;try{var y=[this.getRoot()];a=new mxTemporaryCellStates(g,c,y,null,mxUtils.bind(this,function(a){return this.getLinkForCellState(a)}))}finally{if(mxClient.IS_IE)g.overlayPane.innerHTML="",g.canvas.style.overflow="hidden",g.canvas.style.position="relative",g.canvas.style.top=this.marginTop+"px",g.canvas.style.width=f.width+"px",g.canvas.style.height=f.height+"px";else for(c=e.firstChild;null!=c;)y=c.nextSibling,b=c.nodeName.toLowerCase(),"svg"==b?(c.style.overflow="hidden",c.style.position=
"relative",c.style.top=this.marginTop+"px",c.setAttribute("width",f.width),c.setAttribute("height",f.height),c.style.width="",c.style.height=""):"default"!=c.style.cursor&&"div"!=b&&c.parentNode.removeChild(c),c=y;this.printBackgroundImage&&(e=e.getElementsByTagName("svg"),0<e.length&&(e[0].style.position="absolute"));g.overlayPane.parentNode.removeChild(g.overlayPane);this.graph.setEnabled(q);this.graph.container=d;this.graph.cellRenderer.redraw=t;g.canvas=k;g.backgroundPane=l;g.drawPane=m;g.overlayPane=
n;g.translate=r;a.destroy();g.setEventsEnabled(p)}};mxPrintPreview.prototype.getLinkForCellState=function(a){return this.graph.getLinkForCell(a.cell)};
mxPrintPreview.prototype.addGraphFragment=function(a,b,c,d,e,f){var g=this.graph.getView();d=this.graph.container;this.graph.container=e;var k=g.getCanvas(),l=g.getBackgroundPane(),m=g.getDrawPane(),n=g.getOverlayPane(),p=c;if(this.graph.dialect==mxConstants.DIALECT_SVG){if(g.createSvg(),!mxClient.NO_FO){var q=g.getDrawPane().parentNode;q.getAttribute("transform");q.setAttribute("transformOrigin","0 0");q.setAttribute("transform","scale("+c+","+c+")translate("+a+","+b+")");c=1;b=a=0}}else this.graph.dialect==
mxConstants.DIALECT_VML?g.createVml():g.createHtml();q=g.isEventsEnabled();g.setEventsEnabled(!1);var r=this.graph.isEnabled();this.graph.setEnabled(!1);var t=g.getTranslate();g.translate=new mxPoint(a,b);var u=this.graph.cellRenderer.redraw,x=g.states;a=g.scale;if(this.clipping){var y=new mxRectangle((f.x+t.x)*a,(f.y+t.y)*a,f.width*a/p,f.height*a/p);this.graph.cellRenderer.redraw=function(a,b,c){if(null!=a){var d=x.get(a.cell);if(null!=d&&(d=g.getBoundingBox(d,!1),null!=d&&!mxUtils.intersects(y,
d)))return}u.apply(this,arguments)}}a=null;try{var A=[this.getRoot()];a=new mxTemporaryCellStates(g,c,A,null,mxUtils.bind(this,function(a){return this.getLinkForCellState(a)}))}finally{if(mxClient.IS_IE)g.overlayPane.innerHTML="",g.canvas.style.overflow="hidden",g.canvas.style.position="relative",g.canvas.style.top=this.marginTop+"px",g.canvas.style.width=f.width+"px",g.canvas.style.height=f.height+"px";else for(c=e.firstChild;null!=c;)A=c.nextSibling,b=c.nodeName.toLowerCase(),"svg"==b?(c.style.overflow=
"hidden",c.style.position="relative",c.style.top=this.marginTop+"px",c.setAttribute("width",f.width),c.setAttribute("height",f.height),c.style.width="",c.style.height=""):"default"!=c.style.cursor&&"div"!=b&&c.parentNode.removeChild(c),c=A;this.printBackgroundImage&&(e=e.getElementsByTagName("svg"),0<e.length&&(e[0].style.position="absolute"));g.overlayPane.parentNode.removeChild(g.overlayPane);this.graph.setEnabled(r);this.graph.container=d;this.graph.cellRenderer.redraw=u;g.canvas=k;g.backgroundPane=
l;g.drawPane=m;g.overlayPane=n;g.translate=t;a.destroy();g.setEventsEnabled(q)}};mxPrintPreview.prototype.getLinkForCellState=function(a){return this.graph.getLinkForCell(a.cell)};
mxPrintPreview.prototype.insertBackgroundImage=function(a,b,c){var d=this.graph.backgroundImage;if(null!=d){var e=document.createElement("img");e.style.position="absolute";e.style.marginLeft=Math.round(b*this.scale)+"px";e.style.marginTop=Math.round(c*this.scale)+"px";e.setAttribute("width",Math.round(this.scale*d.width));e.setAttribute("height",Math.round(this.scale*d.height));e.src=d.src;a.insertBefore(e,a.firstChild)}};mxPrintPreview.prototype.getCoverPages=function(){return null};
mxPrintPreview.prototype.getAppendices=function(){return null};mxPrintPreview.prototype.print=function(a){a=this.open(a);null!=a&&a.print()};mxPrintPreview.prototype.close=function(){null!=this.wnd&&(this.wnd.close(),this.wnd=null)};function mxStylesheet(){this.styles={};this.putDefaultVertexStyle(this.createDefaultVertexStyle());this.putDefaultEdgeStyle(this.createDefaultEdgeStyle())}
mxStylesheet.prototype.createDefaultVertexStyle=function(){var a={};a[mxConstants.STYLE_SHAPE]=mxConstants.SHAPE_RECTANGLE;a[mxConstants.STYLE_PERIMETER]=mxPerimeter.RectanglePerimeter;a[mxConstants.STYLE_VERTICAL_ALIGN]=mxConstants.ALIGN_MIDDLE;a[mxConstants.STYLE_ALIGN]=mxConstants.ALIGN_CENTER;a[mxConstants.STYLE_FILLCOLOR]="#C3D9FF";a[mxConstants.STYLE_STROKECOLOR]="#6482B9";a[mxConstants.STYLE_FONTCOLOR]="#774400";return a};
@ -951,8 +951,8 @@ mxCellRenderer.prototype.getLabelBounds=function(a){var b=a.view.graph,c=a.view.
mxConstants.NONE),b!=mxConstants.NONE&&""!=b&&(f=parseFloat(mxUtils.getValue(a.style,mxConstants.STYLE_STROKEWIDTH,1))*c,b=1+Math.floor((f-1)/2),f=Math.floor(f+1),e.x+=b,e.y+=b,e.width-=f,e.height-=f);a.text.isPaintBoundsInverted()&&(b=(a.width-a.height)/2,e.x+=b,e.y-=b,b=e.width,e.width=e.height,e.height=b);null!=a.shape&&(b=mxUtils.getValue(a.style,mxConstants.STYLE_LABEL_POSITION,mxConstants.ALIGN_CENTER),f=mxUtils.getValue(a.style,mxConstants.STYLE_VERTICAL_LABEL_POSITION,mxConstants.ALIGN_MIDDLE),
b==mxConstants.ALIGN_CENTER&&f==mxConstants.ALIGN_MIDDLE&&(e=a.shape.getLabelBounds(e)));b=mxUtils.getValue(a.style,mxConstants.STYLE_LABEL_WIDTH,null);null!=b&&(e.width=parseFloat(b)*c);d||this.rotateLabelBounds(a,e);return e};
mxCellRenderer.prototype.rotateLabelBounds=function(a,b){b.y-=a.text.margin.y*b.height;b.x-=a.text.margin.x*b.width;if(!this.legacySpacing||"fill"!=a.style[mxConstants.STYLE_OVERFLOW]&&"width"!=a.style[mxConstants.STYLE_OVERFLOW]){var c=a.view.scale,d=a.text.getSpacing();b.x+=d.x*c;b.y+=d.y*c;var d=mxUtils.getValue(a.style,mxConstants.STYLE_LABEL_POSITION,mxConstants.ALIGN_CENTER),e=mxUtils.getValue(a.style,mxConstants.STYLE_VERTICAL_LABEL_POSITION,mxConstants.ALIGN_MIDDLE),f=mxUtils.getValue(a.style,
mxConstants.STYLE_LABEL_WIDTH,null);b.width=Math.max(0,b.width-(d==mxConstants.ALIGN_CENTER&&null==f?a.text.spacingLeft*c+a.text.spacingRight*c:0));b.height=Math.max(0,b.height-(e==mxConstants.ALIGN_MIDDLE?a.text.spacingTop*c+a.text.spacingBottom*c:0))}e=a.text.getTextRotation();0!=e&&null!=a&&a.view.graph.model.isVertex(a.cell)&&(c=a.getCenterX(),d=a.getCenterY(),b.x!=c||b.y!=d)&&(e*=Math.PI/180,pt=mxUtils.getRotatedPoint(new mxPoint(b.x,b.y),Math.cos(e),Math.sin(e),new mxPoint(c,d)),b.x=pt.x,b.y=
pt.y)};
mxConstants.STYLE_LABEL_WIDTH,null);b.width=Math.max(0,b.width-(d==mxConstants.ALIGN_CENTER&&null==f?a.text.spacingLeft*c+a.text.spacingRight*c:0));b.height=Math.max(0,b.height-(e==mxConstants.ALIGN_MIDDLE?a.text.spacingTop*c+a.text.spacingBottom*c:0))}e=a.text.getTextRotation();0!=e&&null!=a&&a.view.graph.model.isVertex(a.cell)&&(c=a.getCenterX(),d=a.getCenterY(),b.x!=c||b.y!=d)&&(e*=Math.PI/180,c=mxUtils.getRotatedPoint(new mxPoint(b.x,b.y),Math.cos(e),Math.sin(e),new mxPoint(c,d)),b.x=c.x,b.y=
c.y)};
mxCellRenderer.prototype.redrawCellOverlays=function(a,b){this.createCellOverlays(a);if(null!=a.overlays){var c=mxUtils.mod(mxUtils.getValue(a.style,mxConstants.STYLE_ROTATION,0),90),d=mxUtils.toRadians(c),e=Math.cos(d),f=Math.sin(d);a.overlays.visit(function(d,k){var g=k.overlay.getBounds(a);if(!a.view.graph.getModel().isEdge(a.cell)&&null!=a.shape&&0!=c){var m=g.getCenterX(),n=g.getCenterY(),n=mxUtils.getRotatedPoint(new mxPoint(m,n),e,f,new mxPoint(a.getCenterX(),a.getCenterY())),m=n.x,n=n.y;g.x=
Math.round(m-g.width/2);g.y=Math.round(n-g.height/2)}if(b||null==k.bounds||k.scale!=a.view.scale||!k.bounds.equals(g))k.bounds=g,k.scale=a.view.scale,k.redraw()})}};
mxCellRenderer.prototype.redrawControl=function(a,b){var c=a.view.graph.getFoldingImage(a);if(null!=a.control&&null!=c){var c=this.getControlBounds(a,c.width,c.height),d=this.legacyControlPosition?mxUtils.getValue(a.style,mxConstants.STYLE_ROTATION,0):a.shape.getTextRotation(),e=a.view.scale;if(b||a.control.scale!=e||!a.control.bounds.equals(c)||a.control.rotation!=d)a.control.rotation=d,a.control.bounds=c,a.control.scale=e,a.control.redraw()}};

2
src/main/webapp/cache.manifest
View file

@ -1,7 +1,7 @@
CACHE MANIFEST
# THIS FILE WAS GENERATED. DO NOT MODIFY!
# 11/06/2019 04:59 PM
# 11/08/2019 10:17 AM
app.html
index.html?offline=1

45
src/main/webapp/export3.html
View file

@ -230,6 +230,51 @@
{
window.MathJax.Hub.Queue(function ()
{
// Wraps all text labels in SVG foreignObjects to avoid
// Chrome changing offset for textboxes near page border
var pages = document.querySelectorAll('[id^=mxPage]');
for (var i = 0; i < pages.length; i++)
{
var page = pages[i];
var svg = page.getElementsByTagName('svg')[0];
var divs = page.getElementsByTagName('div');
var snap = [];
for (var j = 0; j < divs.length; j++)
{
if (divs[j].parentNode == svg.parentNode)
{
snap.push(divs[j]);
}
}
var top = svg.parentNode.getBoundingClientRect();
for (var j = 0; j < snap.length; j++)
{
if (snap[j].parentNode == svg.parentNode)
{
var fo = svg.ownerDocument.createElementNS(mxConstants.NS_SVG, 'foreignObject');
var rect = snap[j].getBoundingClientRect();
// Sets position on foreignObject
fo.setAttribute('x', rect.x);
fo.setAttribute('y', rect.y - top.y);
fo.setAttribute('width', rect.width);
fo.setAttribute('height', rect.height);
// Resets position on inner DIV
snap[j].style.top = '0px';
snap[j].style.left = '0px';
snap[j].style.transform = '';
fo.appendChild(snap[j]);
svg.appendChild(fo);
}
}
}
decrementWaitCounter();
});
}, 0);

2
src/main/webapp/index.html
View file

@ -18,7 +18,7 @@
<meta name="theme-color" content="#d89000">
<script type="text/javascript">
var mxIsElectron = window && window.process && window.process.type;
var mxIsElectron5 = mxIsElectron && parseInt(window.process.versions.electron) >= 5;
var mxIsElectron5 = mxIsElectron && parseInt(process.versions.electron) >= 5;
var hostName = window.location.hostname;
// Supported domains are *.draw.io that draw.io host, or the packaged version in Quip
var supportedDomain = (hostName.substring(hostName.length - 8, hostName.length) === '.draw.io') ||

4980
src/main/webapp/js/app.min.js vendored
View file

File diff suppressed because one or more lines are too long

2
src/main/webapp/js/diagramly/Dialogs.js
View file

@ -930,6 +930,8 @@ var EmbedDialog = function(editorUi, result, timeout, ignoreSize, previewFn, tit
text.setAttribute('autocorrect', 'off');
text.setAttribute('autocapitalize', 'off');
text.setAttribute('spellcheck', 'false');
text.style.fontFamily = 'monospace';
text.style.wordBreak = 'break-all';
text.style.marginTop = '10px';
text.style.resize = 'none';
text.style.height = '150px';

182
src/main/webapp/js/diagramly/DriveClient.js
View file

@ -1175,8 +1175,6 @@ DriveClient.prototype.saveFile = function(file, revision, success, errFn, noChec
var error = mxUtils.bind(this, function(e)
{
file.saveLevel = 11;
if (errFn != null)
{
errFn(e);
@ -1191,7 +1189,8 @@ DriveClient.prototype.saveFile = function(file, revision, success, errFn, noChec
{
if (!file.isConflict(e))
{
var err = 'error_' + (file.getErrorMessage(e) || 'unknown');
var err = 'sl_' + file.saveLevel + '-error_' +
(file.getErrorMessage(e) || 'unknown');
if (e != null && e.error != null && e.error.code != null)
{
@ -1219,7 +1218,6 @@ DriveClient.prototype.saveFile = function(file, revision, success, errFn, noChec
var criticalError = mxUtils.bind(this, function(e)
{
error(e);
file.saveLevel = 12;
try
{
@ -1231,6 +1229,7 @@ DriveClient.prototype.saveFile = function(file, revision, success, errFn, noChec
'\nFile=' + file.desc.id + '.' + file.desc.headRevisionId +
'\nUser=' + ((this.user != null) ? this.user.id : 'nouser') +
((file.sync != null) ? '-client_' + file.sync.clientId : '-nosync') +
'\nSaveLevel=' + file.saveLevel +
'\nMessage=' + e.message +
'\n\nStack:\n' + e.stack);
}
@ -1343,109 +1342,108 @@ DriveClient.prototype.saveFile = function(file, revision, success, errFn, noChec
{
file.saveDelay = new Date().getTime() - t0;
// Checks if modified time is in the future and head revision has changed
var delta = new Date(resp.modifiedDate).getTime() - new Date(mod0).getTime();
if (delta <= 0 || etag0 == resp.etag || (revision && head0 == resp.headRevisionId))
if (resp == null)
{
var reasons = [];
if (delta <= 0)
{
reasons.push('invalid modified time');
}
if (etag0 == resp.etag)
{
reasons.push('stale etag');
}
if (revision && head0 == resp.headRevisionId)
{
reasons.push('stale revision');
}
var temp = reasons.join(', ');
error({message: mxResources.get('errorSavingFile') + ': ' + temp}, resp);
// Logs failed save
try
{
EditorUi.sendReport('Critical: Error saving to Google Drive ' +
new Date().toISOString() + ':' + '\n\nBrowser=' + navigator.userAgent +
'\nFile=' + file.desc.id + ' ' + file.desc.mimeType +
'\nUser=' + ((this.user != null) ? this.user.id : 'nouser') +
((file.sync != null) ? '-client_' + file.sync.clientId : '-nosync') +
'\nErrors=' + temp + '\nOld=' + head0 + ' ' + mod0 + ' etag-hash=' +
this.ui.hashValue(etag0) + '\nNew=' + resp.headRevisionId + ' ' +
resp.modifiedDate + ' etag-hash=' + this.ui.hashValue(resp.etag))
EditorUi.logError('Critical: Error saving to Google Drive ' + file.desc.id,
null, 'from-' + head0 + '.' + mod0 + '-' + this.ui.hashValue(etag0) +
'-to-' + resp.headRevisionId + '.' + resp.modifiedDate + '-' +
this.ui.hashValue(resp.etag) + ((temp.length > 0) ? '-errors-' + temp : ''),
'user-' + ((this.user != null) ? this.user.id : 'nouser') +
((file.sync != null) ? '-client_' + file.sync.clientId : '-nosync'));
}
catch (e)
{
// ignore
}
error({message: mxResources.get('errorSavingFile') + ': Empty response'});
}
else
{
file.saveLevel = null;
success(resp, savedData);
if (prevDesc != null)
// Checks if modified time is in the future and head revision has changed
var delta = new Date(resp.modifiedDate).getTime() - new Date(mod0).getTime();
if (delta <= 0 || etag0 == resp.etag || (revision && head0 == resp.headRevisionId))
{
// Pins previous revision
this.executeRequest({
url: '/files/' + prevDesc.id + '/revisions/' + prevDesc.headRevisionId + '?supportsTeamDrives=true'
}, mxUtils.bind(this, mxUtils.bind(this, function(resp)
{
resp.pinned = true;
this.executeRequest({
url: '/files/' + prevDesc.id + '/revisions/' + prevDesc.headRevisionId,
method: 'PUT',
params: resp
});
})));
var reasons = [];
// Logs conversion
if (delta <= 0)
{
reasons.push('invalid modified time');
}
if (etag0 == resp.etag)
{
reasons.push('stale etag');
}
if (revision && head0 == resp.headRevisionId)
{
reasons.push('stale revision');
}
var temp = reasons.join(', ');
error({message: mxResources.get('errorSavingFile') + ': ' + temp}, resp);
// Logs failed save
try
{
EditorUi.logEvent({category: file.convertedFrom + '-CONVERT-FILE-' + file.getHash(),
action: 'from_' + prevDesc.id + '.' + prevDesc.headRevisionId +
'-to_' + file.desc.id + '.' + file.desc.headRevisionId,
label: (this.user != null) ? ('user_' + this.user.id) : 'nouser' +
((file.sync != null) ? '-client_' + file.sync.clientId : 'nosync')});
EditorUi.logError('Critical: Error saving to Google Drive ' + file.desc.id,
null, 'from-' + head0 + '.' + mod0 + '-' + this.ui.hashValue(etag0) +
'-to-' + resp.headRevisionId + '.' + resp.modifiedDate + '-' +
this.ui.hashValue(resp.etag) + ((temp.length > 0) ? '-errors-' + temp : ''),
'user-' + ((this.user != null) ? this.user.id : 'nouser') +
((file.sync != null) ? '-client_' + file.sync.clientId : '-nosync'));
}
catch (e)
{
// ignore
}
}
// Logs successful save
try
else
{
EditorUi.logEvent({category: 'SUCCESS-SAVE-FILE-' + file.getHash() +
'-rev0_' + head0 + '-mod0_' + mod0,
action: 'rev-' + resp.headRevisionId +
'-mod_' + resp.modifiedDate + '-size_' + file.getSize() +
'-mime_' + file.desc.mimeType +
((this.ui.editor.autosave) ? '' : '-nosave') +
((file.isAutosave()) ? '' : '-noauto') +
((file.changeListenerEnabled) ? '' : '-nolisten') +
((file.inConflictState) ? '-conflict' : '') +
((file.invalidChecksum) ? '-invalid' : ''),
label: ((this.user != null) ? ('user_' + this.user.id) : 'nouser') +
((file.sync != null) ? ('-client_' + file.sync.clientId) : '-nosync')});
}
catch (e)
{
// ignore
file.saveLevel = null;
success(resp, savedData);
if (prevDesc != null)
{
// Pins previous revision
this.executeRequest({
url: '/files/' + prevDesc.id + '/revisions/' + prevDesc.headRevisionId + '?supportsTeamDrives=true'
}, mxUtils.bind(this, mxUtils.bind(this, function(resp)
{
resp.pinned = true;
this.executeRequest({
url: '/files/' + prevDesc.id + '/revisions/' + prevDesc.headRevisionId,
method: 'PUT',
params: resp
});
})));
// Logs conversion
try
{
EditorUi.logEvent({category: file.convertedFrom + '-CONVERT-FILE-' + file.getHash(),
action: 'from_' + prevDesc.id + '.' + prevDesc.headRevisionId +
'-to_' + file.desc.id + '.' + file.desc.headRevisionId,
label: (this.user != null) ? ('user_' + this.user.id) : 'nouser' +
((file.sync != null) ? '-client_' + file.sync.clientId : 'nosync')});
}
catch (e)
{
// ignore
}
}
// Logs successful save
try
{
EditorUi.logEvent({category: 'SUCCESS-SAVE-FILE-' + file.getHash() +
'-rev0_' + head0 + '-mod0_' + mod0,
action: 'rev-' + resp.headRevisionId +
'-mod_' + resp.modifiedDate + '-size_' + file.getSize() +
'-mime_' + file.desc.mimeType +
((this.ui.editor.autosave) ? '' : '-nosave') +
((file.isAutosave()) ? '' : '-noauto') +
((file.changeListenerEnabled) ? '' : '-nolisten') +
((file.inConflictState) ? '-conflict' : '') +
((file.invalidChecksum) ? '-invalid' : ''),
label: ((this.user != null) ? ('user_' + this.user.id) : 'nouser') +
((file.sync != null) ? ('-client_' + file.sync.clientId) : '-nosync')});
}
catch (e)
{
// ignore
}
}
}
}

186
src/main/webapp/js/diagramly/EditorUi.js
View file

@ -1011,26 +1011,57 @@
currentPage = (currentPage != null) ? currentPage : false;
uncompressed = (uncompressed != null) ? uncompressed : !Editor.compressXml;
// Generats graph model XML node for single page export
var node = this.editor.getGraphXml(ignoreSelection);
if (ignoreSelection && this.fileNode != null && this.currentPage != null)
{
if (uncompressed)
{
EditorUi.removeChildNodes(this.currentPage.node);
this.currentPage.node.appendChild(node);
}
else
{
var data = Graph.compressNode(node);
mxUtils.setTextContent(this.currentPage.node, data);
}
// Updates current page XML if selection is ignored
EditorUi.removeChildNodes(this.currentPage.node);
mxUtils.setTextContent(this.currentPage.node, Graph.compressNode(node));
// Creates a clone of the file node for processing
node = this.fileNode.cloneNode(false);
// Appends the node of the page and applies compression
function appendPage(pageNode)
{
var models = pageNode.getElementsByTagName('mxGraphModel');
var modelNode = (models.length > 0) ? models[0] : null;
var clone = pageNode;
if (modelNode == null && uncompressed)
{
var text = mxUtils.trim(mxUtils.getTextContent(pageNode));
clone = pageNode.cloneNode(false);
if (text.length > 0)
{
var tmp = Graph.decompress(text);
if (tmp != null && tmp.length > 0)
{
clone.appendChild(mxUtils.parseXml(tmp).documentElement);
}
}
}
else if (modelNode != null && !uncompressed)
{
clone = pageNode.cloneNode(false);
mxUtils.setTextContent(clone, Graph.compressNode(modelNode));
}
else
{
clone = pageNode.cloneNode(true);
}
node.appendChild(clone);
};
if (currentPage)
{
node.appendChild(this.currentPage.node);
appendPage(this.currentPage.node);
}
else
{
@ -1044,29 +1075,15 @@
var enc = new mxCodec(mxUtils.createXmlDocument());
var temp = enc.encode(new mxGraphModel(this.pages[i].root));
this.editor.graph.saveViewState(this.pages[i].viewState, temp);
if (uncompressed)
{
EditorUi.removeChildNodes(this.pages[i].node);
this.pages[i].node.appendChild(temp);
}
else
{
mxUtils.setTextContent(this.pages[i].node, Graph.compressNode(temp));
}
EditorUi.removeChildNodes(this.pages[i].node);
mxUtils.setTextContent(this.pages[i].node, Graph.compressNode(temp));
// Marks the page as up-to-date
delete this.pages[i].needsUpdate;
}
else if (uncompressed)
{
var temp = Editor.parseDiagramNode(this.pages[i].node);
EditorUi.removeChildNodes(this.pages[i].node);
this.pages[i].node.appendChild(temp);
}
}
node.appendChild(this.pages[i].node);
appendPage(this.pages[i].node);
}
}
}
@ -4888,7 +4905,7 @@
else
{
data = '#R' + encodeURIComponent((allPages) ?
this.getFileData(true, null, null, null, null, null, null, true) :
this.getFileData(true, null, null, null, null, null, null, true, null, false) :
Graph.compress(mxUtils.getXml(this.editor.getGraphXml())))
}
}
@ -9472,22 +9489,6 @@
this.initPages();
// Installs listener for fixing references in undo history in
// collaborative editing where terminals may have vanished
// Undo/Redo listener to update edit's references before executing undo/redo
this.editUpdateListener = mxUtils.bind(this, function(sender, evt)
{
var edit = evt.getProperty('edit');
if (edit != null)
{
this.updateEditReferences(edit);
}
});
this.editor.undoManager.addListener(mxEvent.BEFORE_UNDO, this.editUpdateListener);
this.editor.undoManager.addListener(mxEvent.BEFORE_REDO, this.editUpdateListener);
// Embedded mode
if (urlParams['embed'] == '1')
{
@ -9595,6 +9596,8 @@
textInput.setAttribute('autocapitalize', 'off');
textInput.setAttribute('spellcheck', 'false');
textInput.style.textRendering = 'optimizeSpeed';
textInput.style.fontFamily = 'monospace';
textInput.style.wordBreak = 'break-all';
textInput.style.background = 'transparent';
textInput.style.color = 'transparent';
textInput.style.position = 'absolute';
@ -12799,12 +12802,6 @@
EditorUi.prototype.destroy = function()
{
if (this.editUpdateListener)
{
this.editor.undoManager.removeListener(this.editUpdateListener);
this.editUpdateListener = null;
}
if (this.exportDialog != null)
{
this.exportDialog.parentNode.removeChild(this.exportDialog);
@ -12884,87 +12881,6 @@
};
}
/*********************************************************************************************
* This section is a fix for undo/redo edits having stale 1st- and 2nd-order references *
* The code might be reworked or even thrown out when a conceptually nicer solution is found *
*********************************************************************************************/
/**
* Updates all references in all edits and their changes in order to correspond to current model
*/
EditorUi.prototype.updateEditReferences = function(edit)
{
for (var i = 0; i < edit.changes.length; i++)
{
var change = edit.changes[i];
if (change != null && change.constructor == mxChildChange)
{
if (change.child != null)
{
var child = change.child;
if (child.source != null && child.source.id != null)
{
var modelSource = this.getFutureCellForEdit(change.model, edit, child.source.id);
if (modelSource != child.source)
{
child.source = modelSource
}
}
if (child.target != null && child.target.id != null)
{
var modelTarget = this.getFutureCellForEdit(change.model, edit, child.target.id);
if (modelTarget != child.target)
{
child.target = modelTarget
}
}
}
}
}
};
/**
* Looks ahead in edit's changes to see if the last child change containing ID is one that creates a cell, then returns it.
* If cell already exists in a model, returns it first.
*/
EditorUi.prototype.getFutureCellForEdit = function(model, edit, id)
{
var result = model.getCell(id);
if (result == null)
{
// Scans changes backwards
for (var i = edit.changes.length - 1; i >= 0; i--)
{
var change = edit.changes[i];
if (change.constructor == mxChildChange)
{
// Checks if child is being added in this change
if (change.child != null && change.child.id == id)
{
// Checks if cell is being removed
if (model.contains(change.previous))
{
result = change.child;
}
// Stops scan in any case, at the end of the edit
// the cell will be either added or deleted
break;
}
}
}
}
return result;
};
EditorUi.prototype.getDiagramTextContent = function()
{
this.editor.graph.setEnabled(false);

6
src/main/webapp/js/diagramly/GraphViewer.js
View file

@ -1294,7 +1294,7 @@ GraphViewer.prototype.addClickHandler = function(graph, ui)
if (ui != null)
{
if (href != null && !(graph.isExternalProtocol(href) || graph.isBlankLink(href)))
if (href != null && !(graph.isExternalProtocol(href) || graph.isBlankLink(href) || graph.customLinkClicked(href)))
{
// Hides lightbox if any links are clicked
// Async handling needed for anchors to work
@ -1303,6 +1303,10 @@ GraphViewer.prototype.addClickHandler = function(graph, ui)
ui.destroy();
}, 0);
}
else
{
mxEvent.consume(evt);
}
}
else if (href != null && ui == null && graph.isCustomLink(href) &&
(mxEvent.isTouchEvent(evt) || !mxEvent.isPopupTrigger(evt)) &&

2
src/main/webapp/js/diagramly/sidebar/Sidebar-Floorplan.js
View file

@ -32,7 +32,7 @@
this.createVertexTemplateEntry('shape=dimension;direction=west;whiteSpace=wrap;html=1;align=center;points=[];verticalAlign=top;spacingTop=-8;labelBackgroundColor=#ffffff', 100, 40, 'Label', 'Vertical Dimension', null, null, 'vertical dimension measure distance unit'),
this.createVertexTemplateEntry('shape=dimension;direction=north;whiteSpace=wrap;html=1;align=right;points=[];verticalAlign=middle;labelBackgroundColor=#ffffff', 40, 100, 'Label', 'Vertical Dimension', null, null, 'vertical dimension measure distance unit'),
this.createVertexTemplateEntry('shape=dimension;direction=south;whiteSpace=wrap;html=1;align=left;points=[];verticalAlign=middle;labelBackgroundColor=#ffffff', 40, 100, 'Label', 'Horizontal Dimension', null, null, 'horizontal dimension measure distance unit'),
this.createVertexTemplateEntry(s + 'window;fillColor=#ffffff;',
this.createVertexTemplateEntry(s + 'window;',
w, 10, '', 'Window', null, null, this.getTagsForStencil(gn, 'window', dt).join(' ')),
this.createVertexTemplateEntry(s + 'stairs;',
300, 100, '', 'Stairs', null, null, this.getTagsForStencil(gn, 'stairs', dt).join(' ')),

4
src/main/webapp/js/diagramly/sidebar/Sidebar-Flowchart.js
View file

@ -5,8 +5,8 @@
var w = 100;
var h = 100;
var s = 'strokeWidth=2;html=1;shape=mxgraph.flowchart.';
var s2 = mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;html=1;strokeWidth=2;shape=mxgraph.flowchart.';
var s3 = mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;html=1;strokeWidth=2;shape=';
var s2 = mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;html=1;shape=mxgraph.flowchart.';
var s3 = mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;html=1;shape=';
var gn = 'mxgraph.flowchart';
var dt = '';

2
src/main/webapp/js/diagramly/sidebar/Sidebar-GCP.js
View file

@ -5,7 +5,7 @@
{
var sb = this;
var n = 'dashed=0;html=1;' + mxConstants.STYLE_SHAPE + '=mxgraph.gcp.compute.';
var n1 = 'dashed=0;html=1;strokeColor=#dddddd;fillcolor=#ffffff;gradientColor=none;shadow=1;strokeWidth=1;';
var n1 = 'dashed=0;html=1;strokeColor=#dddddd;gradientColor=none;shadow=1;strokeWidth=1;';
var gn = 'mxgraph.gcp.product_cards';
var dt = 'gcp google cloud platform card';
var s = 0.3; //scale

38
src/main/webapp/js/diagramly/sidebar/Sidebar-GCP2.js
View file

@ -69,7 +69,7 @@
var fns = [];
var fns = [
this.createVertexTemplateEntry(s + 'fillColor=#ffffff;',
this.createVertexTemplateEntry(s + '',
120, 70, 'User 1', 'User 1 (Default)', null, null, this.getTagsForStencil(gn, '', dt + 'user').join(' ')),
this.createVertexTemplateEntry(s + 'fillColor=#F3E5F5;',
120, 150, 'Infrastructure\nSystem', 'Infrastructure System', null, null, this.getTagsForStencil(gn, '', dt + 'infrastructure system').join(' ')),
@ -181,7 +181,7 @@
this.createVertexTemplateEntry('fillColor=#4DA1F5;strokeColor=none;shadow=1;gradientColor=none;fontSize=14;align=left;spacingLeft=50;fontColor=#ffffff;',
1000, 40, 'Architecture: App Engine and Cloud Endpoints', 'Title bar', null, null, this.getTagsForStencil(gn, '', dt + 'title bar').join(' ')),
this.createVertexTemplateEntry('fillColor=#ffffff;strokeColor=none;shadow=0;gradientColor=none;fontSize=11;align=left;spacing=10;fontColor=#;9E9E9E;verticalAlign=top;spacingTop=100;',
this.createVertexTemplateEntry('strokeColor=none;shadow=0;gradientColor=none;fontSize=11;align=left;spacing=10;fontColor=#;9E9E9E;verticalAlign=top;spacingTop=100;',
300, 350, 'Use this note to call out\nor clarify parts of a diagram', 'Note', null, null, this.getTagsForStencil(gn, '', dt + 'note').join(' ')),
this.addEntry(dt + 'project', function()
@ -203,7 +203,7 @@
this.addEntry(dt + 'markers', function()
{
s = 'shape=ellipse;perimeter=ellipsePerimeter;fillColor=#ffffff;strokeColor=#BDBDBD;strokeWidth=2;shadow=0;gradientColor=none;fontColor=#757575;align=center;html=1;fontStyle=1;spacingTop=-1;';
s = 'shape=ellipse;perimeter=ellipsePerimeter;strokeColor=#BDBDBD;strokeWidth=2;shadow=0;gradientColor=none;fontColor=#757575;align=center;html=1;fontStyle=1;spacingTop=-1;';
var icon1 = new mxCell('1', new mxGeometry(0, 0, 20, 20), s);
icon1.vertex = true;
@ -231,7 +231,7 @@
var s = 'strokeColor=none;fillColor=none;fontColor=#757575;align=left;html=1;fontStyle=0;spacingLeft=5;fontSize=11;verticalAlign=top;whiteSpace=wrap;spacingRight=5;';
var bg = new mxCell('', new mxGeometry(0, 0, 600, 70),
'fillColor=#ffffff;strokeColor=#BDBDBD;strokeWidth=1;shadow=0;gradientColor=none;');
'strokeColor=#BDBDBD;strokeWidth=1;shadow=0;gradientColor=none;');
bg.vertex = true;
var label1 = new mxCell('1 Commit code', new mxGeometry(0, 0, 200, 30), s);
@ -567,7 +567,7 @@
fns.push(
this.addEntry(dt + 'blank one line', function()
{
var bg = new mxCell('Blank One Line', new mxGeometry(0, 0, 100, 44), 'dashed=0;strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;labelPosition=center;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontColor=#000000;fontSize=12;');
var bg = new mxCell('Blank One Line', new mxGeometry(0, 0, 100, 44), 'dashed=0;strokeColor=#dddddd;shadow=1;strokeWidth=1;labelPosition=center;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontSize=12;');
bg.vertex = true;
return sb.createVertexTemplateFromCells([bg], 100, 44, 'Blank One Line');
@ -579,7 +579,7 @@
fns.push(
this.addEntry(dt + 'blank two and three line', function()
{
var bg = new mxCell('Blank Two\n\& Three Line', new mxGeometry(0, 0, 90, 44), 'dashed=0;strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;labelPosition=center;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontColor=#000000;fontSize=12;');
var bg = new mxCell('Blank Two\n\& Three Line', new mxGeometry(0, 0, 90, 44), 'dashed=0;strokeColor=#dddddd;shadow=1;strokeWidth=1;labelPosition=center;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontSize=12;');
bg.vertex = true;
return sb.createVertexTemplateFromCells([bg], 100, 44, 'Blank One Line');
@ -1493,7 +1493,7 @@
fns.push(
this.addEntry(dt, function()
{
var bg = new mxCell('', new mxGeometry(0, 0, w1, 60), 'strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
var bg = new mxCell('', new mxGeometry(0, 0, w1, 60), 'strokeColor=#dddddd;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
bg.vertex = true;
var icon1 = new mxCell(label, new mxGeometry(0, 0.5, 44, 39), s + icon + ';part=1;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontColor=#999999;fontSize=12;');
icon1.geometry.relative = true;
@ -1508,7 +1508,7 @@
fns.push(
this.addEntry(dt, function()
{
var bg = new mxCell('', new mxGeometry(0, 0, w2, 60), 'strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
var bg = new mxCell('', new mxGeometry(0, 0, w2, 60), 'strokeColor=#dddddd;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
bg.vertex = true;
var icon1 = new mxCell('<font color="#000000">Name</font><br>' + label1, new mxGeometry(0, 0.5, 44, 39), s + icon + ';part=1;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontColor=#999999;fontSize=12;');
icon1.geometry.relative = true;
@ -1523,7 +1523,7 @@
fns.push(
this.addEntry(dt, function()
{
var bg = new mxCell('', new mxGeometry(0, 0, w2 + 8, 68), 'shape=mxgraph.gcp2.doubleRect;strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;');
var bg = new mxCell('', new mxGeometry(0, 0, w2 + 8, 68), 'shape=mxgraph.gcp2.doubleRect;strokeColor=#dddddd;shadow=1;strokeWidth=1;');
bg.vertex = true;
var icon1 = new mxCell('<font color="#000000">Name</font><br>' + label1, new mxGeometry(0, 0.5, 44, 39), s + icon + ';part=1;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontColor=#999999;fontSize=12;');
icon1.geometry.relative = true;
@ -1546,7 +1546,7 @@
fns.push(
this.addEntry(dt, function()
{
var bg = new mxCell('', new mxGeometry(0, 0, w1, 60), 'strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
var bg = new mxCell('', new mxGeometry(0, 0, w1, 60), 'strokeColor=#dddddd;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
bg.vertex = true;
var icon1 = new mxCell(label, new mxGeometry(0, 0, 45 * scaleX, 45 * scaleY), s + icon + ';part=1;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontColor=#999999;fontSize=12;');
icon1.geometry.relative = true;
@ -1562,7 +1562,7 @@
fns.push(
this.addEntry(dt, function()
{
var bg = new mxCell('', new mxGeometry(0, 0, w2, 60), 'strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
var bg = new mxCell('', new mxGeometry(0, 0, w2, 60), 'strokeColor=#dddddd;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
bg.vertex = true;
var icon1 = new mxCell('<font color="#000000">Name</font><br>' + label1, new mxGeometry(0, 0, 45 * scaleX, 45 * scaleY), s + icon + ';part=1;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontColor=#999999;fontSize=12;');
icon1.geometry.relative = true;
@ -1577,7 +1577,7 @@
fns.push(
this.addEntry(dt, function()
{
var bg = new mxCell('', new mxGeometry(0, 0, w2 + 8, 68), 'shape=mxgraph.gcp2.doubleRect;strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;');
var bg = new mxCell('', new mxGeometry(0, 0, w2 + 8, 68), 'shape=mxgraph.gcp2.doubleRect;strokeColor=#dddddd;shadow=1;strokeWidth=1;');
bg.vertex = true;
var icon1 = new mxCell('<font color="#000000">Name</font><br>' + label1, new mxGeometry(0, 0, 45 * scaleX, 45 * scaleY), s + icon + ';part=1;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontColor=#999999;fontSize=12;');
icon1.geometry.relative = true;
@ -1600,9 +1600,9 @@
fns.push(
this.addEntry(dt, function()
{
var bg = new mxCell('', new mxGeometry(0, 0, w, h), 'strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
var bg = new mxCell('', new mxGeometry(0, 0, w, h), 'strokeColor=#dddddd;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
bg.vertex = true;
var icon1 = new mxCell(label, new mxGeometry(0, 0.5, 32, 32), s + icon + ';part=1;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontColor=#000000;fontSize=12;');
var icon1 = new mxCell(label, new mxGeometry(0, 0.5, 32, 32), s + icon + ';part=1;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontSize=12;');
icon1.geometry.relative = true;
icon1.geometry.offset = new mxPoint(5, -16);
icon1.vertex = true;
@ -1623,7 +1623,7 @@
fns.push(
this.addEntry(dt, function()
{
var bg = new mxCell('', new mxGeometry(0, 0, w, 70), 'strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
var bg = new mxCell('', new mxGeometry(0, 0, w, 70), 'strokeColor=#dddddd;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
bg.vertex = true;
var icon1 = new mxCell('<font color="#000000">Name</font><br>' + label1 + '<hr><font style="font-size: 11px">Attribute Name</font>',
new mxGeometry(0, 0, 44, 39), s + icon + ';part=1;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=top;spacingLeft=5;fontColor=#999999;fontSize=12;spacingTop=-8;');
@ -1639,7 +1639,7 @@
fns.push(
this.addEntry(dt, function()
{
var bg = new mxCell('', new mxGeometry(0, 0, w + 8, 78), 'shape=mxgraph.gcp2.doubleRect;strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;');
var bg = new mxCell('', new mxGeometry(0, 0, w + 8, 78), 'shape=mxgraph.gcp2.doubleRect;strokeColor=#dddddd;shadow=1;strokeWidth=1;');
bg.vertex = true;
var icon1 = new mxCell('<font color="#000000">Name</font><br>' + label1 + '<hr><font style="font-size: 11px">Attribute Name</font>',
new mxGeometry(0, 0, 44, 39), s + icon + ';part=1;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=top;spacingLeft=5;fontColor=#999999;fontSize=12;spacingTop=-8;');
@ -1663,7 +1663,7 @@
fns.push(
this.addEntry(dt, function()
{
var bg = new mxCell('', new mxGeometry(0, 0, w, 95), 'strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
var bg = new mxCell('', new mxGeometry(0, 0, w, 95), 'strokeColor=#dddddd;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
bg.vertex = true;
var mainTitleCell = new mxCell('<font color="#000000">' + label1 + '</font><hr>' + capacityLabel,
@ -1728,7 +1728,7 @@
fns.push(
this.addEntry(dt, function()
{
var bg = new mxCell('', new mxGeometry(0, 0, w, 95), 'strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
var bg = new mxCell('', new mxGeometry(0, 0, w, 95), 'strokeColor=#dddddd;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;');
bg.vertex = true;
var mainTitleCell = new mxCell('<font color="#000000">' + label1 + '</font><hr>' + capacityLabel,
@ -1802,7 +1802,7 @@
this.addEntry(dt, function()
{
var bg = new mxCell(label, new mxGeometry(0, 0, 70, 85 + h1),
'strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;labelPosition=center;verticalLabelPosition=middle;align=center;verticalAlign=bottom;spacingLeft=0;fontColor=#999999;fontSize=12;whiteSpace=wrap;spacingBottom=2;');
'strokeColor=#dddddd;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;labelPosition=center;verticalLabelPosition=middle;align=center;verticalAlign=bottom;spacingLeft=0;fontColor=#999999;fontSize=12;whiteSpace=wrap;spacingBottom=2;');
bg.vertex = true;
var icon1 = new mxCell('', new mxGeometry(0.5, 0, 50 * scaleX, 50 * scaleY), s + icon + ';part=1;');
icon1.geometry.relative = true;

44
src/main/webapp/js/diagramly/sidebar/Sidebar-Gmdl.js
View file

@ -6,7 +6,7 @@
var s = "dashed=0;align=center;fontSize=12;shape=";
var s2 = "dashed=0;html=1;shape=mxgraph.gmdl.";
var anc = "shape=rect;fillColor=none;strokeColor=none;";
var fac = 'shape=ellipse;dashed=0;fillColor=#ffffff;strokeColor=none;shadow=1;fontSize=13;fontColor=#000000;align=center;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;html=1;aspect=fixed;';
var fac = 'shape=ellipse;dashed=0;strokeColor=none;shadow=1;fontSize=13;align=center;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;html=1;aspect=fixed;';
var gn = 'mxgraph.gmdl';
var dt = 'gmdl google media design library bottom navigation ';
var sb = this;
@ -32,7 +32,7 @@
var s = "dashed=0;align=center;fontSize=12;shape=";
var s2 = "dashed=0;html=1;shape=mxgraph.gmdl.";
var anc = "shape=rect;fillColor=none;strokeColor=none;";
var fac = 'shape=ellipse;dashed=0;fillColor=#ffffff;strokeColor=none;shadow=1;fontSize=13;fontColor=#000000;align=center;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;html=1;aspect=fixed;';
var fac = 'shape=ellipse;dashed=0;strokeColor=none;shadow=1;fontSize=13;align=center;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;html=1;aspect=fixed;';
var gn = 'mxgraph.gmdl';
var dt = 'gmdl google media design library bottom sheets ';
var sb = this;
@ -68,19 +68,19 @@
var s = "dashed=0;align=center;fontSize=12;shape=";
var s2 = "dashed=0;html=1;shape=mxgraph.gmdl.";
var anc = "shape=rect;fillColor=none;strokeColor=none;";
var fac = 'shape=ellipse;dashed=0;fillColor=#ffffff;strokeColor=none;shadow=1;fontSize=13;fontColor=#000000;align=center;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;html=1;aspect=fixed;';
var fac = 'shape=ellipse;dashed=0;strokeColor=none;shadow=1;fontSize=13;align=center;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;html=1;aspect=fixed;';
var gn = 'mxgraph.gmdl';
var dt = 'gmdl google media design library button ';
var sb = this;
var fns = [
this.createVertexTemplateEntry(s + 'rect;fillColor=#e0e0e0;strokeColor=none;fontStyle=1;shadow=1;fontColor=#000000;',
this.createVertexTemplateEntry(s + 'rect;fillColor=#e0e0e0;strokeColor=none;fontStyle=1;shadow=1',
100, 36, 'NORMAL', 'Raised Button (Normal)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
this.createVertexTemplateEntry(s + 'rect;fillColor=#e0e0e0;strokeColor=none;fontStyle=1;shadow=1;fontColor=#000000;',
this.createVertexTemplateEntry(s + 'rect;fillColor=#e0e0e0;strokeColor=none;fontStyle=1;shadow=1',
100, 36, 'HOVER', 'Raised Button (Hover)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
this.createVertexTemplateEntry(s + 'rect;fillColor=#e0e0e0;strokeColor=none;fontStyle=1;shadow=1;',
100, 36, 'FOCUSED', 'Raised Button (Focused)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
this.createVertexTemplateEntry(s + 'rect;fillColor=#e0e0e0;strokeColor=none;fontStyle=1;shadow=1;fontColor=#000000;',
this.createVertexTemplateEntry(s + 'rect;fillColor=#e0e0e0;strokeColor=none;fontStyle=1;shadow=1',
100, 36, 'PRESSED', 'Raised Button (Pressed)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
this.createVertexTemplateEntry(s + 'rect;fillColor=#000000;strokeColor=none;fontStyle=1;opacity=12;fontColor=#BDBDBD;',
100, 36, 'DISABLED', 'Raised Button (Pressed)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
@ -92,17 +92,17 @@
100, 36, 'FOCUSED', 'Raised Button (Focused)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
this.createVertexTemplateEntry(s + 'rect;fillColor=#2196F3;strokeColor=none;fontStyle=1;shadow=1;fontColor=#ffffff;',
100, 36, 'PRESSED', 'Raised Button (Pressed)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
this.createVertexTemplateEntry(s + 'rect;fillColor=#ffffff;strokeColor=none;fontStyle=1;opacity=12;fontColor=#BDBDBD;shadow=0;',
this.createVertexTemplateEntry(s + 'rect;strokeColor=none;fontStyle=1;opacity=12;fontColor=#BDBDBD;shadow=0;',
100, 36, 'DISABLED', 'Raised Button (Pressed)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
this.createVertexTemplateEntry(s + 'rect;fillColor=none;strokeColor=none;fontStyle=1;fontColor=#000000;shadow=0;',
this.createVertexTemplateEntry(s + 'rect;fillColor=none;strokeColor=none;fontStyle=1;shadow=0;',
100, 36, 'NORMAL', 'Raised Button (Normal)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
this.createVertexTemplateEntry(s + 'rect;fillColor=#999999;opacity=20;strokeColor=none;fontStyle=1;fontColor=#000000;shadow=0;',
this.createVertexTemplateEntry(s + 'rect;fillColor=#999999;opacity=20;strokeColor=none;fontStyle=1;shadow=0;',
100, 36, 'HOVER', 'Raised Button (Hover)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
this.createVertexTemplateEntry(s + 'rect;fillColor=#999999;opacity=20;strokeColor=none;fontStyle=1;fontColor=#000000;shadow=0;',
this.createVertexTemplateEntry(s + 'rect;fillColor=#999999;opacity=20;strokeColor=none;fontStyle=1;shadow=0;',
100, 36, 'FOCUSED', 'Raised Button (Focused)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
this.createVertexTemplateEntry(s + 'rect;fillColor=#999999;opacity=40;strokeColor=none;fontStyle=1;',
100, 36, 'PRESSED', 'Raised Button (Pressed)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
this.createVertexTemplateEntry(s + 'rect;fillColor=#ffffff;opacity=26;strokeColor=none;fontStyle=1;opacity=12;fontColor=#BDBDBD;shadow=0;',
this.createVertexTemplateEntry(s + 'rect;opacity=26;strokeColor=none;fontStyle=1;opacity=12;fontColor=#BDBDBD;shadow=0;',
100, 36, 'DISABLED', 'Raised Button (Pressed)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
this.createVertexTemplateEntry(s + 'rect;fillColor=none;strokeColor=none;fontStyle=1;fontColor=#ffffff;shadow=0;',
100, 36, 'NORMAL', 'Raised Button (Normal)', null, null, this.getTagsForStencil(gn, 'button', dt).join(' ')),
@ -456,7 +456,7 @@
var bg1 = new mxCell('', new mxGeometry(0, 0, 344, 254), 'shape=rect;fillColor=#BDBDBD;strokeColor=#BDBDBD;shadow=1;');
bg1.vertex = true;
var part1 = new mxCell('Greyhound divisively hello couldly wonderfully marginally far upon excluding.',
new mxGeometry(0, 172, 344, 82), 'shape=rect;strokeColor=none;fillColor=#ffffff;;whiteSpace=wrap;align=left;spacingLeft=16;fontColor=#666666;fontSize=14;');
new mxGeometry(0, 172, 344, 82), 'shape=rect;strokeColor=none;whiteSpace=wrap;align=left;spacingLeft=16;fontColor=#666666;fontSize=14;');
part1.vertex = true;
bg1.insert(part1);
return sb.createVertexTemplateFromCells([bg1], 300, 230, 'Card');
@ -1170,19 +1170,19 @@
var sb = this;
var fns = [
this.createVertexTemplateEntry(s2 + 'slider2;barPos=0;strokeColor=#bbbbbb;opacity=100;strokeWidth=2;fillColor=#ffffff;handleSize=10;shadow=0;',
this.createVertexTemplateEntry(s2 + 'slider2;barPos=0;strokeColor=#bbbbbb;opacity=100;strokeWidth=2;handleSize=10;shadow=0;',
200, 10, '', 'Slider (normal)', null, null, this.getTagsForStencil(gn, 'slider normal', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'slider2;barPos=50;strokeColor=#3F51B5;opacity=100;strokeWidth=2;fillColor=#3F51B5;handleSize=10;shadow=0;',
200, 10, '', 'Slider (normal)', null, null, this.getTagsForStencil(gn, 'slider normal', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'slider2;barPos=100;strokeColor=#3F51B5;opacity=100;strokeWidth=2;fillColor=#3F51B5;handleSize=10;shadow=0;',
200, 10, '', 'Slider (normal)', null, null, this.getTagsForStencil(gn, 'slider normal', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'sliderFocused;barPos=0;strokeColor=#bbbbbb;opacity=100;strokeWidth=2;fillColor=#ffffff;handleSize=30;shadow=0;',
this.createVertexTemplateEntry(s2 + 'sliderFocused;barPos=0;strokeColor=#bbbbbb;opacity=100;strokeWidth=2;handleSize=30;shadow=0;',
200, 30, '', 'Slider (focused)', null, null, this.getTagsForStencil(gn, 'slider focused', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'sliderFocused;barPos=50;strokeColor=#3F51B5;opacity=100;strokeWidth=2;fillColor=#3F51B5;handleSize=30;shadow=0;',
200, 30, '', 'Slider (focused)', null, null, this.getTagsForStencil(gn, 'slider focused', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'sliderFocused;barPos=100;strokeColor=#3F51B5;opacity=100;strokeWidth=2;fillColor=#3F51B5;handleSize=30;shadow=0;',
200, 30, '', 'Slider (focused)', null, null, this.getTagsForStencil(gn, 'slider focused', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'slider2;barPos=0;strokeColor=#bbbbbb;opacity=100;strokeWidth=2;fillColor=#ffffff;handleSize=20;shadow=0;',
this.createVertexTemplateEntry(s2 + 'slider2;barPos=0;strokeColor=#bbbbbb;opacity=100;strokeWidth=2;handleSize=20;shadow=0;',
200, 20, '', 'Slider (click)', null, null, this.getTagsForStencil(gn, 'slider click', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'slider2;barPos=50;strokeColor=#3F51B5;opacity=100;strokeWidth=2;fillColor=#3F51B5;handleSize=20;shadow=0;',
200, 20, '', 'Slider (click)', null, null, this.getTagsForStencil(gn, 'slider click', dt).join(' ')),
@ -1194,7 +1194,7 @@
210, 20, '', 'Slider (disabled)', null, null, this.getTagsForStencil(gn, 'slider disabled', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'sliderDisabled2;strokeColor=#b0b0b0;strokeWidth=2;fillColor=#b0b0b0;handleSize=6;shadow=0;hPos=100;',
210, 20, '', 'Slider (disabled)', null, null, this.getTagsForStencil(gn, 'slider disabled', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'slider2;barPos=0;strokeColor=#000000;opacity=100;strokeWidth=2;fillColor=#000000;handleSize=10;shadow=0;',
this.createVertexTemplateEntry(s2 + 'slider2;barPos=0;opacity=100;strokeWidth=2;fillColor=#000000;handleSize=10;shadow=0;',
200, 10, '', 'Discrete slider (normal, light)', null, null, this.getTagsForStencil(gn, 'discrete slider normal light', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'slider2;barPos=60;strokeColor=#0F9D58;opacity=100;strokeWidth=2;fillColor=#0F9D58;handleSize=10;shadow=0;',
200, 10, '', 'Discrete slider (normal)', null, null, this.getTagsForStencil(gn, 'slider normal', dt).join(' ')),
@ -1218,7 +1218,7 @@
200, 20, '', 'Discrete slider (disabled)', null, null, this.getTagsForStencil(gn, 'discrete slider disabled', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'sliderDisabled2;strokeColor=#b0b0b0;strokeWidth=2;fillColor=#b0b0b0;handleSize=6;shadow=0;hPos=100;',
200, 20, '', 'Discrete slider (disabled)', null, null, this.getTagsForStencil(gn, 'discrete slider disabled', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'slider2;barPos=0;strokeColor=#ffffff;opacity=100;strokeWidth=2;fillColor=#ffffff;handleSize=10;shadow=0;',
this.createVertexTemplateEntry(s2 + 'slider2;barPos=0;strokeColor=#ffffff;opacity=100;strokeWidth=2;handleSize=10;shadow=0;',
200, 10, '', 'Discrete slider (normal, dark)', null, null, this.getTagsForStencil(gn, 'discrete slider normal dark', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'sliderDiscreteDots;barPos=0;bright=0;strokeColor=#0F9D58;opacity=100;strokeWidth=2;fillColor=#0F9D58;handleSize=10;shadow=0;fontSize=12;fontColor=#ffffff;',
200, 45, '', 'Discrete slider (click, dark)', null, null, this.getTagsForStencil(gn, 'discrete slider click dark', dt).join(' ')),
@ -1361,7 +1361,7 @@
}),
this.addEntry(dt + 'single line text field focus light', function()
{
var text1 = new mxCell('Input text', new mxGeometry(0, 0, 346, 30), 'text;fontColor=#000000;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;');
var text1 = new mxCell('Input text', new mxGeometry(0, 0, 346, 30), 'text;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;');
text1.vertex = true;
var part1 = new mxCell('', new mxGeometry(0, 25, 346, 10), s + 'line;strokeWidth=2;noLabel=1;strokeColor=#0C8CF2;opacity=50;');
part1.vertex = true;
@ -1369,7 +1369,7 @@
}),
this.addEntry(dt + 'single line text field normal light', function()
{
var text1 = new mxCell('Input text', new mxGeometry(0, 0, 346, 30), 'text;fontColor=#000000;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;');
var text1 = new mxCell('Input text', new mxGeometry(0, 0, 346, 30), 'text;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;');
text1.vertex = true;
var part1 = new mxCell('', new mxGeometry(0, 25, 346, 10), s + 'line;strokeWidth=1;noLabel=1;strokeColor=#eeeeee;');
part1.vertex = true;
@ -1377,7 +1377,7 @@
}),
this.addEntry(dt + 'single line text field error light', function()
{
var text1 = new mxCell('Input text', new mxGeometry(0, 0, 346, 30), 'text;fontColor=#000000;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;');
var text1 = new mxCell('Input text', new mxGeometry(0, 0, 346, 30), 'text;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;');
text1.vertex = true;
var part1 = new mxCell('', new mxGeometry(0, 25, 346, 10), s + 'line;strokeWidth=2;noLabel=1;strokeColor=#ff0000;');
part1.vertex = true;
@ -1444,7 +1444,7 @@
{
var text1 = new mxCell('Label text', new mxGeometry(0, 0, 346, 30), 'text;fontColor=#1F9BFD;fontSize=12;verticalAlign=middle;strokeColor=none;fillColor=none;');
text1.vertex = true;
var text2 = new mxCell('Input text', new mxGeometry(0, 20, 346, 30), 'text;fontColor=#000000;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;');
var text2 = new mxCell('Input text', new mxGeometry(0, 20, 346, 30), 'text;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;');
text2.vertex = true;
var part1 = new mxCell('', new mxGeometry(0, 45, 346, 10), s + 'line;strokeWidth=2;noLabel=1;strokeColor=#1F9BFD;');
part1.vertex = true;
@ -1454,7 +1454,7 @@
{
var text1 = new mxCell('Label text', new mxGeometry(0, 0, 346, 30), 'text;fontColor=#cccccc;fontSize=12;verticalAlign=middle;strokeColor=none;fillColor=none;');
text1.vertex = true;
var text2 = new mxCell('Input text', new mxGeometry(0, 20, 346, 30), 'text;fontColor=#000000;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;');
var text2 = new mxCell('Input text', new mxGeometry(0, 20, 346, 30), 'text;fontSize=16;verticalAlign=middle;strokeColor=none;fillColor=none;');
text2.vertex = true;
var part1 = new mxCell('', new mxGeometry(0, 45, 346, 10), s + 'line;strokeWidth=2;noLabel=1;strokeColor=#eeeeee;');
part1.vertex = true;

30
src/main/webapp/js/diagramly/sidebar/Sidebar-IBM.js
View file

@ -540,7 +540,7 @@
this.addEntry(dt + 'ibm cloud', function()
{
var bg1 = new mxCell('IBM Cloud', new mxGeometry(0, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=12;strokeColor=#417CB9;fontColor=#000000;verticalAlign=top;align=left;spacingLeft=30;spacingTop=1;dashed=0;strokeWidth=1;');
var bg1 = new mxCell('IBM Cloud', new mxGeometry(0, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=12;strokeColor=#417CB9;verticalAlign=top;align=left;spacingLeft=30;spacingTop=1;dashed=0;strokeWidth=1;');
bg1.vertex = true;
var bg2 = new mxCell('', new mxGeometry(0, 0, 30, 30), s + 'CloudTag.svg;part=1;');
bg2.vertex = true;
@ -551,7 +551,7 @@
this.addEntry(dt + '', function()
{
var bg1 = new mxCell('VPC', new mxGeometry(0, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=12;strokeColor=#417CB9;fontColor=#000000;verticalAlign=top;align=left;spacingLeft=30;spacingTop=1;dashed=0;strokeWidth=1;');
var bg1 = new mxCell('VPC', new mxGeometry(0, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=12;strokeColor=#417CB9;verticalAlign=top;align=left;spacingLeft=30;spacingTop=1;dashed=0;strokeWidth=1;');
bg1.vertex = true;
var bg2 = new mxCell('', new mxGeometry(0, 0, 30, 30), s + 'VPCTag.svg;part=1;');
bg2.vertex = true;
@ -562,7 +562,7 @@
this.addEntry(dt + '', function()
{
var bg1 = new mxCell('Region', new mxGeometry(0, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=0;strokeColor=#00882B;fontColor=#000000;verticalAlign=top;align=left;spacingLeft=30;dashed=1;strokeWidth=1;container=1;dashPattern=1 1;');
var bg1 = new mxCell('Region', new mxGeometry(0, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=0;strokeColor=#00882B;verticalAlign=top;align=left;spacingLeft=30;dashed=1;strokeWidth=1;container=1;dashPattern=1 1;');
bg1.vertex = true;
var bg2 = new mxCell('', new mxGeometry(0, 0, 30, 30), s + 'RegionTag.svg;part=1;');
bg2.vertex = true;
@ -573,7 +573,7 @@
this.addEntry(dt + '', function()
{
var bg1 = new mxCell('Zone', new mxGeometry(0, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=0;strokeColor=#00882B;fontColor=#000000;verticalAlign=top;align=left;spacingLeft=30;dashed=1;strokeWidth=1;container=1;');
var bg1 = new mxCell('Zone', new mxGeometry(0, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=0;strokeColor=#00882B;verticalAlign=top;align=left;spacingLeft=30;dashed=1;strokeWidth=1;container=1;');
bg1.vertex = true;
var bg2 = new mxCell('', new mxGeometry(0, 0, 30, 30), s + 'ZoneTag.svg;part=1;');
bg2.vertex = true;
@ -584,7 +584,7 @@
this.addEntry(dt + '', function()
{
var bg1 = new mxCell('Subnet', new mxGeometry(0, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=12;strokeColor=#2A8838;fontColor=#000000;verticalAlign=top;align=left;spacingLeft=30;spacingTop=1;dashed=0;strokeWidth=1;');
var bg1 = new mxCell('Subnet', new mxGeometry(0, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=12;strokeColor=#2A8838;verticalAlign=top;align=left;spacingLeft=30;spacingTop=1;dashed=0;strokeWidth=1;');
bg1.vertex = true;
var bg2 = new mxCell('', new mxGeometry(0, 0, 30, 40), s + 'SubnetTag.svg;part=1;');
bg2.vertex = true;
@ -594,12 +594,12 @@
}),
this.createVertexTemplateEntry(
'rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=0;strokeColor=#FD0000;fillColor=none;fontColor=#000000;verticalAlign=top;align=center;spacingLeft=5;dashed=1;dashPattern=5 2;labelPosition=center;verticalLabelPosition=bottom;strokeWidth=2;',
'rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=0;strokeColor=#FD0000;fillColor=none;verticalAlign=top;align=center;spacingLeft=5;dashed=1;dashPattern=5 2;labelPosition=center;verticalLabelPosition=bottom;strokeWidth=2;',
200, 200, 'Security Group', 'Security Group', true, null, this.getTagsForStencil(gn, '', dt).join(' ')),
this.addEntry(dt + '', function()
{
var bg1 = new mxCell('Classic Infrastructure', new mxGeometry(0, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=0;strokeColor=#4376BB;fontColor=#000000;verticalAlign=top;align=left;spacingLeft=30;dashed=0;strokeWidth=1;container=1;');
var bg1 = new mxCell('Classic Infrastructure', new mxGeometry(0, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=0;strokeColor=#4376BB;verticalAlign=top;align=left;spacingLeft=30;dashed=0;strokeWidth=1;container=1;');
bg1.vertex = true;
var bg2 = new mxCell('', new mxGeometry(0, 0, 30, 30), s + 'ClassicInfrastructureTag.svg;part=1;');
bg2.vertex = true;
@ -608,21 +608,21 @@
return sb.createVertexTemplateFromCells([bg1], 200, 200, 'Classic Infrastructure');
}),
this.createVertexTemplateEntry('swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=0;strokeColor=#4376BB;fontColor=#000000;verticalAlign=top;align=left;spacingLeft=30;dashed=0;strokeWidth=1;container=1;',
this.createVertexTemplateEntry('swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=0;strokeColor=#4376BB;verticalAlign=top;align=left;spacingLeft=30;dashed=0;strokeWidth=1;container=1;',
200, 200, 'Other Group', 'Other Group', true, null, this.getTagsForStencil(gn, '', dt).join(' ')),
this.addEntry(dt + '', function()
{
var bg1 = new mxCell('', new mxGeometry(0, 0, 320, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=0;strokeColor=#4376BB;fontColor=#000000;verticalAlign=top;align=left;spacingLeft=5;dashed=0;strokeWidth=1;container=1;');
var bg1 = new mxCell('', new mxGeometry(0, 0, 320, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=0;strokeColor=#4376BB;verticalAlign=top;align=left;spacingLeft=5;dashed=0;strokeWidth=1;container=1;');
bg1.vertex = true;
var bg2 = new mxCell('Public', new mxGeometry(15, 0, 30, 30), 'aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#000000;labelBackgroundColor=none;fontSize=12;spacingTop=-5;image;image=img/lib/ibm/vpc/PublicTag.svg;part=1;');
var bg2 = new mxCell('Public', new mxGeometry(15, 0, 30, 30), 'aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;labelBackgroundColor=none;fontSize=12;spacingTop=-5;image;image=img/lib/ibm/vpc/PublicTag.svg;part=1;');
bg2.vertex = true;
bg1.insert(bg2);
var bg3 = new mxCell('Enterprise', new mxGeometry(275, 0, 30, 30), 'aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#000000;labelBackgroundColor=none;fontSize=12;spacingTop=-5;image;image=img/lib/ibm/vpc/EnterpriseTag.svg;part=1;');
var bg3 = new mxCell('Enterprise', new mxGeometry(275, 0, 30, 30), 'aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;labelBackgroundColor=none;fontSize=12;spacingTop=-5;image;image=img/lib/ibm/vpc/EnterpriseTag.svg;part=1;');
bg3.vertex = true;
bg1.insert(bg3);
var bg4 = new mxCell('IBM Cloud', new mxGeometry(60, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=12;strokeColor=#417CB9;fontColor=#000000;verticalAlign=top;align=left;spacingLeft=30;spacingTop=1;dashed=0;strokeWidth=1;');
var bg4 = new mxCell('IBM Cloud', new mxGeometry(60, 0, 200, 200), 'swimlane;fontStyle=0;horizontal=1;collapsible=0;startSize=28;swimlaneLine=0;swimlaneFillColor=none;fillColor=none;rounded=0;whiteSpace=wrap;html=1;absoluteArcSize=1;arcSize=12;strokeColor=#417CB9;verticalAlign=top;align=left;spacingLeft=30;spacingTop=1;dashed=0;strokeWidth=1;');
bg4.vertex = true;
bg1.insert(bg4);
var bg5 = new mxCell('', new mxGeometry(0, 0, 30, 30), s + 'CloudTag.svg;part=1;');
@ -655,11 +655,11 @@
d, d, '', 'Data Center', false, null, this.getTagsForStencil(gn, 'dat acenter', dt).join(' ')),
this.createVertexTemplateEntry(s + 'Enterprise2.svg;',
d, d * 0.8, '', 'Enterprise', false, null, this.getTagsForStencil(gn, 'enterprise', dt).join(' ')),
this.createEdgeTemplateEntry('edgeStyle=orthogonalEdgeStyle;fontSize=12;html=1;endArrow=classicThin;endFill=1;rounded=0;strokeColor=#000000;strokeWidth=1;startArrow=classicThin;startFill=1;',
this.createEdgeTemplateEntry('edgeStyle=orthogonalEdgeStyle;fontSize=12;html=1;endArrow=classicThin;endFill=1;rounded=0;strokeWidth=1;startArrow=classicThin;startFill=1;',
d, d, '', 'Bidirectional Connector', null, dt + 'bidirectional connector'),
this.createEdgeTemplateEntry('edgeStyle=orthogonalEdgeStyle;fontSize=12;html=1;endArrow=classicThin;endFill=1;rounded=0;strokeColor=#000000;strokeWidth=1;',
this.createEdgeTemplateEntry('edgeStyle=orthogonalEdgeStyle;fontSize=12;html=1;endArrow=classicThin;endFill=1;rounded=0;strokeWidth=1;',
d, d, '', 'Directional Connector', null, dt + 'directional connector'),
this.createEdgeTemplateEntry('edgeStyle=orthogonalEdgeStyle;fontSize=12;html=1;endArrow=none;endFill=0;rounded=0;strokeColor=#000000;strokeWidth=1;',
this.createEdgeTemplateEntry('edgeStyle=orthogonalEdgeStyle;fontSize=12;html=1;endArrow=none;endFill=0;rounded=0;strokeWidth=1;',
d, d, '', 'Nondirectional Connector', null, dt + 'nondirectional connector')
];

158
src/main/webapp/js/diagramly/sidebar/Sidebar-Infographic.js
View file

@ -56,19 +56,19 @@
'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;shape=mxgraph.infographic.partConcEllipse;fillColor=#10739E;strokeColor=none;startAngle=0;endAngle=0.75;arcWidth=0.4;fontSize=20;fontColor=#10739E;align=center;fontStyle=1;',
w, h, '75%', 'Partial Concentric Ellipse', null, null, this.getTagsForStencil(gn, 'partConcEllipse', dt).join(' ')),
this.createVertexTemplateEntry(
'verticalLabelPosition=middle;verticalAlign=bottom;html=1;shape=mxgraph.infographic.circularDial;dy=15;fillColor=#10739E;strokeColor=none;labelPosition=center;align=center;fontColor=#FFFFFF;fontStyle=1;fontSize=15;spacingBottom=5;',
'verticalLabelPosition=middle;verticalAlign=bottom;html=1;shape=mxgraph.infographic.circularDial;dy=15;fillColor=#10739E;strokeColor=none;labelPosition=center;align=center;fontStyle=1;fontSize=15;spacingBottom=5;',
w * 0.8, h * 1.1, 'Label', 'Circular Dial', null, null, this.getTagsForStencil(gn, 'circularDial', dt).join(' ')),
this.addEntry(dt + 'chevron list', function()
{
var button1 = new mxCell('LABEL', new mxGeometry(0, 0, 200, 30), 'shape=step;perimeter=stepPerimeter;whiteSpace=wrap;html=1;fixedSize=1;size=10;fillColor=#10739E;strokeColor=none;fontSize=17;fontColor=#FFFFFF;fontStyle=1;align=center;');
var button1 = new mxCell('LABEL', new mxGeometry(0, 0, 200, 30), 'shape=step;perimeter=stepPerimeter;whiteSpace=wrap;html=1;fixedSize=1;size=10;fillColor=#10739E;strokeColor=none;fontSize=17;fontStyle=1;align=center;');
button1.vertex = true;
var button2 = new mxCell('&nbsp;- Lorem ipsum dolor sit amet<br>' +
'&nbsp;- consectetur adipisicing elit<br>' +
'&nbsp;- sed do eiusmod tempor<br>' +
'&nbsp;- incididunt ut labore et dolore<br>' +
'&nbsp;- magna aliqua.',
new mxGeometry(0, 40, 190, 120), 'shape=rect;fillColor=#B1DDF0;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;');
new mxGeometry(0, 40, 190, 120), 'shape=rect;fillColor=#B1DDF0;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;');
button2.vertex = true;
return sb.createVertexTemplateFromCells([button1, button2], 200, 160, 'Chevron list');
@ -103,12 +103,12 @@
'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout;dy=15;fillColor=#10739E;strokeColor=none;labelPosition=center;align=center;fontColor=#10739E;fontStyle=1;fontSize=24;',
w, h, '50%', 'Circular Callout', null, null, this.getTagsForStencil(gn, 'circularCallout', dt).join(' ')),
this.createVertexTemplateEntry(
'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;fillColor=#ffffff;strokeColor=#10739E;labelPosition=center;align=center;fontColor=#10739E;fontStyle=1;fontSize=24;',
'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;strokeColor=#10739E;labelPosition=center;align=center;fontColor=#10739E;fontStyle=1;fontSize=24;',
w * 0.6, h * 1.4, '', 'Circular Callout', null, null, this.getTagsForStencil(gn, 'circularCallout2', dt).join(' ')),
this.addEntry(dt + 'circular dial', function()
{
var part1 = new mxCell('', new mxGeometry(0, 0, 100, 100), 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.donut;dx=10;strokeColor=none;fillColor=#10739E;fontSize=10;fontColor=#000000;align=center;fillOpacity=20;');
var part1 = new mxCell('', new mxGeometry(0, 0, 100, 100), 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.donut;dx=10;strokeColor=none;fillColor=#10739E;fontSize=10;align=center;fillOpacity=20;');
part1.vertex = true;
var part2 = new mxCell('65%', new mxGeometry(0, 0, 100, 100), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.basic.partConcEllipse;startAngle=0;endAngle=0.65;arcWidth=0.2;strokeColor=none;fillColor=#10739E;fontSize=22;fontColor=#10739E;align=center;fontStyle=1');
part2.vertex = true;
@ -137,57 +137,57 @@
var chrevron1 = new mxCell('LABEL', new mxGeometry(0, 0, 200, 30), 'shape=step;perimeter=stepPerimeter;whiteSpace=wrap;html=1;fixedSize=1;size=10;fillColor=#10739E;strokeColor=none;fontSize=17;fontColor=#FFFFFF;fontStyle=1;align=center;rounded=0;');
chrevron1.vertex = true;
var process1 = new mxCell(str1, new mxGeometry(0, 40, 190, 120),
'shape=rect;fillColor=#B1DDF0;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
'shape=rect;fillColor=#B1DDF0;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process1.vertex = true;
var process2 = new mxCell(str1,
new mxGeometry(0, 170, 190, 120), 'shape=rect;fillColor=#B1DDF0;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(0, 170, 190, 120), 'shape=rect;fillColor=#B1DDF0;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process2.vertex = true;
var process3 = new mxCell(str1,
new mxGeometry(0, 300, 190, 120), 'shape=rect;fillColor=#B1DDF0;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(0, 300, 190, 120), 'shape=rect;fillColor=#B1DDF0;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process3.vertex = true;
var chrevron2 = new mxCell('LABEL', new mxGeometry(200, 0, 200, 30), 'shape=step;perimeter=stepPerimeter;whiteSpace=wrap;html=1;fixedSize=1;size=10;fillColor=#F2931E;strokeColor=none;fontSize=17;fontColor=#FFFFFF;fontStyle=1;align=center;rounded=0;');
chrevron2.vertex = true;
var process4 = new mxCell(str1,
new mxGeometry(200, 40, 190, 120), 'shape=rect;fillColor=#FCE7CD;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(200, 40, 190, 120), 'shape=rect;fillColor=#FCE7CD;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process4.vertex = true;
var process5 = new mxCell(str1,
new mxGeometry(200, 170, 190, 120), 'shape=rect;fillColor=#FCE7CD;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(200, 170, 190, 120), 'shape=rect;fillColor=#FCE7CD;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process5.vertex = true;
var process6 = new mxCell(str1,
new mxGeometry(200, 300, 190, 120), 'shape=rect;fillColor=#FCE7CD;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(200, 300, 190, 120), 'shape=rect;fillColor=#FCE7CD;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process6.vertex = true;
var chrevron3 = new mxCell('LABEL', new mxGeometry(400, 0, 200, 30), 'shape=step;perimeter=stepPerimeter;whiteSpace=wrap;html=1;fixedSize=1;size=10;fillColor=#AE4132;strokeColor=none;fontSize=17;fontColor=#FFFFFF;fontStyle=1;align=center;rounded=0;');
chrevron3.vertex = true;
var process7 = new mxCell(str1,
new mxGeometry(400, 40, 190, 120), 'shape=rect;fillColor=#FAD9D5;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(400, 40, 190, 120), 'shape=rect;fillColor=#FAD9D5;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process7.vertex = true;
var process8 = new mxCell(str1,
new mxGeometry(400, 170, 190, 120), 'shape=rect;fillColor=#FAD9D5;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(400, 170, 190, 120), 'shape=rect;fillColor=#FAD9D5;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process8.vertex = true;
var process9 = new mxCell(str1,
new mxGeometry(400, 300, 190, 120), 'shape=rect;fillColor=#FAD9D5;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(400, 300, 190, 120), 'shape=rect;fillColor=#FAD9D5;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process9.vertex = true;
var chrevron4 = new mxCell('LABEL', new mxGeometry(600, 0, 200, 30), 'shape=step;perimeter=stepPerimeter;whiteSpace=wrap;html=1;fixedSize=1;size=10;fillColor=#23445D;strokeColor=none;fontSize=17;fontColor=#FFFFFF;fontStyle=1;align=center;rounded=0;');
chrevron4.vertex = true;
var process10 = new mxCell(str1,
new mxGeometry(600, 40, 190, 120), 'shape=rect;fillColor=#BAC8D3;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(600, 40, 190, 120), 'shape=rect;fillColor=#BAC8D3;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process10.vertex = true;
var process11 = new mxCell(str1,
new mxGeometry(600, 170, 190, 120), 'shape=rect;fillColor=#BAC8D3;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(600, 170, 190, 120), 'shape=rect;fillColor=#BAC8D3;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process11.vertex = true;
var process12 = new mxCell(str1,
new mxGeometry(600, 300, 190, 120), 'shape=rect;fillColor=#BAC8D3;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(600, 300, 190, 120), 'shape=rect;fillColor=#BAC8D3;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process12.vertex = true;
var chrevron5 = new mxCell('LABEL', new mxGeometry(800, 0, 200, 30), 'shape=step;perimeter=stepPerimeter;whiteSpace=wrap;html=1;fixedSize=1;size=10;fillColor=#12AAB5;strokeColor=none;fontSize=17;fontColor=#FFFFFF;fontStyle=1;align=center;rounded=0;');
chrevron5.vertex = true;
var process13 = new mxCell(str1,
new mxGeometry(800, 40, 190, 120), 'shape=rect;fillColor=#B0E3E6;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(800, 40, 190, 120), 'shape=rect;fillColor=#B0E3E6;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process13.vertex = true;
var process14 = new mxCell(str1,
new mxGeometry(800, 170, 190, 120), 'shape=rect;fillColor=#B0E3E6;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(800, 170, 190, 120), 'shape=rect;fillColor=#B0E3E6;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process14.vertex = true;
var process15 = new mxCell(str1,
new mxGeometry(800, 300, 190, 120), 'shape=rect;fillColor=#B0E3E6;strokeColor=none;fontSize=12;fontColor=#000000;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
new mxGeometry(800, 300, 190, 120), 'shape=rect;fillColor=#B0E3E6;strokeColor=none;fontSize=12;html=1;whiteSpace=wrap;align=left;verticalAlign=top;spacing=5;rounded=0;');
process15.vertex = true;
return sb.createVertexTemplateFromCells([chrevron1, chrevron2, chrevron3, chrevron4, chrevron5, process1, process2, process3, process4, process5, process6, process7, process8, process9, process10, process11, process12, process13, process14, process15], 1000, 420, 'Chevron list');
@ -300,15 +300,15 @@
var arch5 = new mxCell('', new mxGeometry(420, 90, 120, 120), s4 + 'partConcEllipse;startAngle=0.25;endAngle=0.75;arcWidth=0.25;fillColor=#15AA96;strokeColor=none;');
arch5.vertex = true;
var circle1 = new mxCell('1', new mxGeometry(35, 125, 50, 50), 'shape=ellipse;strokeWidth=6;fillColor=#ffffff;strokeColor=#10739E;fontSize=15;html=0;fontStyle=1;fontColor=#10739E;');
var circle1 = new mxCell('1', new mxGeometry(35, 125, 50, 50), 'shape=ellipse;strokeWidth=6;strokeColor=#10739E;fontSize=15;html=0;fontStyle=1;fontColor=#10739E;');
circle1.vertex = true;
var circle2 = new mxCell('2', new mxGeometry(140, 125, 50, 50), 'shape=ellipse;strokeWidth=6;fillColor=#ffffff;strokeColor=#F2931E;fontSize=15;html=0;fontStyle=1;fontColor=#F2931E;');
var circle2 = new mxCell('2', new mxGeometry(140, 125, 50, 50), 'shape=ellipse;strokeWidth=6;strokeColor=#F2931E;fontSize=15;html=0;fontStyle=1;fontColor=#F2931E;');
circle2.vertex = true;
var circle3 = new mxCell('3', new mxGeometry(245, 125, 50, 50), 'shape=ellipse;strokeWidth=6;fillColor=#ffffff;strokeColor=#AE4132;fontSize=15;html=0;fontStyle=1;fontColor=#AE4132;');
var circle3 = new mxCell('3', new mxGeometry(245, 125, 50, 50), 'shape=ellipse;strokeWidth=6;strokeColor=#AE4132;fontSize=15;html=0;fontStyle=1;fontColor=#AE4132;');
circle3.vertex = true;
var circle4 = new mxCell('4', new mxGeometry(350, 125, 50, 50), 'shape=ellipse;strokeWidth=6;fillColor=#ffffff;strokeColor=#23445D;fontSize=15;html=0;fontStyle=1;fontColor=#23445D;');
var circle4 = new mxCell('4', new mxGeometry(350, 125, 50, 50), 'shape=ellipse;strokeWidth=6;strokeColor=#23445D;fontSize=15;html=0;fontStyle=1;fontColor=#23445D;');
circle4.vertex = true;
var circle5 = new mxCell('5', new mxGeometry(455, 125, 50, 50), 'shape=ellipse;strokeWidth=6;fillColor=#ffffff;strokeColor=#12AAB5;fontSize=15;html=0;fontStyle=1;fontColor=#12AAB5;');
var circle5 = new mxCell('5', new mxGeometry(455, 125, 50, 50), 'shape=ellipse;strokeWidth=6;strokeColor=#12AAB5;fontSize=15;html=0;fontStyle=1;fontColor=#12AAB5;');
circle5.vertex = true;
var label1 = new mxCell('<font style="font-size: 10px"><font style="font-size: 12px" color="#10739E"><b>Label</b></font><br><br><font size="1">' +
@ -348,15 +348,15 @@
var arch5 = new mxCell('', new mxGeometry(400, 210, 120, 120), s4 + 'partConcEllipse;startAngle=0.75;endAngle=0.5;arcWidth=0.25;fillColor=#12AAB5;strokeColor=none;shadow=0;');
arch5.vertex = true;
var circle1 = new mxCell('1', new mxGeometry(225, 35, 50, 50), 'shape=ellipse;strokeWidth=6;fillColor=#ffffff;strokeColor=#10739E;fontSize=15;html=1;fontStyle=1;fontColor=#10739E;shadow=1;');
var circle1 = new mxCell('1', new mxGeometry(225, 35, 50, 50), 'shape=ellipse;strokeWidth=6;strokeColor=#10739E;fontSize=15;html=1;fontStyle=1;fontColor=#10739E;shadow=1;');
circle1.vertex = true;
var circle2 = new mxCell('2', new mxGeometry(225, 140, 50, 50), 'shape=ellipse;strokeWidth=6;fillColor=#ffffff;strokeColor=#F2931E;fontSize=15;html=1;fontStyle=1;fontColor=#F2931E;shadow=1;');
var circle2 = new mxCell('2', new mxGeometry(225, 140, 50, 50), 'shape=ellipse;strokeWidth=6;strokeColor=#F2931E;fontSize=15;html=1;fontStyle=1;fontColor=#F2931E;shadow=1;');
circle2.vertex = true;
var circle3 = new mxCell('3', new mxGeometry(330, 140, 50, 50), 'shape=ellipse;strokeWidth=6;fillColor=#ffffff;strokeColor=#AE4132;fontSize=15;html=1;fontStyle=1;fontColor=#AE4132;shadow=1;');
var circle3 = new mxCell('3', new mxGeometry(330, 140, 50, 50), 'shape=ellipse;strokeWidth=6;strokeColor=#AE4132;fontSize=15;html=1;fontStyle=1;fontColor=#AE4132;shadow=1;');
circle3.vertex = true;
var circle4 = new mxCell('4', new mxGeometry(330, 245, 50, 50), 'shape=ellipse;strokeWidth=6;fillColor=#ffffff;strokeColor=#23445D;fontSize=15;html=1;fontStyle=1;fontColor=#23445D;shadow=1;');
var circle4 = new mxCell('4', new mxGeometry(330, 245, 50, 50), 'shape=ellipse;strokeWidth=6;strokeColor=#23445D;fontSize=15;html=1;fontStyle=1;fontColor=#23445D;shadow=1;');
circle4.vertex = true;
var circle5 = new mxCell('5', new mxGeometry(435, 245, 50, 50), 'shape=ellipse;strokeWidth=6;fillColor=#ffffff;strokeColor=#12AAB5;fontSize=15;html=1;fontStyle=1;fontColor=#12AAB5;shadow=1;');
var circle5 = new mxCell('5', new mxGeometry(435, 245, 50, 50), 'shape=ellipse;strokeWidth=6;strokeColor=#12AAB5;fontSize=15;html=1;fontStyle=1;fontColor=#12AAB5;shadow=1;');
circle5.vertex = true;
var label1 = new mxCell('<font style="font-size: 10px"><font style="font-size: 12px" color="#10739E"><b>Label</b></font><br><br><font size="1">' +
@ -702,35 +702,35 @@
bg1.vertex = true;
var bar1 = new mxCell('65%', new mxGeometry(0, 0, 260, 40), 'html=1;shape=mxgraph.infographic.ribbonSimple;notch1=0;notch2=20;fillColor=#10739E;strokeColor=none;align=left;verticalAlign=middle;fontColor=#ffffff;fontSize=18;spacingLeft=10;fontStyle=1;shadow=0;');
bar1.vertex = true;
var label1 = new mxCell('Label', new mxGeometry(320, 0, 80, 40), 'text;html=1;strokeColor=none;fillColor=none;align=right;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=0;fontSize=18;fontColor=#000000;spacingRight=10;');
var label1 = new mxCell('Label', new mxGeometry(320, 0, 80, 40), 'text;html=1;strokeColor=none;fillColor=none;align=right;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=0;fontSize=18;spacingRight=10;');
label1.vertex = true;
var bg2 = new mxCell('', new mxGeometry(0, 50, 400, 40), 'whiteSpace=wrap;html=1;fixedSize=1;size=10;fillColor=#dddddd;strokeColor=none;rounded=0;');
bg2.vertex = true;
var bar2 = new mxCell('45%', new mxGeometry(0, 50, 180, 40), 'html=1;shape=mxgraph.infographic.ribbonSimple;notch1=0;notch2=20;fillColor=#F2931E;strokeColor=none;align=left;verticalAlign=middle;fontColor=#ffffff;fontSize=18;spacingLeft=10;fontStyle=1;shadow=0;');
bar2.vertex = true;
var label2 = new mxCell('Label', new mxGeometry(320, 50, 80, 40), 'text;html=1;strokeColor=none;fillColor=none;align=right;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=0;fontSize=18;fontColor=#000000;spacingRight=10;');
var label2 = new mxCell('Label', new mxGeometry(320, 50, 80, 40), 'text;html=1;strokeColor=none;fillColor=none;align=right;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=0;fontSize=18;spacingRight=10;');
label2.vertex = true;
var bg3 = new mxCell('', new mxGeometry(0, 100, 400, 40), 'whiteSpace=wrap;html=1;fixedSize=1;size=10;fillColor=#dddddd;strokeColor=none;rounded=0;');
bg3.vertex = true;
var bar3 = new mxCell('30%', new mxGeometry(0, 100, 120, 40), 'html=1;shape=mxgraph.infographic.ribbonSimple;notch1=0;notch2=20;fillColor=#AE4132;strokeColor=none;align=left;verticalAlign=middle;fontColor=#ffffff;fontSize=18;spacingLeft=10;fontStyle=1;shadow=0;');
bar3.vertex = true;
var label3 = new mxCell('Label', new mxGeometry(320, 100, 80, 40), 'text;html=1;strokeColor=none;fillColor=none;align=right;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=0;fontSize=18;fontColor=#000000;spacingRight=10;');
var label3 = new mxCell('Label', new mxGeometry(320, 100, 80, 40), 'text;html=1;strokeColor=none;fillColor=none;align=right;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=0;fontSize=18;spacingRight=10;');
label3.vertex = true;
var bg4 = new mxCell('', new mxGeometry(0, 150, 400, 40), 'whiteSpace=wrap;html=1;fixedSize=1;size=10;fillColor=#dddddd;strokeColor=none;rounded=0;');
bg4.vertex = true;
var bar4 = new mxCell('60%', new mxGeometry(0, 150, 240, 40), 'html=1;shape=mxgraph.infographic.ribbonSimple;notch1=0;notch2=20;fillColor=#23445D;strokeColor=none;align=left;verticalAlign=middle;fontColor=#ffffff;fontSize=18;spacingLeft=10;fontStyle=1;shadow=0;');
bar4.vertex = true;
var label4 = new mxCell('Label', new mxGeometry(320, 150, 80, 40), 'text;html=1;strokeColor=none;fillColor=none;align=right;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=0;fontSize=18;fontColor=#000000;spacingRight=10;');
var label4 = new mxCell('Label', new mxGeometry(320, 150, 80, 40), 'text;html=1;strokeColor=none;fillColor=none;align=right;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=0;fontSize=18;spacingRight=10;');
label4.vertex = true;
var bg5 = new mxCell('', new mxGeometry(0, 200, 400, 40), 'whiteSpace=wrap;html=1;fixedSize=1;size=10;fillColor=#dddddd;strokeColor=none;rounded=0;');
bg5.vertex = true;
var bar5 = new mxCell('85%', new mxGeometry(0, 200, 340, 40), 'html=1;shape=mxgraph.infographic.ribbonSimple;notch1=0;notch2=20;fillColor=#12AAB5;strokeColor=none;align=left;verticalAlign=middle;fontColor=#ffffff;fontSize=18;spacingLeft=10;fontStyle=1;shadow=0;');
bar5.vertex = true;
var label5 = new mxCell('Label', new mxGeometry(320, 200, 80, 40), 'text;html=1;strokeColor=none;fillColor=none;align=right;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=0;fontSize=18;fontColor=#000000;spacingRight=10;');
var label5 = new mxCell('Label', new mxGeometry(320, 200, 80, 40), 'text;html=1;strokeColor=none;fillColor=none;align=right;verticalAlign=middle;whiteSpace=wrap;rounded=0;shadow=0;fontSize=18;spacingRight=10;');
label5.vertex = true;
return sb.createVertexTemplateFromCells([bg1, bar1, bg2, bar2, bg3, bar3, bg4, bar4, bg5, bar5, label1, label2, label3, label4, label5], 400, 250, 'Percentage list');
@ -801,15 +801,15 @@
this.addEntry(dt + 'pyramid graph', function()
{
var part1 = new mxCell('Label', new mxGeometry(0, 70, 80, 70), 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedPyramid;fillColor=#10739E;strokeColor=none;fontSize=10;labelPosition=center;align=center;fontColor=#000000;shadow=0;');
var part1 = new mxCell('Label', new mxGeometry(0, 70, 80, 70), 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedPyramid;fillColor=#10739E;strokeColor=none;fontSize=10;labelPosition=center;align=center;shadow=0;');
part1.vertex = true;
var part2 = new mxCell('Label', new mxGeometry(60, 10, 80, 130), 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedPyramid;fillColor=#F2931E;strokeColor=none;fontSize=10;labelPosition=center;align=center;fontColor=#000000;shadow=0;');
var part2 = new mxCell('Label', new mxGeometry(60, 10, 80, 130), 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedPyramid;fillColor=#F2931E;strokeColor=none;fontSize=10;labelPosition=center;align=center;shadow=0;');
part2.vertex = true;
var part3 = new mxCell('Label', new mxGeometry(120, 0, 80, 140), 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedPyramid;fillColor=#AE4132;strokeColor=none;fontSize=10;labelPosition=center;align=center;fontColor=#000000;shadow=0;');
var part3 = new mxCell('Label', new mxGeometry(120, 0, 80, 140), 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedPyramid;fillColor=#AE4132;strokeColor=none;fontSize=10;labelPosition=center;align=center;shadow=0;');
part3.vertex = true;
var part4 = new mxCell('Label', new mxGeometry(180, 40, 80, 100), 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedPyramid;fillColor=#12AAB5;strokeColor=none;fontSize=10;labelPosition=center;align=center;fontColor=#000000;shadow=0;');
var part4 = new mxCell('Label', new mxGeometry(180, 40, 80, 100), 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedPyramid;fillColor=#12AAB5;strokeColor=none;fontSize=10;labelPosition=center;align=center;shadow=0;');
part4.vertex = true;
var part5 = new mxCell('Label', new mxGeometry(240, 60, 80, 80), 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedPyramid;fillColor=#23445D;strokeColor=none;fontSize=10;labelPosition=center;align=center;fontColor=#000000;shadow=0;');
var part5 = new mxCell('Label', new mxGeometry(240, 60, 80, 80), 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedPyramid;fillColor=#23445D;strokeColor=none;fontSize=10;labelPosition=center;align=center;shadow=0;');
part5.vertex = true;
return sb.createVertexTemplateFromCells([part5, part4, part3, part2, part1], 320, 140, 'Pyramid Graph');
@ -822,7 +822,7 @@
var arrow1 = new mxCell('', new mxGeometry(3, 30, 24, 70), 'shape=mxgraph.arrows2.arrow;dy=0.4;dx=16;notch=0;direction=north;fillColor=#1699D3;strokeColor=none;');
arrow1.vertex = true;
part1.insert(arrow1);
var text1 = new mxCell('Label', new mxGeometry(0, 0, 30, 20), 'text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;;fontColor=#FFFFFF;fontSize=10;');
var text1 = new mxCell('Label', new mxGeometry(0, 0, 30, 20), 'text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;fontColor=#FFFFFF;fontSize=10;');
text1.vertex = true;
part1.insert(text1);
@ -831,7 +831,7 @@
var arrow2 = new mxCell('', new mxGeometry(3, 0, 24, 80), 'shape=mxgraph.arrows2.arrow;dy=0.4;dx=16;notch=0;direction=south;fillColor=#F5AB50;strokeColor=none;');
arrow2.vertex = true;
part2.insert(arrow2);
var text2 = new mxCell('Label', new mxGeometry(0, 0, 30, 20), 'text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;;fontColor=#FFFFFF;fontSize=10;');
var text2 = new mxCell('Label', new mxGeometry(0, 0, 30, 20), 'text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;fontColor=#FFFFFF;fontSize=10;');
text2.vertex = true;
part2.insert(text2);
@ -840,7 +840,7 @@
var arrow3 = new mxCell('', new mxGeometry(3, 80, 24, 50), 'shape=mxgraph.arrows2.arrow;dy=0.4;dx=16;notch=0;direction=north;fillColor=#E85642;strokeColor=none;');
arrow3.vertex = true;
part3.insert(arrow3);
var text3 = new mxCell('Label', new mxGeometry(0, 0, 30, 20), 'text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;;fontColor=#FFFFFF;fontSize=10;');
var text3 = new mxCell('Label', new mxGeometry(0, 0, 30, 20), 'text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;fontColor=#FFFFFF;fontSize=10;');
text3.vertex = true;
part3.insert(text3);
@ -849,7 +849,7 @@
var arrow4 = new mxCell('', new mxGeometry(3, 0, 24, 30), 'shape=mxgraph.arrows2.arrow;dy=0.4;dx=16;notch=0;direction=south;fillColor=#64BBE2;strokeColor=none;');
arrow4.vertex = true;
part4.insert(arrow4);
var text4 = new mxCell('Label', new mxGeometry(0, 0, 30, 20), 'text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;;fontColor=#FFFFFF;fontSize=10;');
var text4 = new mxCell('Label', new mxGeometry(0, 0, 30, 20), 'text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;fontColor=#FFFFFF;fontSize=10;');
text4.vertex = true;
part4.insert(text4);
@ -858,7 +858,7 @@
var arrow5 = new mxCell('', new mxGeometry(3, 10, 24, 60), 'shape=mxgraph.arrows2.arrow;dy=0.4;dx=16;notch=0;direction=north;fillColor=#2F5B7C;strokeColor=none;');
arrow5.vertex = true;
part5.insert(arrow5);
var text5 = new mxCell('Label', new mxGeometry(0, 0, 30, 20), 'text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;;fontColor=#FFFFFF;fontSize=10;');
var text5 = new mxCell('Label', new mxGeometry(0, 0, 30, 20), 'text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;fontColor=#FFFFFF;fontSize=10;');
text5.vertex = true;
part5.insert(text5);
@ -966,7 +966,7 @@
var text1 = new mxCell(
'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
new mxGeometry(0, 140, 100, 120),
'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=#EEEEEE;strokeColor=none;fontSize=10;fontColor=#000000;align=left;fontStyle=0;rounded=1;whiteSpace=wrap;arcSize=8;spacing=5;');
'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=#EEEEEE;strokeColor=none;fontSize=10;align=left;fontStyle=0;rounded=1;whiteSpace=wrap;arcSize=8;spacing=5;');
text1.vertex = true;
var label2 = new mxCell('Label', new mxGeometry(110, 0, 100, 30), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=none;strokeColor=none;fontSize=15;fontColor=#F2931E;align=center;fontStyle=1;');
@ -976,7 +976,7 @@
var text2 = new mxCell(
'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
new mxGeometry(110, 140, 100, 120),
'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=#EEEEEE;strokeColor=none;fontSize=10;fontColor=#000000;align=left;fontStyle=0;rounded=1;whiteSpace=wrap;arcSize=8;spacing=5;');
'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=#EEEEEE;strokeColor=none;fontSize=10;align=left;fontStyle=0;rounded=1;whiteSpace=wrap;arcSize=8;spacing=5;');
text2.vertex = true;
var label3 = new mxCell('Label', new mxGeometry(220, 0, 100, 30), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=none;strokeColor=none;fontSize=15;fontColor=#AE4132;align=center;fontStyle=1;');
@ -986,7 +986,7 @@
var text3 = new mxCell(
'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
new mxGeometry(220, 140, 100, 120),
'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=#EEEEEE;strokeColor=none;fontSize=10;fontColor=#000000;align=left;fontStyle=0;rounded=1;whiteSpace=wrap;arcSize=8;spacing=5;');
'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=#EEEEEE;strokeColor=none;fontSize=10;align=left;fontStyle=0;rounded=1;whiteSpace=wrap;arcSize=8;spacing=5;');
text3.vertex = true;
var label4 = new mxCell('Label', new mxGeometry(330, 0, 100, 30), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=none;strokeColor=none;fontSize=15;fontColor=#23445D;align=center;fontStyle=1;');
@ -996,7 +996,7 @@
var text4 = new mxCell(
'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
new mxGeometry(330, 140, 100, 120),
'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=#EEEEEE;strokeColor=none;fontSize=10;fontColor=#000000;align=left;fontStyle=0;rounded=1;whiteSpace=wrap;arcSize=8;spacing=5;');
'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=#EEEEEE;strokeColor=none;fontSize=10;align=left;fontStyle=0;rounded=1;whiteSpace=wrap;arcSize=8;spacing=5;');
text4.vertex = true;
var label5 = new mxCell('Label', new mxGeometry(440, 0, 100, 30), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=none;strokeColor=none;fontSize=15;fontColor=#12AAB5;align=center;fontStyle=1;');
@ -1006,7 +1006,7 @@
var text5 = new mxCell(
'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
new mxGeometry(440, 140, 100, 120),
'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=#EEEEEE;strokeColor=none;fontSize=10;fontColor=#000000;align=left;fontStyle=0;rounded=1;whiteSpace=wrap;arcSize=8;spacing=5;');
'verticalLabelPosition=middle;verticalAlign=middle;html=1;html=1;fillColor=#EEEEEE;strokeColor=none;fontSize=10;align=left;fontStyle=0;rounded=1;whiteSpace=wrap;arcSize=8;spacing=5;');
text5.vertex = true;
return sb.createVertexTemplateFromCells([part1, part2, part3, part4, part5, label1, label2, label3, label4, label5, text1, text2, text3, text4, text5], 540, 260, 'Circular Dial List (horizontal)');
@ -1236,7 +1236,7 @@
text1.geometry.relative = true;
text1.geometry.offset = new mxPoint(200, 0);
ribbon1.insert(text1);
var icon1 = new mxCell('', new mxGeometry(50, 32, 50, 37), 'shadow=0;dashed=0;html=1;strokeColor=none;shape=mxgraph.mscae.intune.user_group;fillColor=#FFFFFF;fontSize=15;fontColor=#FFFFFF;align=left;');
var icon1 = new mxCell('', new mxGeometry(50, 32, 50, 37), 'shadow=0;dashed=0;html=1;strokeColor=none;shape=mxgraph.mscae.intune.user_group;fontSize=15;fontColor=#FFFFFF;align=left;');
icon1.vertex = true;
var ribbon2 = new mxCell('', new mxGeometry(0, 120, 500, 100), 'html=1;shape=mxgraph.infographic.ribbonSimple;notch1=20;notch2=0;fillColor=#F2931E;strokeColor=none;shadow=1;');
@ -1255,7 +1255,7 @@
text2.geometry.relative = true;
text2.geometry.offset = new mxPoint(200, 0);
ribbon2.insert(text2);
var icon2 = new mxCell('', new mxGeometry(50, 152, 50, 37), 'shadow=0;dashed=0;html=1;strokeColor=none;shape=mxgraph.mscae.intune.user_group;fillColor=#FFFFFF;fontSize=15;fontColor=#FFFFFF;align=left;');
var icon2 = new mxCell('', new mxGeometry(50, 152, 50, 37), 'shadow=0;dashed=0;html=1;strokeColor=none;shape=mxgraph.mscae.intune.user_group;fontSize=15;fontColor=#FFFFFF;align=left;');
icon2.vertex = true;
var ribbon3 = new mxCell('', new mxGeometry(0, 240, 500, 100), 'html=1;shape=mxgraph.infographic.ribbonSimple;notch1=20;notch2=0;fillColor=#AE4132;strokeColor=none;shadow=1;');
@ -1274,7 +1274,7 @@
text3.geometry.relative = true;
text3.geometry.offset = new mxPoint(200, 0);
ribbon3.insert(text3);
var icon3 = new mxCell('', new mxGeometry(50, 272, 50, 37), 'shadow=0;dashed=0;html=1;strokeColor=none;shape=mxgraph.mscae.intune.user_group;fillColor=#FFFFFF;fontSize=15;fontColor=#FFFFFF;align=left;');
var icon3 = new mxCell('', new mxGeometry(50, 272, 50, 37), 'shadow=0;dashed=0;html=1;strokeColor=none;shape=mxgraph.mscae.intune.user_group;fontSize=15;fontColor=#FFFFFF;align=left;');
icon3.vertex = true;
var ribbon4 = new mxCell('', new mxGeometry(0, 360, 500, 100), 'html=1;shape=mxgraph.infographic.ribbonSimple;notch1=20;notch2=0;fillColor=#23445D;strokeColor=none;shadow=1;');
@ -1293,7 +1293,7 @@
text4.geometry.relative = true;
text4.geometry.offset = new mxPoint(200, 0);
ribbon4.insert(text4);
var icon4 = new mxCell('', new mxGeometry(50, 392, 50, 37), 'shadow=0;dashed=0;html=1;strokeColor=none;shape=mxgraph.mscae.intune.user_group;fillColor=#FFFFFF;fontSize=15;fontColor=#FFFFFF;align=left;');
var icon4 = new mxCell('', new mxGeometry(50, 392, 50, 37), 'shadow=0;dashed=0;html=1;strokeColor=none;shape=mxgraph.mscae.intune.user_group;fontSize=15;fontColor=#FFFFFF;align=left;');
icon4.vertex = true;
var ribbon5 = new mxCell('', new mxGeometry(0, 480, 500, 100), 'html=1;shape=mxgraph.infographic.ribbonSimple;notch1=20;notch2=0;fillColor=#12AAB5;strokeColor=none;shadow=1;');
@ -1312,7 +1312,7 @@
text5.geometry.relative = true;
text5.geometry.offset = new mxPoint(200, 0);
ribbon5.insert(text5);
var icon5 = new mxCell('', new mxGeometry(50, 512, 50, 37), 'shadow=0;dashed=0;html=1;strokeColor=none;shape=mxgraph.mscae.intune.user_group;fillColor=#FFFFFF;fontSize=15;fontColor=#FFFFFF;align=left;');
var icon5 = new mxCell('', new mxGeometry(50, 512, 50, 37), 'shadow=0;dashed=0;html=1;strokeColor=none;shape=mxgraph.mscae.intune.user_group;fontSize=15;fontColor=#FFFFFF;align=left;');
icon5.vertex = true;
return sb.createVertexTemplateFromCells([ribbon1, item1, icon1, ribbon2, item2, icon2, ribbon3, item3, icon3, ribbon4, item4, icon4, ribbon5, item5, icon5], 550, 590, 'Ribbon List');
@ -1322,27 +1322,27 @@
{
var part1 = new mxCell('Label', new mxGeometry(0, 0, 120, 70), 'html=1;shape=mxgraph.infographic.barCallout;dx=60;dy=30;fillColor=#10739E;strokeColor=none;align=center;verticalAlign=top;fontColor=#ffffff;fontSize=14;fontStyle=1;shadow=0;spacingTop=5;');
part1.vertex = true;
var dial1 = new mxCell('12', new mxGeometry(40, 75, 40, 40), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;strokeColor=#10739E;strokeWidth=6;fillColor=#FFFFFF;fontSize=16;fontColor=#000000;align=center;fontStyle=1');
var dial1 = new mxCell('12', new mxGeometry(40, 75, 40, 40), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;strokeColor=#10739E;strokeWidth=6;fontSize=16;align=center;fontStyle=1');
dial1.vertex = true;
var part2 = new mxCell('Label', new mxGeometry(120, 0, 160, 70), 'html=1;shape=mxgraph.infographic.barCallout;dx=80;dy=30;fillColor=#F2931E;strokeColor=none;align=center;verticalAlign=top;fontColor=#ffffff;fontSize=14;fontStyle=1;shadow=0;spacingTop=5;');
part2.vertex = true;
var dial2 = new mxCell('16', new mxGeometry(180, 75, 40, 40), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;strokeColor=#F2931E;strokeWidth=6;fillColor=#FFFFFF;fontSize=16;fontColor=#000000;align=center;fontStyle=1');
var dial2 = new mxCell('16', new mxGeometry(180, 75, 40, 40), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;strokeColor=#F2931E;strokeWidth=6;fontSize=16;align=center;fontStyle=1');
dial2.vertex = true;
var part3 = new mxCell('Label', new mxGeometry(280, 0, 80, 70), 'html=1;shape=mxgraph.infographic.barCallout;dx=40;dy=30;fillColor=#AE4132;strokeColor=none;align=center;verticalAlign=top;fontColor=#ffffff;fontSize=14;fontStyle=1;shadow=0;spacingTop=5;');
part3.vertex = true;
var dial3 = new mxCell('8', new mxGeometry(300, 75, 40, 40), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;strokeColor=#AE4132;strokeWidth=6;fillColor=#FFFFFF;fontSize=16;fontColor=#000000;align=center;fontStyle=1');
var dial3 = new mxCell('8', new mxGeometry(300, 75, 40, 40), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;strokeColor=#AE4132;strokeWidth=6;fontSize=16;align=center;fontStyle=1');
dial3.vertex = true;
var part4 = new mxCell('Label', new mxGeometry(360, 0, 200, 70), 'html=1;shape=mxgraph.infographic.barCallout;dx=100;dy=30;fillColor=#23445D;strokeColor=none;align=center;verticalAlign=top;fontColor=#ffffff;fontSize=14;fontStyle=1;shadow=0;spacingTop=5;');
part4.vertex = true;
var dial4 = new mxCell('20', new mxGeometry(440, 75, 40, 40), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;strokeColor=#23445D;strokeWidth=6;fillColor=#FFFFFF;fontSize=16;fontColor=#000000;align=center;fontStyle=1');
var dial4 = new mxCell('20', new mxGeometry(440, 75, 40, 40), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;strokeColor=#23445D;strokeWidth=6;fontSize=16;align=center;fontStyle=1');
dial4.vertex = true;
var part5 = new mxCell('Label', new mxGeometry(560, 0, 140, 70), 'html=1;shape=mxgraph.infographic.barCallout;dx=70;dy=30;fillColor=#12AAB5;strokeColor=none;align=center;verticalAlign=top;fontColor=#ffffff;fontSize=14;fontStyle=1;shadow=0;spacingTop=5;');
part5.vertex = true;
var dial5 = new mxCell('14', new mxGeometry(610, 75, 40, 40), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;strokeColor=#12AAB5;strokeWidth=6;fillColor=#FFFFFF;fontSize=16;fontColor=#000000;align=center;fontStyle=1');
var dial5 = new mxCell('14', new mxGeometry(610, 75, 40, 40), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;strokeColor=#12AAB5;strokeWidth=6;fontSize=16;align=center;fontStyle=1');
dial5.vertex = true;
return sb.createVertexTemplateFromCells([part1, part2, part3, part4, part5, dial1, dial2, dial3, dial4, dial5], 700, 115, 'Bar Graph');
@ -1350,19 +1350,19 @@
this.addEntry(dt + 'arrow graph', function()
{
var part1 = new mxCell('Label', new mxGeometry(0, 40, 90, 160), 'html=1;shadow=0;dashed=0;align=center;verticalAlign=top;shape=mxgraph.arrows2.arrow;dy=0.4;dx=60;direction=north;notch=0;strokeColor=#FFFFFF;strokeWidth=6;fillColor=#10739E;fontSize=14;fontColor=#000000;labelPosition=center;verticalLabelPosition=bottom;fontStyle=1');
var part1 = new mxCell('Label', new mxGeometry(0, 40, 90, 160), 'html=1;shadow=0;dashed=0;align=center;verticalAlign=top;shape=mxgraph.arrows2.arrow;dy=0.4;dx=60;direction=north;notch=0;strokeColor=#FFFFFF;strokeWidth=6;fillColor=#10739E;fontSize=14;labelPosition=center;verticalLabelPosition=bottom;fontStyle=1');
part1.vertex = true;
var part2 = new mxCell('Label', new mxGeometry(50, 0, 90, 200), 'html=1;shadow=0;dashed=0;align=center;verticalAlign=top;shape=mxgraph.arrows2.arrow;dy=0.4;dx=60;direction=north;notch=0;strokeColor=#FFFFFF;strokeWidth=6;fillColor=#F2931E;fontSize=14;fontColor=#000000;labelPosition=center;verticalLabelPosition=bottom;fontStyle=1');
var part2 = new mxCell('Label', new mxGeometry(50, 0, 90, 200), 'html=1;shadow=0;dashed=0;align=center;verticalAlign=top;shape=mxgraph.arrows2.arrow;dy=0.4;dx=60;direction=north;notch=0;strokeColor=#FFFFFF;strokeWidth=6;fillColor=#F2931E;fontSize=14;labelPosition=center;verticalLabelPosition=bottom;fontStyle=1');
part2.vertex = true;
var part3 = new mxCell('Label', new mxGeometry(100, 20, 90, 180), 'html=1;shadow=0;dashed=0;align=center;verticalAlign=top;shape=mxgraph.arrows2.arrow;dy=0.4;dx=60;direction=north;notch=0;strokeColor=#FFFFFF;strokeWidth=6;fillColor=#AE4132;fontSize=14;fontColor=#000000;labelPosition=center;verticalLabelPosition=bottom;fontStyle=1');
var part3 = new mxCell('Label', new mxGeometry(100, 20, 90, 180), 'html=1;shadow=0;dashed=0;align=center;verticalAlign=top;shape=mxgraph.arrows2.arrow;dy=0.4;dx=60;direction=north;notch=0;strokeColor=#FFFFFF;strokeWidth=6;fillColor=#AE4132;fontSize=14;labelPosition=center;verticalLabelPosition=bottom;fontStyle=1');
part3.vertex = true;
var part4 = new mxCell('Label', new mxGeometry(150, 90, 90, 110), 'html=1;shadow=0;dashed=0;align=center;verticalAlign=top;shape=mxgraph.arrows2.arrow;dy=0.4;dx=60;direction=north;notch=0;strokeColor=#FFFFFF;strokeWidth=6;fillColor=#23445D;fontSize=14;fontColor=#000000;labelPosition=center;verticalLabelPosition=bottom;fontStyle=1');
var part4 = new mxCell('Label', new mxGeometry(150, 90, 90, 110), 'html=1;shadow=0;dashed=0;align=center;verticalAlign=top;shape=mxgraph.arrows2.arrow;dy=0.4;dx=60;direction=north;notch=0;strokeColor=#FFFFFF;strokeWidth=6;fillColor=#23445D;fontSize=14;labelPosition=center;verticalLabelPosition=bottom;fontStyle=1');
part4.vertex = true;
var part5 = new mxCell('Label', new mxGeometry(200, 60, 90, 140), 'html=1;shadow=0;dashed=0;align=center;verticalAlign=top;shape=mxgraph.arrows2.arrow;dy=0.4;dx=60;direction=north;notch=0;strokeColor=#FFFFFF;strokeWidth=6;fillColor=#12AAB5;fontSize=14;fontColor=#000000;labelPosition=center;verticalLabelPosition=bottom;fontStyle=1');
var part5 = new mxCell('Label', new mxGeometry(200, 60, 90, 140), 'html=1;shadow=0;dashed=0;align=center;verticalAlign=top;shape=mxgraph.arrows2.arrow;dy=0.4;dx=60;direction=north;notch=0;strokeColor=#FFFFFF;strokeWidth=6;fillColor=#12AAB5;fontSize=14;labelPosition=center;verticalLabelPosition=bottom;fontStyle=1');
part5.vertex = true;
return sb.createVertexTemplateFromCells([part1, part2, part3, part4, part5], 300, 200, 'Arrow Graph');
@ -1443,23 +1443,23 @@
var text1 = new mxCell(
'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
new mxGeometry(0, 30, 240, 50), 'rounded=0;whiteSpace=wrap;shadow=0;strokeColor=none;strokeWidth=6;fillColor=none;fontSize=12;fontColor=#000000;align=right;html=1;');
new mxGeometry(0, 30, 240, 50), 'rounded=0;whiteSpace=wrap;shadow=0;strokeColor=none;strokeWidth=6;fillColor=none;fontSize=12;align=right;html=1;');
text1.vertex = true;
var text2 = new mxCell(
'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
new mxGeometry(0, 110, 240, 50), 'rounded=0;whiteSpace=wrap;shadow=0;strokeColor=none;strokeWidth=6;fillColor=none;fontSize=12;fontColor=#000000;align=right;html=1;');
new mxGeometry(0, 110, 240, 50), 'rounded=0;whiteSpace=wrap;shadow=0;strokeColor=none;strokeWidth=6;fillColor=none;fontSize=12;align=right;html=1;');
text2.vertex = true;
var text3 = new mxCell(
'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
new mxGeometry(0, 190, 240, 50), 'rounded=0;whiteSpace=wrap;shadow=0;strokeColor=none;strokeWidth=6;fillColor=none;fontSize=12;fontColor=#000000;align=right;html=1;');
new mxGeometry(0, 190, 240, 50), 'rounded=0;whiteSpace=wrap;shadow=0;strokeColor=none;strokeWidth=6;fillColor=none;fontSize=12;align=right;html=1;');
text3.vertex = true;
var text4 = new mxCell(
'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
new mxGeometry(0, 290, 240, 50), 'rounded=0;whiteSpace=wrap;shadow=0;strokeColor=none;strokeWidth=6;fillColor=none;fontSize=12;fontColor=#000000;align=right;html=1;');
new mxGeometry(0, 290, 240, 50), 'rounded=0;whiteSpace=wrap;shadow=0;strokeColor=none;strokeWidth=6;fillColor=none;fontSize=12;align=right;html=1;');
text4.vertex = true;
var text5 = new mxCell(
'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
new mxGeometry(0, 380, 240, 50), 'rounded=0;whiteSpace=wrap;shadow=0;strokeColor=none;strokeWidth=6;fillColor=none;fontSize=12;fontColor=#000000;align=right;html=1;');
new mxGeometry(0, 380, 240, 50), 'rounded=0;whiteSpace=wrap;shadow=0;strokeColor=none;strokeWidth=6;fillColor=none;fontSize=12;align=right;html=1;');
text5.vertex = true;
return sb.createVertexTemplateFromCells([part5, part4, part3, part2, part1, callout1, callout2, callout3, callout4, callout5, text1, text2, text3, text4, text5], 415, 430, 'Cylinder Graph');
@ -1556,28 +1556,28 @@
this.addEntry(dt + 'roadmap vertical', function()
{
var startPoint = new mxCell('', new mxGeometry(234, 0, 12, 12), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;fillColor=none;strokeColor=#333333;fontSize=16;fontColor=#000000;align=center;strokeWidth=2;');
var startPoint = new mxCell('', new mxGeometry(234, 0, 12, 12), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;fillColor=none;strokeColor=#333333;fontSize=16;align=center;strokeWidth=2;');
startPoint.vertex = true;
var endPoint = new mxCell('', new mxGeometry(234, 498, 12, 12), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;fillColor=none;strokeColor=#333333;fontSize=16;fontColor=#000000;align=center;strokeWidth=2;');
var endPoint = new mxCell('', new mxGeometry(234, 498, 12, 12), 'ellipse;whiteSpace=wrap;html=1;aspect=fixed;shadow=0;fillColor=none;strokeColor=#333333;fontSize=16;align=center;strokeWidth=2;');
endPoint.vertex = true;
var edge1 = new mxCell('', new mxGeometry(0, 0, 0, 0), 'endArrow=none;html=1;strokeWidth=3;strokeColor=#CCCCCC;labelBackgroundColor=none;fontSize=16;fontColor=#000000;');
var edge1 = new mxCell('', new mxGeometry(0, 0, 0, 0), 'endArrow=none;html=1;strokeWidth=3;strokeColor=#CCCCCC;labelBackgroundColor=none;fontSize=16');
edge1.geometry.relative = true;
edge1.edge = true;
startPoint.insertEdge(edge1, true);
endPoint.insertEdge(edge1, false);
var item1 = new mxCell('', new mxGeometry(0, 30, 246, 60), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;fillColor=#ffffff;strokeColor=#10739E;labelPosition=center;align=center;fontColor=#10739E;fontStyle=1;fontSize=24;shadow=0;direction=north;');
var item1 = new mxCell('', new mxGeometry(0, 30, 246, 60), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;strokeColor=#10739E;labelPosition=center;align=center;fontColor=#10739E;fontStyle=1;fontSize=24;shadow=0;direction=north;');
item1.vertex = true;
var item2 = new mxCell('', new mxGeometry(234, 100, 246, 60), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;fillColor=#ffffff;strokeColor=#F2931E;labelPosition=center;align=center;fontColor=#F2931E;fontStyle=1;fontSize=24;shadow=0;direction=north;flipH=1;');
var item2 = new mxCell('', new mxGeometry(234, 100, 246, 60), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;strokeColor=#F2931E;labelPosition=center;align=center;fontColor=#F2931E;fontStyle=1;fontSize=24;shadow=0;direction=north;flipH=1;');
item2.vertex = true;
var item3 = new mxCell('', new mxGeometry(0, 170, 246, 60), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;fillColor=#ffffff;strokeColor=#AE4132;labelPosition=center;align=center;fontColor=#10739E;fontStyle=1;fontSize=24;shadow=0;direction=north;');
var item3 = new mxCell('', new mxGeometry(0, 170, 246, 60), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;strokeColor=#AE4132;labelPosition=center;align=center;fontColor=#10739E;fontStyle=1;fontSize=24;shadow=0;direction=north;');
item3.vertex = true;
var item4 = new mxCell('', new mxGeometry(234, 240, 246, 60), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;fillColor=#ffffff;strokeColor=#23445D;labelPosition=center;align=center;fontColor=#10739E;fontStyle=1;fontSize=24;shadow=0;direction=north;flipH=1;');
var item4 = new mxCell('', new mxGeometry(234, 240, 246, 60), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;strokeColor=#23445D;labelPosition=center;align=center;fontColor=#10739E;fontStyle=1;fontSize=24;shadow=0;direction=north;flipH=1;');
item4.vertex = true;
var item5 = new mxCell('', new mxGeometry(0, 310, 246, 60), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;fillColor=#ffffff;strokeColor=#12AAB5;labelPosition=center;align=center;fontColor=#10739E;fontStyle=1;fontSize=24;shadow=0;direction=north;');
var item5 = new mxCell('', new mxGeometry(0, 310, 246, 60), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;strokeColor=#12AAB5;labelPosition=center;align=center;fontColor=#10739E;fontStyle=1;fontSize=24;shadow=0;direction=north;');
item5.vertex = true;
var item6 = new mxCell('', new mxGeometry(234, 380, 246, 60), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;fillColor=#ffffff;strokeColor=#56517E;labelPosition=center;align=center;fontColor=#10739E;fontStyle=1;fontSize=24;shadow=0;direction=north;flipH=1;');
var item6 = new mxCell('', new mxGeometry(234, 380, 246, 60), 'verticalLabelPosition=middle;verticalAlign=middle;html=1;shape=mxgraph.infographic.circularCallout2;dy=15;strokeColor=#56517E;labelPosition=center;align=center;fontColor=#10739E;fontStyle=1;fontSize=24;shadow=0;direction=north;flipH=1;');
item6.vertex = true;
var label1 = new mxCell('Label', new mxGeometry(70, 20, 160, 30), 'fillColor=#10739E;strokecolor=none;rounded=1;fontColor=#FFFFFF;strokeColor=none;fontStyle=1;fontSize=14;');

16
src/main/webapp/js/diagramly/sidebar/Sidebar-Ios.js
View file

@ -26,11 +26,11 @@
this.createVertexTemplateEntry(s + 'iPhone;direction=north;bgStyle=bgGreen;fillColor=#aaaaaa;', sizeY, sizeX, '', 'iPhone (landscape)', null, null, null),
this.createVertexTemplateEntry(s + 'iPad;bgStyle=bgGreen;fillColor=#aaaaaa;', sizeX * 2.425, sizeY * 1.5625, '', 'iPad (portrait)', null, null, null),
this.createVertexTemplateEntry(s + 'iPad;direction=north;bgStyle=bgGreen;fillColor=#aaaaaa;', sizeY * 1.5625, sizeX * 2.425, '', 'iPad (landscape)', null, null, null),
this.createVertexTemplateEntry(s + 'iBgFlat;strokeColor=#18211b;fillColor=#ffffff;', sizeX * 0.875, sizeY * 0.7, '', 'iPad background (white)', null, null, null),
this.createVertexTemplateEntry(s + 'iBgFlat;strokeColor=#18211b;', sizeX * 0.875, sizeY * 0.7, '', 'iPad background (white)', null, null, null),
this.createVertexTemplateEntry(s + 'iBgFlat;strokeColor=#18211b;fillColor=#1f2923;', sizeX * 0.875, sizeY * 0.7, '', 'iPad background (green)', null, null, null),
this.createVertexTemplateEntry(s + 'iBgFlat;strokeColor=#18211b;fillColor=#dddddd;', sizeX * 0.875, sizeY * 0.7, '', 'iPad background (gray)', null, null, null),
this.createVertexTemplateEntry(s + 'iBgStriped;strokeColor=#18211b;fillColor=#5D7585;strokeColor2=#657E8F;', sizeX * 0.875, sizeY * 0.7, '', 'iPad background (striped)', null, null, null),
this.createVertexTemplateEntry(s + 'iBgMap;strokeColor=#18211b;fillColor=#ffffff;strokeColor2=#008cff;fillColor2=#96D1FF;', sizeX * 0.875, sizeY * 0.7, '', 'iPad background (map)', null, null, null),
this.createVertexTemplateEntry(s + 'iBgMap;strokeColor=#18211b;strokeColor2=#008cff;fillColor2=#96D1FF;', sizeX * 0.875, sizeY * 0.7, '', 'iPad background (map)', null, null, null),
this.addDataEntry(null, 165, 50, 'Button bar',
'3ZfdboIwFMefhltSKCjeIptZsl3tCTqo0KxQUurUPf0OpfgJiVN0OowJ55z20P7Ov01r4Wm+mklSZm8iodzCTxaeSiFU85avppRzy0UssXBkuS6Cv+U+90QdHUUlkbRQp3Rwmw5fhC9o42kclVpz48hUDsOKHAuHVUYSsQQDgZGQKqOJMSBS1u3zVVrPxWaisqWkMQwilO/su475dTslxSedCi6kzo49/UBkzjjf8c/1A37IlzCYTRsrRAHJQjNuKhVd9c5du8zEZ1TkVMk1NFmyRGWmxchvumWUpZnp5jfMEKkaO9103ZKEFwOzGyw+AvuiaA4eZzjASpThQilRHEDeRWlwHXGPvfoHEcJZCgkiTud1saqSxKxIX7UVOfWn56JQJntgzJ1EI/2cWhH3vIo4ru1fXhOvQ+yjVG3GPkRNSBFnNZpDTBvemqb5kHMqNtyNre3gGcGu9xLsQkUdTAdQud+ncny9bQQ9pMJNaVpitxH86GEF79+p4Md9gveGI/ohYE/P/8nObiqEx/ZNlR88rPLHd6r8SZ/yr3hiPNzqAa4fjf3g+CRpFsOlku89dUIMoSDWsQGWw1bkt1kOrQAecD1M7nQ9OE4H0r+/Ov3menTmYfyM6xGY2zutju1deX8A'),
@ -97,7 +97,7 @@
sizeX * 0.2175, sizeY * 0.0375, 'Button', 'Forward button', null, null, null),
this.createVertexTemplateEntry(s + 'iPrevNext;strokeColor=#444444;fillColor=#dddddd;fillColor2=#3D5565;fillColor3=#ffffff;align=center;',
sizeX * 0.2175, sizeY * 0.0375, '', 'Prev/next button', null, null, null),
this.createVertexTemplateEntry(s2 + 'iTextInput;strokeColor=#444444;fontColor=#000000;buttonText=;fontSize=8;fillColor=#ffffff;whiteSpace=wrap;align=left;',
this.createVertexTemplateEntry(s2 + 'iTextInput;strokeColor=#444444;buttonText=;fontSize=8;whiteSpace=wrap;align=left;',
sizeX * 0.2175, sizeY * 0.0375, 'Default text', 'Text input', null, null, null),
this.addDataEntry(null, 165, 50, 'Radio Buttons',
'7VbbbsIwDP2avqI2AcTrgI2XTZu2/UAgpo2WNlWSMdjXz0kMu0AlNLa9jEiV6nNsyz6nkZrxSb2eWdFWN0aCzvhlxifWGJ/e6vUEtM5YrmTGpxljOT4Zu+pgi8jmrbDQ+GMKWCpYCf0MCUmA8xtNQOVrHGtaZHzsKiHNCwY5BlK4CiQFyLQhv16XYZeeMq5nLSxwiLF9UK+B4yHPW/MEE6ONjd35MB5klkrrD/gyHsSxn1S4zZZrTAOhKSyerVMruAeX2ue0ClgP6045IkRazMDU4O0GU16U9BVlDAeprAJVVlQ2oO7Cpbjclb6Liy+k72Gt+Z7Wt61XpkGs2FN9Kyi2UK1LG+OiYq6BJP8imIwHcaFV2SCmYRnUd61YqKa8jtGUhULTeLJkROEhQ7SYg74zTsUZ+dQmNcZBYLUQ+voLXyspw3C7hAsaZEfQKI+mpa/hKMfYYceogPXIrQ2JvI0/OHrIz9Pt7HfbuX+JznZ+z85i+EduDrrd5Ke72Y/n37vJRn92O4fdfvbPt/OH/OwXv+Mmhu+/QJH79If0Bg=='),
@ -108,7 +108,7 @@
sizeX * 0.29, sizeY * 0.0375, 'Option 1', 'Combobox', null, null, null),
this.createVertexTemplateEntry(s2 + 'iOnOffButton;mainText=;strokeColor=#444444;fontSize=9;fontColor=#ffffff;spacingRight=14;buttonState=on', sizeX * 0.2175, sizeY * 0.0375,
'ON', 'On-off button', null, null, null),
this.createVertexTemplateEntry(s2 + 'iTextInput;strokeColor=#444444;fontColor=#000000;align=left;buttonText=;fontSize=8;fillColor=#ffffff;', sizeX * 0.2175, sizeY * 0.0375,
this.createVertexTemplateEntry(s2 + 'iTextInput;strokeColor=#444444;align=left;buttonText=;fontSize=8', sizeX * 0.2175, sizeY * 0.0375,
'********', 'Password field', null, null, null),
this.addDataEntry(null, 150, 100, 'Alert Box',
'rVVNb6MwEP01PjaycdI2x02629NKq+awZwsGbNXYyHYb6K/fMTgNCLJKP5CQmDdf9nszgvB93T460cjftgBN+E/C987aMHzV7R60JhlVBeEPJMsoviT7dcHLei9thAMTrknIhoRXoV9gQH5ocAGhAnzuVBOUNWgFaBG8JRlnlPDdkpN6yK0p8EMrA0NdHzqd6spQ4+0eGGZ7KQp7RKMvJbyEIhnoaWJ83VaRkpWyflUKk3dPT5DjhXbuoN5iwH0MDs4+w95q6/oWvOgf9JRK6xG+3t6xbczAooVCZkY+tuXsNvpsI3IVulg7nqS0k7CyfxKezrBF8yhVgAOmRuCIZ0ZMaFUZNHPsBJi/Sxwjr9Be1KmHkkiPYGsIrsOQoyqCTBGbQUsqQVXylEYTKPwAVO+5Z9nxIym/PAV8NgWHWEQqU8V2omnAoEbfJikqKiOzYzYZ/w/rSzQ78Jj5N/HDruU5+xzP2WbAHGgR1CtM6n+F+/WM+91LCHGvvott56a7w+djfIn32Yqd9+D6Fcs3OQCbr9iSqF+RMCXQVZKqmxQYCXy/pC/9oL6p/x+rTDg3v1nTSfOb09ycStiy9BBmA/J+jaWZQfP8RxjCxz+Mfw=='),
@ -132,7 +132,7 @@
this.createVertexTemplateEntry(s + 'iCallButtons;', sizeX * 0.87, sizeY * 0.575, '', 'Call buttons', null, null, null),
this.createVertexTemplateEntry(s2 + 'iOption;barPos=80;pointerPos=bottom;buttonText=Option;fontSize=10;fontColor=#ffffff;spacingBottom=6;', sizeX * 0.375, sizeY * 0.06875, '', 'Option', null, null, null),
this.createVertexTemplateEntry(s + 'iAlphaList;fontSize=7.5;', sizeX * 0.075, sizeY * 0.5625, '', 'Alphabet list', null, null, null),
this.createVertexTemplateEntry(s2 + 'iHorButtonBar;buttonText=Item 1,+Item 2,Item 3,Item 4;textColor=#999999;textColor2=#ffffff;strokeColor=#444444;strokeColor2=#c4c4c4;fillColor=#ffffff;fillColor2=#008cff;fontSize=8;', sizeX * 0.825, sizeY * 0.03125,
this.createVertexTemplateEntry(s2 + 'iHorButtonBar;buttonText=Item 1,+Item 2,Item 3,Item 4;textColor=#999999;textColor2=#ffffff;strokeColor=#444444;strokeColor2=#c4c4c4;fillColor2=#008cff;fontSize=8;', sizeX * 0.825, sizeY * 0.03125,
'', 'Horizontal button bar', null, null, null),
this.createVertexTemplateEntry(s3 + 'iPin;fillColor2=#00dd00;fillColor3=#004400;strokeColor=#006600;', sizeX * 0.05, sizeY * 0.0625, '', 'Pin', null, null, null),
this.createVertexTemplateEntry(s3 + 'iPin;fillColor2=#dd0000;fillColor3=#440000;strokeColor=#660000;', sizeX * 0.05, sizeY * 0.0625, '', 'Pin', null, null, null),
@ -160,12 +160,12 @@
this.createVertexTemplateEntry(s + 'iCloudProgressBar;barPos=20;', sizeX * 0.75, sizeY * 0.025, '', 'Cloud progress bar', null, null, null),
this.createVertexTemplateEntry(s2 + 'iDownloadBar;verticalAlign=top;spacingTop=-4;fontSize=8;fontColor=#ffffff;buttonText=' + ';barPos=30;align=center;', sizeX * 0.87, sizeY * 0.075, 'Downloading 2 of 6', 'Download bar', null, null, null),
this.createVertexTemplateEntry(s2 + 'iScreenNameBar;fillColor2=#000000;fillColor3=#ffffff;buttonText=;fontColor=#ffffff;fontSize=10;whiteSpace=wrap;align=center;', sizeX * 0.87, sizeY * 0.0625, 'Screen Name', 'Screen name bar', null, null, null),
this.createVertexTemplateEntry(s + 'iIconGrid;fillColor=#ffffff;strokeColor=#000000;gridSize=3,3;', sizeX * 0.75, sizeY * 0.375, '', 'Icon grid', null, null, null),
this.createVertexTemplateEntry(s2 + 'iCopy;fillColor=#000000;strokeColor=#000000;buttonText=;fontColor=#ffffff;spacingBottom=6;fontSize=9;fillColor2=#000000;fillColor3=#ffffff;align=center;', sizeX * 0.2, sizeY * 0.06875, 'Copy', 'Copy', null, null, null),
this.createVertexTemplateEntry(s + 'iIconGrid;gridSize=3,3;', sizeX * 0.75, sizeY * 0.375, '', 'Icon grid', null, null, null),
this.createVertexTemplateEntry(s2 + 'iCopy;fillColor=#000000;buttonText=;fontColor=#ffffff;spacingBottom=6;fontSize=9;fillColor2=#000000;fillColor3=#ffffff;align=center;', sizeX * 0.2, sizeY * 0.06875, 'Copy', 'Copy', null, null, null),
this.addEntry(null, function()
{
var bg = new mxCell('Copy', new mxGeometry(sizeX * 0.05, 0, sizeX * 0.2, sizeY * 0.06875), s4 + 'iCopy;fillColor=#000000;strokeColor=#000000;buttonText=;fontColor=#ffffff;spacingBottom=6;fontSize=9;fillColor2=#000000;fillColor3=#ffffff;align=center;');
var bg = new mxCell('Copy', new mxGeometry(sizeX * 0.05, 0, sizeX * 0.2, sizeY * 0.06875), s4 + 'iCopy;fillColor=#000000;buttonText=;fontColor=#ffffff;spacingBottom=6;fontSize=9;fillColor2=#000000;fillColor3=#ffffff;align=center;');
bg.vertex = true;
var area1 = new mxCell('', new mxGeometry(0, sizeY * 0.06875, sizeX * 0.3, sizeY * 0.13125), s4 + 'rect;fillColor=#2266ff;strokeColor=none;opacity=30;');
area1.vertex = true;

28
src/main/webapp/js/diagramly/sidebar/Sidebar-Ios7.js
View file

@ -14,7 +14,7 @@
//default tags
var dt = 'ios icon ';
var s = 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;fillColor=#ffffff;shadow=0;dashed=0;shape=mxgraph.ios7.icons.'
var s = 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.'
var inh = 'strokeColor=inherit;fillColor=inherit;gradientColor=inherit;';
var gn = 'mxgraph.ios7.icons';
@ -143,16 +143,16 @@
var fns =
[
this.createVertexTemplateEntry(
'html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7.misc.iphone;fillColor=#ffffff;strokeColor=#c0c0c0;',
'html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7.misc.iphone;strokeColor=#c0c0c0;',
sizeX, sizeY, '', 'iPhone (Portrait)', null, null, this.getTagsForStencil(gn, 'phone', dt + 'portrait').join(' ')),
this.createVertexTemplateEntry(
'html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7.misc.ipad7inch;fillColor=#ffffff;strokeColor=#c0c0c0;',
'html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7.misc.ipad7inch;strokeColor=#c0c0c0;',
sizeX * 1.83, sizeY * 1.3725, '', "iPad (7'')", null, null, this.getTagsForStencil(gn, 'tablet tab 7', dt + 'portrait').join(' ')),
this.createVertexTemplateEntry(
'html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7.misc.ipad10inch;fillColor=#ffffff;strokeColor=#c0c0c0;',
'html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7.misc.ipad10inch;strokeColor=#c0c0c0;',
sizeX * 2.44, sizeY * 1.7325, '', "iPad (10'')", null, null, this.getTagsForStencil(gn, 'tablet tab 10', dt + 'portrait').join(' ')),
this.createVertexTemplateEntry(
'html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7.misc.ipad13inch;fillColor=#ffffff;strokeColor=#c0c0c0;',
'html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.ios7.misc.ipad13inch;strokeColor=#c0c0c0;',
sizeX * 2.86, sizeY * 2.0325, '', "iPad (13'')", null, null, this.getTagsForStencil(gn, 'tablet tab 10', dt + 'portrait').join(' ')),
this.addDataEntry(dt + 'app bar portrait', 175, 15, 'App Bar (portrait)',
'zVVdb4IwFP01fZTw6cejoDNLZmLYkj03o0CzQkmpivv1u0BBEIw+zMUmJL3n3tt7e05LkeUlxUbgLN7ygDBkrZHlCc5lPUsKjzCGTJ0GyFoh09ThQ+bLFa9RefUMC5LKexLMOuGA2Z7USA3k8sQUEMsE2loZyHJzKfg3+aSBjBskxgE/gqGDEeA8JoEywJOVKyRFVO5Oozyf7amGs8zFAvwhZczjjIuqihVWA3CIDih03/hSnsIyruqTCEmKq3utILXRDeEJkeIEIUfVcBkxc+q0mNAobtIUhvPajtrUM3MwUeSNE2kNiPSWvv+69gd8NsQI8gX1XcxolILJSFiaIU/lO/0pA+Ylixn+omn0VjlXpt2PaMwOj7garVYXLHZJV5Cq8MEzteBdTJvjTJ/UmdMUox3mHX2EeMWaIAxLeiC9cmNqqIo7TqGRttxkql0oyMMwJ3KgX9vpXZLaA0kNOPJLx9ltb4l6oeJTaVRcaPTPmqnyE0vvlX+Qhs5Aw8UcNejtSynqfV+5lb5ixVj0Q6ZPKrlxU3B77O/4R4LbzgMEB/P8WNbh3bf0Fw=='),
@ -160,18 +160,18 @@
'zZVdb4IwFIZ/TS81UMDppaIzS2Zi2JJdN6NAs0JJqYr79TvQovJh9MbFJiScj/ac87wlIMdPy7UkebIRIeXIWSHHl0Io/ZaWPuUcYYuFyFkijC14EH69ErXrqJUTSTN1zwasN+wJ31Ht0Y5CHblxJCqFtpY2chaFkuKHfrFQJY0nIaE4gGGBEZIioaExIJJXJ6RlXE03ZqJ42bExyfMFkRCPGOe+4ELWVZyoXuCH7JBB900sExkcszB9UqloeXXW2mUGXVORUiWPkHIwDVfzTjUPK6EsTpptnvaRQtvxaeuZHLwYeMMgnR5Ifx4Eb6ugx7MBI+k31F8QzuIMTE6jyoxEpj7Yb5UwrSjm5Jtl8XsdXGK3ndGYFxxJvU5adSheQjcuU+FT5ObAu0jjYdJHc+fGhugFeW8IvKEmKSeK7Wmr3JAapuJWMGjkVG40GXcUFFFUUNXT79TpXZK6PUltuPJzz9tubonaUfGpNCo7Gv2zZqb8CLfLP0hDr6fhbIoa7+2PUuq5r3yVgaFiz9opkyeV3L4puOs9TnD3EYKDef5Z6vTLf+kf'),
this.createVertexTemplateEntry(
s + 'slider;barPos=20;strokeColor=#0080f0;fillColor=#ffffff;strokeColor2=#a0a0a0;',
s + 'slider;barPos=20;strokeColor=#0080f0;strokeColor2=#a0a0a0;',
sizeX * 0.75, sizeY * 0.0375, '', 'Slider', null, null, this.getTagsForStencil(gn, dt + 'slider', null).join(' ')),
this.createVertexTemplateEntry(
s2 + 'downloadBar;verticalAlign=middle;fontSize=8;fontColor=#000000;buttonText=;barPos=30;fillColor=#aaaaaa;strokeColor=#0080f0;align=center;',
s2 + 'downloadBar;verticalAlign=middle;fontSize=8;buttonText=;barPos=30;fillColor=#aaaaaa;strokeColor=#0080f0;align=center;',
sizeX * 0.75, sizeY * 0.075, 'Downloading 2 of 6\n\n', 'Download bar', null, null, this.getTagsForStencil(gn, 'downloadBar', dt + '').join(' ')),
this.createVertexTemplateEntry(
sm + 'adjust;fillColor=#ffffff;gradientColor=none;',
sm + 'adjust;gradientColor=none;',
sizeX * 0.4, sizeY * 0.05, '', 'Adjust', null, null, this.getTagsForStencil(gn, 'adjust', dt + '').join(' ')),
this.addEntry(dt + 'horizontal button bar', function()
{
var bg = new mxCell('', new mxGeometry(0, 0, 164, 12.5), s2 + 'rrect;rSize=3;strokeColor=#0080F0;fillColor=#ffffff;gradientColor=none;');
var bg = new mxCell('', new mxGeometry(0, 0, 164, 12.5), s2 + 'rrect;rSize=3;strokeColor=#0080F0;gradientColor=none;');
bg.vertex = true;
var button1 = new mxCell('Item 1', new mxGeometry(0, 0, 41, 12.5), inh + s2 + 'leftButton;rSize=3;fontSize=8;');
button1.vertex = true;
@ -198,7 +198,7 @@
{
var bg = new mxCell('', new mxGeometry(0, 0, 164, 20), 'shape=rect;fillColor=#F6F6F8;strokeColor=none;');
bg.vertex = true;
var text1 = new mxCell('Label', new mxGeometry(55, 0, 54, 20), 'text;fontColor=#000000;fontSize=10;verticalAlign=middle;align=center;spacingTop=2;');
var text1 = new mxCell('Label', new mxGeometry(55, 0, 54, 20), 'text;fontSize=10;verticalAlign=middle;align=center;spacingTop=2;');
text1.vertex = true;
bg.insert(text1);
var text2 = new mxCell('Label', new mxGeometry(109, 0, 55, 20), 'text;fontColor=#0080f0;fontSize=10;verticalAlign=middle;align=right;spacingTop=2;spacingRight=4;');
@ -212,7 +212,7 @@
{
var bg = new mxCell('', new mxGeometry(0, 0, 164, 20), 'shape=rect;fillColor=#e0e0e0;strokeColor=none;');
bg.vertex = true;
var part1 = new mxCell('', new mxGeometry(0, 0, 164, 20), s2 + 'marginRect;rx=3;ry=3;rectMargin=5;fillColor=#ffffff;strokeColor=none;');
var part1 = new mxCell('', new mxGeometry(0, 0, 164, 20), s2 + 'marginRect;rx=3;ry=3;rectMargin=5;strokeColor=none;');
part1.vertex = true;
bg.insert(part1);
var icon1 = new mxCell('Search', new mxGeometry(0.5, 0.5, 6, 6), 'shape=mxgraph.ios7.icons.looking_glass;strokeColor=#e0e0e0;fillColor=none;fontColor=#e0e0e0;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;fontSize=6;fontStyle=0;spacingTop=2;');
@ -396,10 +396,10 @@
sm + 'right;strokeColor=#0080f0;',
sizeX * 0.03, sizeY * 0.03, '', 'Right', null, null, this.getTagsForStencil(gnm, 'right', dt + '').join(' ')),
this.createVertexTemplateEntry(
sm + 'increase;fillColor=#ffffff;strokeColor=#0080f0;',
sm + 'increase;strokeColor=#0080f0;',
sizeX * 0.06, sizeY * 0.03, '', 'Increase', null, null, this.getTagsForStencil(gnm, 'increase', dt + '').join(' ')),
this.createVertexTemplateEntry(
sm + 'info;fillColor=#ffffff;strokeColor=#0080f0;',
sm + 'info;strokeColor=#0080f0;',
sizeX * 0.06, sizeY * 0.03, '', 'Info', null, null, this.getTagsForStencil(gnm, 'info', dt + '').join(' ')),
this.createVertexTemplateEntry(
sm + 'more_2;strokeColor=#a0a0a0;',
@ -411,7 +411,7 @@
sm + 'options;fillColor=#222222;',
sizeX * 0.06, sizeY * 0.015, '', 'Options', null, null, this.getTagsForStencil(gnm, 'options', dt + '').join(' ')),
this.createVertexTemplateEntry(
sm + 'pause;fillColor=#ffffff;strokeColor=#0080f0;',
sm + 'pause;strokeColor=#0080f0;',
sizeX * 0.06, sizeY * 0.03, '', 'Pause', null, null, this.getTagsForStencil(gnm, 'pause', dt + '').join(' ')),
this.createVertexTemplateEntry(
sm + 'star;fillColor=#0080f0;strokeColor=none;',

102
src/main/webapp/js/diagramly/sidebar/Sidebar-Mockup.js
View file

@ -23,7 +23,6 @@
// Space savers
var skcl6 = mxConstants.STYLE_STROKECOLOR + '=#666666;';
var skcl9 = mxConstants.STYLE_STROKECOLOR + '=#999999;';
var flclf = mxConstants.STYLE_FILLCOLOR + '=#ffffff;';
var skclN = mxConstants.STYLE_STROKECOLOR + '=none;';
var sb = this;
var gn = 'mxgraph.mockup.buttons';
@ -77,7 +76,7 @@
this.addEntry(dt + 'vertical bar', function()
{
var bg = new mxCell('', new mxGeometry(0, 0, 120, 200), s2 + 'rrect;rSize=10;fillColor=#ffffff;strokeColor=#666666;');
var bg = new mxCell('', new mxGeometry(0, 0, 120, 200), s2 + 'rrect;rSize=10;strokeColor=#666666;');
bg.vertex = true;
var button2 = new mxCell('Button 2', new mxGeometry(0, 0, 120, 50), inh + s2 + 'rrect;rSize=0;fontSize=17;fontColor=#666666;fontStyle=1;resizeWidth=1;');
button2.geometry.relative = true;
@ -102,7 +101,7 @@
return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Vertical Button Bar');
}),
this.createVertexTemplateEntry(s2 + 'buttons.onOffButton;fillColor=#ffffff;gradientColor=none;' + skcl9 + 'buttonState=on;fillColor2=#008cff;fontColor=#ffffff;fontSize=17;mainText=;spacingRight=40;fontStyle=1;',
this.createVertexTemplateEntry(s2 + 'buttons.onOffButton;gradientColor=none;' + skcl9 + 'buttonState=on;fillColor2=#008cff;fontColor=#ffffff;fontSize=17;mainText=;spacingRight=40;fontStyle=1;',
150, 50, 'ON', 'On-off button', null, null, this.getTagsForStencil(gn, 'onOffButton', dt + 'on off').join(' '))
];
@ -125,7 +124,6 @@
// Space savers
var skcl6 = mxConstants.STYLE_STROKECOLOR + '=#666666;';
var skcl9 = mxConstants.STYLE_STROKECOLOR + '=#999999;';
var flclf = mxConstants.STYLE_FILLCOLOR + '=#ffffff;';
var skclN = mxConstants.STYLE_STROKECOLOR + '=none;';
var sb = this;
@ -134,12 +132,12 @@
var fns =
[
this.createVertexTemplateEntry(s + 'containers.videoPlayer;' + skcl6 + 'strokeColor2=#008cff;strokeColor3=#c4c4c4;textColor=#666666;' + flclf + 'fillColor2=#008cff;barHeight=30;barPos=20;',
this.createVertexTemplateEntry(s + 'containers.videoPlayer;' + skcl6 + 'strokeColor2=#008cff;strokeColor3=#c4c4c4;textColor=#666666;fillColor2=#008cff;barHeight=30;barPos=20;',
300, 200, '', 'Video Player', null, null, this.getTagsForStencil(gn, 'videoPlayer', dt).join(' ')),
this.addEntry(dt + 'accordion', function()
{
var bg = new mxCell('', new mxGeometry(0, 0, 100, 220), s2 + 'containers.rrect;rSize=0;fillColor=#ffffff;strokeColor=#666666;');
var bg = new mxCell('', new mxGeometry(0, 0, 100, 220), s2 + 'containers.rrect;rSize=0;strokeColor=#666666;');
bg.vertex = true;
var button1 = new mxCell('Group 1', new mxGeometry(0, 0, 100, 26), inh + s2 + 'containers.rrect;rSize=0;fontSize=17;fontColor=#666666;fontStyle=1;resizeWidth=1;');
button1.geometry.relative = true;
@ -166,7 +164,7 @@
this.addEntry(dt + 'browser window', function()
{
var bg = new mxCell('', new mxGeometry(0, 0, 550, 380), s2 + 'containers.browserWindow;rSize=0;fillColor=#ffffff;strokeColor=#666666;strokeColor2=#008cff;strokeColor3=#c4c4c4;mainText=,;recursiveResize=0;');
var bg = new mxCell('', new mxGeometry(0, 0, 550, 380), s2 + 'containers.browserWindow;rSize=0;strokeColor=#666666;strokeColor2=#008cff;strokeColor3=#c4c4c4;mainText=,;recursiveResize=0;');
bg.vertex = true;
var button1 = new mxCell('Page 1', new mxGeometry(60, 12, 110, 26), s2 + 'containers.anchor;fontSize=17;fontColor=#666666;align=left;');
button1.vertex = true;
@ -178,14 +176,14 @@
return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Browser Window');
}),
this.createVertexTemplateEntry(s + 'containers.userMale;' + skcl6 + 'strokeColor2=#008cff;' + flclf,
this.createVertexTemplateEntry(s + 'containers.userMale;' + skcl6 + 'strokeColor2=#008cff;',
100, 100, '', 'User, Male', null, null, this.getTagsForStencil(gn, 'userMale', dt).join(' ')),
this.createVertexTemplateEntry(s + 'containers.userFemale;' + skcl6 + 'strokeColor2=#008cff;' + flclf,
this.createVertexTemplateEntry(s + 'containers.userFemale;' + skcl6 + 'strokeColor2=#008cff;',
100, 100, '', 'User, Female', null, null, this.getTagsForStencil(gn, 'userFemale', dt).join(' ')),
this.addEntry(dt + 'group', function()
{
var area1 = new mxCell('', new mxGeometry(0, 0, 150, 200), 'shape=mxgraph.mockup.containers.marginRect;rectMarginTop=10;strokeColor=#666666;fillColor=#ffffff;strokeWidth=1;dashed=0;rounded=1;arcSize=5;recursiveResize=0;');
var area1 = new mxCell('', new mxGeometry(0, 0, 150, 200), 'shape=mxgraph.mockup.containers.marginRect;rectMarginTop=10;strokeColor=#666666;strokeWidth=1;dashed=0;rounded=1;arcSize=5;recursiveResize=0;');
area1.vertex = true;
var button1 = new mxCell('Group', new mxGeometry(5, 0, 90, 30), 'shape=rect;strokeColor=none;fillColor=#008cff;strokeWidth=1;dashed=0;rounded=1;arcSize=20;fontColor=#ffffff;fontSize=17;spacing=2;spacingTop=-2;align=left;autosize=1;spacingLeft=4;resizeWidth=0;resizeHeight=0;perimeter=none;');
button1.vertex = true;
@ -194,12 +192,12 @@
return sb.createVertexTemplateFromCells([area1], 150, 200, 'Group');
}),
this.createVertexTemplateEntry(s2 + 'containers.window;align=left;verticalAlign=top;spacingLeft=8;strokeColor2=#008cff;strokeColor3=#c4c4c4;fontColor=#666666;' + flclf + 'mainText=;fontSize=17;labelBackgroundColor=none;',
this.createVertexTemplateEntry(s2 + 'containers.window;align=left;verticalAlign=top;spacingLeft=8;strokeColor2=#008cff;strokeColor3=#c4c4c4;fontColor=#666666;mainText=;fontSize=17;labelBackgroundColor=none;',
550, 380, 'Window Title', 'Window', null, null, this.getTagsForStencil(gn, 'window', dt).join(' ')),
this.addEntry(dt + 'horizontal tab bar', function()
{
var bg = new mxCell('', new mxGeometry(0, 0, 400, 200), s2 + 'containers.marginRect2;rectMarginTop=32;strokeColor=#666666;fillColor=#ffffff;gradientColor=none;');
var bg = new mxCell('', new mxGeometry(0, 0, 400, 200), s2 + 'containers.marginRect2;rectMarginTop=32;strokeColor=#666666;gradientColor=none;');
bg.vertex = true;
var button1 = new mxCell('Tab 1', new mxGeometry(0, 0, 60, 25), inh + s2 + 'containers.rrect;rSize=0;fontSize=17;fontColor=#666666;gradientColor=none;');
button1.geometry.relative = true;
@ -227,7 +225,7 @@
this.addEntry(dt + 'vertical tab bar', function()
{
var bg = new mxCell('', new mxGeometry(0, 0, 400, 200), s2 + 'containers.marginRect2;rectMarginLeft=67;strokeColor=#666666;fillColor=#ffffff;gradientColor=none;');
var bg = new mxCell('', new mxGeometry(0, 0, 400, 200), s2 + 'containers.marginRect2;rectMarginLeft=67;strokeColor=#666666;gradientColor=none;');
bg.vertex = true;
var button1 = new mxCell('Tab 1', new mxGeometry(0, 0, 60, 25), inh + s2 + 'containers.rrect;rSize=0;fontSize=17;fontColor=#666666;');
button1.geometry.relative = true;
@ -278,7 +276,6 @@
// Space savers
var skcl6 = mxConstants.STYLE_STROKECOLOR + '=#666666;';
var skcl9 = mxConstants.STYLE_STROKECOLOR + '=#999999;';
var flclf = mxConstants.STYLE_FILLCOLOR + '=#ffffff;';
var skclN = mxConstants.STYLE_STROKECOLOR + '=none;';
var sb = this;
@ -297,7 +294,7 @@
this.addDataEntry(dt + 'radiobutton radio button group', 150, 120, 'Radiobutton Group',
'7ZbJboMwEIafhmtEcMhyTdrm0kpVc+jZhQlYMRjZztan72A7C4Eg1LQ5ZSQkzwwztv/PLB6ZZbu5pEX6JmLgHnn2yEwKoe0o282Acy/wWeyRJy8IfLy84OVKtm+yfkEl5LpLQWALNpSvwUZsQOk9dwGlpVjBJ4t1ioG+R6YqpbHYouOjE1OVQuwcylmS4zjC6UFiINUZP1UVZctsl5Tb7WUiWq2L3lLITPWkhAgXPJUL9g2umZ14JriQZiVkYgwzS8b5WXxprKyGaC0V28AHqFMft0WQGnZXZTIhp9EcRAZa7vGWrdt2eUdopfRTYEl6KHP6+lTZQHKsPamOAyd8MwRSg7AArVmeYLBf5+F0xB6sUHAh2oU0YKxVTKQRM9ThLBcZq+I7oOWwLEGpgka4wlfjPQ3KmUWu3UL6I+ef9RwawzinX8DfhWKaibKhtGp2wxQ0Y3IFY1uwt96oF1q/ArGBYXg7wkELwoZH6oGwG0JyT4ZhC0NyG0NqrInhwFgzw6Pef8jQ98eReVfejeHwngyHHb5nNXAXsI5IqrBykUOVRSepwlapSPW413Sa1GWa3K7SqOWkDx5vq9+e9Mk/nnR0T3+FJlf5afwB'),
this.createVertexTemplateEntry(s + 'forms.colorPicker;chosenColor=#aaddff;fillColor=#ffffff;', 40, 40, '', 'Color Picker', null, null, this.getTagsForStencil(gn, 'colorPicker', dt).join(' ')),
this.createVertexTemplateEntry(s + 'forms.colorPicker;chosenColor=#aaddff;', 40, 40, '', 'Color Picker', null, null, this.getTagsForStencil(gn, 'colorPicker', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'forms.comboBox;' + skcl9 + mxConstants.STYLE_FILLCOLOR + '=#ddeeff;align=left;fillColor2=#aaddff;mainText=;fontColor=#666666;fontSize=17;spacingLeft=3;',
150, 30, 'Option 1', 'Combo Box', null, null, this.getTagsForStencil(gn, 'comboBox', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'forms.spinner;' + skcl9 + 'spinLayout=right;spinStyle=normal;adjStyle=triangle;fillColor=#aaddff;fontSize=17;fontColor=#666666;mainText=;html=1;overflow=fill;',
@ -312,7 +309,7 @@
this.addEntry(dt + 'menu bar', function()
{
var bg = new mxCell('', new mxGeometry(0, 0, 498, 30), s2 + 'forms.rrect;rSize=0;strokeColor=#999999;fillColor=#ffffff;');
var bg = new mxCell('', new mxGeometry(0, 0, 498, 30), s2 + 'forms.rrect;rSize=0;strokeColor=#999999;');
bg.vertex = true;
var button1 = new mxCell('File', new mxGeometry(0, 0, 83, 30), inh + s2 + 'forms.rrect;rSize=0;fontSize=17;fontColor=#666666;');
button1.vertex = true;
@ -336,24 +333,24 @@
return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Menu Bar');
}),
this.createVertexTemplateEntry(s + 'forms.horSlider;' + skcl9 + flclf + 'sliderStyle=basic;sliderPos=20;handleStyle=circle;fillColor2=#ddeeff;',
this.createVertexTemplateEntry(s + 'forms.horSlider;' + skcl9 + 'sliderStyle=basic;sliderPos=20;handleStyle=circle;fillColor2=#ddeeff;',
150, 30, '', 'Horizontal Slider', null, null, this.getTagsForStencil(gn, 'horSlider', dt + 'horizontal').join(' ')),
this.createVertexTemplateEntry(s + 'forms.horSlider;' + skcl9 + flclf + 'sliderStyle=basic;sliderPos=20;handleStyle=circle;fillColor2=#ddeeff;direction=north;',
this.createVertexTemplateEntry(s + 'forms.horSlider;' + skcl9 + 'sliderStyle=basic;sliderPos=20;handleStyle=circle;fillColor2=#ddeeff;direction=north;',
30, 150, '', 'Vertical Slider', null, null, this.getTagsForStencil(gn, 'horSlider', dt + 'vertical').join(' ')),
this.addDataEntry(dt + 'list box', 150, 200, 'List Box',
'7ZZdS8MwFIZ/TW9HlmzO3W7qEBQEBa9De9oG06YkUTd/vadJ3FprZX7MOVigkPMmJx/vEw6N2LxYLjSv8muVgIzYecTmWinre8VyDlJGlIgkYmcRpQS/iF70jA7dKKm4htJuk0B9whOXj+AVLxi7kkEwVqsHuBeJzVEYRmxmcp6oZwwIBgk3OSQh4FJkJfZj3B40Crkt5Carqpcslll93UGh4ofHapAqXZiB1hDjgWf6VrxAWMxvPFdSaXcSNnUNR1IhZUNPXUM9XAa0hWWvIU4KbixAFWD1Cqc8hwvWM8beNJKDyPKQRkkQufFCts7d+IudYPHHdrOO3XfCotGH4LkqbUMn5DR2ntd6WGA4+YSNBoOzmlfaihb9Hi0WNA2SW/EErfV/QnDUIXhpoUBluB+IvIzz2usuhzavE9caO0lIa/im4rEosysXnY3/HBT9KqiwxY0SuDMlqzbvtwyVpgZsB+z6YFuxHvex3lORPLL2WHbB+qSPNfs/xfnXsL+r0UkC4Gp0u/qXqoRDfSOTXbyRSd8bGR3rwR5ZT3+BNYabn24/vflP/go='),
this.createVertexTemplateEntry(s2 + 'forms.pwField;' + skcl9 + 'mainText=;align=left;fillColor=#ffffff;fontColor=#666666;fontSize=17;spacingLeft=3;', 150, 30, '********', 'Password Field', null, null, this.getTagsForStencil(gn, 'pwField', dt).join(' ')),
this.createVertexTemplateEntry(s + 'forms.splitter;fillColor=#ffffff;' + skcl9, 350, 10, '', 'Horizontal Splitter', null, null, this.getTagsForStencil(gn, 'splitter', dt).join(' ')),
this.createVertexTemplateEntry(s + 'forms.splitter;fillColor=#ffffff;' + skcl9 + mxConstants.STYLE_DIRECTION + '=' + mxConstants.DIRECTION_NORTH + ';', 10, 350, '', 'Vertical Splitter', null, null, this.getTagsForStencil(gn, 'splitter', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'forms.pwField;' + skcl9 + 'mainText=;align=left;fontColor=#666666;fontSize=17;spacingLeft=3;', 150, 30, '********', 'Password Field', null, null, this.getTagsForStencil(gn, 'pwField', dt).join(' ')),
this.createVertexTemplateEntry(s + 'forms.splitter;' + skcl9, 350, 10, '', 'Horizontal Splitter', null, null, this.getTagsForStencil(gn, 'splitter', dt).join(' ')),
this.createVertexTemplateEntry(s + 'forms.splitter;' + skcl9 + mxConstants.STYLE_DIRECTION + '=' + mxConstants.DIRECTION_NORTH + ';', 10, 350, '', 'Vertical Splitter', null, null, this.getTagsForStencil(gn, 'splitter', dt).join(' ')),
this.addEntry(dt + 'wedge bar', function()
{
var button1 = new mxCell('Tab 1', new mxGeometry(10, 0, 70, 30), s2 + 'forms.uRect;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;strokeColor=#666666;fillColor=#ffffff;');
var button1 = new mxCell('Tab 1', new mxGeometry(10, 0, 70, 30), s2 + 'forms.uRect;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;strokeColor=#666666;');
button1.vertex = true;
var button2 = new mxCell('Tab 2', new mxGeometry(85, 0, 70, 30), s2 + 'forms.uRect;fontSize=17;fontColor=#ffffff;align=left;spacingLeft=5;strokeColor=#008cff;fillColor=#008cff;');
button2.vertex = true;
var button3 = new mxCell('Tab 3', new mxGeometry(160, 0, 70, 30), s2 + 'forms.uRect;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;strokeColor=#666666;fillColor=#ffffff;');
var button3 = new mxCell('Tab 3', new mxGeometry(160, 0, 70, 30), s2 + 'forms.uRect;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;strokeColor=#666666;');
button3.vertex = true;
return sb.createVertexTemplateFromCells([button1, button2, button3], 230, 30, 'Wedge Bar');
@ -362,7 +359,7 @@
this.createVertexTemplateEntry(s + 'menus_and_buttons.font_style_selector_1;', 136, 31, '', 'Formatting Toolbar 1', null, null, this.getTagsForStencil('mxgraph.mockup.menus_and_buttons', 'font_style_selector_1', dt).join(' ')),
this.createVertexTemplateEntry(s + 'menus_and_buttons.font_style_selector_2;', 235, 31, '', 'Formatting Toolbar 2', null, null, this.getTagsForStencil('mxgraph.mockup.menus_and_buttons', 'font_style_selector_2', dt).join(' ')),
this.createVertexTemplateEntry(s + 'menus_and_buttons.font_style_selector_3;', 176, 38, '', 'Formatting Toolbar 3', null, null, this.getTagsForStencil('mxgraph.mockup.menus_and_buttons', 'font_style_selector_3', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'forms.searchBox;' + skcl9 + 'mainText=;fillColor=#ffffff;strokeColor2=#008cff;fontColor=#666666;fontSize=17;align=left;spacingLeft=3;',
this.createVertexTemplateEntry(s2 + 'forms.searchBox;' + skcl9 + 'mainText=;strokeColor2=#008cff;fontColor=#666666;fontSize=17;align=left;spacingLeft=3;',
150, 30, 'Search', 'Search Box', null, null, this.getTagsForStencil(gn, 'searchBox', dt).join(' ')),
this.addDataEntry(dt + 'sign in', 200, 300, 'Sign In',
'7Vhtb9owEP41+TIJ5DgkLR8HG6jShpBQtc8uubysTowct8B+/RzHQILDFmm4TScsRYrPOft8z3N3sR1vmu3mnGyS7ywE6nhfHW/KGRPVW7abAqUORmnoeF8cjJF8HDy7MOqqUbQhHHLRRQFXCq+EvkAlqQSF2FMtKARnz/AjDUUiBa7jTYqEhGwrO0h2QlIkEOoOoWmcy/e1XB64FCQioyetTTlltovL7Q4ztn5+2QwjxrNiyDmspcETvkp/gZ6sWnjKKOPKEm+smhyJUkpr8kg1KdebAS5gd9EhSqS9MQeWgeB7+clWb7B0CqqchhJI40SreQchKSpBfNQ9+Ve+aBe3u9sz3L0qHYbRQ/4+fif5OindOIlYLrTvXaz7NRcHqtVWohApvKCQSg0jN2Sd5vE3Na6M64QK/isqbhsqmt6IAyUifYXG/G1I6SWWLJUrY3QwSE+zb3YPE7AoKkAYQB/t7IT9qEOoaahomkNbAIQhgCJ6kxu4CbiJybUQuG9BwLWCgGcDAd9A4LGQ0YLRgmRS8PkWgv0JwZENAgQGAX6yJA8ZfIii140OTfB9q/nAb6ODb4MOgQ063Bl0WJKi2DIe3pJBr5LB2LeA/r2B/ifdbtmg59nAdW0QYmwQYvUwX5Q/54t+MMI3GJEz9aN4RobjeejsnBQET0+VvJZcgkNfb+5fGbFvKNT40fbz6F0nXeAmPQZHKl6VHwcS1ggyYzxmpSGnwjHrd+Eo04fiwB8TBTojxejqieMiTdrTiJWyMnCtHPRc1+CJyYkenvQuQ/J2577B2Aoi5jXXArZSUJ3/+hyv3Qo7+j/j884KGVou4ao6/7i81fkPVeevUeZl93TdXn1ev43/DQ=='),
@ -392,7 +389,6 @@
// Space savers
var skcl6 = mxConstants.STYLE_STROKECOLOR + '=#666666;';
var skcl9 = mxConstants.STYLE_STROKECOLOR + '=#999999;';
var flclf = mxConstants.STYLE_FILLCOLOR + '=#ffffff;';
var skclN = mxConstants.STYLE_STROKECOLOR + '=none;';
var sb = this;
@ -401,31 +397,31 @@
var fns =
[
this.createVertexTemplateEntry(s + 'graphics.barChart;' + flclf + skclN + 'strokeColor2=none;strokeColor3=#666666;fillColor2=#008cff;fillColor3=#dddddd;',
this.createVertexTemplateEntry(s + 'graphics.barChart;' + skclN + 'strokeColor2=none;strokeColor3=#666666;fillColor2=#008cff;fillColor3=#dddddd;',
400, 200, '', 'Bar Chart', null, null, this.getTagsForStencil(gn, 'barChart', dt).join(' ')),
this.createVertexTemplateEntry(s + 'graphics.columnChart;' + flclf + skclN + 'strokeColor2=none;strokeColor3=#666666;fillColor2=#008cff;fillColor3=#dddddd;',
this.createVertexTemplateEntry(s + 'graphics.columnChart;' + skclN + 'strokeColor2=none;strokeColor3=#666666;fillColor2=#008cff;fillColor3=#dddddd;',
400, 200, '', 'Column Chart', null, null, this.getTagsForStencil(gn, 'columnChart', dt).join(' ')),
this.createVertexTemplateEntry(s + 'graphics.lineChart;' + flclf + skclN + 'strokeColor2=#666666;strokeColor3=#008cff;strokeColor4=#dddddd;',
this.createVertexTemplateEntry(s + 'graphics.lineChart;' + skclN + 'strokeColor2=#666666;strokeColor3=#008cff;strokeColor4=#dddddd;',
400, 200, '', 'Line Chart', null, null, this.getTagsForStencil(gn, 'lineChart', dt).join(' ')),
this.createVertexTemplateEntry(s + 'graphics.pieChart;' + mxConstants.STYLE_STROKECOLOR + '=#008cff;parts=10,20,35;partColors=#e0e0e0,#d0d0d0,#c0c0c0,#b0b0b0,#a0a0a0;strokeWidth=2;',
200, 200, '', 'Pie Chart', null, null, this.getTagsForStencil(gn, 'pieChart', dt).join(' ')),
this.createVertexTemplateEntry(s + 'graphics.simpleIcon;strokeColor=#999999;fillColor=#ffffff;',
this.createVertexTemplateEntry(s + 'graphics.simpleIcon;strokeColor=#999999;',
50, 50, '', 'Icon Placeholder', null, null, this.getTagsForStencil(gn, 'simpleIcon', dt + 'icon placeholder').join(' ')),
this.addDataEntry(dt + 'icon grid placeholder', 200, 200, 'Icon Grid',
'7ZdRa8MgEMc/ja8licu6Pm7pVgYb7G3PNrFRqjWobdNvv4vadYUVRpv5ZCDg/e9OzvuRCyJcyX6hScfeVUMFws8IV1op61eyr6gQqMh4g/AcFUUGLypeLnhz5806ounG/iWh8Ak7IrbUK14w9iCCsKPa8pqIN7Kk4kMZbrnagGuprFUS4SfDSKP2oGRgNMQw2gSDCN4OoTVUQzUIzEo44jyH5XHbxxBjVTfsZbVa00/eWBbiYPduqET27dCliVT1ettNnMFrMzFcdoK+1kNNIb1SQmlXPJ65BzwrLsQPfeUe0MP5oRjaX+yhk0IDF1RJavUBQvahTPCWvs0Zo7xl9lwjxtvtd+YJCCwCk9/54MTnej4hYVr6jAi47hKum3HlRxAReJWJ1/W8DtE/r/uEa7RpGJ/eNNEbbzjGx/eQ8N08K2P+22aJ19jDMia+PEv8Rh+X/wgQzNO13fnObvVf'),
this.createVertexTemplateEntry(s + 'graphics.bubbleChart;' + flclf + skclN + 'strokeColor2=none;strokeColor3=#666666;fillColor2=#008cff;fillColor3=#dddddd;',
this.createVertexTemplateEntry(s + 'graphics.bubbleChart;' + skclN + 'strokeColor2=none;strokeColor3=#666666;fillColor2=#008cff;fillColor3=#dddddd;',
400, 200, '', 'Bubble Chart', null, null, this.getTagsForStencil(gn, 'bubbleChart', dt + 'bubble chart').join(' ')),
this.addDataEntry(dt + 'gauge', 100, 100, 'Gauge',
'zZXdT8IwEMD/mr6S0jqVRxnKiya8GJ/LemwN3bp0BcZ/760tXwKRGEGbLblv7n49MsLTsh1bURdvRoIm/Jnw1BrjglS2KWhNGFWS8BFhjOJL2MsZb997aS0sVO6SBBYSlkIvIFiCoXFrHQ1LsE5lQr+KKeiJaZRTpkLX1DhnSsKHTSGkWaGFoiJFU4CMitAq70Iz7AYsGgpX4oijPoqbsk8xxpm6q+WsmcOHkq6IcVi97jop27yj1CtNNl/UPa+orOnlYpGjfzhTWqdGG+u75jN/thX3PAN/0OMzcSA0s6SLxG5CYBMip1MpsQZLUZYSYCMPBlnma/sKnkvISLuHDysAqfd/ktLHkBBp4+jQnr0xb4rXNQZTgrNrDFlFKF0EDbdKC1B54b4YRWiG5dvc3QKgEHfg9D7wo31IJ+8kwcYTkoyOduPkdf1gGb67ZFFlRQdzODOV2wN778+lYNlpsDEBJ/QZ66hGmnvYkxPU2S9AvzuCTv+e9KaIhpm7Mnh6AP4huRn45Aj89k/0H9DbMO012fNbsUd191XzvoOP3ic='),
this.createVertexTemplateEntry(s + 'graphics.plotChart;' + flclf + mxConstants.STYLE_STROKECOLOR + '=none;strokeColor2=#aaaaaa;strokeColor3=#666666;fillColor2=#99aaff,#0022ff,#008cff;',
this.createVertexTemplateEntry(s + 'graphics.plotChart;' + mxConstants.STYLE_STROKECOLOR + '=none;strokeColor2=#aaaaaa;strokeColor3=#666666;fillColor2=#99aaff,#0022ff,#008cff;',
400, 200, '', 'Plot Chart', null, null, this.getTagsForStencil(gn, 'plotChart', dt + 'plot chart').join(' ')),
this.addEntry(dt + 'gantt chart', function()
{
var bg = new mxCell('', new mxGeometry(0, 0, 600, 300), s2 + 'graphics.rrect;rSize=0;strokeColor=#999999;fillColor=#ffffff;');
var bg = new mxCell('', new mxGeometry(0, 0, 600, 300), s2 + 'graphics.rrect;rSize=0;strokeColor=#999999;');
bg.vertex = true;
var cell1 = new mxCell('#', new mxGeometry(0, 0, 20, 40), inh + s2 + 'graphics.rrect;rSize=0;fontColor=#666666;');
cell1.vertex = true;
@ -588,7 +584,6 @@
// Space savers
var skcl6 = mxConstants.STYLE_STROKECOLOR + '=#666666;';
var skcl9 = mxConstants.STYLE_STROKECOLOR + '=#999999;';
var flclf = mxConstants.STYLE_FILLCOLOR + '=#ffffff;';
var skclN = mxConstants.STYLE_STROKECOLOR + '=none;';
var sb = this;
@ -622,26 +617,25 @@
// Space savers
var skcl6 = mxConstants.STYLE_STROKECOLOR + '=#666666;';
var skcl9 = mxConstants.STYLE_STROKECOLOR + '=#999999;';
var flclf = mxConstants.STYLE_FILLCOLOR + '=#ffffff;';
var skclN = mxConstants.STYLE_STROKECOLOR + '=none;';
var sb = this;
var gn = 'mxgraph.mockup.misc';
var dt = 'mockup ';
var miscCommon = skcl9 + mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;shadow=0;dashed=0;fillColor=#ffffff;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;strokeWidth=2;html=1;' + mxConstants.STYLE_SHAPE + '=mxgraph.mockup.';
var miscCommon = skcl9 + mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;shadow=0;dashed=0;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;strokeWidth=2;html=1;' + mxConstants.STYLE_SHAPE + '=mxgraph.mockup.';
var fns =
[
this.createVertexTemplateEntry(s + 'misc.help_icon;',
32, 32, '', 'Help Icon', null, null, this.getTagsForStencil(gn, 'help_icon', dt).join(' ')),
this.createVertexTemplateEntry(s + 'misc.playbackControls;fillColor=#ffffff;' + skcl9 + 'fillColor2=#99ddff;strokeColor2=none;fillColor3=#ffffff;strokeColor3=none;',
this.createVertexTemplateEntry(s + 'misc.playbackControls;' + skcl9 + 'fillColor2=#99ddff;strokeColor2=none;fillColor3=#ffffff;strokeColor3=none;',
250, 30, '', 'Playback Controls', null, null, this.getTagsForStencil(gn, 'playbackControls', dt).join(' ')),
this.createVertexTemplateEntry(s + 'misc.progressBar;fillColor=#cccccc;' + skclN + 'fillColor2=#99ddff;barPos=80;', 200, 20, '', 'Progress Bar', null, null, this.getTagsForStencil(gn, 'progress bar', dt).join(' ')),
this.createVertexTemplateEntry(s + 'misc.shoppingCart;' + skcl9,
50, 50, '', 'Shopping Cart', null, null, this.getTagsForStencil(gn, 'shopping cart', dt).join(' ')),
this.createVertexTemplateEntry(s + 'misc.rating;' + skcl9 + mxConstants.STYLE_FILLCOLOR + '=#ffff00;emptyFillColor=#ffffff;grade=4;ratingScale=5;ratingStyle=star;',
225, 30, '', 'Rating', null, null, this.getTagsForStencil(gn, 'rating', dt).join(' ')),
this.createVertexTemplateEntry(s + 'misc.mail2;fillColor=#ffffff;' + skcl9, 100, 60, '', 'Mail', null, null, this.getTagsForStencil(gn, 'mail', dt).join(' ')),
this.createVertexTemplateEntry(s + 'misc.mail2;' + skcl9, 100, 60, '', 'Mail', null, null, this.getTagsForStencil(gn, 'mail', dt).join(' ')),
this.createVertexTemplateEntry(s + 'misc.volumeSlider;barPos=80;fillColor=#cccccc;' + skcl9 + 'fillColor2=#ddeeff;',
250, 30, '', 'Volume Slider', null, null, this.getTagsForStencil(gn, 'volume slider', dt).join(' ')),
this.createVertexTemplateEntry(miscCommon + 'misc.editIcon;',
@ -658,18 +652,18 @@
25, 25, '', 'Registered', null, null, this.getTagsForStencil(gn, 'registeredIcon', dt + 'registered icon').join(' ')),
this.createVertexTemplateEntry(miscCommon + 'misc.volumeIcon;',
25, 25, '', 'Volume', null, null, this.getTagsForStencil(gn, 'volumeIcon', dt + 'volume icon').join(' ')),
this.createVertexTemplateEntry(s2 + 'misc.ruler2;dx=100;rulerOrient=down;unitSize=10;fillColor=#ffffff;fontColor=#999999;spacingLeft=96;align=left;verticalAlign=middle;spacingBottom=10;spacingTop=0;spacingRight=0;spacing=0;' + skcl9,
this.createVertexTemplateEntry(s2 + 'misc.ruler2;dx=100;rulerOrient=down;unitSize=10;fontColor=#999999;spacingLeft=96;align=left;verticalAlign=middle;spacingBottom=10;spacingTop=0;spacingRight=0;spacing=0;' + skcl9,
350, 30, '1', 'Horizontal Ruler', null, null, this.getTagsForStencil(gn, 'ruler', dt + 'horizontal').join(' ')),
this.createVertexTemplateEntry(s2 + 'misc.ruler2;dx=100;rulerOrient=up;unitSize=10;fillColor=#ffffff;fontColor=#999999;spacingLeft=96;align=left;verticalAlign=middle;spacingBottom=0;spacingTop=10;spacingRight=0;spacing=0;' + skcl9,
this.createVertexTemplateEntry(s2 + 'misc.ruler2;dx=100;rulerOrient=up;unitSize=10;fontColor=#999999;spacingLeft=96;align=left;verticalAlign=middle;spacingBottom=0;spacingTop=10;spacingRight=0;spacing=0;' + skcl9,
350, 30, '1', 'Horizontal Ruler', null, null, this.getTagsForStencil(gn, 'ruler', dt + 'horizontal').join(' ')),
this.createVertexTemplateEntry(s2 + 'misc.ruler2;dx=100;rulerOrient=down;unitSize=10;fillColor=#ffffff;fontColor=#999999;spacingLeft=96;align=left;verticalAlign=middle;spacingBottom=10;spacingTop=0;spacingRight=0;rotation=-90;spacing=0;' + skcl9,
this.createVertexTemplateEntry(s2 + 'misc.ruler2;dx=100;rulerOrient=down;unitSize=10;fontColor=#999999;spacingLeft=96;align=left;verticalAlign=middle;spacingBottom=10;spacingTop=0;spacingRight=0;rotation=-90;spacing=0;' + skcl9,
350, 30, '1', 'Vertical Ruler', null, null, this.getTagsForStencil(gn, 'ruler', dt + 'horizontal').join(' ')),
this.createVertexTemplateEntry(s2 + 'misc.ruler2;dx=100;rulerOrient=up;unitSize=10;fillColor=#ffffff;fontColor=#999999;spacingLeft=96;align=left;verticalAlign=middle;spacingBottom=0;spacingTop=10;spacingRight=0;rotation=-90;spacing=0;' + skcl9,
this.createVertexTemplateEntry(s2 + 'misc.ruler2;dx=100;rulerOrient=up;unitSize=10;fontColor=#999999;spacingLeft=96;align=left;verticalAlign=middle;spacingBottom=0;spacingTop=10;spacingRight=0;rotation=-90;spacing=0;' + skcl9,
350, 30, '1', 'Vertical Ruler', null, null, this.getTagsForStencil(gn, 'ruler', dt + 'horizontal').join(' ')),
this.addEntry(dt + 'revision table', function()
{
var bg = new mxCell('', new mxGeometry(0, 0, 400, 75), s2 + 'misc.rrect;rSize=0;strokeColor=#666666;fillColor=#ffffff;');
var bg = new mxCell('', new mxGeometry(0, 0, 400, 75), s2 + 'misc.rrect;rSize=0;strokeColor=#666666;');
bg.vertex = true;
var cell1 = new mxCell('REVISION HISTORY', new mxGeometry(0, 0, 400, 25), inh + s2 + 'misc.rrect;rSize=0;fontSize=17;fontColor=#999999;');
cell1.vertex = true;
@ -729,13 +723,12 @@
// Space savers
var skcl6 = mxConstants.STYLE_STROKECOLOR + '=#666666;';
var skcl9 = mxConstants.STYLE_STROKECOLOR + '=#999999;';
var flclf = mxConstants.STYLE_FILLCOLOR + '=#ffffff;';
var skclN = mxConstants.STYLE_STROKECOLOR + '=none;';
var sb = this;
var gn = 'mxgraph.mockup.navigation';
var dt = 'mockup navigation ';
var miscCommon = skcl9 + mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;shadow=0;dashed=0;fillColor=#ffffff;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;strokeWidth=2;html=1;' + mxConstants.STYLE_SHAPE + '=mxgraph.mockup.';
var miscCommon = skcl9 + mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;shadow=0;dashed=0;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;strokeWidth=2;html=1;' + mxConstants.STYLE_SHAPE + '=mxgraph.mockup.';
var fns =
[
@ -748,17 +741,17 @@
'Step Bar', null, null, this.getTagsForStencil(gn, 'stepBar', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'navigation.stepBar;strokeColor=#c4c4c4;textColor=#666666;textColor2=#008cff;mainText=Layer 1,Layer 2,+Layer 3,Layer 4;textSize=17;fillColor=#666666;overflow=fill;fontSize=17;fontColor=#666666;',
300, 50, '', 'Step Bar', null, null, this.getTagsForStencil(gn, 'stepBar', dt).join(' ')),
this.createVertexTemplateEntry(s + 'navigation.coverFlow;strokeColor=#999999;fillColor=#ffffff;',
this.createVertexTemplateEntry(s + 'navigation.coverFlow;strokeColor=#999999;',
400, 200, '', 'Cover Flow', null, null, this.getTagsForStencil(gn, 'coverFlow', dt).join(' ')),
this.createVertexTemplateEntry(s + 'navigation.scrollBar;fillColor=#ffffff;' + skcl9 + 'barPos=20;fillColor2=#99ddff;strokeColor2=none;',
this.createVertexTemplateEntry(s + 'navigation.scrollBar;' + skcl9 + 'barPos=20;fillColor2=#99ddff;strokeColor2=none;',
200, 20, '', 'Horizontal Scroll Bar', null, null, this.getTagsForStencil(gn, 'scrollBar', dt).join(' ')),
this.createVertexTemplateEntry(s + 'navigation.scrollBar;fillColor=#ffffff;' + skcl9 + 'barPos=20;fillColor2=#99ddff;strokeColor2=none;direction=north;',
this.createVertexTemplateEntry(s + 'navigation.scrollBar;' + skcl9 + 'barPos=20;fillColor2=#99ddff;strokeColor2=none;direction=north;',
20, 200, '', 'Vertical Scroll Bar', null, null, this.getTagsForStencil(gn, 'scrollBar', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'navigation.pagination;linkText=;fontSize=17;fontColor=#0000ff;fontStyle=4;',
350, 30, '<< Prev 1 2 3 4 5 6 7 8 9 10 Next >>', 'Pagination', null, null, this.getTagsForStencil(gn, 'pagination', dt).join(' ')),
this.createVertexTemplateEntry(s + 'navigation.pageControl;fillColor=#999999;strokeColor=#ddeeff;',
100, 30, '', 'Page Control', null, null, this.getTagsForStencil(gn, 'pageControl', dt).join(' ')),
this.createVertexTemplateEntry(s + 'navigation.mapNavigator;fillColor=#ffffff;fillColor2=#99ddff;strokeColor2=none;strokeColor3=#ffffff;' + skcl9,
this.createVertexTemplateEntry(s + 'navigation.mapNavigator;fillColor2=#99ddff;strokeColor2=none;strokeColor3=#ffffff;' + skcl9,
60, 100, '', 'Map Navigator', null, null, this.getTagsForStencil(gn, 'mapNavigator', dt).join(' ')),
this.createVertexTemplateEntry(s + 'misc.loading_circle_1;pointerEvents=1', 90, 90, '', 'Wheel Throbber 1', null, null, this.getTagsForStencil(gn, 'loading_circle_1', dt).join(' ')),
this.createVertexTemplateEntry(s + 'misc.loading_circle_2;pointerEvents=1', 90, 90, '', 'Wheel Throbber 2', null, null, this.getTagsForStencil(gn, 'loading_circle_2', dt).join(' '))
@ -783,13 +776,12 @@
// Space savers
var skcl6 = mxConstants.STYLE_STROKECOLOR + '=#666666;';
var skcl9 = mxConstants.STYLE_STROKECOLOR + '=#999999;';
var flclf = mxConstants.STYLE_FILLCOLOR + '=#ffffff;';
var skclN = mxConstants.STYLE_STROKECOLOR + '=none;';
var sb = this;
var gn = 'mxgraph.mockup.text';
var dt = 'mockup text ';
var miscCommon = skcl9 + mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;shadow=0;dashed=0;fillColor=#ffffff;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;strokeWidth=2;html=1;' + mxConstants.STYLE_SHAPE + '=mxgraph.mockup.';
var miscCommon = skcl9 + mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;shadow=0;dashed=0;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;strokeWidth=2;html=1;' + mxConstants.STYLE_SHAPE + '=mxgraph.mockup.';
var loremText = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\nSed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?';
var fns =
@ -799,7 +791,7 @@
this.addEntry(dt + 'horizontal button bar', function()
{
var bg = new mxCell('', new mxGeometry(0, 0, 500, 25), s2 + 'text.rrect;rSize=0;fillColor=#ffffff;strokeColor=#666666;');
var bg = new mxCell('', new mxGeometry(0, 0, 500, 25), s2 + 'text.rrect;rSize=0;strokeColor=#666666;');
bg.vertex = true;
var button2 = new mxCell('Button 2', new mxGeometry(125, 0, 125, 25), inh + s2 + 'text.rrect;rSize=0;fontSize=17;fontColor=#0000ff;');
button2.vertex = true;
@ -829,13 +821,13 @@
200, 200, 'Note Line 1\nNote Line 2\nNote Line 3', 'Sticky Note', null, null, this.getTagsForStencil(gn, 'stickyNote', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'text.bulletedList;textColor=#666666;mainText=,,,,;textSize=17;bulletStyle=none;' + skclN + mxConstants.STYLE_FILLCOLOR + '=none;align=left;verticalAlign=top;fontSize=17;fontColor=#666666;',
150, 135, '-Line 1\n-Line 2\n-Line 3\n-Line 4', 'Bulleted List', null, null, this.getTagsForStencil(gn, 'bulletedList', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'text.textBox;fillColor=#ffffff;fontColor=#666666;align=left;fontSize=17;spacingLeft=4;spacingTop=-3;' + skcl6 + 'mainText=',
this.createVertexTemplateEntry(s2 + 'text.textBox;fontColor=#666666;align=left;fontSize=17;spacingLeft=4;spacingTop=-3;' + skcl6 + 'mainText=',
150, 30, 'Line 1', 'Text Box', null, null, this.getTagsForStencil(gn, 'textBox', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'text.captcha;fillColor=#ffffff;fontColor=#666666;fontSize=25;' + skcl6 + 'mainText=',
this.createVertexTemplateEntry(s2 + 'text.captcha;fontColor=#666666;fontSize=25;' + skcl6 + 'mainText=',
150, 50, 'fG2yQ23', 'Captcha', null, null, this.getTagsForStencil(gn, 'captcha', dt).join(' ')),
this.createVertexTemplateEntry(s2 + 'text.alphanumeric;linkText=;html=1;fontStyle=4;fontSize=17;fontColor=#0000ff;',
450, 50, '0-9 A B C D E F G H I J K L M N O P Q R S T U V X Y Z', 'Alphanumeric', null, null, this.getTagsForStencil(gn, 'alphanumeric', dt).join(' ')),
this.createVertexTemplateEntry('text;spacingTop=-5;fillColor=#ffffff;whiteSpace=wrap;html=1;align=left;fontSize=12;fontFamily=Helvetica;fillColor=none;strokeColor=none;',
this.createVertexTemplateEntry('text;spacingTop=-5;whiteSpace=wrap;html=1;align=left;fontSize=12;fontFamily=Helvetica;fillColor=none;strokeColor=none;',
250, 470, loremText, 'Paragraph of Text', null, null, this.getTagsForStencil(gn, 'peragraph of text', dt).join(' ')),
this.addEntry(dt + 'table', function()
@ -843,7 +835,7 @@
var classCell = new mxCell('<table cellpadding="4" cellspacing="0" border="1" style="font-size:1em;width:100%;height:100%;"><tr><th>Header 1</th><th>Header 2</th></tr>' +
'<tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr><td>row 2, cell 1</td>' +
'<td>row 2, cell 2</td></tr></table> ', new mxGeometry(0, 0, 180, 80),
'verticalAlign=top;align=left;overflow=fill;fillColor=#ffffff;fontSize=12;fontFamily=Helvetica;html=1');
'verticalAlign=top;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica;html=1');
classCell.vertex = true;
return sb.createVertexTemplateFromCells([classCell], classCell.geometry.width, classCell.geometry.height, 'Table');

7
src/main/webapp/js/diagramly/sidebar/Sidebar-Office.js
View file

@ -1390,11 +1390,4 @@
}
}));
};
})();

13
src/main/webapp/js/diagramly/sidebar/Sidebar-Rack.js
View file

@ -4,20 +4,19 @@
Sidebar.prototype.addRackGeneralPalette = function()
{
var s = 'strokeColor=#666666;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;outlineConnect=0;shadow=0;dashed=0;';
var sr = 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;fillColor=#ffffff;outlineConnect=0;';
var sr2 = 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;';
var sr = 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;';
//default tags
var dt = 'rack equipment ';
this.addPaletteFunctions('rackGeneral', 'Rack / General', false,
[
this.createVertexTemplateEntry(s + 'shape=mxgraph.rackGeneral.container;fillColor2=#f4f4f4;fillColor=#ffffff;container=1;collapsible=0;childLayout=rack;allowGaps=1;marginLeft=9;marginRight=9;marginTop=21;marginBottom=22;textColor=#666666;numDisp=off;', 180, 228.6, '', 'Rack Cabinet', null, null, dt + 'cabinet'),
this.createVertexTemplateEntry(s + 'shape=mxgraph.rackGeneral.container;fillColor2=#f4f4f4;fillColor=#ffffff;container=1;collapsible=0;childLayout=rack;allowGaps=1;marginLeft=33;marginRight=9;marginTop=21;marginBottom=22;textColor=#666666;numDisp=ascend;', 210, 228.6, '', 'Numbered Rack Cabinet', null, null, dt + 'cabinet numbered'),
this.createVertexTemplateEntry(s + 'shape=mxgraph.rackGeneral.container;fillColor2=#f4f4f4;container=1;collapsible=0;childLayout=rack;allowGaps=1;marginLeft=9;marginRight=9;marginTop=21;marginBottom=22;textColor=#666666;numDisp=off;', 180, 228.6, '', 'Rack Cabinet', null, null, dt + 'cabinet'),
this.createVertexTemplateEntry(s + 'shape=mxgraph.rackGeneral.container;fillColor2=#f4f4f4;container=1;collapsible=0;childLayout=rack;allowGaps=1;marginLeft=33;marginRight=9;marginTop=21;marginBottom=22;textColor=#666666;numDisp=ascend;', 210, 228.6, '', 'Numbered Rack Cabinet', null, null, dt + 'cabinet numbered'),
this.createVertexTemplateEntry(s + 'shape=mxgraph.rackGeneral.container;container=1;collapsible=0;childLayout=rack;allowGaps=1;marginLeft=9;marginRight=9;marginTop=21;marginBottom=22;textColor=#666666;numDisp=off;', 180, 228.6, '', 'Rack Cabinet', null, null, dt + 'cabinet'),
this.createVertexTemplateEntry(s + 'shape=mxgraph.rackGeneral.container;container=1;collapsible=0;childLayout=rack;allowGaps=1;marginLeft=33;marginRight=9;marginTop=21;marginBottom=22;textColor=#666666;numDisp=ascend;', 210, 228.6, '', 'Numbered Rack Cabinet', null, null, dt + 'cabinet numbered'),
this.createVertexTemplateEntry(sr + 'text;', 160, 15, '', 'Spacing', null, null, dt + 'spacing'),
this.createVertexTemplateEntry(sr2 + 'shape=mxgraph.rackGeneral.plate;fillColor=#e8e8e8;', 160, 15, '', 'Cover Plate', null, null, dt + 'cover plate'),
this.createVertexTemplateEntry(sr + 'shape=mxgraph.rackGeneral.plate;fillColor=#e8e8e8;', 160, 15, '', 'Cover Plate', null, null, dt + 'cover plate'),
this.createVertexTemplateEntry(sr + 'shape=mxgraph.rack.general.1u_rack_server;', 160, 15, '', 'Server', null, null, dt + 'server'),
this.createVertexTemplateEntry(sr + 'shape=mxgraph.rackGeneral.horCableDuct;', 160, 15, '', 'Horizontal Cable Duct', null, null, dt + 'horizontal cable duct'),
this.createVertexTemplateEntry(sr + 'shape=mxgraph.rackGeneral.horRoutingBank;', 160, 20, '', 'Horizontal Routing Bank', null, null, dt + 'horizontal routing bank'),
@ -41,7 +40,7 @@
Sidebar.prototype.addRackF5Palette = function()
{
var sr = 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;fillColor=#ffffff;outlineConnect=0;';
var sr = 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;';
//default tags
var dt = 'rack equipment ';
@ -78,7 +77,7 @@
Sidebar.prototype.addRackDellPalette = function()
{
var sr = 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;fillColor=#ffffff;outlineConnect=0;';
var sr = 'strokeColor=#666666;html=1;labelPosition=right;align=left;spacingLeft=15;shadow=0;dashed=0;outlineConnect=0;';
//default tags
var dt = 'rack equipment ';

10
src/main/webapp/js/diagramly/sidebar/Sidebar-Sysml.js
View file

@ -918,13 +918,13 @@
label1.setConnectable(false);
label1.vertex = true;
cardCell.insert(label1);
var assoc1 = new mxCell('ITransCmd', new mxGeometry(0, 0, 0, 0), 'edgeStyle=none;html=1;align=left;verticalAlign=bottom;endArrow=sysMLReqInt;endSize=8;exitX=0;exitY=0.5;fillColor=#ffffff;');
var assoc1 = new mxCell('ITransCmd', new mxGeometry(0, 0, 0, 0), 'edgeStyle=none;html=1;align=left;verticalAlign=bottom;endArrow=sysMLReqInt;endSize=8;exitX=0;exitY=0.5;');
assoc1.geometry.setTerminalPoint(new mxPoint(0, 0), false);
assoc1.geometry.relative = true;
assoc1.geometry.x = 1;
assoc1.edge = true;
cardCell.insertEdge(assoc1, true);
var assoc2 = new mxCell('ITransData', new mxGeometry(0, 0, 0, 0), 'edgeStyle=none;html=1;align=left;verticalAlign=top;endArrow=sysMLProvInt;endSize=12;exitX=0;exitY=0.5;fillColor=#ffffff;');
var assoc2 = new mxCell('ITransData', new mxGeometry(0, 0, 0, 0), 'edgeStyle=none;html=1;align=left;verticalAlign=top;endArrow=sysMLProvInt;endSize=12;exitX=0;exitY=0.5;');
assoc2.geometry.setTerminalPoint(new mxPoint(0, 60), false);
assoc2.geometry.relative = true;
assoc2.geometry.x = 1;
@ -943,13 +943,13 @@
label1.setConnectable(false);
label1.vertex = true;
cardCell.insert(label1);
var assoc1 = new mxCell('ITransCmd', new mxGeometry(0, 0, 0, 0), 'edgeStyle=none;html=1;align=left;verticalAlign=bottom;endArrow=sysMLReqInt;endSize=8;exitX=0;exitY=0.5;fillColor=#ffffff;');
var assoc1 = new mxCell('ITransCmd', new mxGeometry(0, 0, 0, 0), 'edgeStyle=none;html=1;align=left;verticalAlign=bottom;endArrow=sysMLReqInt;endSize=8;exitX=0;exitY=0.5;');
assoc1.geometry.setTerminalPoint(new mxPoint(0, 0), false);
assoc1.geometry.relative = true;
assoc1.geometry.x = 1;
assoc1.edge = true;
cardCell.insertEdge(assoc1, true);
var assoc2 = new mxCell('ITransData', new mxGeometry(0, 0, 0, 0), 'edgeStyle=none;html=1;align=left;verticalAlign=top;endArrow=sysMLProvInt;endSize=12;exitX=0;exitY=0.5;fillColor=#ffffff;');
var assoc2 = new mxCell('ITransData', new mxGeometry(0, 0, 0, 0), 'edgeStyle=none;html=1;align=left;verticalAlign=top;endArrow=sysMLProvInt;endSize=12;exitX=0;exitY=0.5;');
assoc2.geometry.setTerminalPoint(new mxPoint(0, 60), false);
assoc2.geometry.relative = true;
assoc2.geometry.x = 1;
@ -1084,7 +1084,7 @@
this.addDataEntry(dt + 'fork node', 200, 80, 'Fork Node',
'7ZZNb4JAEIZ/DXdYrPZq0XppExMPPa8yhU2XHbKMn7++Czt+QDQ1RpMeJCHZfeeD2feBhCBOis3EyjL/xBR0EI+DOLGI5FfFJgGtAxGqNIhHgRChuwPxfiEaNdGwlBYMXVMgfMFK6iV4xQsVbTULVS7Lemlh4Vq+5VS4KUeRW34rrRPUaJvEOGwup6/AklpI/SHnoKdYKVJoXM4cibA4SRhqlZnCj0pYugiP4+KwuXikRuLzTAALILt1KVzQ9ycO1yql3Es9r+Sgspx7vHKWrPw+O/Q5uuUWbNh58+K/zYM0gxlvQc9xPT4Kp1Y2MbfO0aodGpK6Fk06tLbRDZq6wuLSpFA/vva5Imlpn4ElmEaz+ANffPZ4nzVTu3qESBw8ridrOVzh0i6g9VpcYboFLUmt2q3OmcqlU1Suowi3TKaDwc2aAXFSh8ThqVfB6d0fzv61baNh47touhhcxb+DwF+MCJkCQ4keBuXlCeVWKPHDoPSfUG6F8vIwKIMnlFuhDO4FxW2Pf2I+/fRH7Rc='),
this.createVertexTemplateEntry('shape=ellipse;html=1;illColor=#000000;strokeWidth=2;verticalLabelPosition=bottom;verticalAlignment=top;perimeter=ellipsePerimeter;',
this.createVertexTemplateEntry('shape=ellipse;html=1;fillColor=#000000;strokeWidth=2;verticalLabelPosition=bottom;verticalAlignment=top;perimeter=ellipsePerimeter;',
40, 40, '', 'Initial Node', null, null, this.getTagsForStencil(gn, '', dt + 'initial node').join(' ')),
this.addDataEntry(dt + 'join node', 200, 80, 'Join Node',
'7ZZNb8IwDIZ/Ta6oNBvsugLjskmTdtg5tKbNltZVahjs189NMigfk5AAaQcqVXLs1076PjlUyFG5mlpVFy+YgRFyIuTIIpKPytUIjBFxpDMhxyKOI35F/PRHte+qUa0sVHRKQ+wblsoswGfEMPlAXTU1pJzo9XpiOPaihtYmiJpC1W1oIeVtkoJKPvm4z+FcGzNCg9YJZeQezi/Bkk6VeVYzMK/YaNJYsWaGRFiywLSFRKWfucVFlXVmzN3TmfFodN72EtacDV/ANVj96YJLBQumgCWQXbPkt0EOfMuXzqjwuTufKUDnRRjy4L2MVOPX+WbQ1mEOgsnHDZeHhu+bC1kOb2EJZoZfk22ia7WrcVyg1d9YkeJC4syDdrPWdaiyR2udCmtgz5KGLH7Ce/hO6TVv+rvdrB9v7GzPsGNmgwubws6lOcFfC0aRXu6OOmZfaH3lm0dbLnEUHF8HJnsASNkcKDTtMdic4iQsd5fH8ntbnenK0h6IDpoKKzhAdwjKTfl3qAKa/tXQ3N/QnIdGXg3N4IbmPDT3V0MzvKE5D83wUmh4uf2f8/Lu794P'),

146
src/main/webapp/js/diagramly/sidebar/Sidebar-WebIcons.js
View file

@ -20,29 +20,29 @@
w * 512, h * 512, '', 'Aim', null, null, this.getTagsForStencil(gn, 'aim', dt).join(' ')),
this.createVertexTemplateEntry(s + 'allvoices;fillColor=#807E7E;gradientColor=#1B1C1C',
w * 512, h * 512, '', 'Allvoices', null, null, this.getTagsForStencil(gn, 'allvoices', dt).join(' ')),
this.createVertexTemplateEntry(s + 'amazon;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'amazon;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Amazon', null, null, this.getTagsForStencil(gn, 'amazon', dt).join(' ')),
this.createVertexTemplateEntry(s + 'amazon_2;fillColor=#605658;gradientColor=#231F20',
this.createVertexTemplateEntry(s + 'amazon_2;gradientColor=#231F20',
w * 512, h * 512, '', 'Amazon', null, null, this.getTagsForStencil(gn, 'amazon', dt).join(' ')),
this.createVertexTemplateEntry(s + 'android;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'android;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Android', null, null, this.getTagsForStencil(gn, 'android', dt).join(' ')),
this.createVertexTemplateEntry(s + 'apache;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'apache;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Apache', null, null, this.getTagsForStencil(gn, 'apache db database', dt).join(' ')),
this.createVertexTemplateEntry(s + 'apple;fillColor=#807E7E;gradientColor=#1B1C1C',
w * 512, h * 512, '', 'Apple', null, null, this.getTagsForStencil(gn, 'apple', dt).join(' ')),
this.createVertexTemplateEntry(s + 'apple_classic;fillColor=#66E8F3;gradientColor=#1C7CBA',
w * 512, h * 512, '', 'Apple (classic)', null, null, this.getTagsForStencil(gn, 'apple classic', dt).join(' ')),
this.createVertexTemplateEntry(s + 'arduino;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'arduino;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Arduino', null, null, this.getTagsForStencil(gn, 'arduino', dt).join(' ')),
this.createVertexTemplateEntry(s + 'ask;fillColor=#F33543;gradientColor=#B50E11',
w * 512, h * 512, '', 'Ask', null, null, this.getTagsForStencil(gn, 'ask', dt).join(' ')),
this.createVertexTemplateEntry(s + 'atlassian;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'atlassian;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Atlassian', null, null, this.getTagsForStencil(gn, 'atlassian', dt).join(' ')),
this.createVertexTemplateEntry(s + 'audioboo;fillColor=#EB35CF;gradientColor=#8C0E35',
w * 512, h * 512, '', 'Audioboo', null, null, this.getTagsForStencil(gn, 'audioboo', dt).join(' ')),
this.createVertexTemplateEntry(s + 'aws;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'aws;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'AWS', null, null, this.getTagsForStencil(gn, 'aws amazon web service', dt).join(' ')),
this.createVertexTemplateEntry(s + 'aws_s3;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'aws_s3;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'AWS S3', null, null, this.getTagsForStencil(gn, 'aws s3 amazon web service', dt).join(' ')),
this.createVertexTemplateEntry(s + 'baidu;fillColor=#738FE8;gradientColor=#1F2470',
w * 512, h * 512, '', 'Baidu', null, null, this.getTagsForStencil(gn, 'baidu', dt).join(' ')),
@ -52,29 +52,29 @@
w * 512, h * 512, '', 'Behance', null, null, this.getTagsForStencil(gn, 'behance', dt).join(' ')),
this.createVertexTemplateEntry(s + 'bing;fillColor=#0A776E;gradientColor=#053D39',
w * 512, h * 512, '', 'Bing', null, null, this.getTagsForStencil(gn, 'bing', dt).join(' ')),
this.createVertexTemplateEntry(s + 'bitbucket;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'bitbucket;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Bitbucket', null, null, this.getTagsForStencil(gn, 'bitbucket', dt).join(' ')),
this.createVertexTemplateEntry(s + 'blinklist;fillColor=#695D5D;gradientColor=#100E0E',
w * 512, h * 512, '', 'Blinklist', null, null, this.getTagsForStencil(gn, 'blinklist', dt).join(' ')),
this.createVertexTemplateEntry(s + 'blogger;fillColor=#FDE47C;gradientColor=#F55F21',
w * 512, h * 512, '', 'Blogger', null, null, this.getTagsForStencil(gn, 'blogger', dt).join(' ')),
this.createVertexTemplateEntry(s + 'blogmarks;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'blogmarks;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Blogmarks', null, null, this.getTagsForStencil(gn, 'blogmarks', dt).join(' ')),
this.createVertexTemplateEntry(s + 'bookmarks.fr;fillColor=#F9FAF4;gradientColor=#DCDFBB',
w * 512, h * 512, '', 'Bookmarks.fr', null, null, this.getTagsForStencil(gn, 'bookmarks.fr', dt).join(' ')),
this.createVertexTemplateEntry(s + 'box;fillColor=#4CDFEF;gradientColor=#153EA0',
w * 512, h * 512, '', 'Box', null, null, this.getTagsForStencil(gn, 'box', dt).join(' ')),
this.createVertexTemplateEntry(s + 'buddymarks;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'buddymarks;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Buddymarks', null, null, this.getTagsForStencil(gn, 'buddymarks', dt).join(' ')),
this.createVertexTemplateEntry(s + 'buffer;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'buffer;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Buffer', null, null, this.getTagsForStencil(gn, 'buffer', dt).join(' ')),
this.createVertexTemplateEntry(s + 'buzzfeed;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'buzzfeed;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Buzzfeed', null, null, this.getTagsForStencil(gn, 'buzzfeed', dt).join(' ')),
this.createVertexTemplateEntry(s + 'chrome;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'chrome;gradientColor=#DFDEDE',
w * 516, h * 520, '', 'Chrome', null, null, this.getTagsForStencil(gn, 'chrome', dt).join(' ')),
this.createVertexTemplateEntry(s + 'citeulike;fillColor=#ACD65E;gradientColor=#2E3618',
w * 512, h * 512, '', 'Citeulike', null, null, this.getTagsForStencil(gn, 'citeulike', dt).join(' ')),
this.createVertexTemplateEntry(s + 'confluence;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'confluence;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Confluence', null, null, this.getTagsForStencil(gn, 'confluence', dt).join(' ')),
this.createVertexTemplateEntry(s + 'connotea;fillColor=#E9FDFC;gradientColor=#BADBE9',
w * 512, h * 512, '', 'Connotea', null, null, this.getTagsForStencil(gn, 'connotea', dt).join(' ')),
@ -86,25 +86,25 @@
w * 512, h * 512, '', 'Designfloat', null, null, this.getTagsForStencil(gn, 'designfloat', dt).join(' ')),
this.createVertexTemplateEntry(s + 'deviantart;fillColor=#00C659;gradientColor=#00813B',
w * 512, h * 512, '', 'Deviantart', null, null, this.getTagsForStencil(gn, 'deviantart', dt).join(' ')),
this.createVertexTemplateEntry(s + 'digg;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'digg;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Digg', null, null, this.getTagsForStencil(gn, 'digg', dt).join(' ')),
this.createVertexTemplateEntry(s + 'diigo;fillColor=#2C7DE0;gradientColor=#1E5599',
w * 512, h * 512, '', 'Diigo', null, null, this.getTagsForStencil(gn, 'diiigo', dt).join(' ')),
this.createVertexTemplateEntry(s + 'dopplr;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'dopplr;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Dopplr', null, null, this.getTagsForStencil(gn, 'dopplr', dt).join(' ')),
this.createVertexTemplateEntry(s + 'drawio2;fillColor=#2174CE;gradientColor=#134277',
w * 512, h * 512, '', 'Draw.io', null, null, this.getTagsForStencil(gn, 'drawio draw io draw.io', dt).join(' ')),
this.createVertexTemplateEntry(s + 'dribbble;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'dribbble;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Dribbble', null, null, this.getTagsForStencil(gn, 'dribbble', dt).join(' ')),
this.createVertexTemplateEntry(s + 'dropbox;fillColor=#0BAAFE;gradientColor=#0080E6',
w * 512, h * 512, '', 'Dropbox', null, null, this.getTagsForStencil(gn, 'dropbox', dt).join(' ')),
this.createVertexTemplateEntry(s + 'dropbox2;fillColor=#2FB8FC;gradientColor=#0080E6',
w * 512, h * 512, '', 'Dropbox', null, null, this.getTagsForStencil(gn, 'dropbox', dt).join(' ')),
this.createVertexTemplateEntry(s + 'drupal;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'drupal;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Drupal', null, null, this.getTagsForStencil(gn, 'drupal', dt).join(' ')),
this.createVertexTemplateEntry(s + 'dzone;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'dzone;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Dzone', null, null, this.getTagsForStencil(gn, 'dzone', dt).join(' ')),
this.createVertexTemplateEntry(s + 'ebay;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'ebay;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Ebay', null, null, this.getTagsForStencil(gn, 'ebay', dt).join(' ')),
this.createVertexTemplateEntry(s + 'edmodo;fillColor=#2F81CE;gradientColor=#1F5487',
w * 512, h * 512, '', 'Edmodo', null, null, this.getTagsForStencil(gn, 'edmodo', dt).join(' ')),
@ -116,61 +116,61 @@
w * 512, h * 512, '', 'Fancy', null, null, this.getTagsForStencil(gn, 'fancy', dt).join(' ')),
this.createVertexTemplateEntry(s + 'fark;fillColor=#EBEBF1;gradientColor=#8482A7',
w * 512, h * 512, '', 'Fark', null, null, this.getTagsForStencil(gn, 'fark', dt).join(' ')),
this.createVertexTemplateEntry(s + 'fashiolista;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'fashiolista;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Fashiolista', null, null, this.getTagsForStencil(gn, 'fashiolista', dt).join(' ')),
this.createVertexTemplateEntry(s + 'feed;fillColor=#FFAC75;gradientColor=#FF6600',
w * 512, h * 512, '', 'Feed', null, null, this.getTagsForStencil(gn, 'feed', dt).join(' ')),
this.createVertexTemplateEntry(s + 'feedburner;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'feedburner;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Feedburner', null, null, this.getTagsForStencil(gn, 'feedburner', dt).join(' ')),
this.createVertexTemplateEntry(s + 'flickr;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'flickr;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Flickr', null, null, this.getTagsForStencil(gn, 'flickr', dt).join(' ')),
this.createVertexTemplateEntry(s + 'folkd;fillColor=#27A2E9;gradientColor=#0A2977',
w * 512, h * 512, '', 'Folkd', null, null, this.getTagsForStencil(gn, 'folkd', dt).join(' ')),
this.createVertexTemplateEntry(s + 'forrst;fillColor=#3E6B32;gradientColor=#111C0D',
w * 512, h * 512, '', 'Forrst', null, null, this.getTagsForStencil(gn, 'forrst', dt).join(' ')),
this.createVertexTemplateEntry(s + 'fotolog;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'fotolog;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Fotolog', null, null, this.getTagsForStencil(gn, 'fotolog', dt).join(' ')),
this.createVertexTemplateEntry(s + 'freshbump;fillColor=#695D5D;gradientColor=#100E0E',
w * 512, h * 512, '', 'Freshbump', null, null, this.getTagsForStencil(gn, 'freshbump', dt).join(' ')),
this.createVertexTemplateEntry(s + 'fresqui;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'fresqui;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Fresqui', null, null, this.getTagsForStencil(gn, 'fresqui', dt).join(' ')),
this.createVertexTemplateEntry(s + 'friendfeed;fillColor=#7BDCEF;gradientColor=#21379E',
w * 512, h * 512, '', 'Friendfeed', null, null, this.getTagsForStencil(gn, 'fiendfeed', dt).join(' ')),
this.createVertexTemplateEntry(s + 'funp;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'funp;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Funp', null, null, this.getTagsForStencil(gn, 'funp', dt).join(' ')),
this.createVertexTemplateEntry(s + 'fwisp;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'fwisp;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Fwisp', null, null, this.getTagsForStencil(gn, 'fwisp', dt).join(' ')),
this.createVertexTemplateEntry(s + 'gabbr;fillColor=#FBAC39;gradientColor=#EA2B0E',
w * 512, h * 512, '', 'Gabbr', null, null, this.getTagsForStencil(gn, 'gabbr', dt).join(' ')),
this.createVertexTemplateEntry(s + 'gamespot;fillColor=#695D5D;gradientColor=#100E0E',
w * 512, h * 512, '', 'Gamespot', null, null, this.getTagsForStencil(gn, 'gamespot', dt).join(' ')),
this.createVertexTemplateEntry(s + 'github;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'github;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Github', null, null, this.getTagsForStencil(gn, 'github', dt).join(' ')),
this.createVertexTemplateEntry(s + 'gmail;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'gmail;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Gmail', null, null, this.getTagsForStencil(gn, 'gmail', dt).join(' ')),
this.createVertexTemplateEntry(s + 'google;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'google;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Google', null, null, this.getTagsForStencil(gn, 'google', dt).join(' ')),
this.createVertexTemplateEntry(s + 'google_drive;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'google_drive;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Google Drive', null, null, this.getTagsForStencil(gn, 'google drive', dt).join(' ')),
this.createVertexTemplateEntry(s + 'google_hangout;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'google_hangout;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Google Hangout', null, null, this.getTagsForStencil(gn, 'google hangout', dt).join(' ')),
this.createVertexTemplateEntry(s + 'google_play;fillColor=#000000',
w * 347, h * 103, '', 'Google Play', null, null, this.getTagsForStencil(gn, 'google play', dt).join(' ')),
this.createVertexTemplateEntry(s + 'google_play_light;fillColor=#66E8F3;gradientColor=#1C7CBA',
w * 300, h * 52, '', 'Google Play Light', null, null, this.getTagsForStencil(gn, 'google play light', dt).join(' ')),
this.createVertexTemplateEntry(s + 'google_photos;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'google_photos;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Google Photos', null, null, this.getTagsForStencil(gn, 'google photos', dt).join(' ')),
this.createVertexTemplateEntry(s + 'google_plus;fillColor=#F24B46;gradientColor=#AD3832',
w * 512, h * 512, '', 'Google Plus', null, null, this.getTagsForStencil(gn, 'google plus', dt).join(' ')),
this.createVertexTemplateEntry(s + 'grooveshark;fillColor=#695D5D;gradientColor=#000000',
w * 512, h * 512, '', 'Grooveshark', null, null, this.getTagsForStencil(gn, 'grooveshark', dt).join(' ')),
this.createVertexTemplateEntry(s + 'hatena;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'hatena;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Hatena', null, null, this.getTagsForStencil(gn, 'hatena', dt).join(' ')),
this.createVertexTemplateEntry(s + 'html5;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'html5;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'HTML5', null, null, this.getTagsForStencil(gn, 'html5 html', dt).join(' ')),
this.createVertexTemplateEntry(s + 'identi.ca;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'identi.ca;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Identi.ca', null, null, this.getTagsForStencil(gn, 'identi.ca', dt).join(' ')),
this.createVertexTemplateEntry(s + 'instagram;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'instagram;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Instagram', null, null, this.getTagsForStencil(gn, 'instagram', dt).join(' ')),
this.createVertexTemplateEntry(s + 'instapaper;fillColor=#807E7E;gradientColor=#1B1C1C',
w * 512, h * 512, '', 'Instapaper', null, null, this.getTagsForStencil(gn, 'instapaper', dt).join(' ')),
@ -178,15 +178,15 @@
w * 512, h * 512, '', 'iOS', null, null, this.getTagsForStencil(gn, 'ios', dt).join(' ')),
this.createVertexTemplateEntry(s + 'jamespot;fillColor=#695D5D;gradientColor=#100E0E',
w * 512, h * 512, '', 'Jamespot', null, null, this.getTagsForStencil(gn, 'jamespot', dt).join(' ')),
this.createVertexTemplateEntry(s + 'java;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'java;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Java', null, null, this.getTagsForStencil(gn, 'java', dt).join(' ')),
this.createVertexTemplateEntry(s + 'joomla;fillColor=#1F457D;gradientColor=#081220',
w * 512, h * 512, '', 'Joomla', null, null, this.getTagsForStencil(gn, 'joomla', dt).join(' ')),
this.createVertexTemplateEntry(s + 'jquery;fillColor=#0BB9EA;gradientColor=#032F80',
w * 512, h * 512, '', 'Jquery', null, null, this.getTagsForStencil(gn, 'jquery', dt).join(' ')),
this.createVertexTemplateEntry(s + 'json;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'json;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'JSON', null, null, this.getTagsForStencil(gn, 'json', dt).join(' ')),
this.createVertexTemplateEntry(s + 'json_2;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'json_2;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'JSON', null, null, this.getTagsForStencil(gn, 'json', dt).join(' ')),
this.createVertexTemplateEntry(s + 'last.fm;fillColor=#F33543;gradientColor=#BD0E11',
w * 512, h * 512, '', 'Last.fm', null, null, this.getTagsForStencil(gn, 'last.fm last fm', dt).join(' ')),
@ -200,49 +200,49 @@
w * 512, h * 512, '', 'Mail.ru', null, null, this.getTagsForStencil(gn, 'mail.ru', dt).join(' ')),
this.createVertexTemplateEntry(s + 'meetup;fillColor=#F83263;gradientColor=#D40D19',
w * 512, h * 512, '', 'Meetup', null, null, this.getTagsForStencil(gn, 'meetup', dt).join(' ')),
this.createVertexTemplateEntry(s + 'meneame;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'meneame;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Meneame', null, null, this.getTagsForStencil(gn, 'meneame', dt).join(' ')),
this.createVertexTemplateEntry(s + 'messenger;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'messenger;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Messenger', null, null, this.getTagsForStencil(gn, 'messenger', dt).join(' ')),
this.createVertexTemplateEntry(s + 'messenger_2;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'messenger_2;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Messenger', null, null, this.getTagsForStencil(gn, 'messenger', dt).join(' ')),
this.createVertexTemplateEntry(s + 'messenger_3;fillColor=#09BEFC;gradientColor=#0060FA',
w * 512, h * 512, '', 'Messenger', null, null, this.getTagsForStencil(gn, 'messenger', dt).join(' ')),
this.createVertexTemplateEntry(s + 'mind_body_green;fillColor=#E0EEF8;gradientColor=#4496D5',
w * 512, h * 512, '', 'Mind Body Green', null, null, this.getTagsForStencil(gn, 'mind body green', dt).join(' ')),
this.createVertexTemplateEntry(s + 'mongodb;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'mongodb;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'MongoDb', null, null, this.getTagsForStencil(gn, 'mongodb', dt).join(' ')),
this.createVertexTemplateEntry(s + 'myspace;fillColor=#3C69E2;gradientColor=#101B54',
w * 512, h * 512, '', 'MySpace', null, null, this.getTagsForStencil(gn, 'myspace', dt).join(' ')),
this.createVertexTemplateEntry(s + 'n4g;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'n4g;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'N4g', null, null, this.getTagsForStencil(gn, 'n4g', dt).join(' ')),
this.createVertexTemplateEntry(s + 'netlog;fillColor=#FA3743;gradientColor=#E10E11',
w * 512, h * 512, '', 'Netlog', null, null, this.getTagsForStencil(gn, 'netlog', dt).join(' ')),
this.createVertexTemplateEntry(s + 'netvibes;fillColor=#99DB00;gradientColor=#638E00',
w * 512, h * 512, '', 'Netvibes', null, null, this.getTagsForStencil(gn, 'netvibes', dt).join(' ')),
this.createVertexTemplateEntry(s + 'netvouz;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'netvouz;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Netvouz', null, null, this.getTagsForStencil(gn, 'netvouz', dt).join(' ')),
this.createVertexTemplateEntry(s + 'networkedblogs;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'networkedblogs;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Networkedblogs', null, null, this.getTagsForStencil(gn, 'networkedblogs', dt).join(' ')),
this.createVertexTemplateEntry(s + 'newsvine;fillColor=#008733;gradientColor=#00441B',
w * 512, h * 512, '', 'Newsvine', null, null, this.getTagsForStencil(gn, 'newsvine', dt).join(' ')),
this.createVertexTemplateEntry(s + 'odnoklassniki;fillColor=#FDE15A;gradientColor=#F24317',
w * 512, h * 512, '', 'Odnoklassniki', null, null, this.getTagsForStencil(gn, 'odnoklassniki', dt).join(' ')),
this.createVertexTemplateEntry(s + 'oknotizie;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'oknotizie;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Oknotizie', null, null, this.getTagsForStencil(gn, 'oknotizie', dt).join(' ')),
this.createVertexTemplateEntry(s + 'onedrive;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'onedrive;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'OneDrive', null, null, this.getTagsForStencil(gn, 'onedrive', dt).join(' ')),
this.createVertexTemplateEntry(s + 'oracle;fillColor=#FA3743;gradientColor=#E10E11',
w * 512, h * 512, '', 'Oracle', null, null, this.getTagsForStencil(gn, 'oracle', dt).join(' ')),
this.createVertexTemplateEntry(s + 'paypal;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'paypal;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Paypal', null, null, this.getTagsForStencil(gn, 'paypal', dt).join(' ')),
this.createVertexTemplateEntry(s + 'phone;fillColor=#76F21E;gradientColor=#079704',
w * 512, h * 512, '', 'Phone', null, null, this.getTagsForStencil(gn, 'phone', dt).join(' ')),
this.createVertexTemplateEntry(s + 'phonefavs;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'phonefavs;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Phonefavs', null, null, this.getTagsForStencil(gn, 'phonefavs', dt).join(' ')),
this.createVertexTemplateEntry(s + 'pinterest;fillColor=#E50B28;gradientColor=#890616',
w * 512, h * 512, '', 'Pinterest', null, null, this.getTagsForStencil(gn, 'pinterest', dt).join(' ')),
this.createVertexTemplateEntry(s + 'plaxo;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'plaxo;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Plaxo', null, null, this.getTagsForStencil(gn, 'plaxo', dt).join(' ')),
this.createVertexTemplateEntry(s + 'playfire;fillColor=#695D5D;gradientColor=#100E0E',
w * 512, h * 512, '', 'Playfire', null, null, this.getTagsForStencil(gn, 'playfire', dt).join(' ')),
@ -262,13 +262,13 @@
w * 512, h * 512, '', 'Scoopit', null, null, this.getTagsForStencil(gn, 'scoopit', dt).join(' ')),
this.createVertexTemplateEntry(s + 'scribd;fillColor=#1D637D;gradientColor=#071920',
w * 512, h * 512, '', 'Scribd', null, null, this.getTagsForStencil(gn, 'scribd', dt).join(' ')),
this.createVertexTemplateEntry(s + 'segnalo;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'segnalo;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Segnalo', null, null, this.getTagsForStencil(gn, 'segnalo', dt).join(' ')),
this.createVertexTemplateEntry(s + 'sina;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'sina;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Sina', null, null, this.getTagsForStencil(gn, 'sina', dt).join(' ')),
this.createVertexTemplateEntry(s + 'sitejot;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'sitejot;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Sitejot', null, null, this.getTagsForStencil(gn, 'sitejot', dt).join(' ')),
this.createVertexTemplateEntry(s + 'skype;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'skype;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Skype', null, null, this.getTagsForStencil(gn, 'skype', dt).join(' ')),
this.createVertexTemplateEntry(s + 'skyrock;fillColor=#47B8FF;gradientColor=#006AAD',
w * 512, h * 512, '', 'Skyrock', null, null, this.getTagsForStencil(gn, 'skyrock', dt).join(' ')),
@ -284,15 +284,15 @@
w * 512, h * 512, '', 'Sonico', null, null, this.getTagsForStencil(gn, 'sonico', dt).join(' ')),
this.createVertexTemplateEntry(s + 'soundcloud;fillColor=#F78E11;gradientColor=#F93A0E',
w * 512, h * 512, '', 'Soundcloud', null, null, this.getTagsForStencil(gn, 'soundcloud', dt).join(' ')),
this.createVertexTemplateEntry(s + 'sourceforge;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'sourceforge;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Sourceforge', null, null, this.getTagsForStencil(gn, 'sourceforge', dt).join(' ')),
this.createVertexTemplateEntry(s + 'sourceforge_2;fillColor=#0078AF;gradientColor=#00385E',
w * 512, h * 512, '', 'Sourceforge', null, null, this.getTagsForStencil(gn, 'sourceforge', dt).join(' ')),
this.createVertexTemplateEntry(s + 'spring.me;fillColor=#3CBEF2;gradientColor=#2B8AAF',
w * 512, h * 512, '', 'Spring.me', null, null, this.getTagsForStencil(gn, 'spring me', dt).join(' ')),
this.createVertexTemplateEntry(s + 'stackexchange;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'stackexchange;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Stackexchange', null, null, this.getTagsForStencil(gn, 'stackexchange stack exchange', dt).join(' ')),
this.createVertexTemplateEntry(s + 'stackoverflow;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'stackoverflow;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'StackOverflow', null, null, this.getTagsForStencil(gn, 'stackoverflow stack overflow', dt).join(' ')),
this.createVertexTemplateEntry(s + 'startaid;fillColor=#47B0E5;gradientColor=#2F7599',
w * 512, h * 512, '', 'Startaid', null, null, this.getTagsForStencil(gn, 'startaid', dt).join(' ')),
@ -302,27 +302,27 @@
w * 512, h * 512, '', 'Steam', null, null, this.getTagsForStencil(gn, 'steam', dt).join(' ')),
this.createVertexTemplateEntry(s + 'stumbleupon;fillColor=#FA823C;gradientColor=#E12110',
w * 512, h * 512, '', 'StumbleUpon', null, null, this.getTagsForStencil(gn, 'stumbleupon', dt).join(' ')),
this.createVertexTemplateEntry(s + 'stumpedia;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'stumpedia;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Stumpedia', null, null, this.getTagsForStencil(gn, 'stumpedia', dt).join(' ')),
this.createVertexTemplateEntry(s + 'technorati;fillColor=#99EC92;gradientColor=#288925',
w * 512, h * 512, '', 'Technorati', null, null, this.getTagsForStencil(gn, 'technorati', dt).join(' ')),
this.createVertexTemplateEntry(s + 'translate;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'translate;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Translate', null, null, this.getTagsForStencil(gn, 'translate', dt).join(' ')),
this.createVertexTemplateEntry(s + 'tumblr;fillColor=#588BBC;gradientColor=#172330',
w * 512, h * 512, '', 'Tumblr', null, null, this.getTagsForStencil(gn, 'tumblr', dt).join(' ')),
this.createVertexTemplateEntry(s + 'tunein;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'tunein;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Tunein', null, null, this.getTagsForStencil(gn, 'tunein', dt).join(' ')),
this.createVertexTemplateEntry(s + 'twitter;fillColor=#49EAF7;gradientColor=#137BD0',
w * 512, h * 512, '', 'Twitter', null, null, this.getTagsForStencil(gn, 'twitter', dt).join(' ')),
this.createVertexTemplateEntry(s + 'two;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'two;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Two', null, null, this.getTagsForStencil(gn, 'two', dt).join(' ')),
this.createVertexTemplateEntry(s + 'typepad;fillColor=#CBD372;gradientColor=#818748',
w * 512, h * 512, '', 'Typepad', null, null, this.getTagsForStencil(gn, 'typepad', dt).join(' ')),
this.createVertexTemplateEntry(s + 'viadeo;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'viadeo;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Viadeo', null, null, this.getTagsForStencil(gn, 'viadeo', dt).join(' ')),
this.createVertexTemplateEntry(s + 'viber;fillColor=#9964C4;gradientColor=#52366B',
w * 512, h * 512, '', 'Viber', null, null, this.getTagsForStencil(gn, 'viber', dt).join(' ')),
this.createVertexTemplateEntry(s + 'viddler;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'viddler;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Viddler', null, null, this.getTagsForStencil(gn, 'viddler', dt).join(' ')),
this.createVertexTemplateEntry(s + 'vimeo;fillColor=#A4EDF9;gradientColor=#2B8ED9',
w * 512, h * 512, '', 'Vimeo', null, null, this.getTagsForStencil(gn, 'vimeo', dt).join(' ')),
@ -330,7 +330,7 @@
w * 512, h * 512, '', 'Virb', null, null, this.getTagsForStencil(gn, 'virb', dt).join(' ')),
this.createVertexTemplateEntry(s + 'vkontakte;fillColor=#5F94CC;gradientColor=#39587A',
w * 512, h * 512, '', 'Vkontakte', null, null, this.getTagsForStencil(gn, 'vkontakte', dt).join(' ')),
this.createVertexTemplateEntry(s + 'wakoopa;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'wakoopa;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Wakoopa', null, null, this.getTagsForStencil(gn, 'wakoopa', dt).join(' ')),
this.createVertexTemplateEntry(s + 'weheartit;fillColor=#FF7AA2;gradientColor=#FF4577',
w * 512, h * 512, '', 'Weheartit', null, null, this.getTagsForStencil(gn, 'weheartit', dt).join(' ')),
@ -342,11 +342,11 @@
w * 512, h * 512, '', 'Wordpress', null, null, this.getTagsForStencil(gn, 'wordpress', dt).join(' ')),
this.createVertexTemplateEntry(s + 'wordpress_2;fillColor=#35E2EE;gradientColor=#0E4D99',
w * 512, h * 512, '', 'Wordpress', null, null, this.getTagsForStencil(gn, 'wordpress', dt).join(' ')),
this.createVertexTemplateEntry(s + 'xanga;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'xanga;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Xanga', null, null, this.getTagsForStencil(gn, 'xanga', dt).join(' ')),
this.createVertexTemplateEntry(s + 'xerpi;fillColor=#7F719B;gradientColor=#32264B',
w * 512, h * 512, '', 'Xerpi', null, null, this.getTagsForStencil(gn, 'xerpi', dt).join(' ')),
this.createVertexTemplateEntry(s + 'xing;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'xing;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Xing', null, null, this.getTagsForStencil(gn, 'xing', dt).join(' ')),
this.createVertexTemplateEntry(s + 'yahoo;fillColor=#AC37AE;gradientColor=#2E0E2D',
w * 512, h * 512, '', 'Yahoo', null, null, this.getTagsForStencil(gn, 'yahoo', dt).join(' ')),
@ -354,13 +354,13 @@
w * 512, h * 512, '', 'Yahoo', null, null, this.getTagsForStencil(gn, 'yahoo', dt).join(' ')),
this.createVertexTemplateEntry(s + 'yammer;fillColor=#00AFE0;gradientColor=#005F7A',
w * 512, h * 512, '', 'Yammer', null, null, this.getTagsForStencil(gn, 'yammer', dt).join(' ')),
this.createVertexTemplateEntry(s + 'yandex;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'yandex;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Yandex', null, null, this.getTagsForStencil(gn, 'yandex', dt).join(' ')),
this.createVertexTemplateEntry(s + 'yelp;fillColor=#EF5140;gradientColor=#9C1410',
w * 512, h * 512, '', 'Yelp', null, null, this.getTagsForStencil(gn, 'yelp', dt).join(' ')),
this.createVertexTemplateEntry(s + 'yoolink;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'yoolink;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Yoolink', null, null, this.getTagsForStencil(gn, 'yoolink', dt).join(' ')),
this.createVertexTemplateEntry(s + 'youmob;fillColor=#FFFFFF;gradientColor=#DFDEDE',
this.createVertexTemplateEntry(s + 'youmob;gradientColor=#DFDEDE',
w * 512, h * 512, '', 'Youmob', null, null, this.getTagsForStencil(gn, 'youmob', dt).join(' '))
]);
};
@ -459,7 +459,7 @@
w * 360, h * 360, '', 'Designfloat', null, null, this.getTagsForStencil(gn, 'designfloat', dt).join(' ')),
this.createVertexTemplateEntry(s + 'deviantart;fillColor=#009544;strokeColor=none;',
w * 310, h * 432, '', 'Deviantart', null, null, this.getTagsForStencil(gn, 'deviantart', dt).join(' ')),
this.createVertexTemplateEntry(s + 'digg;fillColor=#ffffff',
this.createVertexTemplateEntry(s + 'digg',
w * 290, h * 280, '', 'Digg', null, null, this.getTagsForStencil(gn, 'digg', dt).join(' ')),
this.createVertexTemplateEntry(s + 'diigo;fillColor=#2973D2;strokeColor=none',
w * 306, h * 344, '', 'Diigo', null, null, this.getTagsForStencil(gn, 'diiigo', dt).join(' ')),

1053
src/main/webapp/js/viewer.min.js vendored
View file

File diff suppressed because it is too large Load diff