<?php |
<?php |
include ("config.php"); |
include("config.php"); |
include ("lib/tag-cloud/src/lotsofcode/TagCloud/TagCloud.php"); |
include("lib/tag-cloud/src/lotsofcode/TagCloud/TagCloud.php"); |
|
|
includeHeader("title"); |
includeHeader("DCaaS Service Catalogue"); |
?> |
?> |
|
|
<div class="starter-template"> |
<div class="starter-template"> |
<br/> |
<br/> |
<br/> |
<br/> |
|
|
<h1>Bootstrap starter template</h1> |
<h1>DCaaS Service Catalogue</h1> |
|
|
<p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a |
<!--<div id="search-example-year-filter" style="float: left;"> |
mostly barebones HTML document.</p> |
Year: |
|
<select id="search-year" name="year"> |
|
<option></option> |
|
<option>2001</option> |
|
<option>2003</option> |
|
<option>2008</option> |
|
<option>2013</option> |
|
</select> |
|
</div> |
|
|
<div id="search-example-year-filter" style="float: left;"> |
<div id="search-function-example-price-filter" style="float: left; margin-bottom: 1em;"> |
Year: |
Max Price: |
<select id="search-year" name="year"> |
$<input id="max-price" type="number" step="1000" data-dynatable-query="max-price"> |
<option></option> |
</div>--> |
<option>2001</option> |
|
<option>2003</option> |
|
<option>2008</option> |
|
<option>2013</option> |
|
</select> |
|
</div> |
|
|
|
<div id="search-function-example-price-filter" style="float: left; margin-bottom: 1em;"> |
|
Max Price: |
|
$<input id="max-price" type="number" step="1000" data-dynatable-query="max-price"> |
|
</div> |
|
|
|
|
|
<table id="my-table"> |
<table id="my-table" class="table table-striped"> |
<thead> |
<thead> |
<?php |
<th>trading_or_business_name</th> |
$row = 0; |
<th>Service</th> |
$csvfile = './data/DCaaS+Catalogue+September+2013 PublicDCaaS_AFI_Part_3_Sec_5_Service_.csv'; |
<th>service_category</th> |
if (($handle = fopen($csvfile, "r")) !== FALSE) { |
<th>service_sub_category</th> |
while (($data = fgetcsv($handle, 4096, ",")) !== FALSE) { |
</thead> |
if ($row == 0) { |
</table> |
echo "<thead><th>" . implode($data, "</th><th>") . "</th></thead> \n"; |
</div> |
} else { |
|
echo "<tr><td>" . implode($data, "</td><td>") . "</td></tr> \n"; |
|
} |
|
$row++; |
|
} |
|
fclose($handle); |
|
} |
|
?> |
|
</table> |
|
</div> |
|
|
|
|
|
|
|
<!-- Bootstrap core JavaScript |
<!-- Bootstrap core JavaScript |
================================================== --> |
================================================== --> |
<!-- Placed at the end of the document so the pages load faster --> |
<!-- Placed at the end of the document so the pages load faster --> |
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> |
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> |
<script src="js/bootstrap.min.js"></script> |
<script src="js/bootstrap.min.js"></script> |
<script src="js/dynatable/jquery.dynatable.js"></script> |
<script src="js/dynatable/jquery.dynatable.js"></script> |
<script> |
<script> |
$('#my-table').dynatable(); |
$('#my-table').dynatable({ |
|
dataset: { |
$('#search-example').dynatable({ |
ajax: true, |
features: { |
ajaxUrl: 'data.json.php', |
paginate: false, |
ajaxOnLoad: true, |
recordCount: false, |
records: [] |
sorting: false |
|
}, |
|
inputs: { |
|
queries: $('#search-year') |
|
} |
} |
}); |
}); |
|
|
$('#search-function-example') |
/* $('#search-example').dynatable({ |
.bind('dynatable:init', function (e, dynatable) { |
features: { |
dynatable.queries.functions['max-price'] = function (record, queryValue) { |
paginate: false, |
return parseFloat(record.price.replace(/,/, '')) <= parseFloat(queryValue); |
recordCount: false, |
}; |
sorting: false |
}) |
}, |
.dynatable({ |
inputs: { |
features: { |
queries: $('#search-year') |
paginate: false, |
} |
recordCount: false, |
}); |
sorting: false, |
|
search: false |
$('#search-function-example') |
}, |
.bind('dynatable:init', function (e, dynatable) { |
inputs: { |
dynatable.queries.functions['max-price'] = function (record, queryValue) { |
queries: $('#max-price') |
return parseFloat(record.price.replace(/,/, '')) <= parseFloat(queryValue); |
} |
}; |
}); |
}) |
|
.dynatable({ |
|
features: { |
|
paginate: false, |
|
recordCount: false, |
|
sorting: false, |
|
search: false |
|
}, |
|
inputs: { |
|
queries: $('#max-price') |
|
} |
|
}); */ |
|
|
</script> |
</script> |
|
|
<?php |
<?php |
includeFooter(); |
includeFooter(); |
?> |
?> |
|
|