Adding i18n to bulletin window view

Zambom
1 parent e2879923
Showing 1 changed file with 105 additions and 123 deletions Show diff stats
bulletin/templates/bulletin/window_view.html
@@ -91,103 +91,85 @@
 		{% endif %}
 				{% autoescape off %}
-				 {{ bulletin.content }}
+					{{ bulletin.content }}
 				{% endautoescape %}
 				<div style="padding-left: 0px;padding-right: 0px;">
-					<div align="left" style="font-size:22px; color: #878787; padding-top: 0px;">Confira as suas metas</div>
+					<div align="left" style="font-size:22px; color: #878787; padding-top: 0px;">{% trans 'Check your goals' %}</div>
 					<hr style="height:2px; background-color:#878787; margin-top: 5px;">
 					<div class="row">
 					    <div class="col-md-4">
-								<div align="center" style="font-size:16px; color: #000; padding-botom: 10px;"><b>Metas Atingidas</b></div>
+								<div align="center" style="font-size:16px; color: #000; padding-botom: 10px;"><b>{% trans 'Goals Reached' %}</b></div>
 								<div id="donut_chart" align="center"></div>
 							</div>
 					    <div class="col-md-8">
-								<div style="font-size:16px; text-align:left; color: #000; padding-left: 10px; "><b>Detalhamento das metas</b></div>
-								<hr style="height:2px; background-color:#878787;margin-top: 5px;margin-bottom: 5px;">
-								<table class="table table-hover">
-									<thead>
+							<div style="font-size:16px; text-align:left; color: #000; padding-left: 10px; "><b>{% trans 'Goals Details' %}</b></div>
+							<hr style="height:2px; background-color:#878787;margin-top: 5px;margin-bottom: 5px;">
+							<table class="table table-hover">
+								<thead>
 				    				<tr>
-				      				<th style="text-align:center">Descrição</th>
-				      				<th style="width:150px; text-align:center">Recomendação </br> do(a) professor(a)</th>
-											<th style="text-align:center">Média da turma</th>
-											<th style="text-align:center">Sua meta</th>
-											<th style="text-align:center">Seu resultado</th>
+				      					<th style="text-align:center">{% trans 'Description' %}</th>
+										<th style="width:150px; text-align:center">{% trans "Professor's recomendation" %}</th>
+										<th style="text-align:center">{% trans 'Class average' %}</th>
+										<th style="text-align:center">{% trans 'Your goal' %}</th>
+										<th style="text-align:center">{% trans 'Your result' %}</th>
 				    				</tr>
 				  				</thead>
 				  				<tbody>
 										{% for meta in metas%}
 										<tr>
-											<th style="font-weight: normal;">{{ meta.description }}</th>
-											<th style="text-align:center;font-weight: normal;">{{ meta.desejada }} %</th>
-				      				<td style="text-align:center;font-weight: normal;">{{ meta.media }}%</td>
-											<th style="text-align:center; font-weight: normal;">{{ meta.estabelecida }}%</th>
+											<td style="font-weight: normal;">{{ meta.description }}</td>
+											<td style="text-align:center;font-weight: normal;">{{ meta.desejada }} %</td>
+				      						<td style="text-align:center;font-weight: normal;">{{ meta.media }}%</td>
+											<td style="text-align:center; font-weight: normal;">{{ meta.estabelecida }}%</td>
 											<!-- Cor amarela -->
 											{% if meta.alcancada < meta.desejada and meta.alcancada > meta.estabelecida or meta.alcancada < meta.desejada and meta.alcancada == meta.estabelecida %}
-												<th style="text-align:center;background-color:#f8b800 ; text-shadow: 1px 1px 2px #000; color:#fff; font-weight: normal;"
+												<td style="text-align:center;background-color:#f8b800 ; text-shadow: 1px 1px 2px #000; color:#fff; font-weight: normal;"
 												data-toggle="tooltip" data-html="true" data-placement="bottom"
