localization setting add

Author: nikitaeverywhere

example/index.html

@@ -13,6 +13,7 @@
     <script type="text/javascript" src="../source/js/PivotView.js"></script>
     <script type="text/javascript" src="../source/js/DataController.js"></script>
     <script type="text/javascript" src="../source/js/MDXParser.js"></script>
+    <script type="text/javascript" src="../source/js/PivotLocale.js"></script>
     <script type="text/javascript" src="../source/js/ExcelExport.js"></script>
     <!-- endbuild -->
     <style>
@@ -95,17 +96,18 @@
         }
 
         setup = {
-            container: document.getElementById("pivot"), // HTMLElement which will contain table.
-            dataSource: {
+            container: document.getElementById("pivot") // HTMLElement which will contain table.
+            //, locale: "en" // language to use (default: browser default or "en")
+            , dataSource: {
                 MDX2JSONSource: "http://" + location.hostname + ":57773/SAMPLES",
                 // MDX2JSON server address
                 basicMDX: typeof req === "object" ? req.basicMDX : req
                 //, pivot: "name of data source.pivot" // name of data source to apply pivot rules
                 //[ , namespace: "SAMPLES" ] // current namespace : default namespace
                 //[ , username: "USER" ] // user name : default user
                 //[ , password: "" ] // user password : default password
-            },
-            triggers: { //
+            }
+            , triggers: { //
                 // drillDown: function ({Object { level: {number}, mdx: {string} }}) {}
                 //, drillThrough: function ({Object { level: {number}, mdx: {string} }}) {}
                 //, back: function ({Object { level: {number} }}) {}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "LightPivotTable",
   "author": "ZitRo",
-  "version": "1.0.0-beta.9",
+  "version": "1.0.0-beta.10",
   "description": "A lightweight pivot table for MDX2JSON source for InterSystems Cache",
   "main": "test/testServer.js",
   "repository": {

readme.md

@@ -37,6 +37,7 @@ Then use global object constructed from <i>LightPivotTable</i>:
 ```js
 var setup = { // Object that contain settings. Any setting may be missed.
         container: document.getElementById("pivot") // HTMLElement which will contain table.
+        [, locale: "en" ] // language to use (default: browser default or "en")
         , dataSource: {
             MDX2JSONSource: "http://localhost:57772/SAMPLES", // MDX2JSON server address
             basicMDX: typeof req === "object" ? req.basicMDX : req

source/js/DataController.js

@@ -481,7 +481,7 @@ DataController.prototype.resetRawData = function () {
                     isCaption: true,
                     source: {},
                     noDrillDown: true,
-                    value: navigator.language === "ru" ? "Всего" : "Total"
+                    value: pivotLocale.get(0)
                 };
                 applyHeaderStyle(summary[i], false);
             } else {

source/js/LightPivotTable.js

@@ -322,6 +322,8 @@ LightPivotTable.prototype.init = function () {
         _.pivotView._backClickHandler.call(_.pivotView);
     };
 
+    if (this.CONFIG["locale"]) { pivotLocale.setLocale(this.CONFIG["locale"]); }
+
     this.refresh();
 
 };

source/js/PivotLocale.js

@@ -0,0 +1,59 @@
+/**
+ * Light pivot localization.
+ *
+ * @scope {pivotLocale} - Sets the pivotLocale scope variable.
+ * @param {string} [locale] - Two-letter language code.
+ * @constructor
+ */
+var PivotLocale = function (locale) {
+
+    this.LOCALE = "";
+
+    this.setLocale(locale || navigator.language);
+
+};
+
+/**
+ * Editable locales.
+ *
+ * @type {{ru: string, en: string, de: string}[]}
+ */
+PivotLocale.prototype.LOCALES = [
+    { "ru": "Всего", "en": "Total", "de": "Summe" }
+];
+
+/**
+ * @param {string} locale - Two-letter code locale.
+ */
+PivotLocale.prototype.setLocale = function (locale) {
+
+    var i, locales = [];
+
+    locale = locale.toLowerCase();
+
+    if (this.LOCALES[0].hasOwnProperty(locale)) {
+        this.LOCALE = locale;
+    } else {
+        for (i in this.LOCALES[0]) { locales.push(i); }
+        console.warn(
+            "LightPivot: locale " + locale + " is not supported. Currently localized: "
+            + locales.join(", ") + "."
+        );
+        this.LOCALE = "en";
+    }
+
+};
+
+/**
+ * Get the localized phrase.
+ *
+ * @param {number} index - Index of phrase.
+ * @returns {string} - Localized string.
+ */
+PivotLocale.prototype.get = function (index) {
+
+    return (this.LOCALES[index] || {})[this.LOCALE] || "{not localized}";
+
+};
+
+var pivotLocale = new PivotLocale();