src/bootstrap-select/dist/bootstrap-select.min.css

-/*!
- * Bootstrap-select v1.12.4 (http://silviomoreto.github.io/bootstrap-select)
- *
- * Copyright 2013-2017 bootstrap-select
- * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
- */select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
\ No newline at end of file

src/bootstrap-treeview/dist/bootstrap-treeview.min.css

-.treeview .list-group-item{cursor:pointer}.treeview span.indent{margin-left:10px;margin-right:10px}.treeview span.icon{width:12px;margin-right:5px}.treeview .node-disabled{color:silver;cursor:not-allowed}
\ No newline at end of file

src/bootstrap-treeview/dist/bootstrap-treeview.min.js

-!function(a,b,c,d){"use strict";var e="treeview",f={};f.settings={injectStyle:!0,levels:2,expandIcon:"glyphicon glyphicon-plus",collapseIcon:"glyphicon glyphicon-minus",emptyIcon:"glyphicon",nodeIcon:"",selectedIcon:"",checkedIcon:"glyphicon glyphicon-check",uncheckedIcon:"glyphicon glyphicon-unchecked",color:d,backColor:d,borderColor:d,onhoverColor:"#F5F5F5",selectedColor:"#FFFFFF",selectedBackColor:"#428bca",searchResultColor:"#D9534F",searchResultBackColor:d,enableLinks:!1,highlightSelected:!0,highlightSearchResults:!0,showBorder:!0,showIcon:!0,showCheckbox:!1,showTags:!1,multiSelect:!1,onNodeChecked:d,onNodeCollapsed:d,onNodeDisabled:d,onNodeEnabled:d,onNodeExpanded:d,onNodeSelected:d,onNodeUnchecked:d,onNodeUnselected:d,onSearchComplete:d,onSearchCleared:d},f.options={silent:!1,ignoreChildren:!1},f.searchOptions={ignoreCase:!0,exactMatch:!1,revealResults:!0};var g=function(b,c){return this.$element=a(b),this.elementId=b.id,this.styleId=this.elementId+"-style",this.init(c),{options:this.options,init:a.proxy(this.init,this),remove:a.proxy(this.remove,this),getNode:a.proxy(this.getNode,this),getParent:a.proxy(this.getParent,this),getSiblings:a.proxy(this.getSiblings,this),getSelected:a.proxy(this.getSelected,this),getUnselected:a.proxy(this.getUnselected,this),getExpanded:a.proxy(this.getExpanded,this),getCollapsed:a.proxy(this.getCollapsed,this),getChecked:a.proxy(this.getChecked,this),getUnchecked:a.proxy(this.getUnchecked,this),getDisabled:a.proxy(this.getDisabled,this),getEnabled:a.proxy(this.getEnabled,this),selectNode:a.proxy(this.selectNode,this),unselectNode:a.proxy(this.unselectNode,this),toggleNodeSelected:a.proxy(this.toggleNodeSelected,this),collapseAll:a.proxy(this.collapseAll,this),collapseNode:a.proxy(this.collapseNode,this),expandAll:a.proxy(this.expandAll,this),expandNode:a.proxy(this.expandNode,this),toggleNodeExpanded:a.proxy(this.toggleNodeExpanded,this),revealNode:a.proxy(this.revealNode,this),checkAll:a.proxy(this.checkAll,this),checkNode:a.proxy(this.checkNode,this),uncheckAll:a.proxy(this.uncheckAll,this),uncheckNode:a.proxy(this.uncheckNode,this),toggleNodeChecked:a.proxy(this.toggleNodeChecked,this),disableAll:a.proxy(this.disableAll,this),disableNode:a.proxy(this.disableNode,this),enableAll:a.proxy(this.enableAll,this),enableNode:a.proxy(this.enableNode,this),toggleNodeDisabled:a.proxy(this.toggleNodeDisabled,this),search:a.proxy(this.search,this),clearSearch:a.proxy(this.clearSearch,this)}};g.prototype.init=function(b){this.tree=[],this.nodes=[],b.data&&("string"==typeof b.data&&(b.data=a.parseJSON(b.data)),this.tree=a.extend(!0,[],b.data),delete b.data),this.options=a.extend({},f.settings,b),this.destroy(),this.subscribeEvents(),this.setInitialStates({nodes:this.tree},0),this.render()},g.prototype.remove=function(){this.destroy(),a.removeData(this,e),a("#"+this.styleId).remove()},g.prototype.destroy=function(){this.initialized&&(this.$wrapper.remove(),this.$wrapper=null,this.unsubscribeEvents(),this.initialized=!1)},g.prototype.unsubscribeEvents=function(){this.$element.off("click"),this.$element.off("nodeChecked"),this.$element.off("nodeCollapsed"),this.$element.off("nodeDisabled"),this.$element.off("nodeEnabled"),this.$element.off("nodeExpanded"),this.$element.off("nodeSelected"),this.$element.off("nodeUnchecked"),this.$element.off("nodeUnselected"),this.$element.off("searchComplete"),this.$element.off("searchCleared")},g.prototype.subscribeEvents=function(){this.unsubscribeEvents(),this.$element.on("click",a.proxy(this.clickHandler,this)),"function"==typeof this.options.onNodeChecked&&this.$element.on("nodeChecked",this.options.onNodeChecked),"function"==typeof this.options.onNodeCollapsed&&this.$element.on("nodeCollapsed",this.options.onNodeCollapsed),"function"==typeof this.options.onNodeDisabled&&this.$element.on("nodeDisabled",this.options.onNodeDisabled),"function"==typeof this.options.onNodeEnabled&&this.$element.on("nodeEnabled",this.options.onNodeEnabled),"function"==typeof this.options.onNodeExpanded&&this.$element.on("nodeExpanded",this.options.onNodeExpanded),"function"==typeof this.options.onNodeSelected&&this.$element.on("nodeSelected",this.options.onNodeSelected),"function"==typeof this.options.onNodeUnchecked&&this.$element.on("nodeUnchecked",this.options.onNodeUnchecked),"function"==typeof this.options.onNodeUnselected&&this.$element.on("nodeUnselected",this.options.onNodeUnselected),"function"==typeof this.options.onSearchComplete&&this.$element.on("searchComplete",this.options.onSearchComplete),"function"==typeof this.options.onSearchCleared&&this.$element.on("searchCleared",this.options.onSearchCleared)},g.prototype.setInitialStates=function(b,c){if(b.nodes){c+=1;var d=b,e=this;a.each(b.nodes,function(a,b){b.nodeId=e.nodes.length,b.parentId=d.nodeId,b.hasOwnProperty("selectable")||(b.selectable=!0),b.state=b.state||{},b.state.hasOwnProperty("checked")||(b.state.checked=!1),b.state.hasOwnProperty("disabled")||(b.state.disabled=!1),b.state.hasOwnProperty("expanded")||(!b.state.disabled&&c<e.options.levels&&b.nodes&&b.nodes.length>0?b.state.expanded=!0:b.state.expanded=!1),b.state.hasOwnProperty("selected")||(b.state.selected=!1),e.nodes.push(b),b.nodes&&e.setInitialStates(b,c)})}},g.prototype.clickHandler=function(b){this.options.enableLinks||b.preventDefault();var c=a(b.target),d=this.findNode(c);if(d&&!d.state.disabled){var e=c.attr("class")?c.attr("class").split(" "):[];-1!==e.indexOf("expand-icon")?(this.toggleExpandedState(d,f.options),this.render()):-1!==e.indexOf("check-icon")?(this.toggleCheckedState(d,f.options),this.render()):(d.selectable?this.toggleSelectedState(d,f.options):this.toggleExpandedState(d,f.options),this.render())}},g.prototype.findNode=function(a){var b=a.closest("li.list-group-item").attr("data-nodeid"),c=this.nodes[b];return c||console.log("Error: node does not exist"),c},g.prototype.toggleExpandedState=function(a,b){a&&this.setExpandedState(a,!a.state.expanded,b)},g.prototype.setExpandedState=function(b,c,d){c!==b.state.expanded&&(c&&b.nodes?(b.state.expanded=!0,d.silent||this.$element.trigger("nodeExpanded",a.extend(!0,{},b))):c||(b.state.expanded=!1,d.silent||this.$element.trigger("nodeCollapsed",a.extend(!0,{},b)),b.nodes&&!d.ignoreChildren&&a.each(b.nodes,a.proxy(function(a,b){this.setExpandedState(b,!1,d)},this))))},g.prototype.toggleSelectedState=function(a,b){a&&this.setSelectedState(a,!a.state.selected,b)},g.prototype.setSelectedState=function(b,c,d){c!==b.state.selected&&(c?(this.options.multiSelect||a.each(this.findNodes("true","g","state.selected"),a.proxy(function(a,b){this.setSelectedState(b,!1,d)},this)),b.state.selected=!0,d.silent||this.$element.trigger("nodeSelected",a.extend(!0,{},b))):(b.state.selected=!1,d.silent||this.$element.trigger("nodeUnselected",a.extend(!0,{},b))))},g.prototype.toggleCheckedState=function(a,b){a&&this.setCheckedState(a,!a.state.checked,b)},g.prototype.setCheckedState=function(b,c,d){c!==b.state.checked&&(c?(b.state.checked=!0,d.silent||this.$element.trigger("nodeChecked",a.extend(!0,{},b))):(b.state.checked=!1,d.silent||this.$element.trigger("nodeUnchecked",a.extend(!0,{},b))))},g.prototype.setDisabledState=function(b,c,d){c!==b.state.disabled&&(c?(b.state.disabled=!0,this.setExpandedState(b,!1,d),this.setSelectedState(b,!1,d),this.setCheckedState(b,!1,d),d.silent||this.$element.trigger("nodeDisabled",a.extend(!0,{},b))):(b.state.disabled=!1,d.silent||this.$element.trigger("nodeEnabled",a.extend(!0,{},b))))},g.prototype.render=function(){this.initialized||(this.$element.addClass(e),this.$wrapper=a(this.template.list),this.injectStyle(),this.initialized=!0),this.$element.empty().append(this.$wrapper.empty()),this.buildTree(this.tree,0)},g.prototype.buildTree=function(b,c){if(b){c+=1;var d=this;a.each(b,function(b,e){for(var f=a(d.template.item).addClass("node-"+d.elementId).addClass(e.state.checked?"node-checked":"").addClass(e.state.disabled?"node-disabled":"").addClass(e.state.selected?"node-selected":"").addClass(e.searchResult?"search-result":"").attr("data-nodeid",e.nodeId).attr("style",d.buildStyleOverride(e)),g=0;c-1>g;g++)f.append(d.template.indent);var h=[];if(e.nodes?(h.push("expand-icon"),h.push(e.state.expanded?d.options.collapseIcon:d.options.expandIcon)):h.push(d.options.emptyIcon),f.append(a(d.template.icon).addClass(h.join(" "))),d.options.showIcon){var h=["node-icon"];h.push(e.icon||d.options.nodeIcon),e.state.selected&&(h.pop(),h.push(e.selectedIcon||d.options.selectedIcon||e.icon||d.options.nodeIcon)),f.append(a(d.template.icon).addClass(h.join(" ")))}if(d.options.showCheckbox){var h=["check-icon"];h.push(e.state.checked?d.options.checkedIcon:d.options.uncheckedIcon),f.append(a(d.template.icon).addClass(h.join(" ")))}return f.append(d.options.enableLinks?a(d.template.link).attr("href",e.href).append(e.text):e.text),d.options.showTags&&e.tags&&a.each(e.tags,function(b,c){f.append(a(d.template.badge).append(c))}),d.$wrapper.append(f),e.nodes&&e.state.expanded&&!e.state.disabled?d.buildTree(e.nodes,c):void 0})}},g.prototype.buildStyleOverride=function(a){if(a.state.disabled)return"";var b=a.color,c=a.backColor;return this.options.highlightSelected&&a.state.selected&&(this.options.selectedColor&&(b=this.options.selectedColor),this.options.selectedBackColor&&(c=this.options.selectedBackColor)),this.options.highlightSearchResults&&a.searchResult&&!a.state.disabled&&(this.options.searchResultColor&&(b=this.options.searchResultColor),this.options.searchResultBackColor&&(c=this.options.searchResultBackColor)),"color:"+b+";background-color:"+c+";"},g.prototype.injectStyle=function(){this.options.injectStyle&&!c.getElementById(this.styleId)&&a('<style type="text/css" id="'+this.styleId+'"> '+this.buildStyle()+" </style>").appendTo("head")},g.prototype.buildStyle=function(){var a=".node-"+this.elementId+"{";return this.options.color&&(a+="color:"+this.options.color+";"),this.options.backColor&&(a+="background-color:"+this.options.backColor+";"),this.options.showBorder?this.options.borderColor&&(a+="border:1px solid "+this.options.borderColor+";"):a+="border:none;",a+="}",this.options.onhoverColor&&(a+=".node-"+this.elementId+":not(.node-disabled):hover{background-color:"+this.options.onhoverColor+";}"),this.css+a},g.prototype.template={list:'<ul class="list-group"></ul>',item:'<li class="list-group-item"></li>',indent:'<span class="indent"></span>',icon:'<span class="icon"></span>',link:'<a href="#" style="color:inherit;"></a>',badge:'<span class="badge"></span>'},g.prototype.css=".treeview .list-group-item{cursor:pointer}.treeview span.indent{margin-left:10px;margin-right:10px}.treeview span.icon{width:12px;margin-right:5px}.treeview .node-disabled{color:silver;cursor:not-allowed}",g.prototype.getNode=function(a){return this.nodes[a]},g.prototype.getParent=function(a){var b=this.identifyNode(a);return this.nodes[b.parentId]},g.prototype.getSiblings=function(a){var b=this.identifyNode(a),c=this.getParent(b),d=c?c.nodes:this.tree;return d.filter(function(a){return a.nodeId!==b.nodeId})},g.prototype.getSelected=function(){return this.findNodes("true","g","state.selected")},g.prototype.getUnselected=function(){return this.findNodes("false","g","state.selected")},g.prototype.getExpanded=function(){return this.findNodes("true","g","state.expanded")},g.prototype.getCollapsed=function(){return this.findNodes("false","g","state.expanded")},g.prototype.getChecked=function(){return this.findNodes("true","g","state.checked")},g.prototype.getUnchecked=function(){return this.findNodes("false","g","state.checked")},g.prototype.getDisabled=function(){return this.findNodes("true","g","state.disabled")},g.prototype.getEnabled=function(){return this.findNodes("false","g","state.disabled")},g.prototype.selectNode=function(b,c){this.forEachIdentifier(b,c,a.proxy(function(a,b){this.setSelectedState(a,!0,b)},this)),this.render()},g.prototype.unselectNode=function(b,c){this.forEachIdentifier(b,c,a.proxy(function(a,b){this.setSelectedState(a,!1,b)},this)),this.render()},g.prototype.toggleNodeSelected=function(b,c){this.forEachIdentifier(b,c,a.proxy(function(a,b){this.toggleSelectedState(a,b)},this)),this.render()},g.prototype.collapseAll=function(b){var c=this.findNodes("true","g","state.expanded");this.forEachIdentifier(c,b,a.proxy(function(a,b){this.setExpandedState(a,!1,b)},this)),this.render()},g.prototype.collapseNode=function(b,c){this.forEachIdentifier(b,c,a.proxy(function(a,b){this.setExpandedState(a,!1,b)},this)),this.render()},g.prototype.expandAll=function(b){if(b=a.extend({},f.options,b),b&&b.levels)this.expandLevels(this.tree,b.levels,b);else{var c=this.findNodes("false","g","state.expanded");this.forEachIdentifier(c,b,a.proxy(function(a,b){this.setExpandedState(a,!0,b)},this))}this.render()},g.prototype.expandNode=function(b,c){this.forEachIdentifier(b,c,a.proxy(function(a,b){this.setExpandedState(a,!0,b),a.nodes&&b&&b.levels&&this.expandLevels(a.nodes,b.levels-1,b)},this)),this.render()},g.prototype.expandLevels=function(b,c,d){d=a.extend({},f.options,d),a.each(b,a.proxy(function(a,b){this.setExpandedState(b,c>0?!0:!1,d),b.nodes&&this.expandLevels(b.nodes,c-1,d)},this))},g.prototype.revealNode=function(b,c){this.forEachIdentifier(b,c,a.proxy(function(a,b){for(var c=this.getParent(a);c;)this.setExpandedState(c,!0,b),c=this.getParent(c)},this)),this.render()},g.prototype.toggleNodeExpanded=function(b,c){this.forEachIdentifier(b,c,a.proxy(function(a,b){this.toggleExpandedState(a,b)},this)),this.render()},g.prototype.checkAll=function(b){var c=this.findNodes("false","g","state.checked");this.forEachIdentifier(c,b,a.proxy(function(a,b){this.setCheckedState(a,!0,b)},this)),this.render()},g.prototype.checkNode=function(b,c){this.forEachIdentifier(b,c,a.proxy(function(a,b){this.setCheckedState(a,!0,b)},this)),this.render()},g.prototype.uncheckAll=function(b){var c=this.findNodes("true","g","state.checked");this.forEachIdentifier(c,b,a.proxy(function(a,b){this.setCheckedState(a,!1,b)},this)),this.render()},g.prototype.uncheckNode=function(b,c){this.forEachIdentifier(b,c,a.proxy(function(a,b){this.setCheckedState(a,!1,b)},this)),this.render()},g.prototype.toggleNodeChecked=function(b,c){this.forEachIdentifier(b,c,a.proxy(function(a,b){this.toggleCheckedState(a,b)},this)),this.render()},g.prototype.disableAll=function(b){var c=this.findNodes("false","g","state.disabled");this.forEachIdentifier(c,b,a.proxy(function(a,b){this.setDisabledState(a,!0,b)},this)),this.render()},g.prototype.disableNode=function(b,c){this.forEachIdentifier(b,c,a.proxy(function(a,b){this.setDisabledState(a,!0,b)},this)),this.render()},g.prototype.enableAll=function(b){var c=this.findNodes("true","g","state.disabled");this.forEachIdentifier(c,b,a.proxy(function(a,b){this.setDisabledState(a,!1,b)},this)),this.render()},g.prototype.enableNode=function(b,c){this.forEachIdentifier(b,c,a.proxy(function(a,b){this.setDisabledState(a,!1,b)},this)),this.render()},g.prototype.toggleNodeDisabled=function(b,c){this.forEachIdentifier(b,c,a.proxy(function(a,b){this.setDisabledState(a,!a.state.disabled,b)},this)),this.render()},g.prototype.forEachIdentifier=function(b,c,d){c=a.extend({},f.options,c),b instanceof Array||(b=[b]),a.each(b,a.proxy(function(a,b){d(this.identifyNode(b),c)},this))},g.prototype.identifyNode=function(a){return"number"==typeof a?this.nodes[a]:a},g.prototype.search=function(b,c){c=a.extend({},f.searchOptions,c),this.clearSearch({render:!1});var d=[];if(b&&b.length>0){c.exactMatch&&(b="^"+b+"$");var e="g";c.ignoreCase&&(e+="i"),d=this.findNodes(b,e),a.each(d,function(a,b){b.searchResult=!0})}return c.revealResults?this.revealNode(d):this.render(),this.$element.trigger("searchComplete",a.extend(!0,{},d)),d},g.prototype.clearSearch=function(b){b=a.extend({},{render:!0},b);var c=a.each(this.findNodes("true","g","searchResult"),function(a,b){b.searchResult=!1});b.render&&this.render(),this.$element.trigger("searchCleared",a.extend(!0,{},c))},g.prototype.findNodes=function(b,c,d){c=c||"g",d=d||"text";var e=this;return a.grep(this.nodes,function(a){var f=e.getNodeValue(a,d);return"string"==typeof f?f.match(new RegExp(b,c)):void 0})},g.prototype.getNodeValue=function(a,b){var c=b.indexOf(".");if(c>0){var e=a[b.substring(0,c)],f=b.substring(c+1,b.length);return this.getNodeValue(e,f)}return a.hasOwnProperty(b)?a[b].toString():d};var h=function(a){b.console&&b.console.error(a)};a.fn[e]=function(b,c){var d;return this.each(function(){var f=a.data(this,e);"string"==typeof b?f?a.isFunction(f[b])&&"_"!==b.charAt(0)?(c instanceof Array||(c=[c]),d=f[b].apply(f,c)):h("No such method : "+b):h("Not initialized, can not call method : "+b):"boolean"==typeof b?d=f:a.data(this,e,new g(this,a.extend(!0,{},b)))}),d||this}}(jQuery,window,document);
\ No newline at end of file

