 Issue 29611624:
  Issue 6047 - Updated templates and uninstalled pages  (Closed) 
  Base URL: https://hg.adblockplus.org/web.adblockplus.org
    
  
    Issue 29611624:
  Issue 6047 - Updated templates and uninstalled pages  (Closed) 
  Base URL: https://hg.adblockplus.org/web.adblockplus.org| Left: | ||
| Right: | 
| LEFT | RIGHT | 
|---|---|
| 1 title=Adblock Plus has been uninstalled | 1 title=Adblock Plus has been uninstalled | 
| 2 template=minimal | 2 template=minimal | 
| 
ire
2017/11/27 19:48:21
Suggestion: This page could have a similar to desi
 
juliandoucette
2017/12/04 13:34:05
I agree and I've tried this already myself; unsucc
 
ire
2017/12/05 10:28:00
Here's my attempt - https://codereview.adblockplus
 
juliandoucette
2017/12/06 16:30:52
That's a good start.
 | |
| 3 | 3 | 
| 4 {% set reasons = [ | 4 {% set reasons = [ | 
| 5 ("1v0", "reason-not-installed", "I didn't install Adblock Plus.", ""), | 5 ("1v0", "reason-not-installed", "I didn't install Adblock Plus.", ""), | 
| 6 ("2v0", "reason-slowing-down", "Adblock Plus slowed down my browser.", ""), | 6 ("2v0", "reason-slowing-down", "Adblock Plus slowed down my browser.", ""), | 
| 7 ("3v0", "reason-acceptable-ads", "I don't like the Acceptable Ads program.", " "), | 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.", ""), | 8 ("4v0", "reason-see-ads", "Adblock Plus didn't block all ads.", ""), | 
| 9 ("5v0", "reason-better-adblocker", "I found better ad blocking software.", ["A dBlock", "uBlock", "uBlock Origin", "Ghostery"]), | 9 ("5v0", "reason-better-adblocker", "I found better ad blocking software.", ["A dBlock", "uBlock", "uBlock Origin", "Ghostery"]), | 
| 10 ("6v0", "reason-break-websites", "Adblock Plus breaks websites that I visit.", ""), | 10 ("6v0", "reason-break-websites", "Adblock Plus breaks websites that I visit.", ""), | 
| 11 ("7v0", "reason-difficult", "I find it difficult to use Adblock Plus.", ""), | 11 ("7v0", "reason-difficult", "I find it difficult to use Adblock Plus.", ""), | 
| 12 ] %} | 12 ] %} | 
| 13 | 13 | 
| 14 <head> | 14 <head> | 
| 15 <meta name="robots" content="noindex" /> | 15 <meta name="robots" content="noindex" /> | 
| 16 <link rel="stylesheet" href="/css/uninstalled.css" type="text/css" media="all" > | 16 <link href="/css/uninstalled.css" rel="stylesheet"> | 
| 
ire
2017/11/27 19:48:22
NIT: media="all" is the default, I don't think you
 
