From 4659b2f151291aafd4c650f7e0673a2c733e25ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20P=C3=A9rez-Su=C3=A1rez?= <dps.helio@gmail.com>
Date: Sun, 26 Aug 2018 21:56:51 +0100
Subject: [PATCH] Set all tokens and translation links needed by episode layout

---
 _includes/episode_keypoints.html |  2 +-
 _includes/episode_navbar.html    |  8 ++++----
 _includes/episode_overview.html  | 10 +++++-----
 _layouts/episode.html            | 21 +++++++++++++++++----
 4 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/_includes/episode_keypoints.html b/_includes/episode_keypoints.html
index 2baa53e..e0b40ae 100644
--- a/_includes/episode_keypoints.html
+++ b/_includes/episode_keypoints.html
@@ -2,7 +2,7 @@
   Display key points for an episode.
 {% endcomment %}
 <blockquote class="keypoints">
-  <h2>Key Points</h2>
+  <h2>{{ include.language.keypoints }}</h2>
   <ul>
     {% for keypoint in page.keypoints %}
     <li>{{ keypoint|markdownify }}</li>
diff --git a/_includes/episode_navbar.html b/_includes/episode_navbar.html
index ea368eb..9fe4343 100644
--- a/_includes/episode_navbar.html
+++ b/_includes/episode_navbar.html
@@ -13,9 +13,9 @@
   <div class="col-xs-1">
     <h3 class="text-left">
       {% if page.previous.url %}
-      <a href="{{ relative_root_path }}{{ page.previous.url }}"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span><span class="sr-only">previous episode</span></a>
+      <a href="{{ page.root }}{{ page.previous.url }}"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span><span class="sr-only">{{ include.language.previous }} {{ include.language.episode }}</span></a>
       {% else %}
-      <a href="{{ relative_root_path }}/"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span><span class="sr-only">lesson home</span></a>
+      <a href="{{ page.root }}/"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span><span class="sr-only">{{ include.language.lessonHome }}</span></a>
       {% endif %}
     </h3>
   </div>
@@ -27,9 +27,9 @@ <h3 class="maintitle"><a href="{{ relative_root_path }}/">{{ site.title }}</a></
   <div class="col-xs-1">
     <h3 class="text-right">
       {% if page.next.url %}
-      <a href="{{ relative_root_path }}{{ page.next.url }}"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span><span class="sr-only">next episode</span></a>
+      <a href="{{ page.root }}{{ page.next.url }}"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span><span class="sr-only">{{ include.language.next }} {{ include.language.episode }}</span></a>
       {% else %}
-      <a href="{{ relative_root_path }}/"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span><span class="sr-only">lesson home</span></a>
+      <a href="{{ page.root }}/"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span><span class="sr-only">{{ include.language.lessonHome }}</span></a>
       {% endif %}
     </h3>
   </div>
diff --git a/_includes/episode_overview.html b/_includes/episode_overview.html
index cb87e0f..3d1f86e 100644
--- a/_includes/episode_overview.html
+++ b/_includes/episode_overview.html
@@ -2,16 +2,16 @@
     Display an episode's timings and learning objectives.
 {% endcomment %}
 <blockquote class="objectives">
-  <h2>Overview</h2>
+  <h2>{{ include.language.overview }}</h2>
 
   <div class="row">
     <div class="col-md-3">
-      <strong>Teaching:</strong> {{ page.teaching }} min
+      <strong>{{ include.language.teaching }}:</strong> {{ page.teaching }} {{ include.language.min }}
       <br/>
-      <strong>Exercises:</strong> {{ page.exercises }} min
+      <strong>{{ include.language.exercises }}:</strong> {{ page.exercises }} {{ include.language.min }}
     </div>
     <div class="col-md-9">
-      <strong>Questions</strong>
+      <strong>{{ include.language.questions }}</strong>
       <ul>
 	{% for question in page.questions %}
 	<li>{{ question|markdownify }}</li>
@@ -24,7 +24,7 @@ <h2>Overview</h2>
     <div class="col-md-3">
     </div>
     <div class="col-md-9">
-      <strong>Objectives</strong>
+      <strong>{{ include.language.objectives }}</strong>
       <ul>
 	{% for objective in page.objectives %}
 	<li>{{ objective|markdownify }}</li>
diff --git a/_layouts/episode.html b/_layouts/episode.html
index 0b276e7..c2a0f9a 100644
--- a/_layouts/episode.html
+++ b/_layouts/episode.html
@@ -1,11 +1,24 @@
 ---
 layout: base
 ---
-{% include episode_navbar.html episode_navbar_title=true %}
+{% comment %}
+In which language is the current page? Guess from the path: locale="/<lang>/".
+Load language tockens for menus {{ data_language }}. Translations need to provide a lang.md file that translates what's under _data/language.yaml
+Generate list of episodes and extras for the language shown. - NOTE: _extras need in the permlinks /<language>/page!!
+{% endcomment %}
+{% if page.path contains "_locale" %}
+    {% assign locale = page.path | remove: "_locale/" | split: "/" | first | downcase %}
+{% else %}
+    {% assign locale = "en" %}
+{% endif %}
+{% assign lang_file = locale | append: '.md' %}
+{% assign data_language = site.pages | where_exp:"page", "page.path contains 'i18n'" | where_exp:"page", "page.path contains lang_file" | first %}
+{% comment %} Start of page {% endcomment %}
+{% include episode_navbar.html episode_navbar_title=true language=data_language %}
 <article>
 {% include episode_title.html %}
-{% include episode_overview.html %}
+{% include episode_overview.html language=data_language %}
 {{content}}
-{% include episode_keypoints.html %}
+{% include episode_keypoints.html language=data_language %}
 </article>
-{% include episode_navbar.html episode_navbar_title=false %}
+{% include episode_navbar.html episode_navbar_title=false language=data_language %}