added more translations + fix translations for dynamic content

vurbanism/flyovers/views.py

@@ -1,3 +1,5 @@
+#coding=utf-8
+
 # Create your views here.
 from django.shortcuts import render_to_response
 from django.http import HttpResponse
@@ -7,9 +9,18 @@ from django.core.mail import send_mail
 from models import *
 
 QUESTIONS = {
-  '1problems': 'What problems do flyover and skywalk projects create?',
-  '2like': 'What do you like about these projects?',
-  '3stories': 'Do you have any stories about flyovers or skywalks in Mumbai or elsewhere?'
+  '1problems': {
+                'en': u'What problems do flyover and skywalk projects create?',
+                'hi': u'हवाई पुल और स्क्य्वाल्क्स योजनाओ से किस प्रकार की मुश्किले होती हैं?'
+               },
+  '2like': {
+            'en': u'What do you like about these projects?',
+            'hi': u'इन योजनाओ मे आपको क्या पसंद आया?'
+           },
+  '3stories': {
+               'en': u'Do you have any stories about flyovers or skywalks in Mumbai or elsewhere?',
+               'hi': u'क्या आपके पास मुंबई या कहीं और के हवाई पुल या स्क्य्वाल्क्स से संबंधित अपना कोई अनुभव है? '
+              }
 }
 
 def geojson(request):

vurbanism/static/js/vurbanism.js

@@ -225,8 +225,11 @@ $(function() {
   });
 });
 
-function translatePage(lang) {
-  $('.translatable td, .trans').each(function() {
+function translatePage(lang, filter) {
+  if (filter === undefined) {
+    var filter = '.translatable td, .trans';
+  }
+  $(filter).each(function() {
     var t = $(this);
     var currentData = "lang_" + CURRENT_LANGUAGE;
     var newData = "lang_" + lang;
@@ -248,7 +251,9 @@ $(function() {
     $(this).addClass('navSelected');
 //    var html = $('#' + $(this).attr("data-target")).html();
     var html = tmpl('tmpl_' + $(this).attr('data-target'), {});
-    $('#media').html(html);    
+    $('#media').html(html);
+    var filter = '#media .trans';
+    translatePage(CURRENT_LANGUAGE, filter); 
   });
 
   $('.langButton').click(function() {

vurbanism/templates/flyovers.html

@@ -58,20 +58,21 @@
   <div class="navContent" id="about">
     <div class="contentWrapper about">
 
-<p>This site maps the landscapes of elevated road highways – flyovers – and
+<p class="trans" data-lang_hi="यह साईट भारत के पश्चिमी महानगर मुंबई के उन्नत राजमार्ग, हवाई पुल, स्क्य्वाल्क्स, उन्नत पैदल रास्तों  और प्रकृति छवि  का एक नक्षा है. हवाई पुल और स्क्य्वाल्क्स मुंबई के तेजी से बढते हुए शहरीकरण की प्रत्यक्ष विशेषता बन गए हैं.">This site maps the landscapes of elevated road highways – flyovers – and
 elevated pedestrian walkways – skywalks – across the Mumbai Metropolitan
-Region in Western India.
+Region in Western India.</p>
 
-<p>Both flyovers and skywalks have become a highly visible feature of Mumbai’s
+<p class="trans" data-lang_hi="हवाई पुलों की संख्या १९९७ में १३ से २००९ में ६० तक बढ़ गयी है, उस अवधि में यहाँ के पहले स्क्य्वाल्क्स २००८ में बनें. इसके अलावा अनेक योजनायें अविरत और प्रस्तावित भी हैं. यह साईट फोटोग्राफों, विडियो,  और श्रव्य क्लिप को  कोडांतरण और वर्गीकृत करके आप तक एक नये और विभिन्न प्रकार का नगरीय जगत पेश करता है. सभी जानकारी अप्रैल २००९ से जनवरी २०१० के बीच में अनद्रू हरिस द्वारा और सावित्री मेधातुल के सहयोग से एकत्र की गयी है.">Both flyovers and skywalks have become a highly visible feature of Mumbai’s
 recent rapid urbanisation. The number of flyovers increased from 13 in 1997
 to over 60 by 2009, while the first skywalks were constructed in 2008. Many
-more projects are ongoing and proposed.
+more projects are ongoing and proposed.</p>
 
-<p>By assembling and categorising photographs, videos, audio-clips and text,
+
+<p class="trans" data-lang_hi="यह वेबसाइट अनद्रू हरिस का यत्न और संजय भांगर का निर्माण है.">By assembling and categorising photographs, videos, audio-clips and text,
 this site allows users to explore some of the new and diverse urban worlds
-created through flyover and skywalk construction.
+created through flyover and skywalk construction.</p>
 
-<p>All material was collected between April 2009 and January 2010 by Andrew
+<p class="trans" data-lang_hi="अनुसंधान का मूलधन यूके की इकोनोमिक एंड सोशल रिसर्च कौंसिल तथा अर्बन लाबरातोरी ऑफ यूनिवर्सिटी कॉलेज, लन्दन ने प्रस्तुत किया है.">All material was collected between April 2009 and January 2010 by Andrew
 Harris with the assistance of Savitri Medhatul. The website was devised by
 Andrew Harris and created by Sanjay Bhangar.The research was funded by
 the UK’s Economic and Social Research Council and the Urban Laboratory of
@@ -91,8 +92,8 @@ University College London.</p>
     <div class="contentWrapper questions">
     {% for key, value in questions.items %}
       <div class="questionWrapper">
-        <div class="question">
-          {{ value }}      
+        <div class="question trans" data-lang_hi="{{ value.hi }}">
+          {{ value.en }}      
         </div>
         <div class="answer">
           <textarea id="{{ key }}"></textarea>
@@ -101,11 +102,11 @@ University College London.</p>
     {% endfor %}
 
     <div class="questionWrapper">
-      Name (optional): <input type="text" id="name" /><br />
-      E-Mail (optional): <input type="text" id="email" /><br />
+      <span class="trans" data-lang_hi="नाम  (वैकल्पिक)">Name (optional):</span> <input type="text" id="name" /><br />
+      <span class="trans" data-lang_hi="इ-मेल - (वैकल्पिक)" E-Mail (optional): <input type="text" id="email" /><br />
     </div>
     <div class="questionWrapper">
-      <button id="submitQuestions">Submit</button>
+      <button id="submitQuestions" class="trans" data-lang_hi="भेजें">Submit</button>
     </div>
  </div>
 </script> 
@@ -156,8 +157,8 @@ University College London.</p>
     </div>
     <div id="buttons">
       <span class="navButtons">
-        <a class="navButton" href="Javascript:$.noop()" data-target="about" id="aboutBtn">About</a>
-        <a class="navButton" href="Javascript:$.noop()" data-target="questions" id="questionsBtn">Experiences</a>
+        <a class="navButton trans" href="Javascript:$.noop()" data-target="about" data-lang_hi="विषय" id="aboutBtn">About</a>
+        <a class="navButton trans" href="Javascript:$.noop()" data-target="questions" data-lang_hi="अनुभवें" id="questionsBtn">Experiences</a>
       </span>
 
     </div>