Issue 5636 - Refactored language selector to use og locale location codes instead of locale codes

templates/default.tmpl

Index: templates/default.tmpl
===================================================================
--- a/templates/default.tmpl
+++ b/templates/default.tmpl
@@ -93,24 +93,24 @@
           {% else %}
             <li class="install-link first">{{"index"|linkify}}{{get_string("installation", "menu")}} <span class="sprite install-link-icon"></span></a></li>
           {% endif %}
           {% for name in ["about", "features", "bugs", "contribute"] %}
             {{pageitem(name)}}
           {% endfor %}
           <li id="language">
             <div id="current-language">
-              {{ config.get("langnames", locale) }} ({{ locale | upper }})
+              {{ config.get("langnames", locale) }} ({{ locale | to_og_locale | to_og_location }})

[ire, 2017/10/04 22:09:35]

NIT: I'm not 100% sure about building the `to_og_location` on top of
`to_og_locale`. I think it may be cleaner to either modify the `to_og_locale` or
create a standalone `to_og_location` that takes in the `locale` (The
`og_locales` will have to be moved to their own file to be used by both
filters). I don't feel particularly strongly about this, so feel free to ignore
if you prefer this method.

[juliandoucette, 2017/10/05 12:11:12]

Funny you should say... https://issues.adblockplus.org/ticket/5830#comment:1

               <span id="language-arrow" class="sprite"></span>
             </div>
             <ul id="language-selector">
               {% for available_locale in available_locales %}
                 <li class="language-entry">
                   {{ page | linkify(available_locale) }}
-                    {{ config.get("langnames", available_locale) }} ({{ available_locale | upper }})
+                    {{ config.get("langnames", available_locale) }} ({{ available_locale | to_og_locale | to_og_location }})
                   </a>
                 </li>
               {% endfor %}
             </ul>
           </li>
         </ul>
         <a href="#" id="hamburger"></a>
       </nav>