1(function() 2{ 3 // Adds Lean Mapping shapes 4 Sidebar.prototype.addLeanMappingPalette = function() 5 { 6 var w = 100; 7 var h = 100; 8 var s = mxConstants.STYLE_STROKEWIDTH + '=2;html=1;shape=mxgraph.lean_mapping.'; 9 var s2 = mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;html=1;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;strokeWidth=2;shape=mxgraph.lean_mapping.'; 10 var sb = this; 11 12 //default tags 13 var dt = 'value stream lean mapping '; 14 var gn = 'mxgraph.lean_mapping'; 15 this.setCurrentSearchEntryLibrary('lean_mapping'); 16 17 var fns = 18 [ 19 this.createVertexTemplateEntry(s2 + 'boat_shipment;align=center;', w, h, '', 'Boat Shipment', null, null, this.getTagsForStencil(gn, 'boat_shipment', dt).join(' ')), 20 this.addDataEntry(dt + 'data box', 60, 100, 'Data Box', 21 '1ZVfT8MgFMU/Da9LB7Pude10LxofNPFxuRZWiLQQirP10wstczbd4p9osz00uT2XA/f8HgCRtKhXBjS/VZRJRK4QSY1StquKOmVSIhwJisgSYRy5D+HrI91p2400GFba7xhwZ9iCfGGd0gmVbWQQKmvUM3sU1HInYEQSbgs36HLqyoqD9uuKOvcZJpJBuS5Aa1HmEwoW1k+q7lvCicxYVh+dupXCyCumCmZN45a8hilcN+6CRZyJnO9cURCh6oT8w7pn4IqA4TASMkDiLQ87Op/RuATu5GSjSnsv3rw490w0ZC7+DdvYAMyHFRnIhRR56WkJSv0eP8aCf4UF/wGV2UEqd6dMpemnHwHSxQBSAjbjZwBpNh6keABpsQUhzwBSPB6ky6/v5RODM/83OO53/yC2vd57+Q4='), 22 23 this.createVertexTemplateEntry(s + 'outside_sources;whiteSpace=wrap;align=center;', w, h * 0.7, 24 '<table cellpadding="5" cellspacing="0" style="font-size:1em;width:100%;height:100%;">' + 25 '<tr><td height="50%"></td></tr>' + 26 '<tr><td align="center" height="50%">XYZ Corp</td></tr></table>', 27 'Customer/Supplier', null, null, this.getTagsForStencil(gn, 'outside_sources', dt).join(' ')), 28 29 this.addEntry(dt + 'dedicated process manufacturing', function() 30 { 31 var bg = new mxCell('\nDescription', new mxGeometry(0, 0, 100, 70), s + 'manufacturing_process;fontSize=12;verticalAlign=middle;html=1;align=center;whiteSpace=wrap;'); 32 bg.vertex = true; 33 var text1 = new mxCell('Process', new mxGeometry(0, 0, 100, 13), 'text;fontSize=12;spacingLeft=2;verticalAlign=top;html=1;align=center;spacingTop=-5;resizeWidth=1;'); 34 text1.vertex = true; 35 bg.insert(text1); 36 37 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Dedicated Process'); 38 }), 39 40 this.createVertexTemplateEntry(s + 'manufacturing_process_shared;spacingTop=-5;align=center;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;', w, h * 0.7, 41 'Process', 42 'Shared Process', null, null, this.getTagsForStencil(gn, 'manufacturing_process_shared', dt).join(' ')), 43 this.createVertexTemplateEntry(s2 + 'work_cell;pointerEvents=1;', w * 0.7, h * 0.6, '', 'Workcell', null, null, this.getTagsForStencil(gn, 'work_cell', dt).join(' ')), 44 this.createVertexTemplateEntry(s2 + 'inventory_box;', w, h * 0.9, '', 'Inventory Box', null, null, this.getTagsForStencil(gn, 'inventory_box', dt).join(' ')), 45 this.createVertexTemplateEntry(s2 + 'push_arrow;', w, h * 0.3,'', 'Push Arrow', null, null, this.getTagsForStencil(gn, 'push_arrow', dt).join(' ')), 46 this.createVertexTemplateEntry(s + 'supermarket;', w * 0.6, h,'', 'Supermarket', null, null, this.getTagsForStencil(gn, 'supermarket', dt).join(' ')), 47 this.createVertexTemplateEntry(s2 + 'physical_pull;pointerEvents=1;', w, h,'', 'Material Pull', null, null, this.getTagsForStencil(gn, 'physical_pull', dt + 'circular arrow').join(' ')), 48 this.createVertexTemplateEntry(s + 'fifo_lane;overflow=fill;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;align=center;', w, h * 0.5, 49 '<table cellpadding="0" cellspacing="0" style="font-size:1em;width:100%;height:100%;">' + 50 '<tr><td height="0%">MAX=XX</td></tr>' + 51 '<tr><td align="center" height="100%"></td></tr></table>', 52 'FIFO Lane', null, null, this.getTagsForStencil(gn, 'fifo_lane', dt).join(' ')), 53 this.createVertexTemplateEntry(s + 'buffer_or_safety_stock;', w * 0.4, h,'', 'Safety Stock', null, null, this.getTagsForStencil(gn, 'buffer_or_safety_stock', dt).join(' ')), 54 55 this.addEntry(this.getTagsForStencil(gn, 'truck_shipment', dt).join(' '), function() 56 { 57 var bg = new mxCell('', new mxGeometry(0, 0, 100, 100), s + 'truck_shipment;'); 58 bg.vertex = true; 59 var text1 = new mxCell('2x per\nWeek', new mxGeometry(0, 0, 60, 80), 'text;fontSize=12;verticalAlign=middle;html=1;align=center;whiteSpace=wrap;'); 60 text1.vertex = true; 61 bg.insert(text1); 62 63 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Truck Shipment'); 64 }), 65 66 this.createVertexTemplateEntry(s + 'schedule;whiteSpace=wrap;align=center;', w, h * 0.7, 'Production\nControl', 'Production Control', null, null, this.getTagsForStencil(gn, 'schedule', dt).join(' ')), 67 this.createVertexTemplateEntry(s + 'schedule;whiteSpace=wrap;align=center;', w, h * 0.7, 'Other\nInformation', 'Other Information', null, null, this.getTagsForStencil(gn, 'schedule', dt).join(' ')), 68 this.createVertexTemplateEntry(s2 + 'go_see_production_scheduling;pointerEvents=1;', 92, 60, '', 'Go See Production Scheduling', null, null, this.getTagsForStencil(gn, 'go_see_production_scheduling', dt).join(' ')), 69 70 this.addEntry(this.getTagsForStencil(gn, 'kaizen_lightening_burst', dt).join(' '), function() 71 { 72 var bg = new mxCell('', new mxGeometry(0, 0, 90, 40), s2 + 'kaizen_lightening_burst;'); 73 bg.vertex = true; 74 var text1 = new mxCell('', new mxGeometry(8, 8, 74, 24), 'rect;fillColor=#000000;strokeColor=none;'); 75 text1.vertex = true; 76 bg.insert(text1); 77 78 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Kaizen Lightening Burst'); 79 }), 80 81 this.createVertexTemplateEntry(s2 + 'kanban_post;', 50, 100, '', 'Kanban Post', null, null, this.getTagsForStencil(gn, 'kanban_post', dt).join(' ')), 82 this.createVertexTemplateEntry(s2 + 'load_leveling;', 100, 30, '', 'Load Leveling', null, null, this.getTagsForStencil(gn, 'load_leveling', dt).join(' ')), 83 this.createVertexTemplateEntry(s2 + 'move_by_forklift;', 92, 100, '', 'Move by Forklift', null, null, this.getTagsForStencil(gn, 'move_by_forklift', dt).join(' ')), 84 this.createVertexTemplateEntry(s + 'mrp_erp;whiteSpace=wrap;', 70, 100, '', 'MRP/ERP', null, null, this.getTagsForStencil(gn, 'mrp_erp', dt).join(' ')), 85 this.createVertexTemplateEntry(s2 + 'operator;', 100, 84, '', 'Operator', null, null, this.getTagsForStencil(gn, 'operator', dt).join(' ')), 86 this.createVertexTemplateEntry(s + 'quality_problem;fontSize=24;fontStyle=1;whiteSpace=wrap;align=center;', 80, 100, 'Q', 'Quality Problem', null, null, this.getTagsForStencil(gn, 'quality_problem', dt).join(' ')), 87 this.createVertexTemplateEntry(s2 + 'verbal;pointerEvents=1;', 50, 100, '', 'Verbal Information', null, null, this.getTagsForStencil(gn, 'verbal', dt).join(' ')), 88 this.createVertexTemplateEntry(s + 'fifo_sequence_flow;pointerEvents=1;fontStyle=0;fontSize=20;align=center;', w, h * 0.5, 'FIFO', 'FIFO Sequence', null, null, this.getTagsForStencil(gn, 'fifo_sequence_flow', dt).join(' ')), 89 this.createVertexTemplateEntry(s + 'production_kanban;overflow=fill;', w, h, 90 '<p style="font-size:2em;margin-right:35px;margin-top:13px;text-align:right">P</p>', 91 'Production Kanban', null, null, this.getTagsForStencil(gn, 'production_kanban', dt).join(' ')), 92 this.createVertexTemplateEntry(s + 'withdrawal_kanban;overflow=fill;', w, h, 93 '<p style="font-size:2em;margin-right:35px;margin-top:13px;text-align:right">W</p>', 94 'Withdrawal Kanban', null, null, this.getTagsForStencil(gn, 'withdrawal_kanban', dt).join(' ')), 95 this.createVertexTemplateEntry(s + 'signal_kanban;overflow=fill;', w, h * 0.9, 96 '<p style="font-size:2em;margin-right:35px;margin-top:4px;text-align:right">S</p>', 97 'Signal Kanban', null, null, this.getTagsForStencil(gn, 'signal_kanban', dt).join(' ')), 98 this.createVertexTemplateEntry(s2 + 'sequenced_pull_ball;', w * 0.6, h * 0.6, '', 'Sequenced Pull Ball', null, null, this.getTagsForStencil(gn, 'sequenced_pull_ball', dt).join(' ')), 99 this.createVertexTemplateEntry(s2 + 'rail_shipment;', w, h * 0.3, '', 'Rail Shipment', null, null, this.getTagsForStencil(gn, 'rail_shipment', dt).join(' ')), 100 this.createVertexTemplateEntry(s2 + 'airplane_7;', 100, 45, '', 'Air Freight', null, null, this.getTagsForStencil(gn, 'airplane_7', dt).join(' ')), 101 this.createVertexTemplateEntry(s2 + 'warehouse;', w, h * 0.6, '', 'Warehouse', null, null, this.getTagsForStencil(gn, 'warehouse', dt).join(' ')), 102 this.createVertexTemplateEntry(s2 + 'timeline2;dx1=0;dy1=1;dx2=30;dy2=0;dx3=160;dy3=1;dx4=230;dy4=0;dx5=310;dy5=1;dy6=0;', w * 4, h * 0.4, '', 'Timeline', null, null, this.getTagsForStencil(gn, 'timeline', dt).join(' ')), 103 this.createVertexTemplateEntry(s2 + 'crossDock;', w, h * 0.8, '', 'Cross-Dock', null, null, this.getTagsForStencil(gn, 'crossDock', dt).join(' ')), 104 this.createVertexTemplateEntry(s + 'orders;overflow=fill;', w, h * 0.6, 105 '<table cellpadding="0" cellspacing="0" style="font-size:1.5em;width:100%;height:100%;">' + 106 '<tr><td height="65%"></td></tr>' + 107 '<tr><td align="center" height="35%">IN</td></tr></table>', 108 'Orders', null, null, this.getTagsForStencil(gn, 'orders', dt).join(' ')), 109 this.createVertexTemplateEntry(s2 + 'batched_kanban;', w * 2, h * 0.8, '', 'Batched Kanban', null, null, this.getTagsForStencil(gn, 'batched_kanban', dt).join(' ')), 110 this.createVertexTemplateEntry(s2 + 'control_center;', w * 0.8, h * 0.8, '', 'Control Center', null, null, this.getTagsForStencil(gn, 'control_center', dt).join(' ')), 111 this.createEdgeTemplateEntry('shape=flexArrow;html=1;', 100, 100, '', 'Shipments', null, this.getTagsForStencil(gn, 'arrow', dt).join(' ')), 112 this.createEdgeTemplateEntry('shape=mxgraph.lean_mapping.manual_info_flow_edge;html=1;', 100, 100, 'Daily', 'Manual Information', null, this.getTagsForStencil(gn, 'manual_info_flow_edge', dt).join(' ')), 113 this.createEdgeTemplateEntry('shape=mxgraph.lean_mapping.electronic_info_flow_edge;html=1;', 100, 100, 'Monthly', 'Electronic Information', null, this.getTagsForStencil(gn, 'electronic_info_flow_edge', dt).join(' ')) 114 ]; 115 116 this.addPalette('lean_mapping', 'Value Stream Mapping', false, mxUtils.bind(this, function(content) 117 { 118 for (var i = 0; i < fns.length; i++) 119 { 120 content.appendChild(fns[i](content)); 121 } 122 })); 123 124 this.setCurrentSearchEntryLibrary(); 125 }; 126 127})(); 128