-												title="<b>Meta atingida!</b><br><br>Atenção! O seu resultado foi inferior ao recomendado pelo professor." class="grey-tooltip">
-												{{ meta.alcancada }}%</th>
-											{% endif %}
-
-											{% if meta.alcancada > meta.desejada and meta.alcancada < meta.estabelecida or meta.alcancada == meta.desejada and meta.alcancada < meta.estabelecida %}
-												<th style="text-align:center;background-color:#f8b800 ; text-shadow: 1px 1px 2px #000; color:#fff; font-weight: normal;"
+												title="{% trans "<b>Goal reached!</b><br /><br /> Atention! Your result were lower than the professor's recommendation." %}" class="grey-tooltip">
+												{{ meta.alcancada }}%</td>
+											{% elif meta.alcancada > meta.desejada and meta.alcancada < meta.estabelecida or meta.alcancada == meta.desejada and meta.alcancada < meta.estabelecida %}
+												<td style="text-align:center;background-color:#f8b800 ; text-shadow: 1px 1px 2px #000; color:#fff; font-weight: normal;"
 												data-toggle="tooltip" data-html="true" data-placement="bottom"
-												title="<b>Meta atingida!</b><br><br>Atenção! O seu resultado foi inferior a sua meta inicial." class="grey-tooltip">
-												{{ meta.alcancada }}%</th>
-											{% endif %}
-
-											<!-- Cor amarela -->
-
-											<!-- Cor verde -->
-											{% if meta.alcancada > meta.desejada and meta.alcancada > meta.estabelecida or meta.alcancada == meta.desejada and meta.alcancada > meta.estabelecida or meta.alcancada > meta.desejada and meta.alcancada == meta.estabelecida or meta.alcancada == 100 or meta.alcancada == meta.desejada and meta.alcancada == meta.estabelecida %}
-												<th style="text-align:center;background-color:#00d337;  text-shadow: 1px 1px 2px #000; color:#fff; font-weight: normal;"
+												title="{% trans "<b>Goal reached!</b><br /><br /> Atention! Your result were lower than your initial goal." %}" class="grey-tooltip">
+												{{ meta.alcancada }}%</td>
+											{% elif meta.alcancada > meta.desejada and meta.alcancada > meta.estabelecida or meta.alcancada == meta.desejada and meta.alcancada > meta.estabelecida or meta.alcancada > meta.desejada and meta.alcancada == meta.estabelecida or meta.alcancada == 100 or meta.alcancada == meta.desejada and meta.alcancada == meta.estabelecida %}
+												<td style="text-align:center;background-color:#00d337;  text-shadow: 1px 1px 2px #000; color:#fff; font-weight: normal;"
 												data-toggle="tooltip" data-html="true" data-placement="bottom"
-												title="<b>Meta atingida!</b>" class="grey-tooltip">
-												{{ meta.alcancada }}%</th>
-											{% endif %}
-
-											<!-- Cor verde -->
-
-											<!-- Cor vermelha -->
-											{% if meta.alcancada < meta.desejada and meta.alcancada < meta.estabelecida %}
-												<th style="text-align:center;background-color:#ff0000; text-shadow: 1px 1px 2px #000; color:#fff; font-weight: normal;"
+												title="{% trans "<b>Goal reached!</b>" %}" class="grey-tooltip">
+												{{ meta.alcancada }}%</td>
+											{% elif meta.alcancada < meta.desejada and meta.alcancada < meta.estabelecida %}
+												<td style="text-align:center;background-color:#ff0000; text-shadow: 1px 1px 2px #000; color:#fff; font-weight: normal;"
 												data-toggle="tooltip" data-html="true" data-placement="bottom"
-												title="<b>Meta não atingida!</b><br><br>Resultado inferior </br>a sua meta e ao recomendado pelo professor." class="grey-tooltip">
-												{{ meta.alcancada }}%</th>
+												title="{% trans "<b>Goal not reached!</b><br /><br /> Result lower than your goal and the professor's recommendation." %}" class="grey-tooltip">
+												{{ meta.alcancada }}%</td>
 											{% endif %}
