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.
367 lines
18 KiB
367 lines
18 KiB
/** |
|
* 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); |
|
}); |
|
} |
|
|
|
|
|
|
|
|