Mini Shell

document.addEventListener("DOMContentLoaded",function(){function getData(){return[["","Kia","Nissan","Toyota","Honda","Mazda","Ford"],["2012",10,11,12,13,15,16],["2013",10,11,12,13,15,16],["2014",10,11,12,13,15,16],["2015",10,11,12,13,15,16],["2016",10,11,12,13,15,16]]}function getCustomData(){return[["","Kia","Nissan","Toyota","Honda","Mazda","Ford"],["2012",10,11,12,13,15,16],["2013",10,11,12,13,15,16],["2014",10,11,12,13,15,16],["2015",10,11,12,13,15,16],["2016",10,11,12,13,15,16]]}function getData(){return[["","Kia","Nissan","Toyota","Honda","Mazda","Ford"],["2012",10,11,12,13,15,16],["2013",10,11,12,13,15,16],["2014",10,11,12,13,15,16],["2015",10,11,12,13,15,16],["2016",10,11,12,13,15,16]]}function getData(){return[["","Kia","Nissan","Toyota","Honda","Mazda","Ford"],["2012",10,11,12,13,15,16],["2013",10,11,12,13,15,16],["2014",10,11,12,13,15,16],["2015",10,11,12,13,15,16],["2016",10,11,12,13,15,16]]}var settings1,hot1,example1=document.getElementById("context");settings1={data:getData(),rowHeaders:!0,colHeaders:!0,contextMenu:!0},hot1=new Handsontable(example1,settings1);var settings3,hot3,example3=document.getElementById("configuration");settings3={data:getCustomData(),rowHeaders:!0,colHeaders:!0},hot3=new Handsontable(example3,settings3),hot3.updateSettings({contextMenu:{callback:function(key,options){"about"===key&&setTimeout(function(){alert("This is a context menu with default and custom options mixed")},100)},items:{row_above:{disabled:function(){return 0===hot3.getSelected()[0]}},row_below:{},hsep1:"---------",remove_row:{name:"Remove this row, ok?",disabled:function(){return 0===hot3.getSelected()[0]}},hsep2:"---------",about:{name:"About this menu"}}}});var hot4,copyPaste=document.getElementById("copyPaste");hot4=new Handsontable(copyPaste,{data:getData(),rowHeaders:!0,colHeaders:!0,contextMenu:!0,contextMenuCopyPaste:{swfPath:"/bower_components/zeroclipboard/dist/ZeroClipboard.swf"}});var hot,data=[["","Kia","Nissan","Toyota","Honda","Mazda","Ford"],["2012",10,11,12,13,15,16],["2013",10,11,12,13,15,16],["2014",10,11,12,13,15,16],["2015",10,11,12,13,15,16],["2016",10,11,12,13,15,16]],container=document.getElementById("buttons"),selectFirst=document.getElementById("selectFirst"),rowHeaders=document.getElementById("rowHeaders"),colHeaders=document.getElementById("colHeaders");hot=new Handsontable(container,{rowHeaders:!0,colHeaders:!0,outsideClickDeselects:!1,removeRowPlugin:!0}),hot.loadData(data),Handsontable.Dom.addEvent(selectFirst,"click",function(){hot.selectCell(0,0)}),Handsontable.Dom.addEvent(rowHeaders,"click",function(){hot.updateSettings({rowHeaders:this.checked})}),Handsontable.Dom.addEvent(colHeaders,"click",function(){hot.updateSettings({colHeaders:this.checked})});var hot1,container=document.getElementById("comments");hot1=new Handsontable(container,{data:getData(),rowHeaders:!0,colHeaders:!0,contextMenu:!0,comments:!0,cell:[{row:1,col:1,comment:"Some comment"},{row:2,col:2,comment:"More comments"}]})});