src/dygraph/dist/dygraph-extra.js

-/*jslint vars: true, nomen: true, plusplus: true, maxerr: 500, indent: 4 */
-
-/**
- * @license
- * Copyright 2011 Juan Manuel Caicedo Carvajal (juan@cavorite.com)
- * MIT-licensed (http://opensource.org/licenses/MIT)
- */
-
-/**
- * @fileoverview This file contains additional features for dygraphs, which
- * are not required but can be useful for certain use cases. Examples include
- * exporting a dygraph as a PNG image.
- */
-
-/**
- * Demo code for exporting a Dygraph object as an image.
- *
- * See: http://cavorite.com/labs/js/dygraphs-export/
- */
-
-Dygraph.Export = {};
-
-Dygraph.Export.DEFAULT_ATTRS = {
-
-    backgroundColor: "transparent",
-
-    //Texts displayed below the chart's x-axis and to the left of the y-axis 
-    titleFont: "bold 18px serif",
-    titleFontColor: "black",
-
-    //Texts displayed below the chart's x-axis and to the left of the y-axis 
-    axisLabelFont: "bold 14px serif",
-    axisLabelFontColor: "black",
-
-    // Texts for the axis ticks
-    labelFont: "normal 12px serif",
-    labelFontColor: "black",
-
-    // Text for the chart legend
-    legendFont: "bold 12px serif",
-    legendFontColor: "black",
-
-    // Default position for vertical labels
-    vLabelLeft: 20,
-
-    legendHeight: 20,    // Height of the legend area
-    legendMargin: 20,
-    lineHeight: 30,
-    maxlabelsWidth: 0,
-    labelTopMargin: 35,
-    magicNumbertop: 8
-    
-};
-
-/**
- * Tests whether the browser supports the canvas API and its methods for 
- * drawing text and exporting it as a data URL.
- */
-Dygraph.Export.isSupported = function () {
-    "use strict";
-    try {
-        var canvas = document.createElement("canvas");
-        var context = canvas.getContext("2d");
-        return (!!canvas.toDataURL && !!context.fillText);
-    } catch (e) {
-        // Silent exception.
-    }
-    return false;
-};
-
-/**
- * Exports a dygraph object as a PNG image.
- *
- *  dygraph: A Dygraph object
- *  img: An IMG DOM node
- *  userOptions: An object with the user specified options.
- *
- */
-Dygraph.Export.asPNG = function (dygraph, img, userOptions) {
-    "use strict";
-    var canvas = Dygraph.Export.asCanvas(dygraph, userOptions);
-    img.src = canvas.toDataURL();
-};
-
-/**
- * Exports a dygraph into a single canvas object.
- *
- * Returns a canvas object that can be exported as a PNG.
- *
- *  dygraph: A Dygraph object
- *  userOptions: An object with the user specified options.
- *
- */
-Dygraph.Export.asCanvas = function (dygraph, userOptions) {
-    "use strict";
-    var options = {}, 
-        canvas = Dygraph.createCanvas();
-    
-    Dygraph.update(options, Dygraph.Export.DEFAULT_ATTRS);
-    Dygraph.update(options, userOptions);
-
-    canvas.width = dygraph.width_;
-    canvas.height = dygraph.height_ + options.legendHeight;
-
-    Dygraph.Export.drawPlot(canvas, dygraph, options);    
-    Dygraph.Export.drawLegend(canvas, dygraph, options);
-    
-    return canvas;
-};
-
-/**
- * Adds the plot and the axes to a canvas context.
- */
-Dygraph.Export.drawPlot = function (canvas, dygraph, options) {
-    "use strict";
-    var ctx = canvas.getContext("2d");
-
-    // Add user defined background
-    ctx.fillStyle = options.backgroundColor;
-    ctx.fillRect(0, 0, canvas.width, canvas.height);
-
-    // Copy the plot canvas into the context of the new image.
-    var plotCanvas = dygraph.hidden_;
-    
-    var i = 0;
-    
-    ctx.drawImage(plotCanvas, 0, 0);
-
-
-    // Add the x and y axes
-    var axesPluginDict = Dygraph.Export.getPlugin(dygraph, 'Axes Plugin');
-    if (axesPluginDict) {
-        var axesPlugin = axesPluginDict.plugin;
-        
-        for (i = 0; i < axesPlugin.ylabels_.length; i++) {
-            Dygraph.Export.putLabel(ctx, axesPlugin.ylabels_[i], options,
-                options.labelFont, options.labelFontColor);
-        }
-        
-        for (i = 0; i < axesPlugin.xlabels_.length; i++) {
-            Dygraph.Export.putLabel(ctx, axesPlugin.xlabels_[i], options,
-                options.labelFont, options.labelFontColor);
-        }
-    }
-
-    // Title and axis labels
-
-    var labelsPluginDict = Dygraph.Export.getPlugin(dygraph, 'ChartLabels Plugin');
-    if (labelsPluginDict) {
-        var labelsPlugin = labelsPluginDict.plugin;
-
-        Dygraph.Export.putLabel(ctx, labelsPlugin.title_div_, options, 
-            options.titleFont, options.titleFontColor);
-
-        Dygraph.Export.putLabel(ctx, labelsPlugin.xlabel_div_, options, 
-            options.axisLabelFont, options.axisLabelFontColor);
-
-        Dygraph.Export.putVerticalLabelY1(ctx, labelsPlugin.ylabel_div_, options, 
-            options.axisLabelFont, options.axisLabelFontColor, "center");
-
-        Dygraph.Export.putVerticalLabelY2(ctx, labelsPlugin.y2label_div_, options, 
-            options.axisLabelFont, options.axisLabelFontColor, "center");
-    }
-
-
-    for (i = 0; i < dygraph.layout_.annotations.length; i++) {
-        Dygraph.Export.putLabelAnn(ctx, dygraph.layout_.annotations[i], options, 
-                options.labelFont, options.labelColor);
-    }
-    
-};
-
-/**
- * Draws a label (axis label or graph title) at the same position 
- * where the div containing the text is located.
- */
-Dygraph.Export.putLabel = function (ctx, divLabel, options, font, color) {
-    "use strict";
-
-    if (!divLabel || !divLabel.style) {
-        return;
-    }
-
-    var top = parseInt(divLabel.style.top, 10);
-    var left = parseInt(divLabel.style.left, 10);
-    
-    if (!divLabel.style.top.length) {
-        var bottom = parseInt(divLabel.style.bottom, 10);
-        var height = parseInt(divLabel.style.height, 10);
-
-        top = ctx.canvas.height - options.legendHeight - bottom - height;
-    }
-
-    // FIXME: Remove this 'magic' number needed to get the line-height. 
-    top = top + options.magicNumbertop;
-
-    var width = parseInt(divLabel.style.width, 10);
-
-    switch (divLabel.style.textAlign) {
-    case "center":
-        left = left + Math.ceil(width / 2);
-        break;
-    case "right":
-        left = left + width;
-        break;
-    }
-
-    Dygraph.Export.putText(ctx, left, top, divLabel, font, color);
-};
- 
-/**
- * Draws a label Y1 rotated 90 degrees counterclockwise.
- */
-Dygraph.Export.putVerticalLabelY1 = function (ctx, divLabel, options, font, color, textAlign) {
-    "use strict";
-    if (!divLabel) {
-        return;
-    }
-
-    var top = parseInt(divLabel.style.top, 10);
-    var left = parseInt(divLabel.style.left, 10) + parseInt(divLabel.style.width, 10) / 2;
-    var text = divLabel.innerText || divLabel.textContent;
-
-
-    // FIXME: The value of the 'left' property is frequently 0, used the option.
-    if (!left)
-        left = options.vLabelLeft;
-
-    if (textAlign == "center") {
-        var textDim = ctx.measureText(text);
-        top = Math.ceil((ctx.canvas.height - textDim.width) / 2 + textDim.width);
-    }
-
-    ctx.save();
-    ctx.translate(0, ctx.canvas.height);
-    ctx.rotate(-Math.PI / 2);
-
-    ctx.fillStyle = color;
-    ctx.font = font;
-    ctx.textAlign = textAlign;
-    ctx.fillText(text, top, left);
-    
-    ctx.restore();
-};
-
-/**
- * Draws a label Y2 rotated 90 degrees clockwise.
- */
-Dygraph.Export.putVerticalLabelY2 = function (ctx, divLabel, options, font, color, textAlign) {
-    "use strict";
-    if (!divLabel) {
-        return;
-    }
-        
-    var top = parseInt(divLabel.style.top, 10);
-    var right = parseInt(divLabel.style.right, 10) + parseInt(divLabel.style.width, 10) * 2;
-    var text = divLabel.innerText || divLabel.textContent;
-
-    if (textAlign == "center") {
-        top = Math.ceil(ctx.canvas.height / 2);
-    }
-    
-    ctx.save();
-    ctx.translate(parseInt(divLabel.style.width, 10), 0);
-    ctx.rotate(Math.PI / 2);
-
-    ctx.fillStyle = color;
-    ctx.font = font;
-    ctx.textAlign = textAlign;
-    ctx.fillText(text, top, right - ctx.canvas.width);
-    
-    ctx.restore();
-};
-
-/**
- * Draws the text contained in 'divLabel' at the specified position.
- */
-Dygraph.Export.putText = function (ctx, left, top, divLabel, font, color) {
-    "use strict";
-    var textAlign = divLabel.style.textAlign || "left";    
-    var text = divLabel.innerText || divLabel.textContent;
-
-    ctx.fillStyle = color;
-    ctx.font = font;
-    ctx.textAlign = textAlign;
-    ctx.textBaseline = "middle";
-    ctx.fillText(text, left, top);
-};
-
-/**
- * Draws the legend of a dygraph
- *
- */
-Dygraph.Export.drawLegend = function (canvas, dygraph, options) {
-    "use strict";
-    var ctx = canvas.getContext("2d");
-
-    // Margin from the plot
-    var labelTopMargin = 10;
-
-    // Margin between labels
-    var labelMargin = 5;
-    
-    var colors = dygraph.getColors();
-    // Drop the first element, which is the label for the time dimension
-    var labels = dygraph.attr_("labels").slice(1);
-    
-    // 1. Compute the width of the labels:
-    var labelsWidth = 0;
-    
-    var i;
-    for (i = 0; i < labels.length; i++) {
-        labelsWidth = labelsWidth + ctx.measureText("- " + labels[i]).width + labelMargin;
-    }
-
-    var labelsX = Math.floor((canvas.width - labelsWidth) / 2);
-    var labelsY = canvas.height - options.legendHeight + labelTopMargin;
-
-
-    var labelVisibility=dygraph.attr_("visibility");
-
-    ctx.font = options.legendFont;
-    ctx.textAlign = "left";
-    ctx.textBaseline = "middle";
-
-    var usedColorCount=0;
-    for (i = 0; i < labels.length; i++) {
-        if (labelVisibility[i]) {
-            //TODO Replace the minus sign by a proper dash, although there is a
-            //     problem when the page encoding is different than the encoding 
-            //     of this file (UTF-8).
-            var txt = "- " + labels[i];
-            ctx.fillStyle = colors[usedColorCount];
-            usedColorCount++
-            ctx.fillText(txt, labelsX, labelsY);
-            labelsX = labelsX + ctx.measureText(txt).width + labelMargin;
-        }
-    }
-};
-
-/**
- * Finds a plugin by the value returned by its toString method..
- *
- * Returns the the dictionary corresponding to the plugin for the argument.
- * If the plugin is not found, it returns null.
- */
-Dygraph.Export.getPlugin = function(dygraph, name) {
-    for (i = 0; i < dygraph.plugins_.length; i++) {
-        if (dygraph.plugins_[i].plugin.toString() == name) {
-            return dygraph.plugins_[i];
-        }
-    }
-    return null;
-}
\ No newline at end of file

