Change location of Datatables js and css files
Update path directories with new file locations
Update 'chdir' value with new qdw.py file location
Update 'chdir' with the new qdw.py file location
Change the active tab code to php instead of JQuery
Move quattorKeyList, updateHistory and double click autocomplete functions to index.php
Move all javascript code into one script tag
Insert double click and quattorKeyList functions
Move the variable INFO_URL into a new file called 'config.inc.js' and include it underneath the datatables.js link tag
Change the Quattorise button from an input tag to a button tag and include 'data-loading-text="Loading..."'
Remove $("#resultstable_wrapper").show along with #resultstable and #results
Rename 'styepichart.css' to 'styling.css' and move to header.inc.php
Add a $("#chartdiv").hide() and $("#chartdiv").show() function in the code
Add a minLength: 0 to the pathList function
Change the jqplotDataMouseOver Y-axis value to -8 so that the tooltip aligns with the user's cursor
Add a class="form-inline" to the form so that the input boxes are inline
Change the Quattorise input tag to a button tag and add in the attribute data-loading-text="Loading..."
Give the div 'datainfo' a class="tooltip fade right in" and insert two more divs inside of it <div class="tooltip-arrow"></div> and <div id="datainfotext" class="tooltip-inner"></div>
Give the div that contains the chartdiv and thresholdTable values a class="row" and give the chartdiv value a class="span9" and the thresholdTable a class="span3"
Give the attribute input box a placeholder attirbute of "Attribute"
Gather all JavaScript into only one script tag
Remove the commented out line of code within the function 'validataDistributionForm()'
Add the pathList() function into the 'validataDistributionForm()' just under $( "#slider" ).slider( "option", "disabled", false )
Remove commented out lines of code from the function drawPieChart()
Change the JQuery slider to an HTML5 slider
Include the HTML5 slider .js file
Add @import url(http://fonts.googleapis.com/css?family=Lato:400) into the Header file so that the new font is applied
Split validateDistributionForm into two functions so that the Quattorise button can be disabled and enabled more easily
Add in a tooltip function to the on page load function so that the tooltip will work as soon as the page has finished loading
Give the attribute input box data-toggle, data-placement and data-animation attributes
Remove the old slider function being called to disable the slider
Include the bootstrap button, alert and tooltip .js files
Add in all of the relevant dataTables styling required
Tab in all of the code appropriately
Change the tooltip title to a more appropriate message
Change the tooltip titles to give more appropriate messages
Change slider display message to: 'Threshold:'
Change the tooltip messages so that they are more precise
Style the input-append class to give it a margin-right value
Remove hero div to get rid of the grey box
Give the attribute input box a class of: 'input-xxlarge' so that all path names fit inside the input box
Remove hero div to get rid of the grey box
Give the attribute input box a class of: 'input-xxlarge' so that all path names fit inside the input box
Change the dataTables hyperlinks tag from a 'span' to an 'a' tag and remove it's class and give it an href="#" attribute
Remove the span.clickable styles so that the dataTables hyperlinks inherit the Bootstrap hyperlink styles