Open-Cookie-Database/docs/open-cookie-database.html at master · RodideBoer/Open-Cookie-Database · GitHub

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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Open Cookie Database</title>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/css/fontawesome.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/2.0.8/css/dataTables.dataTables.css" />
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/3.0.2/css/buttons.dataTables.css" />

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- Leave those next 4 lines if you care about users using IE8 -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <style type="text/css">
    .table-condensed{
       font-size: 0.8em;
    }
    </style>

  </head>
  <body>

    <div class="container-fluid">
	<div class="row">
		<div class="col-sm-12 pt-5">

		<h1 class="font-weight-bold">Open Cookie Database</h1>

<p>The <a href="https://github.com/jkwakman/Open-Cookie-Database">Open Cookie Database</a> is an effort to describe and categorise all major cookies. All cookie descriptions are saved in a <a href="open-cookie-database.csv">downloadable CSV file</a>, <a href="https://docs.google.com/spreadsheets/d/101f_Brw6SSVTn6hOndQzkH8S1Vj8VzRqab4Q5OnsmmA/edit?usp=sharing">Google Spreadsheet</a> or <a href="open-cookie-database.html">browseable and searchable in an html file</a>. All contributions to the CSV file <a href="https://github.com/jkwakman/Open-Cookie-Database/blob/master/docs/CONTRIBUTING.md">are welcomed</a>.</p>

		<hr />

		<h2 class="font-weight-bold">How to contribute</h2>

		<hr />

		<p>All contributions are gratefully received. To contribute to the <a href="https://github.com/jkwakman/Open-Cookie-Database">Open Cookie Database</a>, please follow the following <a href="https://github.com/jkwakman/Open-Cookie-Database/blob/master/docs/CONTRIBUTING.md">contribution guide</a>.</p>

		<hr />

    </div>
    </div>
    </div>

    <div class="container-fluid">
	<div class="row">
          <div class="col-sm-12">

    		<table id="open-cookie-database" class="table table-striped table-hover table-condensed table-responsive">

    		</table>

    		<p class="pt-5">Table has been made possible by the excellent work of <a href="https://www.papaparse.com/" target="_blank">PapaParse</a> and <a href="https://datatables.net">dataTables.net</a>.</p>

    		</div>
	</div>
    </div>


    <!-- Including Bootstrap JS (with its jQuery dependency) so that dynamic components work -->
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.4.1/papaparse.min.js"></script>
    <script src="//http://cdn.datatables.net/plug-ins/2.0.8/features/scrollToTop/dataTables.scrollToTop.min.js"></script>
    <script src="https://cdn.datatables.net/2.0.8/js/dataTables.js"></script>
    <script src="https://cdn.datatables.net/buttons/3.0.2/js/dataTables.buttons.js"></script>
    <script src="https://cdn.datatables.net/buttons/3.0.2/js/buttons.html5.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
<script>

function format(d) {
return (
'<dl>' +
        '<dt>ID:</dt>' +
        '<dd>' +
        d[0] +
        '</dd>' +
        '<dl>' +
        '<dt>Retention period:</dt>' +
        '<dd>' +
        d[6] +
        '</dd>' +
        '<dt>Data Controller:</dt>' +
        '<dd>' +
        d[7] +
        '</dd>' +
        '<dt>User Privacy & GDPR Rights Portals:</dt>' +
        '<dd><a href="' + d[8] + '">' + d[8] + '</a></dd>' +
        '<dt>Wildcard match:</dt>' +
        '<dd>' + d[9] + '</dd>' +
        '</dl>'
    );
}

$(function() {
      Papa.parse("https://raw.githubusercontent.com/jkwakman/Open-Cookie-Database/master/open-cookie-database.csv", {
          download: true,
	  skipEmptyLines: true,
          complete: function(example) {
          $(document).ready(function () {
              var table = $('#open-cookie-database').DataTable({
                  data: example.data,
                  layout: {
        		topStart: {
            			buttons: ['copyHtml5', 'excelHtml5', 'csvHtml5', 'pdfHtml5']
        		}
    		  },
                  pageLength: 100,
                  scrollToTop: true,
                  "lengthChange": false,
                  dataSrc:"",
                  order: [[3, 'asc']],
                  columns: [
		 {
		    className: 'dt-control',
		    orderable: false,
		    data: null,
		    defaultContent: ''
        	 },
                      {title: "Platform"},
                      {title: "Category"},
                      {title: "Cookie / Data Key Name"},
                      {title: "Domain"},
                      {title: "Description"}
                  ]
              });

		table.on('click', 'td.dt-control', function (e) {
		    let tr = e.target.closest('tr');
		    let row = table.row(tr);

		    if (row.child.isShown()) {
			// This row is already open - close it
			row.child.hide();
		    }
		    else {
			// Open this row
			row.child(format(row.data())).show();
		    }
		});

		table.on('page', function() {
		    setTimeout(function() {
			$(document).scrollTop(
			    $(table.table().container()).offset().top
			);
		    }, 10);
		});
          });
          }
      });
  });


</script>

  </body>
</html>