src/js/npm.js

-// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
-require('../../js/transition.js')
-require('../../js/alert.js')
-require('../../js/button.js')
-require('../../js/carousel.js')
-require('../../js/collapse.js')
-require('../../js/dropdown.js')
-require('../../js/modal.js')
-require('../../js/tooltip.js')
-require('../../js/popover.js')
-require('../../js/scrollspy.js')
-require('../../js/tab.js')
-require('../../js/affix.js')
\ No newline at end of file

style.css

-/* Collapsable page */
-  #wrapper { 
-    /*padding-left: 0;*/
-    padding-left: 40px;
-    padding-right: 40px;
-    -webkit-transition: all 0.5s ease;
-    -moz-transition: all 0.5s ease;
-    -o-transition: all 0.5s ease;
-    transition: all 0.5s ease;
-  }
-
-/* button and sidenav - settings */
-  .btn-settings {
-    position: fixed;
-    right: 0px;
-    margin-right: -2px;
-    top: 55px;
-    z-index: 100;
-    width: 40px;
-    height: 33px;
-    background: #222222;
-    border: 1px #a1a1a1;
-    border-radius: 3px;
-    transition: 0.5s;
-  }
-  .btn-settings .glyphicon-cog {
-    color: #eeeeee;
-    font-size: 20px;
-  }
-  #mySidenavSet {
-    height: 100%; /* 100% Full-height */
-    width: 0; /* 0 width - change this with JavaScript */
-    position: fixed; /* Stay in place */
-    z-index: 150; /* Stay on top */
-    top: 45px;
-    right: 0;
-    background-color: #f8f8f8;
-    text-align: center;
-    overflow-x: hidden; /* Disable horizontal scroll */
-    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ 
-  }
-
-/* button and sidenav - fs */
-  .fs-label {
-    position: fixed;
-    left: 0px;
-    margin-left: -2px;
-    top: 55px;
-    z-index: 100;
-    width: 40px;
-    height: 33px;
-    background: #222222;
-    border: 1px #a1a1a1;
-    border-radius: 3px;
-    transition: 0.5s;
-  }
-  .fs-label .glyphicon-chevron-right {
-    color: #eeeeee;
-    font-size: 20px;
-  }
-  .fs-label.is-open .glyphicon-chevron-right {
-    -webkit-transform: rotate(180deg);
-    top: 3px;
-  }
-  .fs-label.is-closed .glyphicon-chevron-right {
-    top: 1px;
-  }
-
-  #mySidenavfs {
-    height: 100%; /* 100% Full-height */
-    width: 0; /* 0 width - change this with JavaScript */
-    position: fixed; /* Stay in place */
-    z-index: 150; /* Stay on top */
-    top: 45px;
-    left: 0;
-    background-color: #eeeeee; /* Black*/
-    overflow-x: hidden; /* Disable horizontal scroll */
-    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
-  }
-
-/* Tree */
-  .tree, .tree ul {
-    margin:0;
-    padding:0;
-    list-style:none
-  }
-  .tree ul {
-    margin-left:1em;
-    position:relative
-  }
-  .tree ul ul {
-    margin-left:.5em
-  }
-  .tree ul:before {
-    content:"";
-    display:block;
-    width:0;
-    position:absolute;
-    top:0;
-    bottom:0;
-    left:0;
-    border-left:1px solid
-  }
-  .tree li {
-    margin:0;
-    padding:0 1em;
-    line-height:2em;
-    color:#000;
-    font-weight:700;
-    position:relative
-  }
-  .tree ul li:before {
-    content:"";
-    display:block;
-    width:10px;
-    height:0;
-    border-top:1px solid;
-    margin-top:-1px;
-    position:absolute;
-    top:1em;
-    left:0
-  }
-  .tree ul li:last-child:before {
-    background:transparent;
-    height:auto;
-    top:1em;
-    bottom:0
-  }
-  .indicator {
-    margin-right:5px;
-  }
-  .tree li button, .tree li button:active, .tree li button:focus {
-    text-decoration: none;
-    color:#000;
-    border:none;
-    background:transparent;
-    margin:0px 0px 0px 0px;
-    padding:0px 0px 0px 0px;
-    outline: 0;
-  }
-
-/* More layout */
-  body {
-    padding-top: 25px;
-    position: relative;
-    overflow-x: hidden;
-    height: 100%;
-  }
-  footer {
-    background-color: #111;
-    color: white;
-    padding: 15px;
-    text-align: center;
-    z-index: 500;
-  }
-  #mappa-pannel canvas{
-    max-height: inherit;
-    max-width: 100%;
-  }
-  h3 {
-    margin-left: 10px;
-  }
-  h2 {
-    margin-top: -10px;
-    font-size: 24px;
-    font-weight: bold;
-  }
-  .navbar {
-    margin-bottom: -20pt;
-    border-radius: 0;
-    z-index: 200;
-  }
-  /* Create options for drag&drop pannel*/
-  .droppable.dragover {
-    background: #a1a1a1;
-  }
-  #mappa-pannel, #chart-pannel {
-    min-height: 450px;
-    max-height: 750px;
-  }
-
-/* input file button */
-  .btn-bs-file{
-      position:relative;
-      margin-left: 10px;
-  }
-  .btn-bs-file input[type="file"]{
-      position: absolute;
-      top: -9999999;
-      filter: alpha(opacity=0);
-      opacity: 0;
-      width:0;
-      height:0;
-      outline: none;
-      cursor: inherit;
-  }
-  #reset{
-    margin-top: 15px;
-    margin-right: 10px;
-    margin-right: 10px;
-  }
-  #pannelSettings {
-    height: 100%;
-    text-align: center;
-  }
-  .DropMenu {
-    background-color: #333333;
-    font-size: 14px;
-    color: white;
-  }
-  
-  #spinBoxMin {
-    width: 100px;
-    float: left;
-    margin-left: 25px;
-  }
-  #spinBoxMax {
-    width: 100px;
-    float: right;
-    margin-right: 25px;
-  }
-
-
-/* spinner */
-.fa{
-  position: absolute;
-  z-index: 999;
-  margin-top: 100px;
-}
\ No newline at end of file
+/* Tree */
+  .tree, .tree ul {
+    margin:0;
+    padding:0;
+    list-style:none
+  }
+  .tree ul {
+    margin-left:1em;
+    position:relative
+  }
+  .tree ul ul {
+    margin-left:.5em
+  }
+  .tree ul:before {
+    content:"";
+    display:block;
+    width:0;
+    position:absolute;
+    top:0;
+    bottom:0;
+    left:0;
+    border-left:1px solid
+  }
+  .tree li {
+    margin:0;
+    padding:0 1em;
+    line-height:2em;
+    color:#000;
+    font-weight:700;
+    position:relative
+  }
+  .tree ul li:before {
+    content:"";
+    display:block;
+    width:10px;
+    height:0;
+    border-top:1px solid;
+    margin-top:-1px;
+    position:absolute;
+    top:1em;
+    left:0
+  }
+  .tree ul li:last-child:before {
+    background:transparent;
+    height:auto;
+    top:1em;
+    bottom:0
+  }
+  .indicator {
+    margin-right:5px;
+  }
+  .tree li button, .tree li button:active, .tree li button:focus {
+    text-decoration: none;
+    color:#000;
+    border:none;
+    background:transparent;
+    margin:0px 0px 0px 0px;
+    padding:0px 0px 0px 0px;
+    outline: 0;
+  }
+
+/* Spinner */
+  .fa-spinner{ /* spinner */
+    position: absolute;
+    z-index: 999;
+    margin-top: 275px;
+  }
+
+/* Navbar */
+  .navbar {
+    border-radius: 0;
+    z-index: 200;
+  }
+  #logo-chnet {
+    position: absolute;
+    margin-top: -8px;
+  }
+  #testo-logo-chnet {
+    position: absolute;
+    margin-left: 50px;
+    font-size: 16px;
+    color: white;
+    font-weight: bold;
+  }
+  .usrmail{
+    font-size: 12px;
+    color: black;
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+  .usrname{
+    color: black;
+    font-size: 14px;
+    font-weight: bold;
+    padding-left: 15px;
+    padding-top: 10px;
+  }
+  .img-circle{
+    border: 1px solid gray;
+  }
+
+/* Sidenav */
+  .w3-bar-block {
+    height: 100%;
+    width: 65px;
+    position: fixed;
+    top: 50px;
+    z-index: 100;
+    background-color: #eeeeee;
+    overflow-x: hidden;
+    border: 1px solid #cfcfcf;
+    font-size: 16px;
+    color: black;
+    padding-top: 20px;
+  }
+  .w3-bar-block i{
+    padding-left: 20px;
+    font-size: 24px;
+    color: black;
+  }
+  .w3-bar-item {
+    height: 45px;
+    line-height: 45px;
+    cursor: pointer;
+  }
+  .w3-bar-item:hover {
+    background-color: #99CCFF;
+    text-decoration: none;
+  }
+  .w3-bar-item a:hover {
+    text-decoration: none;
+  }
+  .text-sidenav{
+    color: black;
+    padding-left: 10px;
+  }
+  #myContent{
+    padding-left: 80px;
+    height: 100%;
+  }
+  .tooltip {
+    position: fixed;
+  }
+  .collapse-sidebar-manually{
+    position: fixed;
+    bottom: 0px;
+  }
+
+/* Drag&Drop */
+  .droppable.dragover {
+    background: #a1a1a1;
+  }
+
+/* Modal */
+  .btn-bs-file input[type="file"]{
+    position: absolute;
+    top: -9999999;
+    filter: alpha(opacity=0);
+    opacity: 0;
+    width:0;
+    height:0;
+    outline: none;
+    cursor: inherit;
+  }
+
+/* Pannelli di mappa e grafico */
+  #mappa-pannel, #chart-pannel {
+    min-height: 550px;
+    max-height: 750px;
+  }
+  #mappa-pannel canvas{
+    max-height: inherit;
+    max-width: 100%;
+  }
+  #selectionCanvas{
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+  }
+  .panel-default {
+    background-color: transparent;
+    height: 50px;
+    width: 130px;
+    float: left;
+  }
+  .panel-body {
+    margin-top: -8px;
+    font-size: 12px;
+    font-weight: bold;
+  }
+  #spinBoxMin {
+    width: 100px;
+    height: 30px;
+    float: left;
+    margin-left: 10px;
+  }
+  #spinBoxMax {
+    width: 100px;
+    height: 30px;
+    float: right;
+    margin-right: 10px;
+  }
+
+/* More layout */
+  body {
+    padding-top: 70px;
+    position: relative;
+    overflow-x: hidden;
+    height: 100%;
+  }
+  h2 {
+    font-size: 24px;
+    font-weight: bold;
+  }
+  h6 {
+    font-weight: bold;
+    margin-bottom: -10px;
+  }
+  li a {
+    color: white;
+  }
+  li a:link {
+    text-decoration: none;
+  }
+  li a:visited {
+    text-decoration: none;
+  }
+  li a:hover {
+    text-decoration: none;
+  }
+  li a:active {
+    text-decoration: none;
+  }
+  li a{
+    color: white;
+  }
+  

