Show current language on switcher button (refs #2)

Author: Sebastian Kippe

index.html

@@ -15,7 +15,7 @@
           <div data-theme="a" data-role="header">
             <h3><img src="img/logo.svg" alt="Doze Poa"></h3>
             <a id="language-switcher-button" href="#language-switcher" aria-haspopup="true" aria-owns="#language-menu" data-transition="pop" data-rel="popup" data-inline="true">
-              Language
+              {{currentLanguage}}
             </a>
            </div>
            <div data-role="content">
@@ -27,7 +27,7 @@ <h3><img src="img/logo.svg" alt="Doze Poa"></h3>
                </ul>
              </div>
              <div class="ui-grid-a">
-                {{#each this}}
+                {{#each categories}}
                   <div class="ui-block-{{gridPosition}}">
                     <a href="#phrases" data-transition="slide" data-category="{{name}}">
                       <img src="img/{{name}}.svg"/>

js/app.js

@@ -2,7 +2,10 @@ var categoriesTemplate   = Handlebars.compile($('#nav-template').html());
 var phrasesTemplate      = Handlebars.compile($('#phrases-template').html());
 var phraseTemplate       = Handlebars.compile($('#phrase-template').html());
 
-var navHtml = categoriesTemplate(Dozepoa.categories(Dozepoa.currentLanguage));
+var navHtml = categoriesTemplate({
+  categories: Dozepoa.categories(Dozepoa.currentLanguage),
+  currentLanguage: Dozepoa.languages[Dozepoa.currentLanguage]
+});
 
 var phrasesHtml = phrasesTemplate({
   phrases: Dozepoa.content.categories[0]["phrases"]