You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
368 lines
18 KiB
368 lines
18 KiB
4 years ago
|
/**
|
||
|
|
* This document defines the faq cards.
|
||
|
|
*/
|
||
|
|
|
||
|
|
// the close button of the faq
|
||
|
|
var close_button = `<button class='mdc-button mdc-button--raised' id='costum-close-button'>
|
||
|
|
<span class='mdc-button__label'>Close</span>
|
||
|
|
</button>`;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// The answer to the question, what rights, according to the GDPR, a user has
|
||
|
|
var card_what_are_my_right_gdpr = `
|
||
|
|
<h2> According to article 15 GDPR </h2>
|
||
|
|
<p> You have the right to be informed about your data</p>
|
||
|
|
<h2>According to article 16 GDPR</h2>
|
||
|
|
<p>You have the right to rectification.<br>For example, you move to another town, you can cause that your new address will be changed in your data.</p>
|
||
|
|
<h2>According to article 17 GDPR</h2>
|
||
|
|
<p>You have the right of obligation to delete.</p>
|
||
|
|
<h2>According to article 18 GDPR</h2>
|
||
|
|
<p>You have the right to restrict the processing of your data.</p>
|
||
|
|
<h2>According to article 19 GDPR</h2>
|
||
|
|
<p>You have the right to be informed.</p>
|
||
|
|
<h2>According to article 20 GDPR</h2>
|
||
|
|
<p>You have the right to data portability.</p>
|
||
|
|
<h2>According to article 77 GDPR</h2>
|
||
|
|
<p>You have the right to lodge a complaint with a supervisory authority.</p>
|
||
|
|
|
||
|
|
`;
|
||
|
|
|
||
|
|
// The answer to the question, what techical-data are.
|
||
|
|
var text_what_is_techicaldata = `
|
||
|
|
<p> Processing data are data they have to collect for the technical aspect to provide this service. For example, you want to visit a website and your computer using his address to get the website you want to see. After that, this site provider collects your IP-address to know where he has to send his site. Technical data can also be personal data. </p>
|
||
|
|
`;
|
||
|
|
|
||
|
|
// The answer to the question, what personal data are.
|
||
|
|
var text_what_is_perosnal_data = `</p>Personal data are these types of data, that are clearly identify you as a person.
|
||
|
|
For example, your name, e-mail address, or photos.
|
||
|
|
But there are also personal data that are more complex but associated with you.
|
||
|
|
For example, amazon tracks your behavior on their online-shop.
|
||
|
|
They track your mouse movement or what you are typing inside the search box.
|
||
|
|
They do it to know you better and give you better pre-purchase effects.</p>`;
|
||
|
|
|
||
|
|
// The answer to the question, what anonymised are.
|
||
|
|
var text_what_is_anonymised_data = `<p>Anonymized data are these types of data that can't be associated with you. The company won't need permission to collect anonymized data.
|
||
|
|
For example, the company want to know where their customers come from and stores the information where the connect come from.</p>`;
|
||
|
|
|
||
|
|
// The answer to the question, what cookies are.
|
||
|
|
var text_what_are_cookes = `
|
||
|
|
<p>Cookies are information that a web service stores on your computer.
|
||
|
|
They are many types of them: </p>
|
||
|
|
|
||
|
|
<h2>First-party cookies: </h2>
|
||
|
|
<p>These cookies are to provide functionality for the user.
|
||
|
|
For example, you put an order in the shopping cart. A cookie will be store the information that you ordered. </p>
|
||
|
|
|
||
|
|
<h2>third-party cookies: </h2>
|
||
|
|
<p>These types of cookies are not directly set by a website.
|
||
|
|
For example, if a service uses third-party elements like ads.
|
||
|
|
They can be used to track you. </p>
|
||
|
|
|
||
|
|
<h2>Session Cookies:</h2>
|
||
|
|
<p>These cookies are to keep you logged in inside a website.
|
||
|
|
For example, if you log in to Facebook, you will have somewhere a session cookie that keeps you logged in.
|
||
|
|
These types of cookies will be destroyed after closing a browser.</p>
|
||
|
|
|
||
|
|
<h2>Persistent Cookies:</h2>
|
||
|
|
These cookies stores information over a longer period.
|
||
|
|
For example, you are logged inside Facebook. You shut down your computer and come back some days later and you are still logged in.
|
||
|
|
Then you have a Persistent cookie</p>
|
||
|
|
|
||
|
|
<h2>Secure Cookies:</h2>
|
||
|
|
<p>These cookies stores encrypted information like bank credentials.</p>
|
||
|
|
|
||
|
|
`;
|
||
|
|
|
||
|
|
|
||
|
|
// The the text to explain third party cookies if you they still active after deactivation
|
||
|
|
var text_tracking_cookies = `
|
||
|
|
|
||
|
|
<p> third party domain cookies are maybe tracking you.
|
||
|
|
On the cookie tab inside the pop-up window, you get there a list of all active cookies in this open site.
|
||
|
|
if you are refused some cookies, but they are still active, you can directly contact the owner of this service or the <a href ='https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/AufsBehoerdFuerDenNichtOeffBereich/AufsichtsbehoerdenNichtOeffBereich_liste.html' >
|
||
|
|
authority</a> to get help. </p>
|
||
|
|
|
||
|
|
`;
|
||
|
|
|
||
|
|
// The answer to the question, what rights, according to the GDPR, a user has
|
||
|
|
var text_what_they_knew_about_me = `
|
||
|
|
<p>
|
||
|
|
You can directly contact the service provider to know what he knows about you.
|
||
|
|
You can also ask him to give you what he knows about you in a machine and human-readable form like XML </p>
|
||
|
|
|
||
|
|
`;
|
||
|
|
|
||
|
|
// The answer to the question, what rights, according to the GDPR, a user has
|
||
|
|
var text_how_i_can_refuse = `
|
||
|
|
<p> You can every time refuse the processing of your data or at least a part by directly contacting the provider.
|
||
|
|
If the provider deletes your data or a part of them depends if you have a contract with him.
|
||
|
|
</p>
|
||
|
|
`;
|
||
|
|
|
||
|
|
|
||
|
|
// The answer to the question, what rights, according to the GDPR, a user has
|
||
|
|
var text_what_to_do_if_need_help = `<p> If you think the provider misuse your data please contact your local
|
||
|
|
<a href ='https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/AufsBehoerdFuerDenNichtOeffBereich/AufsichtsbehoerdenNichtOeffBereich_liste.html' >
|
||
|
|
authority</a></p>`;
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* These are the buttons to open an answer to a question.
|
||
|
|
*/
|
||
|
|
var button_what_are_my_rights = "<button class='mdc-button mdc-button--raised' id='button-what-are-my-rights'><span class='mdc-button__label'>What are my rights?</span></button>";
|
||
|
|
var button_what_is_technicaldata ="<button class='mdc-button mdc-button--raised' id='button-what-is-technicaldata'><span class='mdc-button__label'>What are processing data?</span></button>";
|
||
|
|
var button_what_are_personal_data ="<button class='mdc-button mdc-button--raised' id='button-what-are-personal-data'><span class='mdc-button__label'>What are personal data?</span></button>";
|
||
|
|
var button_what_are_anonymised_data ="<button class='mdc-button mdc-button--raised' id='button-what-are-anonymised-data'><span class='mdc-button__label'>What are anonymised data?</span></button>";
|
||
|
|
var button_what_techical_data ="<button class='mdc-button mdc-button--raised' id='button-what-techical-data'><span class='mdc-button__label'>Which data does this service proceed?</span></button>";
|
||
|
|
var button_what_personal_data ="<button class='mdc-button mdc-button--raised' id='button-what-personal-data'><span class='mdc-button__label'>Which personal data can be collected?</span></button>";
|
||
|
|
var button_what_are_cookies ="<button class='mdc-button mdc-button--raised' id='button-what-are-cookies'><span class='mdc-button__label'>What are cookies?</span></button>";
|
||
|
|
var button_what_third ="<button class='mdc-button mdc-button--raised' id='button-what-third'><span class='mdc-button__label'>Which thirdparties can be involved</span></button>";
|
||
|
|
var button_what_which_cookies_are_tracking_me ="<button class='mdc-button mdc-button--raised' id='button-what-which-cookies-are-tracking-me'><span class='mdc-button__label'>Which cookies are tracking me</span></button>";
|
||
|
|
var button_what_can_i_do_to_refuse ="<button class='mdc-button mdc-button--raised' id='button-what-can-i-do-to-refuse'><span class='mdc-button__label'>Where can i refuse the proceeding of my data?</span></button>";
|
||
|
|
var button_what_they_know_about_me ="<button class='mdc-button mdc-button--raised' id='button-what-they-know-about-me'><span class='mdc-button__label'>What should i do if i want to know what they knew about me</span></button>";
|
||
|
|
var button_what_need_help ="<button class='mdc-button mdc-button--raised' id='button-what-need-help'><span class='mdc-button__label'>What can i do if i think they violate my rights?</span></button>";
|
||
|
|
|
||
|
|
//This are the Material-Card for the question of what rights a user has.
|
||
|
|
var card_what_are_my_right = `<div class='mdc-card' id='card-what-are-my-right'>
|
||
|
|
<div class='title-h-picto-div'>
|
||
|
|
<h1>What are my rights?</h1>`
|
||
|
|
+getpic("lawyer")
|
||
|
|
+"</div><hr>"
|
||
|
|
+card_what_are_my_right_gdpr
|
||
|
|
+`<button class='mdc-button' id='button-what-are-my-rights-close'>
|
||
|
|
<span class='mdc-button__ripple'></span>
|
||
|
|
<span class='mdc-button__label'>CLose</span>
|
||
|
|
</button>
|
||
|
|
</div>`;
|
||
|
|
|
||
|
|
// This is the material card for the question what technical data are
|
||
|
|
var card_what_is_technicaldata = `<div class='mdc-card' id='card-what-is-technicaldata'>
|
||
|
|
<div class='title-h-picto-div'>
|
||
|
|
<h1>What are processing data?</h1>`
|
||
|
|
+getpic("wrench")
|
||
|
|
+"</div><hr>"
|
||
|
|
+text_what_is_techicaldata+"<button class='mdc-button' id='button-what-is-technicaldata-close'><span class='mdc-button__ripple'></span><span class='mdc-button__label'>close</span></button></div>";
|
||
|
|
|
||
|
|
// This is the material card for the question what personal data are
|
||
|
|
var card_what_are_personal_data = `<div class='mdc-card' id='card-what-are-personal-data'>
|
||
|
|
<div class='title-h-picto-div'>
|
||
|
|
<h1>What are personal data?</h1>`
|
||
|
|
+getpic("dflt")
|
||
|
|
+"</div><hr>"
|
||
|
|
+text_what_is_perosnal_data+"<button class='mdc-button' id='button-what-are-personal-data-close'><span class='mdc-button__ripple'></span><span class='mdc-button__label'>close</span></button></div>";
|
||
|
|
|
||
|
|
// This is the material card for the question what anonymised data are
|
||
|
|
var card_what_are_anonymised_data = `<div class='mdc-card' id='card-what-are-anonymised-data'><div class='title-h-picto-div'><h1>What are anonymised data?</h1>`
|
||
|
|
+getpic("hide")
|
||
|
|
+"</div><hr>"
|
||
|
|
+text_what_is_anonymised_data+"<button class='mdc-button' id='button-what-are-anonymised-data-close'><span class='mdc-button__ripple'></span><span class='mdc-button__label'>close</span></button></div>";
|
||
|
|
|
||
|
|
// This is the material card for the question what technical data are
|
||
|
|
var card_what_techical_data = `<div class='mdc-card' id='card-what-techical-data'><div class='title-h-picto-div'><h1>Which data does this service proceed?</h1>`
|
||
|
|
+getpic("collect")
|
||
|
|
+"</div><hr>"
|
||
|
|
+"<div id='result-saved-technical' class='view-saved-values'></div><button class='mdc-button' id='button-what-techical-data-close'><span class='mdc-button__ripple'></span><span class='mdc-button__label'>close</span></button></div>";
|
||
|
|
|
||
|
|
// This is the material card for the question what personal data is collected by a provider
|
||
|
|
var card_what_personal_data = `<div class='mdc-card' id='card-what-personal-data'><div class='title-h-picto-div'><h1>Which personal data can be collected?</h1>`
|
||
|
|
+getpic("dflt")
|
||
|
|
+"</div><hr>"
|
||
|
|
+"<button class='mdc-button' id='button-what-personal-data-close'><span class='mdc-button__ripple'></span><span class='mdc-button__label'>close</span></button></div>";
|
||
|
|
|
||
|
|
// This is the material card for the question what cookies are
|
||
|
|
var card_what_are_cookies = `<div class='mdc-card' id='card-what-are-cookies'><div class='title-h-picto-div'><h1>What are cookies?</h1>`
|
||
|
|
+getpic("cookie")
|
||
|
|
+"</div><hr>"
|
||
|
|
+text_what_are_cookes+"<button class='mdc-button' id='button-what-are-cookies-close'><span class='mdc-button__ripple'></span><span class='mdc-button__label'>close</span></button></div>";
|
||
|
|
|
||
|
|
// This is the material card for the question what thirdpartys also collect data
|
||
|
|
var card_what_third = `<div class='mdc-card' id='card-what-third'><div class='title-h-picto-div'><h1>Which thirdparties can be involved?</h1>`
|
||
|
|
+getpic("thirdpartyexp")
|
||
|
|
+"</div><hr>"
|
||
|
|
+"<div id='result-saved-third' class='view-saved-values'></div><button class='mdc-button' id='button-what-third-close'><span class='mdc-button__ripple'></span><span class='mdc-button__label'>close</span></button></div>";
|
||
|
|
|
||
|
|
// This is the material card for the question which cookies can track
|
||
|
|
var card_what_which_cookies_are_tracking_me = `<div class='mdc-card' id='card-what-which-cookies-are-tracking-me'><div class='title-h-picto-div'><h1>Which cookies are tracking me?</h1>`
|
||
|
|
+getpic("magnifyingglass")
|
||
|
|
+"</div><hr>"
|
||
|
|
+text_tracking_cookies +"<button class='mdc-button' id='button-what-which-cookies-are-tracking-me-close'><span class='mdc-button__ripple'></span><span class='mdc-button__label'>close</span></button></div>";
|
||
|
|
|
||
|
|
// This is the material card for the question how to refuse the proceeding of personal data
|
||
|
|
var card_what_can_i_do_to_refuse = `<div class='mdc-card' id='card-what-can-i-do-to-refuse'><div class='title-h-picto-div'><h1>Where can i refuse the proceeding of my data?</h1>`
|
||
|
|
+getpic("contactexp")
|
||
|
|
+"</div><hr>"
|
||
|
|
+text_how_i_can_refuse+"<div id='email-refuse'></div><button class='mdc-button' id='button-what-can-i-do-to-refuse-close'><span class='mdc-button__ripple'></span><span class='mdc-button__label'>close</span></button></div>";
|
||
|
|
|
||
|
|
// This is the material card for the question what data the provider knew about a person
|
||
|
|
var card_what_they_know_about_me = `<div class='mdc-card' id='card-what-they-know-about-me'><div class='title-h-picto-div'><h1>What should i do if i want to know what they knew about me?</h1>`
|
||
|
|
+getpic("book")
|
||
|
|
+"</div><hr>"
|
||
|
|
+text_what_they_knew_about_me+"<div id='email-knew'></div><button class='mdc-button' id='button-what-they-know-about-me-close'><span class='mdc-button__ripple'></span><span class='mdc-button__label'>close</span></button></div>";
|
||
|
|
|
||
|
|
// This is the material card for the question what data are
|
||
|
|
var card_what_need_help = `<div class='mdc-card' id='card-what-need-help'><div class='title-h-picto-div'><h1>What can i do if i think they violate my rights?</h1>`
|
||
|
|
+getpic("help")
|
||
|
|
+"</div><hr>"
|
||
|
|
+text_what_to_do_if_need_help+"<div id='email-help'></div><button class='mdc-button' id='button-what-need-help-close'><span class='mdc-button__ripple'></span><span class='mdc-button__label'>close</span></button></div>";
|
||
|
|
|
||
|
|
|
||
|
|
// this function inits the Material-Cards for the faq
|
||
|
|
function init_cards(){
|
||
|
|
console.log("init the cards");
|
||
|
|
$("#card-what-are-my-right").hide();
|
||
|
|
$("#card-what-is-technicaldata").hide();
|
||
|
|
$("#card-what-are-personal-data").hide();
|
||
|
|
$("#card-what-are-anonymised-data").hide();
|
||
|
|
$("#card-what-techical-data").hide();
|
||
|
|
$("#card-what-personal-data").hide();
|
||
|
|
$("#card-what-third").hide();
|
||
|
|
$("#card-what-which-cookies-are-tracking-me").hide();
|
||
|
|
$("#card-what-can-i-do-to-refuse").hide();
|
||
|
|
$("#card-what-they-know-about-me").hide();
|
||
|
|
$("#card-what-need-help").hide();
|
||
|
|
$("#card-what-are-cookies").hide();
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//this function inits the question buttons
|
||
|
|
function init_buttons_cards(){
|
||
|
|
$("#button-what-are-my-rights").click(function(){
|
||
|
|
console.log("hallo");
|
||
|
|
$("#card-what-are-my-right").show();
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
$("#button-what-is-technicaldata").click(function(){
|
||
|
|
console.log("hallo");
|
||
|
|
$("#card-what-is-technicaldata").show();
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
$("#button-what-are-personal-data").click(function(){
|
||
|
|
console.log("hallo");
|
||
|
|
$("#card-what-are-personal-data").show();
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
$("#button-what-are-anonymised-data").click(function(){
|
||
|
|
console.log("hallo");
|
||
|
|
$("#card-what-are-anonymised-data").show();
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
$("#button-what-techical-data").click(function(){
|
||
|
|
console.log("hallo");
|
||
|
|
$("#card-what-techical-data").show()
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
$("#button-what-personal-data").click(function(){
|
||
|
|
console.log("hallo");
|
||
|
|
$("#card-what-personal-data").show();
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
$("#button-what-third").click(function(){
|
||
|
|
console.log("hallo");
|
||
|
|
$("#card-what-third").show();
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
$("#button-what-which-cookies-are-tracking-me").click(function(){
|
||
|
|
console.log("hallo");
|
||
|
|
$("#card-what-which-cookies-are-tracking-me").show();
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
$("#button-what-can-i-do-to-refuse").click(function(){
|
||
|
|
console.log("hallo");
|
||
|
|
$("#card-what-can-i-do-to-refuse").show();
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
$("#button-what-they-know-about-me").click(function(){
|
||
|
|
console.log("hallo");
|
||
|
|
$("#card-what-they-know-about-me").show();
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
$("#button-what-need-help").click(function(){
|
||
|
|
console.log("hallo");
|
||
|
|
$("#card-what-need-help").show();
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#close-card").click(function(){
|
||
|
|
$(this).parent().hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#button-what-are-cookies").click(function(){
|
||
|
|
console.log("hallo");
|
||
|
|
$("#card-what-are-cookies").show();
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// this function defines the close buttons of a Material-Card
|
||
|
|
function init_buttons_close(){
|
||
|
|
$("#button-what-are-my-rights-close").click(function(){
|
||
|
|
$(this).parent().hide();
|
||
|
|
$("#button-what-are-my-rights").show();
|
||
|
|
console.log($(this).parent());
|
||
|
|
});
|
||
|
|
$("#button-what-is-technicaldata-close").click(function(){
|
||
|
|
$(this).parent().hide();
|
||
|
|
$("#button-what-is-technicaldata").show();
|
||
|
|
console.log("hallo");
|
||
|
|
});
|
||
|
|
$("#button-what-are-personal-data-close").click(function(){
|
||
|
|
$(this).parent().hide();
|
||
|
|
$("#button-what-are-personal-data").show();
|
||
|
|
console.log("hallo");
|
||
|
|
});
|
||
|
|
$("#button-what-are-anonymised-data-close").click(function(){
|
||
|
|
$(this).parent().hide();
|
||
|
|
$("#button-what-are-anonymised-data").show();
|
||
|
|
console.log("hallo");
|
||
|
|
});
|
||
|
|
$("#button-what-techical-data-close").click(function(){
|
||
|
|
$(this).parent().hide();
|
||
|
|
$("#button-what-techical-data").show();
|
||
|
|
console.log("hallo");
|
||
|
|
});
|
||
|
|
$("#button-what-personal-data-close").click(function(){
|
||
|
|
$(this).parent().hide();
|
||
|
|
$("#button-what-personal-data").show();
|
||
|
|
console.log("hallo");
|
||
|
|
});
|
||
|
|
$("#button-what-third-close").click(function(){
|
||
|
|
$(this).parent().hide();
|
||
|
|
$("#button-what-third").show();
|
||
|
|
console.log("hallo");
|
||
|
|
});
|
||
|
|
$("#button-what-can-i-do-to-refuse-close").click(function(){
|
||
|
|
$(this).parent().hide();
|
||
|
|
$("#button-what-can-i-do-to-refuse").show();
|
||
|
|
console.log("hallo");
|
||
|
|
});
|
||
|
|
$("#button-what-they-know-about-me-close").click(function(){
|
||
|
|
$(this).parent().hide();
|
||
|
|
$("#button-what-they-know-about-me").show();
|
||
|
|
console.log("hallo");
|
||
|
|
});
|
||
|
|
$("#button-what-need-help-close").click(function(){
|
||
|
|
$(this).parent().hide();
|
||
|
|
$("#button-what-need-help").show();
|
||
|
|
console.log("hallo");
|
||
|
|
});
|
||
|
|
$("#button-what-are-cookies-close").click(function(){
|
||
|
|
$(this).parent().hide();
|
||
|
|
$("#button-what-are-cookies").show();
|
||
|
|
console.log("hallo");
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#button-what-which-cookies-are-tracking-me-close").click(function(){
|
||
|
|
console.log("hallo");
|
||
|
|
$("#button-what-which-cookies-are-tracking-me").show();
|
||
|
|
$(this).parent().hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#costum-close-button").click(function(){
|
||
|
|
location.reload(true);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|