-											<!-- Cor vermelha -->
-
-
 										</tr>
-
-										{% endfor %}
-
-
+									{% endfor %}
 				  				</tbody>
-								</table>
-								<hr style="height:1px; background-color:#878787;margin-top: -20px;">
-							</div>
+							</table>
+							<hr style="height:1px; background-color:#878787;margin-top: -20px;">
+						</div>
 					</div>
 				</div>
 				<div style="padding-left: 0px;padding-right: 0px;">
-					<div align="left" style="font-size:22px; color: #878787; padding-top: 25px; ">Indicadores relevantes para o seu desempenho</div>
+					<div align="left" style="font-size:22px; color: #878787; padding-top: 25px;">{% trans 'Relevant indicators to your performance' %}</div>
 					<hr style="height:2px; background-color:#878787; margin-top: 5px;">
 					<div class="row" style="padding-left: 15px;" >
 						<table >
 							<tr >
 								<td style="background-color:#002F4B; width: 20px;"></td>
-								<td style="padding-left: 5px;">Seu resultado</td>
+								<td style="padding-left: 5px;">{% trans 'Your result' %}</td>
 								<td style="width: 20px"></td>
 								<td style="background-color:#009688; width: 20px;"></td>
-								<td style="padding-left: 5px;">Nível acima da mediana dos aprovados</td>
+								<td style="padding-left: 5px;">{% trans 'Level above the approved median' %}</td>
 								<td style="width: 20px"></td>
 								<td style="background-color:#d0cebb; width: 20px;"></td>
-								<td style="padding-left: 5px;">Nível abaixo da mediana dos aprovados</td>
+								<td style="padding-left: 5px;">{% trans 'Level below the approved median' %}</td>
 								<td style="width: 30px"></td>
 							</tr>
 						</table>
@@ -202,7 +184,7 @@
 							<div class="col-md-5">
 								<div style="font-size:16px; text-align:left; color: #000; padding-left: 20px;padding-top: 30px; ">
-									<b>Descrição dos indicadores</b>
+									<b>{% trans 'Indicators description' %}</b>
 								</div>
 								<hr style="height:2px; background-color:#878787;margin-top: 5px;margin-bottom: -1px;">
@@ -212,7 +194,7 @@
 										{% for titulo in titulos %}
 												<tr>
 													<th style="width:110px;">
-														Indicador 0{{forloop.counter }}:
+														{% trans 'Indicator' %} {{ forloop.counter|stringformat:"02d" }}:
 													</th>
 													<th style="text-align:left; font-weight: normal; padding-left:0px;">
 														{{titulo}}
@@ -263,10 +245,10 @@
 					</div>
 				{% endif %}
