| Index: pages/uninstall-abp.tmpl | 
| =================================================================== | 
| new file mode 100644 | 
| --- /dev/null | 
| +++ b/pages/uninstall-abp.tmpl | 
| @@ -0,0 +1,103 @@ | 
| +title=Adblock Plus has been uninstalled | 
| +template=simple | 
| + | 
| +{% set reasons = [ | 
| + ("1v0", "reason-not-installed", "I didn't install Adblock Plus."), | 
| + ("2v0", "reason-slowing-down", "Adblock Plus slowed down my browser."), | 
| + ("3v0", "reason-acceptable-ads", "I don't like the Acceptable Ads program."), | 
| + ("4v0", "reason-see-ads", "Adblock Plus didn't block all ads."), | 
| + ("5v0", "reason-better-adblocker", "I found better ad blocking software."), | 
| + ("6v0", "reason-break-websites", "Adblock Plus breaks websites that I visit.") | 
| +] %} | 
| + | 
| +<head> | 
| + <meta name="robots" content="noindex" /> | 
| + <script type="text/javascript"> | 
| + (function() | 
| + { | 
| + function init() | 
| + { | 
| + var form = document.getElementById("reasons-form"); | 
| + | 
| + // Create hidden input for GET parameters | 
| + window.location.search.substr(1).split("&").forEach(function(param) | 
| + { | 
| + if (!/.=./.test(param)) | 
| + return; | 
| + | 
| + var paramSplit = param.split("="); | 
| + var input = document.createElement("input"); | 
| + input.setAttribute("type", "hidden"); | 
| + input.setAttribute("name", paramSplit[0]); | 
| + input.setAttribute("value", paramSplit[1]); | 
| + form.appendChild(input); | 
| + }); | 
| + | 
| + // Randomly add reasons | 
| + var reasonsContainer = document.getElementById("reasons"); | 
| + var reasons = reasonsContainer.cloneNode(true).getElementsByTagName("li"); | 
| + reasonsContainer.innerHTML = ""; | 
| + reasons = Array.prototype.slice.call(reasons); | 
| + while (reasons.length) | 
| + { | 
| + var randomIndex = Math.floor(Math.random() * (reasons.length -1)); | 
| + var reasonElement = reasons.splice(randomIndex, 1)[0]; | 
| + reasonsContainer.appendChild(reasonElement); | 
| + } | 
| + | 
| + var reasonOtherCheckbox = document.getElementById("reason-other"); | 
| + reasonOtherCheckbox.addEventListener("change", function() | 
| + { | 
| + var textArea = document.getElementById("reason-other-input"); | 
| + if (textArea.hasAttribute("class")) | 
| + textArea.removeAttribute("class") | 
| + else | 
| + textArea.setAttribute("class", "hidden"); | 
| + }, false); | 
| + | 
| + var submitButton = document.getElementById("submit-form"); | 
| + submitButton.addEventListener("click", function(event) | 
| + { | 
| + if (!document.querySelector("ul input:checked")) | 
| + { | 
| + event.preventDefault(); | 
| + form.setAttribute("class", "error"); | 
| + } | 
| + else | 
| + { | 
| + form.submit(); | 
| + } | 
| + }, false); | 
| + } | 
| + document.addEventListener("DOMContentLoaded", init, false); | 
| + })(); | 
| + </script> | 
| +</head> | 
| + | 
| +<section class="highlighted"> | 
| + <h1>{{"Please select the reason(s) why you uninstalled Adblock Plus:"|translate("reasons-header", "Form heading")}}</h1> | 
| + <form id="reasons-form" action="uninstall-abp-submit" method="post"> | 
| + <ul id="reasons"> | 
| + {%- for reasonId, stringId, value in reasons %} | 
| + <li> | 
| + <label> | 
| + <input type="checkbox" name="reason" value="{{reasonId}}" /> | 
| + {{value|translate(stringId, "Uninstallation reason")}} | 
| + </label> | 
| + </li> | 
| + {%- endfor %} | 
| + <li> | 
| + <label> | 
| + <input id="reason-other" type="checkbox" name="reason" value="0v0" /> | 
| + {{"Other, namely..."|translate("reason-other", "Last uninstallation reason")}} | 
| + </label> | 
| + <textarea id="reason-other-input" class="hidden" name="reasonOther" placeholder="{{"Please explain why you are uninstalling Adblock Plus"|translate("reason-other-placeholder", "Textarea placeholder text, appears after selecting 'Other, namely...' option")}}"></textarea> | 
| + </li> | 
| + </ul> | 
| + <button id="submit-form">{{"Submit"|translate("submit", "Submit button text")}}</button> | 
| + <span class="error-label">{{"Please select at least one of the options above"|translate("error-msg", "Error message, is being shown after submission if no item selected")}}</span> | 
| + </form> | 
| + <p class="disclaimer"> | 
| + {{"By clicking Submit, you are sending your response to Adblock Plus. Please see our <a href='/privacy'>privacy policy</a>."|translate("disclaimer", "Disclaimer below form")}} | 
| + </p> | 
| +</section> |