juliandoucette
2017/12/04 13:34:04
I must have copy/pasted :(
 
juliandoucette
2017/12/06 16:30:53
Done.
 | |
| 17 </head> | 17 </head> | 
| 18 | 18 | 
| 19 <section id="uninstall-reasons"> | 19 <section id="uninstall-reasons"> | 
| 20 <div class="container content"> | 20 <div id="content" class="container content"> | 
| 21 <h1>{{ title | translate("title") }}</h1> | 21 <h1>{{ title | translate("title") }}</h1> | 
| 22 <p class="lead">{{ "Please select the reason(s) why you uninstalled Adblock Plus:" | translate("reasons-header", "Form heading") }}</p> | 22 <p class="lead">{{ "Please select the reason(s) why you uninstalled Adblock Plus:" | translate("reasons-header", "Form heading") }}</p> | 
| 23 <form id="reasons-form" action="uninstalled-submit" method="get"> | 23 <form id="reasons-form" action="uninstalled-submit" method="get"> | 
| 24 <fieldset> | 24 <fieldset> | 
| 25 <ul id="reasons" class="unstyled"> | 25 <ul id="reasons"> | 
| 26 {%- for reasonId, stringId, value, adblockers in reasons %} | 26 {%- for reasonId, stringId, value, adblockers in reasons %} | 
| 27 <li> | 27 <li> | 
| 28 <label> | 28 <label> | 
| 29 <input type="checkbox" name="reason" {% if adblockers %} data-to ggle-view="adblockers" {% endif %} value="{{ reasonId }}" /> | 29 <input type="checkbox" name="reason" {% if adblockers %} data-to ggle-view="adblockers" {% endif %} value="{{ reasonId }}" /> | 
| 30 {{ value | translate(stringId, "Uninstallation reason") }} | 30 {{ value | translate(stringId, "Uninstallation reason") }} | 
| 31 </label> | 31 </label> | 
| 32 {%- if adblockers %} | 32 {%- if adblockers %} | 
| 33 <fieldset class="hidden" id="adblockers"> | 33 <fieldset class="hidden" id="adblockers"> | 
| 34 <select name="otherAdblockerPredefined"> | 34 <p> | 
| 
ire
2017/11/27 19:48:21
This select is also unstyled like the textarea. Th
 
juliandoucette
2017/12/06 16:30:53
Done.
Good catch.
 | |
| 35 {%- for adblocker in adblockers %} | 35 <select name="otherAdblockerPredefined"> | 
| 36 <option data-hide-element="other-adblocker" value="{{ adbl ocker }}">{{ adblocker }}</option> | 36 {%- for adblocker in adblockers %} | 
| 37 {%- endfor %} | 37 <option data-hide-element="other-adblocker" value="{{ ad blocker }}">{{ adblocker }}</option> | 
| 38 <option data-show-element="other-adblocker" value="Other">{{ "Other" | translate("other", "Option in list of Adblockers") }}</option> | 38 {%- endfor %} | 
| 39 </select> | 39 <option data-show-element="other-adblocker" value="Other"> {{ "Other" | translate("other", "Option in list of Adblockers") }}</option> | 
| 40 <input id="other-adblocker" class="hidden" type="text" name="o therAdblocker" /> | 40 </select> | 
| 41 <input id="other-adblocker" class="hidden" type="text" name= "otherAdblocker" /> | |
| 42 </p> | |
| 41 </fieldset> | 43 </fieldset> | 
| 42 {%- endif %} | 44 {%- endif %} | 
| 43 </li> | 45 </li> | 
| 44 {%- endfor %} | 46 {%- endfor %} | 
| 45 <li> | 47 <li> | 
| 46 <label> | 48 <label> | 
| 47 <input id="reason-other" data-toggle-view="reason-other-container" type="checkbox" name="reason" value="0v0" /> | 49 <input id="reason-other" data-toggle-view="reason-other-container" type="checkbox" name="reason" value="0v0" /> | 
| 48 {{ "Other, namely..." | translate("reason-other", "Last uninstalla tion reason") }} | 50 {{ "Other, namely..." | translate("reason-other", "Last uninstalla tion reason") }} | 
| 49 </label> | 51 </label> | 
| 50 <fieldset id="reason-other-container" class="hidden"> | 52 <fieldset id="reason-other-container" class="hidden"> | 
| 51 <textarea | 53 <textarea | 
| 
ire
2017/11/27 19:48:21
The textarea has a fixed width so doesn't fit the
 
ire
2017/11/27 19:48:21
There is no border around this textarea, and since
 
juliandoucette
2017/12/06 16:30:53
Done.
Good catch.
 
ire
2017/12/07 12:36:26
This hasn't been fixed yet.
 
juliandoucette
2017/12/14 18:35:22
Done.
 | |
| 52 id="reason-other-input" | 54 id="reason-other-input" | 
| 53 name="reasonOther" | 55 name="reasonOther" | 
| 54 cols="60" | |
| 55 rows="4" | 56 rows="4" | 
| 56 maxlength="300" | 57 maxlength="300" | 
| 57 placeholder="{{ "Please explain why you are uninstalling Adblock Plus" | translate("reason-other-placeholder", "Textarea placeholder text, appea rs after selecting 'Other, namely...' option") }}"></textarea> | 58 placeholder="{{ "Please explain why you are uninstalling Adblock Plus" | translate("reason-other-placeholder", "Textarea placeholder text, appea rs after selecting 'Other, namely...' option") }}"></textarea> | 
| 58 <div> | 59 <div> | 
| 59 {{ "Characters remaining:" | translate("countdown-text", "Text o f character limit counter appears after selecting 'Other, namely...' option") }} | 60 {{ "Characters remaining:" | translate("countdown-text", "Text o f character limit counter appears after selecting 'Other, namely...' option") }} | 
| 60 <span id="characters-countdown"></span> | 61 <span id="characters-countdown"></span> | 
| 61 </div> | 62 </div> | 
| 62 </fieldset> | 63 </fieldset> | 
| 63 </li> | 64 </li> | 
| 64 </ul> | 65 </ul> | 
| 65 </fieldset> | 66 </fieldset> | 
| 66 <p id="reason-error">{{ "Please select at least one of the options above" | translate("error-msg", "Error message, is being shown after submission if no i tem selected")}}</p> | 67 <p id="reason-error">{{ "Please select at least one of the options above" | translate("error-msg", "Error message, is being shown after submission if no i tem selected")}}</p> | 
| 67 <p> | 68 <p> | 
| 68 <button class="button primary">{{ "Submit" | translate("submit", "Submit button text") }}</button> | 69 <button class="button primary">{{ "Submit" | translate("submit", "Submit button text") }}</button> | 
| 69 </p> | 70 </p> | 
| 70 </form> | 71 </form> | 
| 71 <p class="disclaimer"> | 72 <p class="disclaimer"> | 
| 72 <small>{{ "By clicking Submit, you are sending your response to Adblock Pl us. Please see our <a href='/privacy'>privacy policy</a>." | translate("disclaim er", "Disclaimer below form") }}</small> | 73 <small>{{ "By clicking Submit, you are sending your response to Adblock Pl us. Please see our <a href='/privacy'>privacy policy</a>." | translate("disclaim er", "Disclaimer below form") }}</small> | 
| 73 </p> | 74 </p> | 
| 74 </div> | 75 </div> | 
| 75 </section> | 76 </section> | 
| 76 | 77 | 
| 77 <aside id="reinstall" class="bg-accent" > | 78 <? include reinstall ?> | 
| 78 <div class="container content"> | |
| 79 <p class="lead"> | |
| 80 {{ "Did you uninstall Adblock Plus by accident?" | translate("reinstall-head line", "Text next to the Reinstallation button") }} | |
| 81 {{ "index" | linkify(class="button secondary") }}{{ "Reinstall Now" | transl ate("reinstall", "Reinstall button text") }}</a> | |
| 
ire
2017/11/27 19:48:21
The text in this button is not aligned center (see
 
juliandoucette
2017/12/06 16:30:53
Done.
Good catch.
 | |
| 82 </div> | |
| 83 </aside> | |
| 84 | 79 | 
| 85 <script src="/js/uninstalled.js"></script> | 80 <script src="/js/uninstalled.js"></script> | 
| LEFT | RIGHT |