tsconfig.json

+{
+  "compilerOptions": {
+   // "target": "es6",
+    //  "allowSyntheticDefaultImports": true
+    "module": "commonjs",
+    "lib": [
+      "es6", "dom"
+    ],
+  }
+}
\ No newline at end of file

utility.ts

+import { Image, coordinates } from "./image";
+import { Chart } from "./chart";
+
+// round to the 3rd decimal digit
+function round3(val: number) {
+  return (Math.round(val * Math.pow(10, 3)) / Math.pow(10, 3));
+}
+
+// sum the elements of the array in the range [from, to]
+function sumVect(vect: number[], from: number, to: number) {
+  let sum: number = 0;
+  for (let i: number = from; i < to; i++) {
+    sum += vect[i];
+  }
+  return sum;
+}
+
+// find the max in the sub-matrix specified by the two coordinates
+function findMax(matrix: number[][], pixel1: coordinates, pixel2: coordinates) {
+  let max = 0;
+  for (let i = pixel1.x; i <= pixel2.x; i++) {
+    for (let j = pixel1.y; j <= pixel2.y; j++) {
+      if (matrix[i][j] > max) {
+        max = matrix[i][j];
+      }
+    }
+  }
+  return max;
+}
+
+// prepara i dati per il grafico completo
+function setDataForCompleteChart(image: Image, chart: Chart): number[] {
+  // per ogni pixel sommo i conteggi di tutti i canali rilevati
+  let data: number[] = [];
+  data.length = image.depth;
+
+  for (let i = 0; i < image.depth; i++) {
+    data[i] = 0;
+  }
+
+  for (let i = 0; i < image.width; i++) {
+    for (let j = 0; j < image.height; j++) {
+      for (let k = 0; k < image.depth; k++) {
+        data[k] += image.DataMatrix[i][j][k];
+      }
+    }
+  }
+
+  // riempio le stringhe con i dati per il grafico
+  for (let i = 0; i < image.depth; i++) {
+    chart.dataCompleteChart += (i + 1) + "," + data[i] + "\n";
+    chart.dataCompleteChartCalibrated += round3(((i + 1) * image.calibration.a - image.calibration.b) / 1000) + "," + data[i] + "\n";
+  }
+
+  return data;
+}
+
+
+function getFirstDigitNumber(n: number): number {
+  return parseInt(n.toString()[0]);
+}
+
+function isAnXHeader(value: number, image: Image): boolean {
+  if (value > image.headerSetValue && getFirstDigitNumber(value) == image.xCoordHeaderFirstValue) {
+    return true;
+  }
+  return false;
+}
+function isAnYHeader(value: number, image: Image): boolean {
+  if (value > image.headerSetValue && getFirstDigitNumber(value) == image.yCoordHeaderFirstValue) {
+    return true;
+  }
+  return false;
+}
+
+export { round3, sumVect, findMax, setDataForCompleteChart, getFirstDigitNumber, isAnXHeader, isAnYHeader };
+