filter/sort table
[dcaas.git] / table.php
Alex Sadleir
Alex Sadleir

Alex Sadleir
Alex Sadleir
Alex Sadleir

Alex Sadleir


Alex Sadleir
Alex Sadleir
Alex Sadleir
Alex Sadleir









Alex Sadleir
Alex Sadleir



Alex Sadleir

Alex Sadleir
Alex Sadleir
Alex Sadleir



Alex Sadleir
Alex Sadleir

Alex Sadleir








Alex Sadleir







Alex Sadleir
Alex Sadleir









Alex Sadleir
Alex Sadleir
















Alex Sadleir






1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<?php
include("config.php");
include("lib/tag-cloud/src/lotsofcode/TagCloud/TagCloud.php");
 
includeHeader("DCaaS Service Catalogue");
?>
 
<div class="starter-template">
    <br/>
    <br/>
 
    <h1>DCaaS Service Catalogue</h1>
 
    <!--<div id="search-example-year-filter" style="float: left;">
        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-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" class="table table-striped">
        <thead>
        <th>trading_or_business_name</th>
        <th>Service</th>
        <th>service_category</th>
        <th>service_sub_category</th>
        </thead>
    </table>
</div>
 
 
<!-- Bootstrap core JavaScript
================================================== -->
<!-- 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="js/bootstrap.min.js"></script>
<script src="js/dynatable/jquery.dynatable.js"></script>
<script>
    $('#my-table').dynatable({
        dataset: {
            ajax: true,
            ajaxUrl: 'data.json.php',
            ajaxOnLoad: true,
            records: []
        }
    });
 
    /* $('#search-example').dynatable({
     features: {
     paginate: false,
     recordCount: false,
     sorting: false
     },
     inputs: {
     queries: $('#search-year')
     }
     });
 
     $('#search-function-example')
     .bind('dynatable:init', function (e, dynatable) {
     dynatable.queries.functions['max-price'] = function (record, queryValue) {
     return parseFloat(record.price.replace(/,/, '')) <= parseFloat(queryValue);
     };
     })
     .dynatable({
     features: {
     paginate: false,
     recordCount: false,
     sorting: false,
     search: false
     },
     inputs: {
     queries: $('#max-price')
     }
     }); */
 
</script>
 
<?php
includeFooter();
?>