-{% include 'session_security/all.html' %}
-			<script type="text/javascript">
-				sessionSecurity.confirmFormDiscard = undefined;
-			</script>
+		{% include 'session_security/all.html' %}
+		<script type="text/javascript">
+			sessionSecurity.confirmFormDiscard = undefined;
+		</script>
 		<script type="text/javascript">
 		$('[data-toggle="tooltip"]').tooltip({
@@ -478,12 +460,12 @@
 		var height = h - margin.top - margin.bottom;
 		// Definindo x1 com escala ordinal
-		var x = d3.scale.ordinal().domain(ind01.map(function(entry){return "Indicador 01";})).rangeBands([0, width]);
-		var x2 = d3.scale.ordinal().domain(ind02.map(function(entry){return "Indicador 02";})).rangeBands([0, width]);
-		var x3 = d3.scale.ordinal().domain(ind03.map(function(entry){return "Indicador 03";})).rangeBands([0, width]);
-		var x4 = d3.scale.ordinal().domain(ind04.map(function(entry){return "Indicador 04";})).rangeBands([0, width]);
-		var x5 = d3.scale.ordinal().domain(ind05.map(function(entry){return "Indicador 05";})).rangeBands([0, width]);
-		var x6 = d3.scale.ordinal().domain(ind06.map(function(entry){return "Indicador 06";})).rangeBands([0, width]);
+		var x = d3.scale.ordinal().domain(ind01.map(function(entry){return "{% trans 'Indicator' %} 01";})).rangeBands([0, width]);
+		var x2 = d3.scale.ordinal().domain(ind02.map(function(entry){return "{% trans 'Indicator' %} 02";})).rangeBands([0, width]);
+		var x3 = d3.scale.ordinal().domain(ind03.map(function(entry){return "{% trans 'Indicator' %} 03";})).rangeBands([0, width]);
+		var x4 = d3.scale.ordinal().domain(ind04.map(function(entry){return "{% trans 'Indicator' %} 04";})).rangeBands([0, width]);
+		var x5 = d3.scale.ordinal().domain(ind05.map(function(entry){return "{% trans 'Indicator' %} 05";})).rangeBands([0, width]);
+		var x6 = d3.scale.ordinal().domain(ind06.map(function(entry){return "{% trans 'Indicator' %} 06";})).rangeBands([0, width]);
 		// Definindo y com escala linear
 		var y = d3.scale.linear().domain([0, d3.max(ind01, function(d){return d.maximo;})]).range([height, 0]);
@@ -554,9 +536,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("y", function(d,i){
 							return y(d.maximo);
@@ -582,9 +564,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("y", function(d,i){
 							return y(d.mediana);
@@ -614,9 +596,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("x", 20)
 						.attr("width", function(d){
@@ -669,9 +651,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("y2", function(d,i){
 							return y2(d.maximo);
@@ -697,9 +679,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("y", function(d,i){
 							return y2(d.mediana);
@@ -728,9 +710,9 @@
 										.style("left", d3.event.pageX - 80 + "px")
 										.style("top", d3.event.pageY - 110 + "px")
 										.style("display", "inline-block")
-										.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-													+ "Máximo: " + (d.maximo)
-													+ "<br>" +  "Mediana: " + (d.mediana));
+										.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 							})
 							.attr("x", 20)
 							.attr("width", function(d){
@@ -782,9 +764,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("y", function(d,i){
 							return y3(d.maximo);
@@ -809,9 +791,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("y", function(d,i){
 							return y3(d.mediana);
@@ -840,9 +822,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("x", 20)
@@ -895,9 +877,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("y", function(d,i){
 							return y4(d.maximo);
@@ -922,9 +904,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("y", function(d,i){
 							return y4(d.mediana);
@@ -954,9 +936,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("x", 20)
@@ -1011,9 +993,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("y5", function(d,i){
 							return y5(d.maximo);
@@ -1038,9 +1020,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("y", function(d,i){
@@ -1070,9 +1052,9 @@
 										.style("left", d3.event.pageX - 80 + "px")
 										.style("top", d3.event.pageY - 110 + "px")
 										.style("display", "inline-block")
-										.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-													+ "Máximo: " + (d.maximo)
-													+ "<br>" +  "Mediana: " + (d.mediana));
+										.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 							})
 							.attr("x", 20)
@@ -1126,9 +1108,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("y", function(d,i){
 							return y6(d.maximo);
@@ -1153,9 +1135,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("y", function(d,i){
 							return y6(d.mediana);
@@ -1184,9 +1166,9 @@
 									.style("left", d3.event.pageX - 80 + "px")
 									.style("top", d3.event.pageY - 110 + "px")
 									.style("display", "inline-block")
-									.html("<b>Seu resultado: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
-												+ "Máximo: " + (d.maximo)
-												+ "<br>" +  "Mediana: " + (d.mediana));
+									.html("<b>{% trans 'Your result' %}: </b>"+ "<b>" + (d.valor) + "</b>" + "<br>" + "<br>"
+												+ "{% trans 'Max' %}: " + (d.maximo)
+												+ "<br>" +  "{% trans 'Median' %}: " + (d.mediana));
 						})
 						.attr("x", 20 )