Set lang for running html samples.

Move localization strings to API viewer/explorer script, fixes #18

Author: damyanpetev

build/localizeFiles.js

@@ -9,7 +9,7 @@ var path = require("path"),
 module.exports = function(options) {
 
 	var processStream = function(file, encoding, next){
-		var contentsEN, contentsJA, $, jaFile, token,
+		var contentsEN, contentsJA, jaFile, token,
 			basePath = path.dirname(file.path),
 			fileName = path.basename(file.path, path.extname(file.path)),
 			enStrings, jaStrings,

build/updateResources.js

@@ -34,22 +34,30 @@ module.exports = function (options) {
 	};
 
 	var processStream = function (file, encoding, next) {
-		var contents, stream, $, jsStart;
+		var contents, stream, $, jsStart, $head;
 
 		contents = file.contents.toString(encoding);
 		stream = this;
 
 		// https://github.com/cheeriojs/cheerio#loading
 		$ = file.cheerio = file.cheerio || cheerio.load(contents, { decodeEntities: false });
 
+		//set file language
+		$("html").attr("lang", file.lang);
 		if (file.lang == "ja") {
 			// find the first script file /js/infragistics.(core|loader)
 			jsStart = $("script[src*='%%ignite-ui%%/js/infragistics.']");
 			if (!jsStart.length) {
 				throw new Error("Couldn't find core or loader script.");
 			}
 			jsStart.eq(0).before("<script src=\"%%ignite-ui%%/js/i18n/infragistics-ja.js\"></script>");
-			$("head").append("<script src=\"%%ignite-ui%%/js/modules/i18n/regional/infragistics.ui.regional-ja.js\"></script>");
+			$head = $("head");
+			$head.append("<script src=\"%%ignite-ui%%/js/modules/i18n/regional/infragistics.ui.regional-ja.js\"></script>");
+
+			// ensure charset meta:
+			if (!$head.find("meta[charset]").length) {
+				$("<meta>", { charset: "utf-8"}).prependTo($head).attr("charset", "utf-8");
+			}
 		}
 
 		// script tags

js/apiviewer.js

@@ -6,9 +6,12 @@ $.ig = $.ig || {};
 
 $.extend($.ig, {
     apiViewer: function () {
+        var lang = $("html").attr("lang"),
+            strings = this.locale[ lang ] || this.locale.en;
+
         $(".api-explorer,.api-viewer").addClass("api-ui").wrap("<div class='api-container' />");
-        $(".api-viewer").before("<div class='api-viewer-header api-ui'>$$(API_Viewer)</div>");
-        $(".api-explorer").before("<div class='api-viewer-header api-ui'>$$(API_Explorer)</div>");
+        $(".api-viewer").before("<div class='api-viewer-header api-ui'>" + strings.API_Viewer + "</div>");
+        $(".api-explorer").before("<div class='api-viewer-header api-ui'>" + strings.API_Explorer + "</div>");
         $(".api-explorer,.api-viewer").show();
     }
 });
@@ -23,7 +26,7 @@ $.ig.apiViewer.prototype = {
             this._prevCount = 1;
             $(_$select).prepend("<div id='firstRow' class='api-row'>" + content + "</div>");
             /* OK 7/1/2013 145828 - This causes an exception in the ui-min when it is in an IFrame (jsFiddle) */
-            try{
+            try {
                 $("#firstRow").show("blind", 200, function () {
                     $(this).animate({ backgroundColor: "#FFFFFF" }, 500, function () {
                         $(this).removeAttr("id");
@@ -43,5 +46,15 @@ $.ig.apiViewer.prototype = {
         }
 
         this._prevContent = content;
+    },
+    locale: {
+        en: {
+            "API_Viewer": "API Viewer",
+            "API_Explorer": "API Explorer"
+        },
+        ja: {
+            "API_Viewer": "API ビューアー",
+            "API_Explorer": "API エクスプローラー"
+        }
     }
 }