Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Delta Between Two Patch Sets: pages/uninstall-abp.tmpl

Issue 29329984: Issue 3257 - Create uninstallation page in adblockplus.org (Closed)
Left Patch Set: renamed .md file back to .tmpl Created Dec. 2, 2015, 6:01 p.m.
Right Patch Set: Convert to array instead of cloning Created Dec. 3, 2015, 1:55 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « no previous file | pages/uninstall-abp-submit.md » ('j') | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
1 title=Adblock Plus has been uninstalled 1 title=Adblock Plus has been uninstalled
2 template=simple 2 template=simple
3
4 {% set reasons = [
5 ("1v0", "reason-not-installed", "I didn't install Adblock Plus."),
6 ("2v0", "reason-slowing-down", "Adblock Plus slowed down my browser."),
7 ("3v0", "reason-acceptable-ads", "I don't like the Acceptable Ads program."),
8 ("4v0", "reason-see-ads", "Adblock Plus didn't block all ads."),
9 ("5v0", "reason-better-adblocker", "I found better ad blocking software."),
10 ("6v0", "reason-break-websites", "Adblock Plus breaks websites that I visit.")
11 ] %}
3 12
4 <head> 13 <head>
5 <meta name="robots" content="noindex" /> 14 <meta name="robots" content="noindex" />
6 <script type="text/javascript"> 15 <script type="text/javascript">
7 (function() 16 (function()
8 { 17 {
9 var reasons = [
10 ["1v0", "{{reason-not-installed[Uninstallation reason] I didn't install Ad block Plus.}}"],
11 ["2v0", "{{reason-slowing-down[Uninstallation reason] Adblock Plus slowed down my browser.}}"],
12 ["3v0", "{{reason-acceptable-ads[Uninstallation reason] I don't like the A cceptable Ads program.}}"],
13 ["4v0", "{{reason-see-ads[Uninstallation reason] Adblock Plus didn't block all ads.}}"],
14 ["5v0", "{{reason-better-adblocker[Uninstallation reason] I found better a d blocking software.}}"],
15 ["6v0", "{{reason-break-websites[Uninstallation reason] Adblock Plus break s websites that I visit.}}"]
16 ];
17
18 function init() 18 function init()
19 { 19 {
20 var form = document.getElementById("reasons-form"); 20 var form = document.getElementById("reasons-form");
21 21
22 // Create hidden input for GET parameters 22 // Create hidden input for GET parameters
23 window.location.search.substr(1).split("&").forEach(function(param) 23 window.location.search.substr(1).split("&").forEach(function(param)
24 { 24 {
25 if (!/.=./.test(param)) 25 if (!/.=./.test(param))
26 return; 26 return;
27 27
28 var paramSplit = param.split("="); 28 var paramSplit = param.split("=");
29 var input = document.createElement("input"); 29 var input = document.createElement("input");
30 input.setAttribute("type", "hidden"); 30 input.setAttribute("type", "hidden");
31 input.setAttribute("name", paramSplit[0]); 31 input.setAttribute("name", paramSplit[0]);
32 input.setAttribute("value", paramSplit[1]); 32 input.setAttribute("value", paramSplit[1]);
33 form.appendChild(input); 33 form.appendChild(input);
34 }); 34 });
35 35
36 // Randomly add reasons 36 // Randomly add reasons
37 var reasonsContainer = document.getElementById("reasons");
38 var reasons = reasonsContainer.getElementsByTagName("li");
39 reasons = Array.prototype.slice.call(reasons);
40 reasonsContainer.innerHTML = "";
37 while (reasons.length) 41 while (reasons.length)
38 { 42 {
39 var randomIndex = Math.floor(Math.random() * (reasons.length)); 43 var randomIndex = Math.floor(Math.random() * (reasons.length -1));
40 var reason = reasons.splice(randomIndex, 1)[0]; 44 var reasonElement = reasons.splice(randomIndex, 1)[0];
41 var listElement = document.createElement("li"); 45 reasonsContainer.appendChild(reasonElement);
42 var labelElement = document.createElement("label");
43 var checkboxElement = document.createElement("input");
44 checkboxElement.setAttribute("type", "checkbox");
45 checkboxElement.setAttribute("name", "reason");
46 checkboxElement.setAttribute("value", reason[0]);
47 var spanElement = document.createElement("span");
48 spanElement.innerHTML = reason[1];
49 labelElement.appendChild(checkboxElement);
50 labelElement.appendChild(spanElement);
51 listElement.appendChild(labelElement);
52 var reasonContainer = document.getElementById("reasons");
53 reasonContainer.insertBefore(listElement, reasonContainer.firstChild);
54 } 46 }
55 47
56 var reasonOtherCheckbox = document.getElementById("reason-other"); 48 var reasonOtherCheckbox = document.getElementById("reason-other");
57 reasonOtherCheckbox.addEventListener("change", function() 49 reasonOtherCheckbox.addEventListener("change", function()
58 { 50 {
59 var textArea = document.getElementById("reason-other-input"); 51 var textArea = document.getElementById("reason-other-input");
60 if (textArea.hasAttribute("class")) 52 if (textArea.hasAttribute("class"))
61 textArea.removeAttribute("class") 53 textArea.removeAttribute("class")
62 else 54 else
63 textArea.setAttribute("class", "hidden"); 55 textArea.setAttribute("class", "hidden");
(...skipping 11 matching lines...) Expand all
75 { 67 {
76 form.submit(); 68 form.submit();
77 } 69 }
78 }, false); 70 }, false);
79 } 71 }
80 document.addEventListener("DOMContentLoaded", init, false); 72 document.addEventListener("DOMContentLoaded", init, false);
81 })(); 73 })();
82 </script> 74 </script>
83 </head> 75 </head>
84 76
85 <section markdown="1" class="highlighted"> 77 <section class="highlighted">
86 #{{reasons-header[Form heading] Please select the reason(s) why you uninstalled Adblock Plus:}} 78 <h1>{{"Please select the reason(s) why you uninstalled Adblock Plus:"|translat e("reasons-header", "Form heading")}}</h1>
87 79 <form id="reasons-form" action="uninstall-abp-submit" method="post">
88 <form id="reasons-form" action="uninstall-abp-submit" method="post"> 80 <ul id="reasons">
89 <ul id="reasons"> 81 {%- for reasonId, stringId, value in reasons %}
90 <li> 82 <li>
91 <label> 83 <label>
92 <input id="reason-other" type="checkbox" name="reason" value="0v0" /> 84 <input type="checkbox" name="reason" value="{{reasonId}}" />
93 <span>{{reason-other[Last uninstallation reason] Other, namely...}}</spa n> 85 {{value|translate(stringId, "Uninstallation reason")}}
94 </label> 86 </label>
95 <textarea id="reason-other-input" class="hidden" name="reasonOther" placeh older="{{reason-other-placeholder[Textarea placeholder text, appears after selec ting 'Other, namely...' option] Please explain why you are uninstalling Adblock Plus}}"></textarea> 87 </li>
96 </li> 88 {%- endfor %}
97 </ul> 89 <li>
98 <button id="submit-form">{{submit[Submit button text] Submit}}</button> 90 <label>
99 <span class="error-label">{{error-msg[Error message, is being shown after subm ission if no item selected] Please select at least one of the options above}}</s pan> 91 <input id="reason-other" type="checkbox" name="reason" value="0v0" />
100 </form> 92 {{"Other, namely..."|translate("reason-other", "Last uninstallation re ason")}}
101 93 </label>
102 {{disclaimer[Disclaimer below form] By clicking Submit, you are sending your res ponse to Adblock Plus. Please see our [privacy policy](/privacy).}} 94 <textarea id="reason-other-input" class="hidden" name="reasonOther" plac eholder="{{"Please explain why you are uninstalling Adblock Plus"|translate("rea son-other-placeholder", "Textarea placeholder text, appears after selecting 'Oth er, namely...' option")}}"></textarea>
103 {: .disclaimer } 95 </li>
96 </ul>
97 <button id="submit-form">{{"Submit"|translate("submit", "Submit button text" )}}</button>
98 <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 i tem selected")}}</span>
99 </form>
100 <p class="disclaimer">
101 {{"By clicking Submit, you are sending your response to Adblock Plus. Please see our <a href='/privacy'>privacy policy</a>."|translate("disclaimer", "Discla imer below form")}}
102 </p>
104 </section> 103 </section>
LEFTRIGHT

Powered by Google App Engine
This is Rietveld